:root{--n-0: oklch(99% .003 150);--n-50: oklch(97.5% .004 150);--n-100: oklch(95% .005 150);--n-200: oklch(90% .006 150);--n-300: oklch(82% .008 150);--n-400: oklch(68% .01 150);--n-500: oklch(55% .012 150);--n-600: oklch(44% .012 150);--n-700: oklch(34% .01 150);--n-800: oklch(25% .009 150);--n-900: oklch(19% .008 150);--n-950: oklch(15% .007 150);--p-50: oklch(95% .03 152);--p-100: oklch(90% .05 152);--p-200: oklch(83% .07 152);--p-300: oklch(74% .09 152);--p-400: oklch(64% .1 152);--p-500: oklch(55% .11 152);--p-600: oklch(46% .11 152);--p-700: oklch(38% .1 152);--p-800: oklch(30% .08 152);--p-900: oklch(23% .06 152);--s-100: oklch(90% .05 55);--s-300: oklch(74% .09 55);--s-500: oklch(55% .11 55);--s-700: oklch(38% .1 55);--success: var(--p-600);--success-bg: var(--p-50);--warning: oklch(55% .13 75);--warning-bg: oklch(95% .04 75);--danger: oklch(55% .15 25);--danger-bg: oklch(95% .03 25);--info: oklch(55% .11 230);--info-bg: oklch(95% .02 230);--font-sans: "Public Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 34px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 3px oklch(20% .01 150 / .08), 0 1px 2px oklch(20% .01 150 / .04);--shadow-md: 0 4px 10px oklch(20% .01 150 / .08), 0 1px 3px oklch(20% .01 150 / .06);--shadow-lg: 0 12px 28px oklch(20% .01 150 / .12);--sidebar-width: 248px;--sidebar-width-collapsed: 72px;--topbar-height: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--n-50);color:var(--n-900);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-shell{min-height:100vh;display:flex}.auth-shell__brand{display:none}.auth-shell__form{flex:1;display:flex;align-items:center;justify-content:center;background:var(--n-0);padding:var(--space-6)}@media(min-width:900px){.auth-shell__brand{display:flex;flex-direction:column;justify-content:center;width:50%;padding:var(--space-16);background:var(--p-50)}}.auth-shell__brand-wordmark{font-weight:800;font-size:var(--text-lg);color:var(--p-700);margin:0 0 var(--space-10)}.auth-shell__brand-heading{font-weight:800;font-size:var(--text-3xl);line-height:1.25;color:var(--n-900);max-width:440px;margin:0 0 var(--space-4)}.auth-shell__brand-text{font-size:var(--text-md);line-height:1.6;color:var(--p-700);max-width:400px;margin:0}.auth-card{width:100%;max-width:400px}.auth-card__title{font-weight:800;font-size:var(--text-xl);margin:0 0 4px;color:var(--n-900)}.auth-card__subtitle{font-size:var(--text-sm);color:var(--n-500);margin:0 0 28px}.auth-card__footer{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--n-500);text-align:center}.auth-card__footer a{color:var(--p-600);font-weight:600;text-decoration:none;cursor:pointer}.auth-card__footer a:hover{text-decoration:underline}.segmented{display:flex;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--n-100);margin-bottom:var(--space-5)}.segmented__option{flex:1;height:36px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--n-600);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer}.segmented__option--active{background:var(--n-0);color:var(--p-700);box-shadow:var(--shadow-sm)}.role-toggle{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.role-toggle__option{flex:1;height:44px;border-radius:var(--radius-md);border:1px solid var(--n-300);background:var(--n-0);color:var(--n-600);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer}.role-toggle__option--active{border-color:var(--p-500);background:var(--p-50);color:var(--p-700)}.field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);font-weight:600;color:var(--n-900);margin-bottom:var(--space-4)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.field-row .field{margin-bottom:0}.field input,.field select,.field textarea{height:40px;border-radius:var(--radius-md);border:1px solid var(--n-300);padding-inline:var(--space-3);font-size:var(--text-base);font-family:var(--font-sans);font-weight:400;color:var(--n-900);background:var(--n-0)}.field textarea{height:auto;padding-block:var(--space-2);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--p-400);outline-offset:1px;border-color:var(--p-600)}.password-field{position:relative}.password-field input{width:100%;padding-right:40px}.password-toggle{position:absolute;top:0;right:0;height:40px;width:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--n-500);cursor:pointer}.password-toggle:hover{color:var(--n-700)}.field input.ng-invalid.ng-touched{border-color:var(--danger)}.field-error{font-size:var(--text-xs);font-weight:500;color:var(--danger)}.required-mark{color:var(--danger);font-weight:700;margin-left:2px}.form-error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-bg);color:var(--danger);font-size:var(--text-sm);list-style:none}.form-error li+li{margin-top:4px}.btn{height:42px;border-radius:var(--radius-md);border:none;font-family:var(--font-sans);font-weight:700;font-size:var(--text-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.btn-primary{width:100%;background:var(--p-600);color:var(--n-0)}.btn-primary:hover{background:var(--p-700)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--n-0);border:1px solid var(--n-300);color:var(--n-700)}.btn-secondary:hover{background:var(--n-100)}.onboarding-options{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.onboarding-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--n-300);background:var(--n-0);text-align:left;cursor:pointer;font-family:var(--font-sans)}.onboarding-option:hover{border-color:var(--p-400);background:var(--p-50)}.onboarding-option__title{font-size:var(--text-base);font-weight:600;color:var(--n-900)}.onboarding-option__desc{font-size:var(--text-xs);color:var(--n-500)}.btn--auto{width:auto;padding-inline:var(--space-4)}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--n-0);border-right:1px solid var(--n-200);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:2px;transition:width .18s ease;overflow:hidden}.admin-sidebar--collapsed{width:var(--sidebar-width-collapsed)}.admin-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px var(--space-3) var(--space-5)}.admin-sidebar--collapsed .admin-sidebar__header{justify-content:center}.admin-sidebar__logo{color:var(--p-700);font-weight:800;font-size:var(--text-lg)}.admin-sidebar__toggle{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--n-500);flex-shrink:0;background:none;border:none}.admin-sidebar__toggle:hover{background:var(--n-100)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--n-600);font-weight:400;text-decoration:none;cursor:pointer;white-space:nowrap;border:none;background:none;width:100%;text-align:left}.admin-sidebar--collapsed .admin-nav-item{justify-content:center}.admin-nav-item:hover{background:var(--n-100);color:var(--n-900)}.admin-nav-item.active{background:var(--p-50);color:var(--p-700);font-weight:600}.admin-nav-item--parent{justify-content:space-between}.admin-nav-item--sub{padding-left:var(--space-6)}.admin-sidebar--collapsed .admin-nav-item--sub{padding-left:var(--space-3)}.admin-nav-chevron{transition:transform .15s ease;color:var(--n-500);flex-shrink:0;display:inline-flex}.admin-nav-chevron--open{transform:rotate(180deg)}.admin-sidebar__spacer{flex:1}.admin-sidebar__user-footer{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-top:1px solid var(--n-100);margin-top:var(--space-2);cursor:pointer;text-decoration:none}.admin-sidebar--collapsed .admin-sidebar__user-footer{justify-content:center}.admin-sidebar__user-footer-name{color:var(--n-900);font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:30px;height:30px;border-radius:var(--radius-pill);background:var(--p-600);color:var(--n-0);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-8);background:var(--n-0);border-bottom:1px solid var(--n-200)}.admin-topbar__breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--n-500)}.admin-topbar__sep{color:var(--n-300)}.admin-topbar__current{color:var(--n-900);font-weight:600}.admin-topbar__actions{display:flex;align-items:center;gap:var(--space-5)}.admin-topbar__notif{position:relative;width:36px;height:36px;border-radius:var(--radius-pill);border:none;background:var(--n-100);font-size:var(--text-md);cursor:pointer}.admin-topbar__notif:hover{background:var(--n-200)}.admin-topbar__notif-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--s-500);border:1.5px solid var(--n-0)}.admin-topbar__user{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-5);border-left:1px solid var(--n-200)}.admin-topbar__user-name{color:var(--n-800);font-size:var(--text-sm);font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar__logout{background:none;border:none;color:var(--n-500);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;padding:4px}.admin-sidebar__logout:hover{color:var(--n-900)}.admin-content{flex:1;padding:var(--space-8) var(--space-10);overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-2xl);font-weight:800;margin:0 0 4px;color:var(--n-900)}.page-header__subtitle{font-size:var(--text-sm);color:var(--n-500)}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-card__label{font-size:var(--text-xs);color:var(--n-500);margin-bottom:6px}.stat-card__value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);color:var(--n-900)}.data-table-card{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table th{text-align:left;color:var(--n-500);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--n-200)}.data-table td{padding:14px var(--space-4);border-bottom:1px solid var(--n-100);color:var(--n-900)}.data-table tbody tr:last-child td{border-bottom:none}.data-table__owner{color:var(--n-600)}.data-table__segments{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--n-700)}.data-table__action{text-align:right;display:flex;gap:var(--space-3);justify-content:flex-end}.data-table__action a{color:var(--p-600);font-weight:600;font-size:var(--text-sm);text-decoration:none;white-space:nowrap;cursor:pointer}.data-table__action a:hover{text-decoration:underline}.data-table__action a.data-table__action--danger{color:var(--danger)}.pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600}.pill--success{background:var(--success-bg);color:var(--p-700)}.pill--warning{background:var(--warning-bg);color:var(--warning)}.pill--danger{background:var(--danger-bg);color:var(--danger)}.pill--info{background:var(--info-bg);color:var(--info)}.pill--neutral{background:var(--n-100);color:var(--n-600)}