:root{--brand-900: #14323D;--brand-800: #1D4557;--brand-700: #235A73;--brand-600: #2F7191;--brand-500: #4A93BC;--brand-300: #92C4DC;--brand-100: #DCEDF6;--brand-50: #F1F8FB;--ink-900: #14181A;--ink-700: #3B4348;--ink-500: #667279;--ink-300: #A8B2B8;--ink-200: #D5DBDE;--ink-100: #E9EDEF;--ink-50: #F4F7F8;--white: #FFFFFF;--ok-700: #14663C;--ok-500: #1E8F52;--ok-100: #DCF2E5;--warn-700: #8A5200;--warn-500: #B87503;--warn-100: #FDF0D8;--danger-700: #99231C;--danger-500: #C62F26;--danger-100: #FCE4E2;--info-700: #1B4E8A;--info-500: #2A6DBC;--info-100: #E1EDFB;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(20, 24, 26, .06), 0 1px 3px rgba(20, 24, 26, .04);--shadow-md: 0 4px 12px rgba(20, 24, 26, .08), 0 1px 3px rgba(20, 24, 26, .05);--shadow-lg: 0 12px 32px rgba(20, 24, 26, .14);--control-height: 48px;--control-height-sm: 38px;--focus-ring: 0 0 0 3px var(--brand-100), 0 0 0 1px var(--brand-600);--mobile-max: 480px;--bottom-nav-height: 60px;--header-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink-900);background:var(--ink-50);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}table{border-collapse:collapse;width:100%}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.mobile-shell{max-width:var(--mobile-max);margin:0 auto;width:100%;background:var(--ink-50);position:relative;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom))}.desktop-shell{display:flex;min-height:100dvh}.app-header{position:sticky;top:0;z-index:20;background:var(--brand-700);color:var(--white);padding:calc(var(--safe-top) + var(--space-3)) var(--space-4) var(--space-3);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm)}.app-header__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.app-header__sub{font-size:var(--text-xs);color:var(--brand-100);margin-top:1px}.app-header__spacer{flex:1}.icon-button{height:40px;min-width:40px;border:none;border-radius:var(--radius-md);background:#ffffff24;color:var(--white);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium)}.icon-button:active{background:#ffffff3d}.page{padding:var(--space-4);display:grid;gap:var(--space-4)}.page--wide{padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%}.page-title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.page-subtitle{font-size:var(--text-sm);color:var(--ink-500);margin-top:var(--space-1)}.section-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);padding:var(--space-4)}.card--flush{padding:0;overflow:hidden}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.btn{min-height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-base);font-weight:var(--weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color .12s ease,opacity .12s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-700);color:var(--white)}.btn--primary:active:not(:disabled){background:var(--brand-800)}.btn--secondary{background:var(--white);color:var(--brand-700);border-color:var(--ink-200)}.btn--secondary:active:not(:disabled){background:var(--brand-50)}.btn--ghost{background:transparent;color:var(--brand-700)}.btn--ghost:active:not(:disabled){background:var(--brand-50)}.btn--danger{background:var(--danger-500);color:var(--white)}.btn--danger:active:not(:disabled){background:var(--danger-700)}.btn--block{width:100%}.btn--sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{min-height:56px;font-size:var(--text-md)}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-700)}.field__required{color:var(--danger-500);margin-left:2px}.field__hint{font-size:var(--text-xs);color:var(--ink-500)}.field__error{font-size:var(--text-xs);color:var(--danger-700);font-weight:var(--weight-medium)}.input,.select,.textarea{min-height:var(--control-height);width:100%;padding:var(--space-3);border:1px solid var(--ink-200);border-radius:var(--radius-md);background:var(--white);color:var(--ink-900);font-size:max(var(--text-base),16px)}.textarea{min-height:88px;resize:vertical;padding-top:var(--space-3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:var(--space-8)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-600);box-shadow:var(--focus-ring)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger-500)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--ink-50);color:var(--ink-500)}.input::placeholder,.textarea::placeholder{color:var(--ink-300)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 380px){.field-row{grid-template-columns:1fr}}.check-row{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--ink-200);border-radius:var(--radius-md);background:var(--white)}.check-row input[type=checkbox],.check-row input[type=radio]{width:22px;height:22px;accent-color:var(--brand-600);flex-shrink:0}.check-row--on{border-color:var(--brand-500);background:var(--brand-50)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.badge--ok{background:var(--ok-100);color:var(--ok-700)}.badge--warn{background:var(--warn-100);color:var(--warn-700)}.badge--danger{background:var(--danger-100);color:var(--danger-700)}.badge--info{background:var(--info-100);color:var(--info-700)}.badge--neutral{background:var(--ink-100);color:var(--ink-700)}.badge--brand{background:var(--brand-100);color:var(--brand-800)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat{background:var(--white);border:1px solid var(--ink-100);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stat__label{font-size:var(--text-xs);color:var(--ink-500);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.03em}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-top:var(--space-2);font-variant-numeric:tabular-nums}.stat__meta{font-size:var(--text-xs);color:var(--ink-500);margin-top:var(--space-1)}.stat--accent{background:var(--brand-700);border-color:var(--brand-700);color:var(--white)}.stat--accent .stat__label,.stat--accent .stat__meta{color:var(--brand-100)}.progress{height:8px;background:var(--ink-100);border-radius:var(--radius-pill);overflow:hidden}.progress__fill{height:100%;background:var(--brand-500);border-radius:var(--radius-pill);transition:width .3s ease}.progress__fill--done{background:var(--ok-500)}.list{display:grid;grid-template-columns:minmax(0,1fr)}.list__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--ink-100);background:var(--white);text-align:left;border-left:none;border-right:none;border-top:none;width:100%;min-height:60px}.list__row:last-child{border-bottom:none}.list__row:active{background:var(--brand-50)}.list__row{min-width:0}.list__body{flex:1;min-width:0}.list__row>*:not(.list__body){flex-shrink:0}.list__title{font-size:var(--text-base);font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list__meta{font-size:var(--text-xs);color:var(--ink-500);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--brand-100);color:var(--brand-800);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;max-width:var(--mobile-max);margin:0 auto;background:var(--white);border-top:1px solid var(--ink-200);display:grid;grid-auto-flow:column;padding-bottom:var(--safe-bottom)}.bottom-nav__item{border:none;background:transparent;padding:var(--space-2) var(--space-1);min-height:var(--bottom-nav-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-500);font-size:11px;font-weight:var(--weight-medium)}.bottom-nav__item--active{color:var(--brand-700)}.bottom-nav__icon{font-size:20px;line-height:1}.sidebar{width:236px;flex-shrink:0;background:var(--brand-900);color:var(--brand-100);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__brand{color:var(--white);font-weight:var(--weight-bold);font-size:var(--text-md);padding:0 var(--space-3) var(--space-5)}.sidebar__brand small{display:block;font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--brand-300)}.sidebar__item{border:none;background:transparent;color:var(--brand-100);text-align:left;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);min-height:44px;display:flex;align-items:center;gap:var(--space-3)}.sidebar__item:hover{background:#ffffff14;color:var(--white)}.sidebar__item--active{background:var(--brand-600);color:var(--white);font-weight:var(--weight-medium)}.sidebar__spacer{flex:1}.sidebar__count{margin-left:auto;background:var(--warn-500);color:var(--white);border-radius:var(--radius-pill);padding:1px 7px;font-size:var(--text-xs);font-weight:var(--weight-bold)}.main-area{flex:1;min-width:0;overflow-x:hidden}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--ink-100);background:var(--white)}.table{font-size:var(--text-sm)}.table th{text-align:left;padding:var(--space-3);background:var(--ink-50);color:var(--ink-700);font-weight:var(--weight-semibold);white-space:nowrap;border-bottom:1px solid var(--ink-200);position:sticky;top:0;z-index:1}.table td{padding:var(--space-3);border-bottom:1px solid var(--ink-100);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--brand-50)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.banner{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:flex-start;border:1px solid transparent}.banner--info{background:var(--info-100);color:var(--info-700);border-color:#c3dbf6}.banner--ok{background:var(--ok-100);color:var(--ok-700);border-color:#b9e4cb}.banner--warn{background:var(--warn-100);color:var(--warn-700);border-color:#f2dbaa}.banner--danger{background:var(--danger-100);color:var(--danger-700);border-color:#f5c4c0}.banner__body{flex:1}.banner__title{font-weight:var(--weight-semibold)}.sync-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium)}.sync-strip--offline{background:var(--warn-500);color:var(--white)}.sync-strip--pending{background:var(--info-500);color:var(--white)}.sync-strip--syncing{background:var(--brand-600);color:var(--white)}.sync-strip--error{background:var(--danger-500);color:var(--white)}.sync-strip button{margin-left:auto;border:none;background:#ffffff38;color:inherit;border-radius:var(--radius-sm);padding:3px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.state{text-align:center;padding:var(--space-10) var(--space-5);display:grid;gap:var(--space-3);justify-items:center}.state__icon{font-size:40px;opacity:.4}.state__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.state__body{font-size:var(--text-sm);color:var(--ink-500);max-width:34ch}.skeleton{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-50) 50%,var(--ink-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#06322f80;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 640px){.overlay{align-items:center;padding:var(--space-5)}}.sheet{background:var(--white);width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5) var(--space-4) calc(var(--space-5) + var(--safe-bottom));display:grid;gap:var(--space-4)}@media (min-width: 640px){.sheet{border-radius:var(--radius-lg);padding-bottom:var(--space-5)}}.sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sheet__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.toast-stack{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-4));z-index:60;display:grid;gap:var(--space-2);width:calc(100% - var(--space-8));max-width:420px}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-2)}.toast--ok{background:var(--ok-700);color:var(--white)}.toast--error{background:var(--danger-700);color:var(--white)}.toast--info{background:var(--ink-900);color:var(--white)}.stack{display:grid;gap:var(--space-3)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--ink-500)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}.strong{font-weight:var(--weight-semibold)}.num{font-variant-numeric:tabular-nums}.center{text-align:center}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hide-mobile{display:none}@media (min-width: 768px){.hide-mobile{display:revert}.hide-desktop{display:none}}