:root{--ds-primary: #2563eb;--ds-primary-hover: #1d4ed8;--ds-foreground: #0f172a;--ds-secondary-foreground: #64748b;--ds-surface: #ffffff;--ds-surface-muted: #f8fafc;--ds-canvas: #f5f7fb;--ds-border: #e2e8f0;--ds-success: #10b981;--ds-warning: #b45309;--ds-danger: #dc2626;--ds-focus: rgba(37, 99, 235, .16);--ds-radius-control: 10px;--ds-radius-card: 14px;--ds-shadow: 0 1px 2px rgba(9, 39, 71, .05);--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-control-height: 42px;--font-sans: Inter, ui-sans-serif, system-ui, sans-serif;--brand-primary: var(--ds-primary);--brand-primary-hover: var(--ds-primary-hover);--brand-navy: var(--ds-foreground);--surface: var(--ds-surface);--text-primary: var(--ds-foreground);--text-secondary: #344054;--text-placeholder: #8795a8;--input-border: #d8e2ee;--focus-ring: var(--ds-focus)}html,body{max-width:100%;overflow-x:clip}@media not (prefers-contrast:more){@supports not selector(::-webkit-scrollbar){:where(html,.wrapper,.ds-content,.ds-table-wrap,.ds-content div:has(>table),.lh-scroll,.table-responsive,.tbl-800,.tbl-1200,.modal-body,.modal-dialog-scrollable .modal-body,.tree-canvas,textarea,.lh-sidebar .lh-sb-wrapper,.lh-notify-bar .lh-bar-content .tab-content,.lh-tools-sidebar .lh-tools-detail){scrollbar-width:thin;scrollbar-color:#9aabbb #f3f6f9}}:where(html,.wrapper,.ds-content,.ds-table-wrap,.ds-content div:has(>table),.lh-scroll,.table-responsive,.tbl-800,.tbl-1200,.modal-body,.modal-dialog-scrollable .modal-body,.tree-canvas,textarea,.lh-sidebar .lh-sb-wrapper,.lh-notify-bar .lh-bar-content .tab-content,.lh-tools-sidebar .lh-tools-detail)::-webkit-scrollbar{width:6px;height:6px}:where(html,.wrapper,.ds-content,.ds-table-wrap,.ds-content div:has(>table),.lh-scroll,.table-responsive,.tbl-800,.tbl-1200,.modal-body,.modal-dialog-scrollable .modal-body,.tree-canvas,textarea,.lh-sidebar .lh-sb-wrapper,.lh-notify-bar .lh-bar-content .tab-content,.lh-tools-sidebar .lh-tools-detail)::-webkit-scrollbar-track{background:#f3f6f9;border-radius:999px}:where(html,.wrapper,.ds-content,.ds-table-wrap,.ds-content div:has(>table),.lh-scroll,.table-responsive,.tbl-800,.tbl-1200,.modal-body,.modal-dialog-scrollable .modal-body,.tree-canvas,textarea,.lh-sidebar .lh-sb-wrapper,.lh-notify-bar .lh-bar-content .tab-content,.lh-tools-sidebar .lh-tools-detail)::-webkit-scrollbar-thumb{background:#b7c3d0;border-radius:999px}:where(html,.wrapper,.ds-content,.ds-table-wrap,.ds-content div:has(>table),.lh-scroll,.table-responsive,.tbl-800,.tbl-1200,.modal-body,.modal-dialog-scrollable .modal-body,.tree-canvas,textarea,.lh-sidebar .lh-sb-wrapper,.lh-notify-bar .lh-bar-content .tab-content,.lh-tools-sidebar .lh-tools-detail)::-webkit-scrollbar-thumb:hover{background:#7d8ea0}:where(html,.wrapper,.ds-content,.ds-table-wrap,.ds-content div:has(>table),.lh-scroll,.table-responsive,.tbl-800,.tbl-1200,.modal-body,.modal-dialog-scrollable .modal-body,.tree-canvas,textarea,.lh-sidebar .lh-sb-wrapper,.lh-notify-bar .lh-bar-content .tab-content,.lh-tools-sidebar .lh-tools-detail)::-webkit-scrollbar-corner{background:transparent}@media(prefers-reduced-motion:no-preference){:where(html,.ds-table-wrap,.lh-scroll,.table-responsive,.tree-canvas,.lh-sidebar .lh-sb-wrapper)::-webkit-scrollbar-thumb{transition:background-color .2s ease}}}:root{--primary: #0878d1;--primary-dark: #0752a0;--text: #172033;--muted: #758096;--border: #e2e8f0}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#f3f6fc;color:var(--text)}.register-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:35px 16px}.register-card{width:100%;max-width:650px;padding:38px 48px;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:22px;box-shadow:0 20px 60px #1e37641a}.register-logo{display:flex;justify-content:center;align-items:center;margin-bottom:22px}.register-logo img{display:block;width:100%;max-width:160px;height:75px;object-fit:contain}.register-heading{margin:0 0 8px;text-align:center;font-size:30px;font-weight:800;letter-spacing:-.7px}.register-subtitle{margin:0 0 28px;color:var(--muted);text-align:center;font-size:14px}.section-label{margin:22px 0 15px;padding-bottom:9px;border-bottom:1px solid #edf0f6;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:1.3px}.form-label{margin-bottom:8px;color:#293449;font-size:13px;font-weight:700}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#8995aa;font-size:16px;pointer-events:none}.input-wrap .form-control{min-height:49px;padding:11px 43px;border:1px solid var(--border);border-radius:10px;background:#f9fbff;color:var(--text);font-size:13px;box-shadow:none}.input-wrap .form-control::placeholder{color:#a0a9b9}.input-wrap .form-control:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2563eb17}.password-toggle{position:absolute;right:10px;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#7c879b;cursor:pointer}.password-toggle:hover{color:var(--primary);background:#edf3ff}.terms-label{display:flex;align-items:flex-start;gap:9px;color:#657087;font-size:12px;line-height:1.7;cursor:pointer}.terms-label input{margin-top:4px;flex-shrink:0}.terms-label a,.login-link{color:var(--primary);font-weight:700;text-decoration:none}.terms-label a:hover,.login-link:hover{text-decoration:underline}.register-btn{width:100%;min-height:51px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;border:0;border-radius:11px;background:linear-gradient(100deg,var(--primary),var(--primary-dark));color:#fff;font-size:14px;font-weight:700;box-shadow:0 8px 18px #2563eb33;cursor:pointer;transition:.2s ease}.register-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2563eb40}.register-footer{margin-top:25px;text-align:center;color:var(--muted);font-size:13px}.back-home{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#66738a;font-size:12px;font-weight:600;text-decoration:none}.back-home:hover{color:var(--primary)}.form-message{font-size:13px}@media(max-width:576px){body{background:#fff}.register-wrapper{padding:0;align-items:flex-start}.register-card{min-height:100vh;padding:25px 21px;border:0;border-radius:0;box-shadow:none}.register-logo{margin-bottom:17px}.register-logo img{max-width:140px;height:65px}.register-heading{font-size:27px}.register-subtitle{font-size:13px;margin-bottom:22px}.section-label{margin-top:19px}}@media(max-width:360px){.register-card{padding:22px 16px}}
