@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600&family=Noto+Sans+TC:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";:root{--red-900:#5a0e0e;--red-700:#8b1a1a;--red-500:#b5312a;--red-200:#e8b4b0;--red-50:#fdf0ef;--gold-700:#9e7a2a;--gold-500:#c9a84c;--gold-300:#e8d5a0;--gold-50:#faf6e8;--ink-900:#1a0f08;--ink-700:#3d2415;--ink-500:#6b4c38;--ink-300:#a8896e;--ink-100:#e8ddc8;--ink-50:#f3ece0;--paper:#faf6ef;--surface:#ffffff;--success:#3a6b3a;--warning:#8b5e1a;--danger:#8b1a1a;--info:#1a4a6b;--font-serif:"Noto Serif TC",serif;--font-sans:"Noto Sans TC",sans-serif;--font-mono:"DM Mono",monospace;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--shadow-sm:0 1px 3px rgba(26,15,8,.08);--shadow-md:0 2px 12px rgba(26,15,8,.1),0 1px 3px rgba(26,15,8,.06);--sidebar-w:220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--ink-50);color:var(--ink-900);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--paper);border-right:1px solid var(--ink-100);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.sidebar-brand{padding:24px 20px 20px;border-bottom:1px solid var(--ink-100);display:flex;flex-direction:column;gap:2px}.sidebar-brand-name{font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--ink-900);letter-spacing:.12em}.sidebar-brand-sub{font-size:10px;color:var(--ink-300);letter-spacing:.2em;text-transform:uppercase;font-family:var(--font-mono)}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px}.nav-section{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-300);padding:12px 10px 4px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13px;color:var(--ink-500);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.nav-item:hover{background:var(--ink-100);color:var(--ink-900)}.nav-item.active{background:var(--red-50);color:var(--red-700);font-weight:500;border-right:2px solid var(--red-700);margin-right:-10px;padding-right:12px}.nav-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:14px 20px;border-top:1px solid var(--ink-100);font-size:12px;color:var(--ink-300);display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--ink-100);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ink-500);flex-shrink:0}.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:56px;background:var(--paper);border-bottom:1px solid var(--ink-100);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.page-title{font-family:var(--font-serif);font-size:18px;font-weight:500;letter-spacing:.06em;color:var(--ink-900)}.topbar-actions{display:flex;align-items:center;gap:12px}.content{padding:28px 32px;flex:1}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.col{display:flex;flex-direction:column;gap:12px}.card{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:14px 20px;border-bottom:1px solid var(--ink-100);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-family:var(--font-serif);font-size:14px;font-weight:500;color:var(--ink-900);letter-spacing:.04em}.card-body{padding:20px}.card-footer{padding:10px 20px;border-top:1px solid var(--ink-100);background:var(--ink-50);font-size:12px;color:var(--ink-500)}.card-accent{border-top:3px solid var(--red-700)}.kpi{padding:20px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-300)}.kpi-value{font-family:var(--font-serif);font-size:28px;font-weight:500;color:var(--ink-900);line-height:1}.kpi-mono{font-family:var(--font-mono);font-size:24px;font-weight:400}.kpi-delta{font-size:12px;color:var(--success);display:flex;align-items:center;gap:4px;margin-top:2px}.kpi-delta.down{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:500;letter-spacing:.04em;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;border-radius:var(--radius-sm);font-size:13px}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn-md{height:36px;padding:0 16px}.btn-lg{height:44px;padding:0 24px;font-size:15px;letter-spacing:.1em}.btn-primary{background:var(--red-700);color:var(--paper)}.btn-primary:hover{background:var(--red-500)}.btn-secondary{background:var(--paper);color:var(--ink-900);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--ink-300)}.btn-ghost{background:transparent;color:var(--red-700);border:1px solid var(--red-700)}.btn-ghost:hover{background:var(--red-50)}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--red-200)}.btn-danger-outline:hover{background:var(--red-50)}.btn:disabled{opacity:.4;cursor:not-allowed}.table-wrap{background:var(--paper);border:1px solid var(--ink-100);border-radius:var(--radius-md);overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 16px;background:var(--ink-50);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);border-bottom:1px solid var(--ink-100)}td{padding:11px 16px;border-bottom:1px solid var(--ink-100);color:var(--ink-900);vertical-align:middle;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--ink-50)}.mono{font-family:var(--font-mono);font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:500;letter-spacing:.06em;border-radius:var(--radius-sm);white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.b-default{background:var(--ink-100);color:var(--ink-700)}.b-default .badge-dot{background:var(--ink-300)}.b-red{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-200)}.b-red .badge-dot{background:var(--red-700)}.b-success{background:#edf5ed;color:var(--success);border:1px solid #b8d4b8}.b-success .badge-dot{background:var(--success)}.b-warning{background:#fdf5e8;color:var(--warning);border:1px solid #e8cfa0}.b-warning .badge-dot{background:var(--warning)}.b-gold{background:var(--gold-50);color:var(--gold-700);border:1px solid var(--gold-300)}.b-gold .badge-dot{background:var(--gold-500)}.b-info{background:#eef4fb;color:var(--info);border:1px solid #b0cce0}.b-info .badge-dot{background:var(--info)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500)}.input,.select,.textarea{width:100%;border:1px solid var(--ink-100);background:var(--paper);color:var(--ink-900);font-family:var(--font-sans);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;border-radius:var(--radius-sm)}.input{height:38px;padding:0 12px}.select{height:38px;padding:0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a8896e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.textarea{padding:10px 12px;resize:vertical;min-height:80px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px #c9a84c2e}.alert{display:flex;gap:14px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;border-left:3px solid}.alert-title{font-weight:600;margin-bottom:2px;font-size:13px}.alert-body{font-size:13px;opacity:.85}.alert-info{background:#eef4fb;border-color:var(--info);color:var(--info)}.alert-success{background:#edf5ed;border-color:var(--success);color:var(--success)}.alert-warning{background:#fdf5e8;border-color:var(--warning);color:var(--warning)}.alert-danger{background:var(--red-50);border-color:var(--danger);color:var(--danger)}.hr{display:flex;align-items:center;gap:12px;margin:20px 0}.hr-line{flex:1;height:1px;background:var(--ink-100)}.hr-diamond{width:5px;height:5px;background:var(--gold-500);transform:rotate(45deg);flex-shrink:0}.hr-text{font-size:11px;color:var(--ink-300);letter-spacing:.1em;white-space:nowrap}.search-bar{position:relative;display:flex;align-items:center}.search-bar input{padding-left:34px}.search-icon{position:absolute;left:10px;color:var(--ink-300)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title{font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--ink-900);letter-spacing:.04em}.section-sub{font-size:12px;color:var(--ink-300);margin-top:2px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}@keyframes spin{to{transform:rotate(360deg)}}