:root{--primary: #0567e8;--secondary: #66cbed;--accent: #62eeab;--text: #333333;--text-muted: #6b7280;--line: #ededed;--bg: #ffffff;--primary-dark: #0450b8;--primary-ink: #05356f;--primary-wash: #eef5fe;--accent-wash: #e9fdf3;--secondary-wash: #eaf8fd;--danger: #d92d20;--danger-wash: #fef3f2;--warn: #f8d210;--warn-wash: #fffbea;--font-display: "Poppins", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: .6875rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-lg: 1.0625rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(5, 103, 232, .06);--shadow-md: 0 4px 16px rgba(5, 103, 232, .1);--shadow-lg: 0 12px 40px rgba(5, 103, 232, .16);--gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--nav-w: 236px;--header-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--primary-ink);margin:0;letter-spacing:-.01em}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth{min-height:100%;display:grid;grid-template-columns:1fr;place-items:center;padding:var(--s5);background:radial-gradient(1200px 600px at 15% -10%,var(--secondary-wash),transparent 60%),radial-gradient(900px 500px at 110% 110%,var(--accent-wash),transparent 55%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--bg);border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.auth-card__bar{height:6px;background:var(--gradient)}.auth-card__body{padding:var(--s6) var(--s5) var(--s5)}.auth-mark{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--primary-ink);letter-spacing:-.02em;margin-bottom:var(--s1)}.auth-mark span{color:var(--primary)}.auth-mark__sub{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted);margin-bottom:var(--s1)}.auth-sub{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 var(--s5)}.auth-foot{margin-top:var(--s4);display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--fs-sm)}.field{margin-bottom:var(--s4)}.field>label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--s2);color:var(--text)}.field__hint{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--s2)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;padding:11px 13px;font-family:inherit;font-size:var(--fs-base);line-height:1.4;color:var(--text);background:var(--bg);border:2px solid var(--line);border-radius:var(--r-sm);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type=checkbox]):not([type=radio]):not([type=file]):hover,select:hover,textarea:hover{border-color:#dcdfe3}input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0567e81f}input::placeholder,textarea::placeholder{color:#a8adb5}input:disabled,select:disabled,textarea:disabled{background:#f7f8f9;border-color:var(--line);color:var(--text-muted);cursor:not-allowed}select{padding-right:38px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;cursor:pointer}input[type=file]{width:100%;font-family:inherit;font-size:var(--fs-sm);color:var(--text-muted);padding:9px;background:#fafbfc;border:2px dashed var(--line);border-radius:var(--r-sm);cursor:pointer;transition:border-color .15s,background .15s}input[type=file]:hover{border-color:var(--secondary);background:var(--secondary-wash)}input[type=file]::file-selector-button{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;color:var(--primary);background:var(--bg);border:1.5px solid var(--secondary);border-radius:var(--r-pill);padding:7px 15px;margin-right:var(--s3);cursor:pointer;transition:background .15s}input[type=file]::file-selector-button:hover{background:var(--primary-wash)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input.mono,.mono{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.code{font-family:var(--font-mono);font-variant-ligatures:none;letter-spacing:.02em}input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:10px 18px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;border-radius:var(--r-pill);border:2px solid transparent;cursor:pointer;transition:transform .12s,box-shadow .15s,background .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;color:var(--primary);border-color:var(--line)}.btn--ghost:hover:not(:disabled){border-color:var(--primary);background:var(--primary-wash)}.btn--danger{background:transparent;color:var(--danger);border-color:#fbd5d2}.btn--danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger)}.btn--block{width:100%}.btn--sm{padding:6px 12px;font-size:var(--fs-xs)}.linkbtn{background:none;border:none;padding:0;color:var(--primary);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-decoration:underline}.alert{padding:var(--s3) var(--s4);border-radius:var(--r-sm);font-size:var(--fs-sm);margin-bottom:var(--s4);border:2px solid}.alert--error{background:var(--danger-wash);border-color:#fbd5d2;color:#91221a}.alert--ok{background:var(--accent-wash);border-color:var(--accent);color:#0a6b41}.alert--info{background:var(--primary-wash);border-color:var(--secondary);color:var(--primary-ink)}.shell{display:flex;min-height:100%}.nav{width:var(--nav-w);flex-shrink:0;border-right:2px solid var(--line);display:flex;flex-direction:column;background:var(--bg);position:sticky;top:0;height:100vh}.nav__brand{height:var(--header-h);display:flex;flex-direction:column;justify-content:center;padding:0 var(--s4);border-bottom:2px solid var(--line)}.nav__brand-main{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:1.1;color:var(--primary-ink);letter-spacing:-.02em}.nav__brand-main span{color:var(--primary)}.nav__brand-sub{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);line-height:1.2;margin-top:2px}.nav__list{list-style:none;margin:0;padding:var(--s3) var(--s2);flex:1;overflow-y:auto}.nav__section{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;padding:var(--s4) var(--s3) var(--s2)}.nav__link{display:flex;align-items:center;gap:var(--s3);padding:9px var(--s3);border-radius:var(--r-sm);color:var(--text);text-decoration:none;font-size:var(--fs-sm);font-weight:500;border-left:3px solid transparent;transition:background .12s}.nav__link:hover{background:var(--primary-wash)}.nav__link--active{background:var(--primary-wash);color:var(--primary-ink);font-weight:600;border-left-color:var(--primary)}.nav__foot{border-top:2px solid var(--line);padding:var(--s3)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-h);border-bottom:2px solid var(--line);display:flex;align-items:center;gap:var(--s4);padding:0 var(--s5);position:sticky;top:0;background:var(--bg);z-index:20}.topbar__title{font-size:var(--fs-lg);font-weight:600}.topbar__spacer{flex:1}.content{padding:var(--s5);flex:1}.page-head{display:flex;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap}.page-head h1{font-size:var(--fs-2xl)}.page-head p{margin:var(--s2) 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.page-head__actions{margin-left:auto;display:flex;gap:var(--s2)}.locstrip{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--primary-wash);border:2px solid var(--secondary);border-radius:var(--r-pill);font-size:var(--fs-xs);overflow-x:auto;max-width:100%}.locstrip__label{font-weight:600;color:var(--primary-ink);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.card{background:var(--bg);border:2px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:var(--s5)}.card--plain{border-color:var(--line);box-shadow:var(--shadow-sm)}.card__title{font-size:var(--fs-lg);margin-bottom:var(--s2)}.grid{display:grid;gap:var(--s4)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tablewrap{border:2px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;padding:var(--s3) var(--s4);background:#fafbfc;border-bottom:2px solid var(--line);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600;white-space:nowrap}.table td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--primary-wash)}.table__num{text-align:right;font-family:var(--font-body);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.person{display:flex;align-items:center;gap:var(--s3);min-width:0}.person__name{font-weight:600}.person__email{color:var(--text-muted);font-size:var(--fs-xs)}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--line);background:var(--gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:var(--fs-xs)}.avatar--lg{width:72px;height:72px;font-size:var(--fs-lg)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;border:1.5px solid;white-space:nowrap}.chip--admin{background:var(--primary);color:#fff;border-color:var(--primary)}.chip--manager{background:var(--secondary-wash);color:var(--primary-ink);border-color:var(--secondary)}.chip--user{background:#f7f8f9;color:var(--text-muted);border-color:var(--line)}.chip--loc{background:var(--accent-wash);color:#0a6b41;border-color:var(--accent)}.chip--off{background:#f7f8f9;color:var(--text-muted);border-color:var(--line)}.chiprow{display:flex;flex-wrap:wrap;gap:5px}.dots{display:flex;gap:3px}.dots__dot{width:9px;height:9px;border-radius:2px;background:var(--line)}.dots__dot--on{background:var(--primary)}.dots__dot--all{background:var(--accent)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#05356f73;display:flex;align-items:flex-start;justify-content:center;padding:var(--s5) var(--s4);z-index:100;overflow-y:auto}.modal{background:var(--bg);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:100%;max-width:720px;overflow:hidden;margin:auto}.modal__bar{height:6px;background:var(--gradient)}.modal__head{display:flex;align-items:center;padding:var(--s4) var(--s5);border-bottom:2px solid var(--line)}.modal__head h2{font-size:var(--fs-lg)}.modal__close{margin-left:auto;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--r-sm)}.modal__close:hover{background:var(--line);color:var(--text)}.modal__body{padding:var(--s5);max-height:68vh;overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5);border-top:2px solid var(--line);background:#fafbfc}.tabs{display:flex;gap:2px;border-bottom:2px solid var(--line);margin:0 0 var(--s5);overflow-x:auto}.tabs__tab{background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:10px 16px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.tabs__tab:hover{color:var(--primary)}.tabs__tab--active{color:var(--primary-ink);border-bottom-color:var(--primary)}.picker{border:2px solid var(--line);border-radius:var(--r-sm);max-height:190px;overflow-y:auto;padding:var(--s2)}.picker__row{display:flex;align-items:center;gap:var(--s3);padding:7px var(--s2);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm)}.picker__row:hover{background:var(--primary-wash)}.picker__row input[type=checkbox]{width:17px;height:17px}.picker__meta{margin-left:auto;font-size:var(--fs-xs);color:var(--text-muted)}.empty{text-align:center;padding:var(--s7) var(--s5);color:var(--text-muted)}.empty h3{color:var(--text);margin-bottom:var(--s2)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{display:flex;gap:var(--s3);align-items:center;margin-bottom:var(--s4);flex-wrap:wrap}.toolbar input[type=search]{max-width:280px}.toolbar select{width:auto}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--s2)}@media (max-width: 900px){.grid--2,.grid--3{grid-template-columns:1fr}.nav{position:fixed;inset:0 auto 0 0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-lg)}.nav--open{transform:translate(0)}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#05356f59;z-index:50}.nav-toggle{display:inline-flex}.content{padding:var(--s4)}.topbar{padding:0 var(--s4)}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border-bottom:2px solid var(--line);padding:var(--s3) 0}.table td{border:none;padding:5px var(--s4);display:flex;gap:var(--s3);align-items:center}.table td:before{content:attr(data-label);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;min-width:92px;flex-shrink:0}.table td.table__num{text-align:left}.modal__body{max-height:none}.modal-scrim{padding:0}.modal{border-radius:0;min-height:100%}}