:root{--navy:#1e3a5f;--navy-deep:#14283f;--navy-soft:#2d4f78;--navy-tint:#eaeff5;--gold:#b8893f;--gold-tint:#f4ecdd;--teal:#0f766e;--teal-tint:#e4f1ef;--ink:#1a2330;--ink-2:#3a4658;--muted:#6b7686;--muted-2:#9aa3b1;--line:#e6e8ec;--line-soft:#eef0f3;--bg:#f5f6f8;--surface:#fff;--surface-2:#fafbfc;--green:#2f8a5b;--green-tint:#e4f1ea;--amber:#c2870b;--amber-tint:#f8efd9;--red:#c0453f;--red-tint:#f7e6e4;--blue:#2563a8;--blue-tint:#e5eef8;--r-sm:7px;--r:11px;--r-lg:16px;--r-xl:22px;--sh-1:0 1px 2px #14283f0f, 0 1px 3px #14283f0d;--sh-2:0 2px 8px #14283f12, 0 6px 20px #14283f0f;--sh-3:0 8px 30px #14283f1f, 0 18px 50px #14283f1a;--side-w:248px;--side-w-rail:76px;--topbar-h:64px;--ai-w:384px;--pad:24px;--row-h:56px;--gap:20px;--font-display:"Manrope", "Noto Sans TC", system-ui, sans-serif;--font-body:"Noto Sans TC", "Manrope", system-ui, sans-serif}[data-density=compact]{--pad:16px;--row-h:46px;--gap:14px}[data-density=comfy]{--pad:30px;--row-h:64px;--gap:26px}[data-theme=dark]{--navy:#4f86c6;--navy-deep:#0c1622;--navy-soft:#6fa0d6;--navy-tint:#1a2738;--ink:#eef2f7;--ink-2:#c2ccd9;--muted:#8e9aac;--muted-2:#6a7484;--line:#243140;--line-soft:#1c2734;--bg:#0e1620;--surface:#151f2b;--surface-2:#1a2530;--gold-tint:#2a2417;--teal-tint:#14302d;--green-tint:#142a20;--amber-tint:#2e2613;--red-tint:#2e1a18;--blue-tint:#16263a;--sh-1:0 1px 2px #00000059;--sh-2:0 2px 10px #0006;--sh-3:0 10px 40px #0000008c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 35%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--muted) 55%, transparent);background-clip:padding-box}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.display{font-family:var(--font-display);letter-spacing:-.01em}.tabnum{font-variant-numeric:tabular-nums}.login-wrap{background:var(--bg);grid-template-columns:1.05fr .95fr;height:100%;display:grid}.login-brandside{background:radial-gradient(140% 110% at 0% 0%, var(--navy-soft) 0%, var(--navy) 42%, var(--navy-deep) 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.login-brandside:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 80% 10%,#000 0%,#0000 75%);mask-image:radial-gradient(120% 90% at 80% 10%,#000 0%,#0000 75%)}.login-formside{justify-content:center;align-items:center;padding:40px;display:flex}.login-card{width:100%;max-width:380px}@media (max-width:880px){.login-wrap{grid-template-columns:1fr}.login-brandside{display:none}}.app{grid-template-columns:var(--side-w) 1fr;background:var(--bg);height:100%;transition:grid-template-columns .22s;display:grid}.app[data-nav=rail]{grid-template-columns:var(--side-w-rail) 1fr}.app[data-nav=top]{grid-template-columns:1fr}.main-col{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.page-scroll{scroll-behavior:smooth;flex:1;overflow-y:auto}.page-pad{padding:var(--pad) clamp(16px, 3.4vw, 40px) 64px;max-width:1400px;margin:0 auto}.sidebar{background:var(--navy-deep);color:#cdd8e6;border-right:1px solid #ffffff0d;flex-direction:column;min-height:0;display:flex}.sb-brand{height:var(--topbar-h);align-items:center;gap:12px;padding:18px 20px;display:flex}.sb-logo{background:linear-gradient(150deg, var(--navy-soft), var(--navy));border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.sb-logo span{font-family:var(--font-display);color:#fff;font-size:17px;font-weight:800}.sb-name{flex-direction:column;line-height:1.15;display:flex;overflow:hidden}.sb-name b{color:#fff;font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;font-size:15px;font-weight:700}.sb-name small{color:#7e91a8;letter-spacing:.14em;font-size:11px}.sb-section{letter-spacing:.14em;color:#62748c;padding:16px 14px 6px;font-size:11px;font-weight:600}.sb-nav{flex-direction:column;gap:3px;padding:8px 12px;display:flex}.sb-item{border-radius:var(--r-sm);color:#aebccd;white-space:nowrap;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .14s,color .14s;display:flex;position:relative}.sb-item:hover{color:#fff;background:#ffffff0d}.sb-item.active{background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.sb-item.active:before{content:"";background:var(--gold);border-radius:0 3px 3px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.sb-item svg{flex:none;width:19px;height:19px}.sb-item .lbl{text-overflow:ellipsis;flex:1;overflow:hidden}.sb-item .pill{background:var(--gold);color:#fff;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.app[data-nav=rail] .sb-name,.app[data-nav=rail] .sb-section,.app[data-nav=rail] .sb-item .lbl,.app[data-nav=rail] .sb-item .pill,.app[data-nav=rail] .sb-foot-txt{display:none}.app[data-nav=rail] .sb-item{justify-content:center;padding:11px}.app[data-nav=rail] .sb-brand{justify-content:center;padding:18px 0}.sb-foot{border-top:1px solid #ffffff0f;margin-top:auto;padding:14px}.sb-user{border-radius:var(--r-sm);align-items:center;gap:11px;padding:8px;display:flex}.sb-user:hover{background:#ffffff0d}.sb-foot-txt{line-height:1.2;overflow:hidden}.sb-foot-txt b{color:#fff;white-space:nowrap;font-size:13px;font-weight:600;display:block}.sb-foot-txt small{color:#7e91a8;font-size:11px}.app[data-nav=top] .sidebar,.topnav-bar{display:none}.app[data-nav=top] .topnav-bar{display:flex}.topbar{height:var(--topbar-h);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20;flex:none;align-items:center;gap:14px;padding:0 clamp(14px,2.6vw,28px);display:flex;position:sticky;top:0}.tb-title{flex-direction:column;min-width:0;line-height:1.1;display:flex}.tb-title h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:700;overflow:hidden}.tb-title small{color:var(--muted);font-size:12px}.tb-spacer{flex:1}.search{background:var(--bg);border:1px solid var(--line);width:min(320px,34vw);color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:8px 14px;display:flex}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13.5px}.search input::placeholder{color:var(--muted-2)}.icon-btn{width:40px;height:40px;color:var(--ink-2);border:1px solid #0000;border-radius:10px;place-items:center;transition:background .14s,border-color .14s;display:grid;position:relative}.icon-btn:hover{background:var(--bg);border-color:var(--line)}.icon-btn .dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:9px;right:9px}.btn-ai{background:var(--navy);color:#fff;box-shadow:var(--sh-1);border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:transform .12s,background .14s;display:flex}.btn-ai:hover{background:var(--navy-soft);transform:translateY(-1px)}.btn-ai svg{width:17px;height:17px}.hamburger{display:none}.btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:background .14s,border-color .14s,transform .1s,box-shadow .14s;display:inline-flex}.btn:hover{background:var(--bg);border-color:var(--muted-2)}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--navy-soft);border-color:var(--navy-soft)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg)}.btn-sm{padding:7px 12px;font-size:12.5px}.btn-icon{padding:9px}.btn-icon svg{width:17px;height:17px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-pad{padding:var(--pad)}.card-head{padding:18px var(--pad);border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;display:flex}.card-head h3{font-family:var(--font-display);color:var(--ink);letter-spacing:-.005em;font-size:15.5px;font-weight:700}.card-head .sub{color:var(--muted);font-size:12.5px}.badge{background:var(--bg);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge .bdot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge.green{background:var(--green-tint);color:var(--green)}.badge.amber{background:var(--amber-tint);color:var(--amber)}.badge.red{background:var(--red-tint);color:var(--red)}.badge.blue{background:var(--blue-tint);color:var(--blue)}.badge.navy{background:var(--navy-tint);color:var(--navy)}.badge.gold{background:var(--gold-tint);color:var(--gold)}.badge.teal{background:var(--teal-tint);color:var(--teal)}.avatar{width:38px;height:38px;font-family:var(--font-display);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.avatar.sm{width:30px;height:30px;font-size:12px}.avatar.lg{width:48px;height:48px;font-size:17px}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.04em;color:var(--muted);padding:12px var(--pad);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface);z-index:1;font-size:11.5px;font-weight:600;position:sticky;top:0}.tbl td{padding:13px var(--pad);border-bottom:1px solid var(--line-soft);color:var(--ink-2);vertical-align:middle;font-size:13.5px}.tbl tbody tr{cursor:pointer;transition:background .12s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .strong{color:var(--ink);font-weight:600}.bar{background:var(--line);border-radius:999px;height:7px;overflow:hidden}.bar>i{background:var(--navy);border-radius:999px;height:100%;transition:width .4s;display:block}.bar>i.green{background:var(--green)}.bar>i.amber{background:var(--amber)}.bar>i.red{background:var(--red)}.stat{padding:var(--pad);flex-direction:column;gap:6px;display:flex}.stat .k{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.stat .v{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1}.stat .v small{color:var(--muted);font-size:14px;font-weight:600}.stat .d{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.stat .d.up{color:var(--green)}.stat .d.down{color:var(--red)}.seg{background:var(--bg);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);border-radius:6px;padding:6px 13px;font-size:13px;font-weight:600}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.mobile-nav{display:none}@media (max-width:768px){.app,.app[data-nav=rail],.app[data-nav=top]{grid-template-columns:1fr}.sidebar,.topnav-bar{display:none!important}.hamburger{display:grid}.search{display:none}.tb-title h1{font-size:17px}.page-pad{padding:16px 16px 96px}.main-col{padding-bottom:0}.mobile-nav{z-index:60;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mn-item{color:var(--muted);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 8px;font-size:10.5px;font-weight:600;display:flex}.mn-item svg{width:21px;height:21px}.mn-item.active{color:var(--navy)}}.drawer-scrim{z-index:70;opacity:0;pointer-events:none;background:#0a142080;transition:opacity .2s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--navy-deep);z-index:71;flex-direction:column;width:280px;transition:transform .24s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.drawer.open{transform:none}.ai-scrim{z-index:80;opacity:0;pointer-events:none;background:#0a142047;transition:opacity .2s;position:fixed;inset:0}.ai-scrim.open{opacity:1;pointer-events:auto}.ai-panel{width:var(--ai-w);background:var(--surface);z-index:81;max-width:92vw;box-shadow:var(--sh-3);border-left:1px solid var(--line);flex-direction:column;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.ai-panel.open{transform:none}.ai-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:16px 18px;display:flex}.ai-head .ai-mark{background:linear-gradient(145deg, var(--teal), #0b5a54);color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.ai-body{flex-direction:column;flex:1;gap:16px;padding:18px;display:flex;overflow-y:auto}.ai-foot{border-top:1px solid var(--line);padding:14px 16px}.ai-input{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;display:flex}.ai-input textarea{resize:none;color:var(--ink);background:0 0;border:none;outline:none;flex:1;max-height:120px;font-size:14px;line-height:1.5}.ai-bubble{border-radius:14px;max-width:90%;padding:12px 14px;font-size:13.7px;line-height:1.6}.ai-bubble.user{background:var(--navy);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.ai-bubble.bot{background:var(--bg);color:var(--ink);border:1px solid var(--line-soft);border-bottom-left-radius:5px;align-self:flex-start}.ai-chip{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);text-align:left;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;transition:background .14s,border-color .14s;display:inline-flex}.ai-chip:hover{background:var(--bg);border-color:var(--navy);color:var(--navy)}@media (max-width:560px){.ai-panel{width:100%;max-width:100%}}@keyframes fadeUp{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-up{animation:.32s fadeUp}@media (prefers-reduced-motion:reduce){.fade-up{animation:none}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.typing i{background:var(--muted);border-radius:50%;width:6px;height:6px;margin:0 1.5px;animation:1.1s infinite blink;display:inline-block}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}.row{align-items:center;gap:var(--gap);display:flex}.col{flex-direction:column;display:flex}.grid{gap:var(--gap);display:grid}.muted{color:var(--muted)}.tiny{font-size:12px}.sep{background:var(--line-soft);height:1px}.empty{text-align:center;color:var(--muted);padding:48px 20px}.tl{padding-left:26px;position:relative}.tl:before{content:"";background:var(--line);width:2px;position:absolute;top:4px;bottom:4px;left:7px}.tl-item{padding-bottom:22px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{background:var(--surface);border:3px solid var(--navy);border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:-26px}.tl-dot.green{border-color:var(--green)}.tl-dot.amber{border-color:var(--amber)}.tl-dot.gold{border-color:var(--gold)}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;opacity:0;pointer-events:none;background:#0a142073;place-items:center;padding:20px;transition:opacity .18s;display:grid;position:fixed;inset:0}.modal-scrim.open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-3);flex-direction:column;width:100%;max-width:560px;max-height:90vh;transition:transform .2s;display:flex;transform:translateY(12px)scale(.98)}.modal-scrim.open .modal{transform:none}.modal-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-head h3{font-family:var(--font-display);color:var(--ink);font-size:16.5px;font-weight:700}.modal-body{flex-direction:column;gap:16px;padding:22px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line-soft);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.fld{flex-direction:column;gap:6px;display:flex}.fld>label{color:var(--ink-2);font-size:12.5px;font-weight:600}.fld>label .req{color:var(--red);margin-left:3px}.fld input,.fld textarea,.fld select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:var(--r-sm);outline:none;padding:10px 12px;font-size:14px;transition:border-color .14s,box-shadow .14s}.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--navy);box-shadow:0 0 0 3px color-mix(in srgb, var(--navy) 14%, transparent)}.fld input::placeholder,.fld textarea::placeholder{color:var(--muted-2)}.fld textarea{resize:vertical;min-height:84px;line-height:1.55}.fld .err-txt{color:var(--red);font-size:11.5px}.fld.invalid input,.fld.invalid textarea{border-color:var(--red)}.fld-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.seg-radio{background:var(--bg);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg-radio button{color:var(--muted);border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:600}.seg-radio button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}@media (max-width:560px){.fld-row{grid-template-columns:1fr}}