:root{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-tertiary: #F1F5F9;--bg-page: #F1F4F9;--bg-overlay: rgba(15, 23, 42, .5);--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-placeholder: #9CA3AF;--border-default: #E2E8F0;--border-light: #F1F5F9;--border-focus: #3B82F6;--accent-primary: #3B82F6;--accent-gold: #D4A843;--accent-success: #10B981;--accent-warning: #F59E0B;--accent-danger: #EF4444;--accent-info: #6366F1;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-popover: 500;--z-toast: 600;--z-tooltip: 700;--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;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .2);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;font-size:var(--text-base)}#root{width:100%;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-secondary, #3b82f6);outline-offset:2px}html,main,div{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b99}aside::-webkit-scrollbar-thumb{background:#ffffff1f}aside::-webkit-scrollbar-thumb:hover{background:#ffffff3d}aside{scrollbar-color:rgba(255,255,255,.12) transparent}button,a,select{transition:all var(--transition-base)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{transition:border-color var(--transition-base),box-shadow var(--transition-base)}h1,h2,h3{color:var(--text-primary)}h1{font-size:var(--text-xl);font-weight:600}h2{font-size:var(--text-lg);font-weight:600}h3{font-size:var(--text-md);font-weight:600}label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}button{font-family:inherit;border-radius:var(--radius-md);cursor:pointer}button:hover:not(:disabled){opacity:.92}input,textarea,select{font-family:inherit;border-radius:var(--radius-md);border:1px solid var(--border-default);padding:10px 14px;min-height:42px;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);width:100%;box-sizing:border-box}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626;outline:none}table{width:100%;border-collapse:collapse;font-size:13px}thead th{position:sticky;top:0;z-index:var(--z-base);background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--border-default);text-align:left;white-space:nowrap}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}tbody tr{transition:background-color var(--transition-fast)}tbody tr:nth-child(2n){background-color:#fafbfe}tbody tr:hover{background-color:var(--bg-secondary)}tbody tr:last-child td{border-bottom:none}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.table-scroll-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,rgba(241,244,249,.8));pointer-events:none;opacity:0;transition:opacity .2s}.table-scroll-wrapper:hover:after{opacity:1}.z-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-default);transition:box-shadow var(--transition-base),transform var(--transition-base)}.z-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.z-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);animation:fadeIn var(--transition-base)}.z-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .25s ease}.z-modal-header{flex-shrink:0;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between}.z-modal-header h2,.z-modal-header h3{margin:0;font-size:var(--text-md);font-weight:600}.z-modal-body{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.z-modal-footer{flex-shrink:0;padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;gap:var(--space-3);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.z-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.z-form-grid .full-width{grid-column:1 / -1}.z-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:var(--bg-overlay);animation:fadeIn var(--transition-fast)}.z-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);width:480px;max-width:90vw;background:var(--bg-primary);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:slideInRight var(--transition-base)}.z-drawer-header{flex-shrink:0;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between}.z-drawer-body{flex:1;overflow-y:auto;padding:var(--space-6)}.z-drawer-footer{flex-shrink:0;padding:var(--space-4) var(--space-6);background:var(--bg-secondary);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;gap:var(--space-3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.z-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-base);border:none;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;white-space:nowrap}.z-btn:disabled{opacity:.5;cursor:not-allowed}.z-btn-primary{background:var(--accent-primary);color:#fff}.z-btn-primary:hover:not(:disabled){background:#2563eb}.z-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-default)}.z-btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.z-btn-ghost{background:transparent;color:var(--text-secondary)}.z-btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)}.z-btn-danger{background:var(--accent-danger);color:#fff}.z-btn-danger:hover:not(:disabled){background:#dc2626}.z-btn-success{background:var(--accent-success);color:#fff}.z-btn-success:hover:not(:disabled){background:#059669}.z-btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.z-btn-xs{height:28px;padding:0 var(--space-2);font-size:var(--text-xs)}.z-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.z-badge-success{background:#10b9811a;color:#059669}.z-badge-warning{background:#f59e0b1a;color:#d97706}.z-badge-danger{background:#ef44441a;color:#dc2626}.z-badge-info{background:#3b82f61a;color:#2563eb}.z-badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.z-badge-violet{background:#8b5cf61a;color:#7c3aed}.z-field{display:flex;flex-direction:column;gap:var(--space-1)}.z-field label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.z-field .z-error{font-size:var(--text-xs);color:var(--accent-danger);margin-top:2px}.z-toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.z-toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-3);animation:slideDown var(--transition-base);max-width:400px}.z-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.z-page-header h1{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.z-sticky-actions{position:sticky;bottom:0;padding:var(--space-4) var(--space-6);background:var(--bg-primary);border-top:1px solid var(--border-default);box-shadow:0 -2px 8px #0000000a;display:flex;justify-content:flex-end;gap:var(--space-3);z-index:var(--z-sticky)}div[style*="maxWidth: '650px'"],div[style*="maxWidth: '600px'"],div[style*="max-width: 650px"],div[style*="max-width: 600px"],div[style*="max-width: 700px"],div[style*="maxWidth: '700px'"],div[style*="maxWidth: '800px'"],div[style*="max-width: 800px"]{max-width:900px!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.z-skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-default) 50%,var(--bg-tertiary) 75%);background-size:400px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@media (max-width: 1024px) and (min-width: 769px){table{font-size:12px}thead th,tbody td{padding:10px 12px}.z-modal{max-width:700px}.z-form-grid{gap:12px}}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.z-modal{max-width:100%!important;margin:8px!important;width:calc(100% - 16px)!important;border-radius:12px;max-height:90vh}.z-modal-body{padding:20px 16px}.z-modal-footer{padding:12px 16px}.z-form-grid{grid-template-columns:1fr;gap:12px}div[style*="maxWidth: '650px'"],div[style*="maxWidth: '600px'"],div[style*="max-width: 650px"],div[style*="max-width: 600px"],div[style*="max-width: 700px"],div[style*="maxWidth: '700px'"],div[style*="maxWidth: '800px'"],div[style*="maxWidth: '900px'"],div[style*="max-width: 800px"],div[style*="max-width: 900px"]{max-width:100%!important;margin:8px!important;width:calc(100% - 16px)!important}table{font-size:12px}thead th,tbody td{padding:8px 10px}.recharts-wrapper,.recharts-surface{max-width:100%!important}main{padding:66px 12px 16px!important}}@media (max-width: 400px){thead th,tbody td{padding:6px 8px;font-size:11px}}@media (pointer: coarse){button,a[role=button],select{min-height:44px}tbody td{padding:12px}}@media print{aside,header,.z-no-print{display:none!important}main{margin:0!important;padding:0!important}}