.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-bg)}.btn--danger{background:var(--color-danger);color:#fff}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.field__input,.field__select{padding:var(--space-3) var(--space-3);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color .12s ease,box-shadow .12s ease}.field__input::placeholder{color:var(--color-text-muted);opacity:.8}.field__input:focus,.field__select:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--ring)}.field__error{font-size:var(--font-size-sm);color:var(--color-danger)}.field__input--invalid{border-color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5)}.badge{display:inline-block;padding:2px var(--space-2);font-size:var(--font-size-sm);font-weight:500;border-radius:999px;background:var(--color-bg);color:var(--color-text-muted)}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.state--error{color:var(--color-danger)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.table th{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-2)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-surface-2)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination__controls{display:flex;gap:var(--space-2)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.alert--error{background:var(--color-danger-bg);color:var(--color-danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50}.modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-5);width:100%;max-width:440px}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5)}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.toolbar .field{margin-bottom:0}.toolbar__spacer{flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.row-actions{display:flex;gap:var(--space-2)}.detail-grid{display:grid;grid-template-columns:160px 1fr;gap:var(--space-2) var(--space-4)}.detail-grid dt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.detail-grid dd{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 var(--space-4)}.form-grid--full{grid-column:1 / -1}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stat{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4)}.stat__chip{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex:none;background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.stat__chip--blue{background:var(--tone-blue-bg);color:var(--tone-blue-fg)}.stat__chip--green{background:var(--tone-green-bg);color:var(--tone-green-fg)}.stat__chip--purple{background:var(--tone-purple-bg);color:var(--tone-purple-fg)}.stat__chip--orange{background:var(--tone-orange-bg);color:var(--tone-orange-fg)}.stat__chip--red{background:var(--tone-red-bg);color:var(--tone-red-fg)}.stat__chip--teal{background:var(--tone-teal-bg);color:var(--tone-teal-fg)}.stat__chip--indigo{background:var(--tone-indigo-bg);color:var(--tone-indigo-fg)}.stat__chip--pink{background:var(--tone-pink-bg);color:var(--tone-pink-fg)}.stat__body{min-width:0}.stat__value{font-size:var(--font-size-xl);font-weight:700;line-height:1.1}.stat__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.result-ok{background:var(--color-success-bg);color:var(--color-success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.section{margin-bottom:var(--space-5)}.section__title{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}body.compact .table th,body.compact .table td{padding:var(--space-1) var(--space-3)}.login{--color-surface: #ffffff;--color-bg: #eef1f8;--color-text: #131826;--color-text-muted: #687385;--color-border: #e4e8f1;--color-border-strong: #d4dae6;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;color-scheme:light;min-height:100vh;background:var(--color-bg);color:var(--color-text)}.login__panel{display:grid;grid-template-columns:1.05fr 1fr;width:100%;min-height:100vh;background:var(--color-surface);overflow:hidden}.login__hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);overflow:hidden;color:#fff;background:repeating-radial-gradient(circle at 18% 24%,rgba(255,255,255,.07) 0 1.5px,transparent 1.5px 24px),repeating-radial-gradient(circle at 88% 82%,rgba(255,255,255,.06) 0 1.5px,transparent 1.5px 22px),linear-gradient(to top left,#0f2767,#1e40af 40%,#5b9bff)}.login__hero-content{position:relative;z-index:2;max-width:480px}.login__logo-box{width:fit-content;max-width:100%;margin:0 auto 44px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.login__logo{display:block;width:auto;height:auto;max-height:168px;max-width:100%}.login__hero-title{margin:0 0 var(--space-3);font-size:34px;font-weight:800;letter-spacing:-.02em}.login__hero-text{margin:0;font-size:18px;line-height:1.6;color:#ffffffe0}.login__hero-dots{position:absolute;top:40px;right:40px;width:96px;height:96px;background-image:radial-gradient(rgba(255,255,255,.5) 1.6px,transparent 1.6px);background-size:16px 16px;z-index:1}.login__deco{position:absolute;z-index:1;opacity:.55}.login__deco--plus{width:16px;height:16px;background:linear-gradient(#fff,#fff) center / 100% 2px no-repeat,linear-gradient(#fff,#fff) center / 2px 100% no-repeat}.login__deco--p1{top:30%;left:18%}.login__deco--p2{bottom:22%;right:26%}.login__deco--ring{border:2px solid rgba(255,255,255,.5);border-radius:50%}.login__deco--r1{width:18px;height:18px;top:22%;right:18%}.login__deco--r2{width:12px;height:12px;bottom:34%;left:30%}.login__blob{position:absolute;z-index:0;width:260px;height:260px;left:-90px;bottom:-90px;border-radius:50%;background:#ffffff14;filter:blur(4px)}.login__form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-surface)}.login__form-inner{width:100%;max-width:380px}.login__title{margin:0 0 var(--space-5);font-size:var(--font-size-xl);font-weight:700}.login-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.login-field__label{font-size:var(--font-size-sm);font-weight:600}.login-input{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);transition:border-color .12s ease,box-shadow .12s ease}.login-input:focus-within{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.login-input--invalid{border-color:var(--color-danger)}.login-input__icon{color:var(--color-text-muted);flex:none;transition:color .12s ease,stroke-width .12s ease}.login-input:focus-within .login-input__icon{color:var(--color-primary);stroke-width:2.6px}.login-input--invalid .login-input__icon{color:var(--color-danger)}.login-input__control{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3) 0}.login-input__control::placeholder{color:var(--color-text-muted);opacity:.8}.login-input__control:focus,.login-input__control:focus-visible{outline:none}.login-input__reveal{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:999px;flex:none}.login-input__reveal:hover{color:var(--color-text)}.login__remember{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 var(--space-4);cursor:pointer}.login__remember input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.login__submit{width:100%;border-radius:999px;padding:var(--space-4)}.login__hint{margin:var(--space-4) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}@media (max-width: 760px){.login__panel{grid-template-columns:1fr}.login__hero{min-height:auto;padding:48px var(--space-5)}.login__hero-dots,.login__deco,.login__blob,.login__hero-title,.login__hero-text{display:none}.login__logo-box{margin-bottom:0}.login__logo{max-height:104px}.login__form{padding:var(--space-6) var(--space-5)}}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100%}.shell__sidebar{display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3);position:sticky;top:0;height:100vh}.shell__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-5);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.01em}.shell__brand-logo{width:34px;height:34px;object-fit:contain;flex:none}.shell__nav{display:flex;flex-direction:column;gap:2px;flex:1}.shell__nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:500;text-decoration:none;position:relative;transition:background .12s ease,color .12s ease}.shell__nav-link:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.shell__nav-icon{flex:none;color:var(--color-text-muted);transition:color .12s ease}.shell__nav-link:hover .shell__nav-icon{color:var(--color-text)}.shell__nav-link--active,.shell__nav-link--active:hover{background:var(--color-primary-soft);color:var(--color-primary)}.shell__nav-link--active .shell__nav-icon{color:var(--color-primary);stroke-width:2.6px}.shell__nav-link--active:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--color-primary)}.shell__user{display:flex;align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3)}.shell__avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-sm);font-weight:600;flex:none}.shell__user-meta{min-width:0;flex:1}.shell__user-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell__user-role{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:capitalize}.shell__main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow-y:auto}.shell__content{padding:var(--space-5) var(--space-6) var(--space-6);flex:1}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.topbar__title{margin:0;font-size:var(--font-size-xl);font-weight:700}.topbar__actions{display:flex;align-items:center;gap:var(--space-2)}.datepill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.datepill svg{color:var(--color-primary)}.datepill__sep{opacity:.5}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-strong)}.module{max-width:1180px}.module__tabs{display:flex;flex-wrap:wrap;gap:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.module__tab{padding:var(--space-3) 2px;font-size:var(--font-size-base);font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;margin-bottom:-1px;text-decoration:none;transition:color .12s ease}.module__tab:hover{color:var(--color-text);text-decoration:none}.module__tab--active,.module__tab--active:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}@media (max-width: 768px){.shell{grid-template-columns:1fr}.shell__sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-2);border-right:none;border-bottom:1px solid var(--color-border)}.shell__brand{padding:var(--space-2)}.shell__nav{flex-direction:row;flex-wrap:wrap;flex:1 1 100%}.shell__nav-link--active:before{display:none}.shell__user{border-top:none;margin-top:0;padding-top:0}.shell__main{height:auto}.topbar{padding:var(--space-3) var(--space-4)}.shell__content{padding:var(--space-4)}.datepill{display:none}}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.theme-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease}.theme-option:hover{border-color:var(--color-border-strong)}.theme-option--active{border-color:var(--color-primary);box-shadow:var(--ring)}.theme-option__preview{display:flex;align-items:center;justify-content:center;width:100%;height:76px;border-radius:var(--radius-sm);margin-bottom:var(--space-2);border:1px solid var(--color-border)}.theme-option__preview--light{background:linear-gradient(135deg,#eef1f8,#fff);color:#2563eb}.theme-option__preview--dark{background:linear-gradient(135deg,#0e1320,#1c2435);color:#7eb0ff}.theme-option__preview--system{background:linear-gradient(135deg,#eef1f8,#eef1f8 50%,#1c2435 50%,#0e1320);color:#6b7280}.theme-option__icon{display:inline-flex;padding:var(--space-2);border-radius:999px;background:var(--color-surface);box-shadow:var(--shadow-sm)}.theme-option__label{font-weight:600}.theme-option__hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.theme-resolved{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.theme-resolved strong{text-transform:capitalize;color:var(--color-text)}:root{--color-bg: #eef1f8;--color-surface: #ffffff;--color-surface-2: #f7f9fc;--color-border: #e4e8f1;--color-border-strong: #d4dae6;--color-text: #131826;--color-text-muted: #687385;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-soft: #e9f0fe;--color-primary-contrast: #ffffff;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--tone-blue-bg: #e8f0ff;--tone-blue-fg: #2563eb;--tone-green-bg: #e6f7ed;--tone-green-fg: #15a34a;--tone-purple-bg: #f1ebfe;--tone-purple-fg: #7c3aed;--tone-orange-bg: #fdeedd;--tone-orange-fg: #ea7a1c;--tone-red-bg: #fdeaea;--tone-red-fg: #dc2626;--tone-teal-bg: #ddf5f2;--tone-teal-fg: #0d9488;--tone-indigo-bg: #e8e9fd;--tone-indigo-fg: #4f46e5;--tone-pink-bg: #fce8f1;--tone-pink-fg: #db2777;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(18, 28, 53, .06);--shadow: 0 2px 8px rgba(18, 28, 53, .07);--shadow-lg: 0 16px 40px rgba(18, 28, 53, .16);--ring: 0 0 0 3px rgba(37, 99, 235, .18);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: 15px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 25px;color-scheme:light}:root[data-theme=dark]{--color-bg: #0e1320;--color-surface: #161d2e;--color-surface-2: #1c2435;--color-border: #283248;--color-border-strong: #36425c;--color-text: #e8edf6;--color-text-muted: #97a3b8;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-soft: rgba(59, 130, 246, .16);--color-primary-contrast: #ffffff;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .12);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--tone-blue-bg: rgba(59, 130, 246, .18);--tone-blue-fg: #7eb0ff;--tone-green-bg: rgba(34, 197, 94, .18);--tone-green-fg: #5cdc8b;--tone-purple-bg: rgba(124, 58, 237, .2);--tone-purple-fg: #b794f6;--tone-orange-bg: rgba(234, 122, 28, .2);--tone-orange-fg: #f6a755;--tone-red-bg: rgba(220, 38, 38, .2);--tone-red-fg: #f08a8a;--tone-teal-bg: rgba(13, 148, 136, .2);--tone-teal-fg: #4fd1c5;--tone-indigo-bg: rgba(79, 70, 229, .22);--tone-indigo-fg: #a5a8f5;--tone-pink-bg: rgba(219, 39, 119, .2);--tone-pink-fg: #f17fb5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 44px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(59, 130, 246, .3);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .2s ease,color .2s ease}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.25;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}