:root{--p: #1E40AF;--p-hover: #1D4ED8;--pl: #DBEAFE;--su: #15803D;--sub: #DCFCE7;--wa: #B45309;--wab: #FEF3C7;--da: #B91C1C;--dab: #FEE2E2;--tx: #0F172A;--t2: #475569;--gr: #94A3B8;--bd: #E2E8F0;--bg: #F1F5F9;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#0f172a;font-family:Noto Sans TC,sans-serif;color:var(--tx);font-variant-numeric:tabular-nums}#root{height:100vh}a{color:var(--p);text-decoration:none;cursor:pointer}a:hover{color:var(--p-hover);text-decoration:underline}h1{margin:0;font-size:20px;font-weight:700}button{font-family:inherit}input,select,textarea{font-family:inherit;color:var(--tx)}@keyframes drawerIn{0%{transform:translate(480px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.app{width:100%;min-width:1280px;height:100vh;background:var(--bg);display:flex;position:relative;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.sidebar{width:232px;flex:none;background:#0f172a;display:flex;flex-direction:column}.side-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:8px;cursor:pointer;color:var(--gr);font-size:14px}.side-item:hover{background:#94a3b81f}.side-item.on{background:var(--p);color:#fff;font-weight:500}.side-item.on:hover{background:var(--p)}.btn{height:36px;padding:0 16px;border:none;border-radius:8px;background:var(--p);color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:var(--p-hover)}.btn.outline{background:#fff;color:var(--tx);border:1px solid var(--bd)}.btn.outline:hover{background:#f8fafc}.btn.outline-danger{background:#fff;color:var(--da);border:1px solid var(--bd)}.btn.outline-danger:hover{background:#fef2f2}.btn.danger{background:var(--da);color:#fff}.btn.danger:hover{background:#991b1b}.btn.soft{background:#eff6ff;color:var(--p);border:1px solid #93C5FD}.btn.soft:hover{background:var(--pl)}.btn.text{background:none;color:var(--t2);padding:0}.btn.text:hover{background:none;color:var(--tx)}.btn:disabled{background:var(--bg);color:var(--gr);cursor:not-allowed;border:none}.input,.select{height:36px;border:1px solid var(--bd);border-radius:8px;padding:0 12px;font-size:14px;background:#fff;outline-color:var(--p)}.select{padding:0 10px}textarea.input{height:auto;padding:10px 12px;resize:none}.card{background:#fff;border:1px solid var(--bd);border-radius:12px;box-shadow:0 1px 3px #0f172a0f}.card-title{padding:16px 24px;font-size:16px;font-weight:500;border-bottom:1px solid var(--bd)}.thead{display:grid;padding:0 24px;height:44px;align-items:center;background:#f8fafc;font-size:12px;color:var(--t2)}.trow{display:grid;padding:0 24px;height:48px;align-items:center;font-size:14px;border-top:1px solid var(--bd)}.trow.hov:hover{background:#eff6ff}.tfoot{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--bd);font-size:13px;color:var(--t2)}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:16px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500}.pg{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pg.on{background:var(--p);color:#fff;font-weight:500;cursor:default}.pg:not(.on):hover{background:var(--bg)}.bar{flex:1;height:6px;border-radius:999px;background:var(--bg);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--p)}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-head{display:flex;align-items:center;justify-content:space-between}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;color:var(--t2)}.tabs{display:flex;border-bottom:1px solid var(--bd)}.tab{padding:10px 20px;font-size:14px;cursor:pointer;color:var(--t2);border-bottom:2px solid transparent}.tab:hover{color:var(--tx)}.tab.on{color:var(--p);font-weight:500;border-bottom-color:var(--p)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;animation:fadeIn .2s ease-out}.drawer{position:absolute;top:0;right:0;bottom:0;width:480px;background:#fff;z-index:41;box-shadow:-8px 0 24px #0f172a26;animation:drawerIn .24s ease-out;display:flex;flex-direction:column}.drawer-head{height:60px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--bd);font-size:16px;font-weight:500}.drawer-body{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.drawer-foot{flex:none;display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--bd)}.drawer-foot .btn{flex:1}.dialog-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.dialog{width:480px;background:#fff;border-radius:12px;padding:32px;box-shadow:0 16px 48px #0f172a40;animation:popIn .18s ease-out;display:flex;flex-direction:column;gap:16px}.xbtn{background:none;border:none;cursor:pointer;color:var(--t2);font-size:20px;line-height:1;padding:4px}.cell-legend{display:flex;gap:20px;font-size:12px;color:var(--t2);flex-wrap:wrap}.cell-legend span{display:flex;align-items:center;gap:6px}.dropzone{height:180px;border:2px dashed #CBD5E1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer}.dropzone:hover{border-color:var(--p);background:#f8fafc}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--pl);color:var(--p);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:500}.chip .x{cursor:pointer;color:#60a5fa}