*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface-body: #F2EDE5;--surface-default: #FEFCF8;--surface-raised: #EAE4D9;--surface-sunken: #F5EFE6;--surface-scrim: rgba(242,237,229,.8);--border-default: #D5CBBF;--border-subtle: #EAE4D9;--text-primary: #1C1510;--text-secondary: #6B5E50;--text-muted: #756757;--text-on-accent: #FFFFFF;--accent-bg: #B45309;--accent-bg-hover: #92400E;--accent-text: #92400E;--accent-subtle: rgba(180,83,9,.09);--accent-ring: rgba(180,83,9,.18);--status-success-bg: #D1FAE5;--status-success-text: #065F46;--status-info-bg: #DBEAFE;--status-info-text: #1E40AF;--status-warning-bg: #FEF3C7;--status-warning-text: #92400E;--status-danger-bg: #FEE2E2;--status-danger-text: #991B1B;--status-neutral-bg: #EAE4D9;--status-neutral-text: #6B5E50;--status-orange-bg: #FED7AA;--status-orange-text: #9A3412;--status-purple-bg: #EDE9FE;--status-purple-text: #5B21B6;--status-teal-bg: #CCFBF1;--status-teal-text: #0F766E;--danger-bg: #DC2626;--danger-bg-hover: #B91C1C;--status-success-border: #A7F3D0;--status-warning-border: #FDE68A;--status-danger-border: #FECACA;--status-info-border: #BFDBFE;--surface-wash-success: #F0FDF4;--surface-wash-warning: #FFF3CD;--surface-wash-danger: #FFF1F2;--surface-wash-info: #EEF5FF;--surface-wash-orange: #FFF7ED;--wash-success-border: #BBF7D0;--wash-warning-border: #FFECB5;--wash-danger-border: #FECDD3;--wash-info-border: #BFDBFE;--wash-orange-border: #FED7AA;--surface-inverse: #1C1510;--text-on-inverse: #FEFCF8;--accent-border: #B45309;--danger-border: #DC3545;--danger-ring: rgba(220,38,38,.12);--font-mono: "DM Mono", ui-monospace, monospace;--chevron-url: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23756757' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=dark]{--surface-body: #16181C;--surface-default: #1D2025;--surface-raised: #262A30;--surface-sunken: #191C20;--surface-scrim: rgba(0,0,0,.65);--border-default: #3C424B;--border-subtle: #2E333A;--text-primary: #ECEEF1;--text-secondary: #A8AFBA;--text-muted: #969DA8;--text-on-accent: #FFFFFF;--accent-bg: #B45309;--accent-bg-hover: #92400E;--accent-text: #FBBF24;--accent-subtle: rgba(251,191,36,.12);--accent-ring: rgba(251,191,36,.24);--status-success-bg: #13271F;--status-success-text: #6EE7B7;--status-info-bg: #182338;--status-info-text: #93C5FD;--status-warning-bg: #2B2416;--status-warning-text: #FCD34D;--status-danger-bg: #2F1A1B;--status-danger-text: #FCA5A5;--status-neutral-bg: #262A30;--status-neutral-text: #A8AFBA;--status-orange-bg: #2E2015;--status-orange-text: #FDBA74;--status-purple-bg: #221C38;--status-purple-text: #C4B5FD;--status-teal-bg: #122A2B;--status-teal-text: #5EEAD4;--danger-bg: #D32F35;--danger-bg-hover: #B02428;--status-success-border: #245C46;--status-warning-border: #5C4C1E;--status-danger-border: #6B3336;--status-info-border: #2B3D63;--surface-wash-success: #101F19;--surface-wash-warning: #221D12;--surface-wash-danger: #261516;--surface-wash-info: #131C2C;--surface-wash-orange: #251A11;--wash-success-border: #1E3D31;--wash-warning-border: #3F3522;--wash-danger-border: #43272A;--wash-info-border: #24334E;--wash-orange-border: #44301F;--surface-inverse: #ECEEF1;--text-on-inverse: #16181C;--accent-border: #B45309;--danger-border: #D32F35;--danger-ring: rgba(211,47,53,.28);--chevron-url: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23969DA8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");color-scheme:dark}:root[data-theme=dark] .card{box-shadow:0 1px 3px #0000004d,0 4px 16px #00000038}body{font-family:DM Sans,system-ui,sans-serif;font-size:14px;color:var(--text-primary);background:var(--surface-body);-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:48px;background:var(--surface-default);border-bottom:1px solid var(--border-default)}.section:last-child{border-bottom:none}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.col{display:flex;flex-direction:column;gap:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 16px;height:36px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:DM Sans,system-ui,sans-serif;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-bg);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-bg-hover)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--border-default)}.btn-ghost{background:transparent;color:var(--accent-text)}.btn-ghost:hover:not(:disabled){background:var(--accent-subtle)}.btn-danger{background:var(--danger-bg);color:var(--text-on-accent)}.btn-danger:hover:not(:disabled){background:var(--danger-bg-hover)}.btn-sm{height:28px;padding:0 10px;font-size:12px;border-radius:4px}.btn-lg{height:42px;padding:0 20px;font-size:15px}.btn-icon{padding:0;width:36px;justify-content:center;background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border-default)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-green{background:var(--status-success-bg);color:var(--status-success-text)}.badge-blue{background:var(--status-info-bg);color:var(--status-info-text)}.badge-yellow{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge-red{background:var(--status-danger-bg);color:var(--status-danger-text)}.badge-gray{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.badge-orange{background:var(--status-orange-bg);color:var(--status-orange-text)}.badge-purple{background:var(--status-purple-bg);color:var(--status-purple-text)}.badge-teal{background:var(--status-teal-bg);color:var(--status-teal-text)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--text-primary)}.field-hint{font-size:12px;color:var(--text-muted)}.field-error{font-size:12px;color:var(--status-danger-text)}.required{color:var(--status-danger-text)}.input{height:36px;padding:0 12px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;font-family:DM Sans,system-ui;color:var(--text-primary);background:var(--surface-default);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-ring)}.input[readonly]{background:var(--surface-raised);color:var(--text-muted);cursor:default}.input[readonly]:focus{border-color:var(--border-default);box-shadow:none}.input-error{border-color:var(--danger-border)}.input-error:focus{box-shadow:0 0 0 3px var(--danger-ring)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--chevron-url);background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.textarea{padding:10px 12px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;font-family:DM Sans,system-ui;color:var(--text-primary);background:var(--surface-default);outline:none;width:100%;resize:vertical;min-height:80px;transition:border-color .15s,box-shadow .15s}.textarea:focus{border-color:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-ring)}.form-grid{display:grid;gap:20px}.table-wrap{border:1px solid var(--border-default);border-radius:8px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{background:var(--surface-raised)}.data-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-sunken)}.col-mono{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.card{background:var(--surface-default);border:1px solid var(--border-default);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}.card-header{padding:11px 16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-sunken)}.card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.card-body{padding:16px}.alert{display:flex;gap:12px;padding:12px 16px;border-radius:6px;font-size:13px;border:1px solid transparent}.alert-icon{font-size:15px;flex-shrink:0;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:600;margin-bottom:2px}.alert-success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.alert-warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.alert-danger{background:var(--status-danger-bg);border-color:var(--status-danger-border);color:var(--status-danger-text)}.alert-info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-icon{width:56px;height:56px;border-radius:12px;background:var(--surface-raised);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.empty-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.empty-desc{font-size:13px;color:var(--text-muted);max-width:280px;line-height:1.6;margin-bottom:20px}.tabs{display:flex;border-bottom:1px solid var(--border-default);gap:0}.tab{padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-text);border-bottom-color:var(--accent-bg)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.page-sub{font-size:13px;color:var(--text-muted)}.page-sub em{font-weight:500;color:var(--text-secondary)}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:16px;margin-top:0}.form-actions{display:flex;gap:10px;justify-content:flex-end}.hint-text{font-size:12px;color:var(--text-muted);display:block;margin-top:4px}.divider{height:1px;background:var(--border-default);margin:32px 0}.divider-labeled{display:flex;align-items:center;gap:12px;margin:24px 0}.divider-labeled:before,.divider-labeled:after{content:"";flex:1;height:1px;background:var(--border-default)}.divider-text{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ghost-wrap{position:relative;overflow:hidden}.ghost-content{filter:blur(2px);opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;padding:20px}.ghost-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.ghost-chart{margin-bottom:20px}.ghost-bars{display:flex;align-items:flex-end;gap:8px;height:100px;padding-bottom:4px}.ghost-bar{flex:1;background:var(--accent-subtle);border-radius:4px 4px 0 0}.ghost-x-labels{display:flex;gap:8px;margin-top:6px}.ghost-x-label{flex:1;font-size:11px;color:var(--text-muted);text-align:center}.ghost-table{border:1px solid var(--border-default);border-radius:6px;overflow:hidden}.ghost-thead{display:grid;padding:8px 12px;background:var(--surface-raised);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.ghost-row{display:grid;padding:10px 12px;align-items:center;font-size:13px;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.ghost-pill{display:inline-block;height:14px;width:60px;background:var(--surface-raised);border-radius:9999px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface-scrim);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.overlay-card{background:var(--surface-default);border:1px solid var(--border-default);border-radius:10px;padding:28px 32px;max-width:380px;width:90%;text-align:center;box-shadow:0 4px 24px #00000014}.overlay-icon{font-size:28px;margin-bottom:12px}.overlay-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.overlay-desc{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.benefit-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;text-align:left}.benefit-item{display:flex;gap:8px;font-size:13px;color:var(--text-primary)}.benefit-check{color:var(--status-success-text);font-weight:600;flex-shrink:0}.pro-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.03em;background:var(--status-warning-bg);color:var(--accent-text)}@media(max-width:768px){.page-header{flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:16px}.page-title{font-size:18px}.section{padding:20px 16px}.divider{margin:20px 0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.card-body{padding:16px}.card-header{padding:12px 16px}.form-grid{grid-template-columns:1fr!important}.form-actions{flex-wrap:wrap}.btn{height:40px}.btn-sm{height:32px}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.tab{white-space:nowrap;flex-shrink:0}.row{gap:12px}}