:root{--color-primary: #FBE54D;--color-primary-dark: #E5CC18;--color-secondary: #0ABAB5;--color-secondary-dark: #08A19D;--color-money: #F59E2C;--color-money-dark: #D87E0C;--color-money-bg: #FEF3E2;--color-success: #16A34A;--color-success-bg: #DCFCE7;--color-error: #DC2626;--color-error-bg: #FEE2E2;--color-warning: #F59E0B;--color-warning-bg: #FEF3C7;--color-pending: #6B7280;--color-pending-bg: #F3F4F6;--color-info: #2563EB;--color-info-bg: #DBEAFE;--color-bg: #F9FAFB;--color-bg-card: #FFFFFF;--color-bg-hover: #F3F4F6;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-disabled: #D1D5DB;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-num: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--font-h1: 28px;--font-h2: 22px;--font-h3: 18px;--font-body: 14px;--font-secondary: 13px;--font-caption: 12px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--lh-title: 1.3;--lh-body: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-sm: 4px;--radius: 6px;--radius-card: 8px;--radius-modal: 12px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-hover: 0 4px 12px rgba(0,0,0,.08);--shadow-modal: 0 10px 40px rgba(0,0,0,.16);--header-h: 56px;--sidebar-w: 220px;--content-max: 1400px}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--font-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text-primary)}*{box-sizing:border-box}.num,.money,td.num,th.num,.amount,.id,.ts{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{min-height:100vh;display:grid;grid-template-rows:var(--header-h) 1fr;grid-template-columns:var(--sidebar-w) 1fr;grid-template-areas:"header header" "sidebar main"}.topnav{grid-area:header;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-6);position:sticky;top:0;z-index:10}.topnav .logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:16px;color:var(--color-text-primary)}.topnav .logo-mark{width:28px;height:28px;border-radius:var(--radius);background:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--weight-bold);color:var(--color-text-primary)}.topnav .env-badge{font-size:var(--font-caption);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning);font-weight:var(--weight-semibold)}.topnav .spacer{flex:1}.topnav .user-menu{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-secondary);color:var(--color-text-secondary)}.topnav .user-menu .avatar{width:28px;height:28px;border-radius:50%;background:var(--color-secondary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:var(--font-caption)}.topnav .user-menu .logout{margin-left:var(--space-3);color:var(--color-secondary);cursor:pointer;text-decoration:none;background:none;border:none;font:inherit;padding:0}.topnav .user-menu .logout:hover{text-decoration:underline}.topnav .user-menu .logout:disabled{opacity:.5;cursor:not-allowed}.sidebar{grid-area:sidebar;background:var(--color-bg-card);border-right:1px solid var(--color-border);padding:var(--space-4) 0}.sidebar .nav-group{padding:var(--space-2) var(--space-5);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary);font-weight:var(--weight-semibold);margin-top:var(--space-2)}.sidebar .nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-secondary);border-left:3px solid transparent;cursor:pointer}.sidebar .nav-item:hover{background:var(--color-bg-hover)}.sidebar .nav-item.active{background:var(--color-bg-hover);border-left-color:var(--color-secondary);color:var(--color-secondary);font-weight:var(--weight-semibold)}.sidebar .nav-item .icon{width:16px;font-size:16px;display:inline-flex;justify-content:center}.main{grid-area:main;padding:var(--space-6);overflow-x:auto;background:var(--color-bg)}.main .page-header{margin-bottom:var(--space-5)}.main .page-header h1{font-size:var(--font-h2);font-weight:var(--weight-semibold);margin:0 0 var(--space-1)}.main .page-header .crumbs{font-size:var(--font-secondary);color:var(--color-text-secondary)}.main .page-header .crumbs a{color:var(--color-secondary);text-decoration:none}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card-pad{padding:var(--space-5)}.card-pad-sm{padding:var(--space-4)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.card-header h2{font-size:var(--font-h3);margin:0;font-weight:var(--weight-semibold)}.stat-card{padding:var(--space-4) var(--space-5)}.stat-card .label{font-size:var(--font-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.stat-card .value{font-size:28px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary);line-height:1.2}.stat-card .delta{font-size:var(--font-caption);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--font-secondary)}table.data thead th{text-align:left;font-weight:var(--weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-hover);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}table.data tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}table.data tbody tr:hover{background:var(--color-bg-hover);cursor:pointer}table.data tbody tr:last-child td{border-bottom:none}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data td .sub{color:var(--color-text-secondary);font-size:var(--font-caption)}table.data .actions{white-space:nowrap}.empty-state{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-secondary);font-size:var(--font-secondary)}.empty-state .icon{font-size:48px;margin-bottom:var(--space-3);opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--font-secondary);font-weight:var(--weight-medium);border-radius:var(--radius);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-sm{height:28px;padding:0 var(--space-3);font-size:var(--font-caption)}.btn-lg{height:44px;padding:0 var(--space-5);font-size:var(--font-body)}.btn-primary{background:var(--color-secondary);color:#fff}.btn-primary:hover{background:var(--color-secondary-dark)}.btn-money{background:var(--color-money);color:#fff}.btn-money:hover{background:var(--color-money-dark)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-ghost{background:transparent;color:var(--color-text-primary)}.btn-ghost:hover{background:var(--color-bg-hover)}.btn-link{background:transparent;color:var(--color-secondary);height:auto;padding:0;border:none}.btn-link:hover{text-decoration:underline}.btn[disabled],.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-caption);font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-sm);line-height:1.4;white-space:nowrap}.badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-pending{background:var(--color-pending-bg);color:var(--color-pending)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-money{background:var(--color-money-bg);color:var(--color-money-dark)}.badge-no-dot:before{display:none}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--font-caption);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.field input,.field select,.field textarea{width:100%;height:36px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--font-body);background:var(--color-bg-card);color:var(--color-text-primary)}.field textarea{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #0abab526}.field .help{font-size:var(--font-caption);color:var(--color-text-secondary);margin-top:var(--space-1)}.field .err{font-size:var(--font-caption);color:var(--color-error);margin-top:var(--space-1)}.filter-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:end;padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border-bottom:1px solid var(--color-border)}.filter-row .field{margin-bottom:0;min-width:160px}.tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--space-5);background:var(--color-bg-card)}.tabs .tab{padding:var(--space-3) var(--space-4);font-size:var(--font-secondary);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:var(--weight-medium)}.tabs .tab:hover{color:var(--color-text-primary)}.tabs .tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:var(--weight-semibold)}.tabs .tab .count{margin-left:var(--space-1);font-size:var(--font-caption);background:var(--color-bg-hover);padding:1px var(--space-2);border-radius:var(--radius-pill);color:var(--color-text-secondary)}.tabs .tab.active .count{background:var(--color-success-bg);color:var(--color-secondary)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-bg-card);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);width:480px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal .modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal .modal-header h3{margin:0;font-size:var(--font-h3);font-weight:var(--weight-semibold)}.modal .modal-header .close{cursor:pointer;color:var(--color-text-tertiary);font-size:18px;line-height:1}.modal .modal-body{padding:var(--space-5);overflow-y:auto}.modal .modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-3)}.money{color:var(--color-money);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.money-strong{color:var(--color-money-dark);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.money-large{font-size:32px;color:var(--color-money);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.2}.money-row{background:var(--color-money-bg);border-left:3px solid var(--color-money);padding:var(--space-3) var(--space-4);border-radius:var(--radius)}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-2)}.spacer{flex:1}.muted{color:var(--color-text-secondary)}.caption{font-size:var(--font-caption);color:var(--color-text-secondary)}.mono{font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.right{text-align:right}.center{text-align:center}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding-left:var(--space-5);padding-bottom:var(--space-3);border-left:2px solid var(--color-border);margin-left:6px;font-size:var(--font-secondary)}.timeline li:before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--color-success);border:2px solid var(--color-bg-card)}.timeline li.offline:before{background:var(--color-error)}.timeline li.warning:before{background:var(--color-warning)}.timeline li:last-child{border-left-color:transparent}.toast-container{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;pointer-events:none;max-width:380px}.toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--font-secondary);line-height:var(--lh-body);box-shadow:0 4px 12px #0000001f;cursor:pointer;word-break:break-word;animation:toast-slide-in .18s ease-out;border:1px solid transparent}.toast-error{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.toast-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.toast-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.timeline li .ts{color:var(--color-text-secondary);font-size:var(--font-caption)}.login-page{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-card{width:400px;background:var(--color-bg-card);border-radius:var(--radius-modal);box-shadow:var(--shadow-hover);padding:var(--space-7) var(--space-6) var(--space-6)}.login-card .brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-card .brand .logo-mark{width:36px;height:36px;border-radius:var(--radius-card);background:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:18px}.login-card .brand .name{font-size:var(--font-h3);font-weight:var(--weight-bold)}.login-card h1{font-size:var(--font-h2);margin:var(--space-4) 0 var(--space-2);font-weight:var(--weight-semibold)}.login-card .subtitle{font-size:var(--font-secondary);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.login-card .form-actions{margin-top:var(--space-5)}.login-card .footer-note{margin-top:var(--space-6);font-size:var(--font-caption);color:var(--color-text-tertiary);text-align:center;line-height:var(--lh-body)}.err-banner{background:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius);font-size:var(--font-secondary);margin-bottom:var(--space-4)}