@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}button{font-family:var(--font-sans)}.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:4px}.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:13px;color:var(--ink-300);letter-spacing:.05em;font-family:var(--font-sans)}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 10px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--ink-500);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap;border:none;background:transparent;width:100%;text-align:left}.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:20px;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)}.card-link{cursor:pointer;transition:border-color .15s,box-shadow .15s}.card-link:hover{border-color:var(--red-200);box-shadow:0 2px 8px #8b1a1a14}.kpi{padding:20px;display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-300)}.kpi-value{font-family:var(--font-serif);font-size:36px;font-weight:500;color:var(--ink-900);line-height:1}.kpi-mono{font-family:var(--font-mono);font-size:36px;font-weight:500}.kpi-sub{font-size:13px;color:var(--ink-300);margin-top:2px}.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:14px}.btn-sm{height:32px;padding:0 14px;font-size:13px}.btn-md{height:38px;padding:0 18px}.btn-lg{height:46px;padding:0 26px;font-size:16px;letter-spacing:.1em}.btn-primary{background:var(--red-700);color:var(--paper)}.btn-primary:hover:not(:disabled){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:not(:disabled){border-color:var(--ink-300)}.btn-ghost{background:transparent;color:var(--red-700);border:1px solid var(--red-700)}.btn-ghost:hover:not(:disabled){background:var(--red-50)}.btn-danger{background:transparent;color:var(--danger);border:1px solid var(--red-200)}.btn-danger:hover:not(:disabled){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.clickable:hover td{background:var(--ink-50);cursor:pointer}.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}.input.error,.select.error,.textarea.error{border-color:var(--red-500)}.field-error{font-size:12px;color:var(--red-500)}.input-hint{font-size:11px;color:var(--ink-300)}.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}.timeline{display:flex;flex-direction:column;gap:0}.tl-item{display:flex;gap:14px;padding:12px 0}.tl-dot-wrap{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.tl-dot{width:10px;height:10px;border-radius:50%;background:var(--ink-300);flex-shrink:0;margin-top:4px}.tl-dot.active{background:var(--red-700)}.tl-dot.success{background:var(--success)}.tl-line{flex:1;width:1px;background:var(--ink-100);margin:4px 0}.tl-body{flex:1;min-width:0}.tl-action{font-size:13px;font-weight:500;color:var(--ink-900)}.tl-meta{font-size:11px;color:var(--ink-300);margin-top:2px;font-family:var(--font-mono)}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--ink-100);border-top-color:var(--red-700);border-radius:50%;animation:spin .6s linear infinite}.empty-state{text-align:center;padding:48px 24px;color:var(--ink-300)}.empty-state-icon{font-size:40px;margin-bottom:12px}.empty-state-text{font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0f0866;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--paper);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:480px;overflow:hidden}.modal-header{padding:18px 24px;border-bottom:1px solid var(--ink-100);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--ink-900)}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--ink-300);font-size:18px;line-height:1;padding:4px}.modal-body{padding:24px}.modal-footer{padding:14px 24px;border-top:1px solid var(--ink-100);display:flex;justify-content:flex-end;gap:10px}.text-mono{font-family:var(--font-mono)}.text-sm{font-size:12px}.text-muted{color:var(--ink-300)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}