*,:after,:before{box-sizing:border-box}*{margin:0}:root{--canvas:#f6f6f4;--surface:#ffffff;--surface-2:#fbfbf9;--border:#e7e6e1;--border-strong:#d6d5cf;--ink:#1a1c1a;--ink-2:#55574f;--ink-3:#8b8d84;--nav-bg:#161a18;--nav-bg-2:#1e2320;--nav-ink:#c9ccc4;--nav-ink-dim:#7f847a;--nav-active-bg:#2a312c;--primary:#0e7c66;--primary-hover:#0b6353;--primary-soft:#e3f2ee;--primary-ink:#0a4f42;--accent:#c8752a;--ok:#1f7a4d;--ok-soft:#e6f3ea;--warn:#9a6a00;--warn-soft:#fbf1d9;--danger:#bb3a34;--danger-soft:#fceceb;--info-soft:#e8eff5;--radius:12px;--radius-sm:8px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(20,22,20,0.05),0 1px 3px rgba(20,22,20,0.04);--shadow:0 4px 14px rgba(20,22,20,0.07),0 1px 3px rgba(20,22,20,0.05);--shadow-lg:0 18px 48px rgba(20,22,20,0.16);--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--nav-w:244px}html{font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);line-height:1.6;letter-spacing:.01em}a{color:var(--primary);text-decoration:none}h1,h2,h3{font-weight:600;letter-spacing:-.01em;color:var(--ink)}.mono,code{font-family:var(--mono);font-feature-settings:"tnum" 1}.shell{display:grid;grid-template-columns:var(--nav-w) 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--nav-bg-2),var(--nav-bg));color:var(--nav-ink);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px 14px;gap:4px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 20px}.sidebar-brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),#14b39a);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 3px 10px rgba(14,124,102,.4)}.sidebar-brand .brand-text{display:flex;flex-direction:column;line-height:1.2}.sidebar-brand .brand-text b{color:#fff;font-size:.95rem;font-weight:600}.sidebar-brand .brand-text span{color:var(--nav-ink-dim);font-size:.72rem}.nav-section{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--nav-ink-dim);padding:16px 12px 6px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--nav-ink);font-size:.9rem;transition:background .12s,color .12s;cursor:pointer}.nav-link:hover{text-decoration:none}.nav-link.active,.nav-link:hover{background:var(--nav-active-bg);color:#fff}.nav-link.active{box-shadow:inset 3px 0 0 var(--primary)}.nav-link .ico{width:18px;height:18px;flex:none;opacity:.85}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:.82rem;color:var(--nav-ink)}.sidebar-user .avatar{width:30px;height:30px;border-radius:50%;background:var(--nav-active-bg);display:grid;place-items:center;color:#fff;font-size:.8rem;flex:none}.sidebar-user .who{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content{min-width:0;display:flex;flex-direction:column}.hamburger{padding:6px!important}.hamburger,.nav-scrim{display:none}.topbar{height:60px;background:rgba(246,246,244,.85);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar .page-title{font-size:1.05rem;font-weight:600}.topbar .crumb{color:var(--ink-3);font-size:.85rem}.page{padding:26px 28px 64px;max-width:1180px;width:100%;animation:rise .32s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.setup-banner{background:linear-gradient(90deg,var(--primary),#14b39a);color:#fff;padding:9px 20px;font-size:.88rem;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.impersonation-banner{background:repeating-linear-gradient(-45deg,#7a2ea0,#7a2ea0 12px,#6c2891 0,#6c2891 24px);color:#fff;text-align:center;padding:8px;font-size:.86rem;font-weight:500;letter-spacing:.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:22px 24px}.card+.card{margin-top:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border)}.card-head h2{font-size:1rem}.card-head .sub{color:var(--ink-3);font-size:.82rem;font-weight:400}.card-body{padding:20px 24px}.section-title{font-size:1.35rem;margin-bottom:4px}.section-sub{color:var(--ink-2);font-size:.9rem;margin-bottom:22px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat .label{color:var(--ink-3);font-size:.8rem;display:flex;align-items:center;gap:7px}.stat .value{font-family:var(--mono);font-size:1.7rem;font-weight:600;color:var(--ink);margin-top:6px;letter-spacing:-.02em}.stat .foot{color:var(--ink-3);font-size:.76rem;margin-top:3px}.stat .spark{position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--primary);opacity:.25}.stat.ok .spark{background:var(--ok)}.stat.warn .spark{background:var(--warn)}.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{text-align:left;color:var(--ink-3);font-weight:500;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:11px 14px;background:var(--surface-2);white-space:nowrap}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:13px 14px;vertical-align:middle}.tbl tbody tr:last-child td,.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{font-family:var(--mono);font-feature-settings:"tnum" 1}.tbl.rows-tight td{padding:9px 14px}.card table{width:100%;border-collapse:collapse;font-size:.9rem}.card table th{text-align:left;color:var(--ink-3);font-weight:500;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:11px 14px;background:var(--surface-2);white-space:nowrap}.card table td,.card table th{border-bottom:1px solid var(--border)}.card table td{padding:13px 14px;vertical-align:middle}.card table tr:last-child td{border-bottom:none}.card-pad>h2:first-child,.card>h2{padding:0 0 12px}.btn-sm{padding:5px 11px!important;font-size:.8rem!important}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 18px;gap:0 18px}.container{max-width:1180px;margin:0 auto;padding:26px 28px 64px}@media (max-width:720px){.grid-2{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.6;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge.plain:before{display:none}.badge.ok{color:var(--ok);background:var(--ok-soft)}.badge.warn{color:var(--warn);background:var(--warn-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.info{color:#2b5f86;background:var(--info-soft)}.badge.dim{color:var(--ink-2);background:#eeeeea}.badge.ai{color:#6c2891;background:#f2e9f8}.btn,button{font:inherit;font-size:.88rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;background:var(--primary);color:#fff;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:background .12s,box-shadow .12s,border-color .12s,transform .06s;white-space:nowrap}.btn:hover,button:hover{background:var(--primary-hover)}.btn:active,button:active{transform:translateY(.5px)}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed}.btn.secondary,button.secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn.secondary:hover,button.secondary:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn.ghost,button.ghost{background:transparent;color:var(--ink-2);border-color:transparent}.btn.ghost:hover,button.ghost:hover{background:#eeeeea;color:var(--ink)}.btn.danger,button.danger{background:var(--surface);color:var(--danger);border-color:var(--border-strong)}.btn.danger:hover,button.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.sm,button.sm{padding:5px 11px;font-size:.8rem}.btn-block{width:100%;justify-content:center;margin-top:20px;padding:11px}label{display:block;font-size:.82rem;color:var(--ink-2);font-weight:500;margin:16px 0 5px}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:.92rem;background:var(--surface);color:var(--ink);transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 18px;gap:0 18px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar .grow{flex:1 1;min-width:180px}.search,.spacer{flex:1 1}.search{position:relative;min-width:200px}.search input{padding-left:34px}.search .ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-3);pointer-events:none}.meter{height:8px;background:var(--border);overflow:hidden}.meter,.meter>i{border-radius:99px}.meter>i{display:block;height:100%;background:var(--primary);transition:width .4s cubic-bezier(.2,.7,.2,1)}.meter.warn>i{background:var(--warn)}.meter.danger>i{background:var(--danger)}.ring{--pct:0;--ring-color:var(--primary);width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--pct) * 1%),var(--border) 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--surface)}.ring .ring-val{position:relative;font-family:var(--mono);font-weight:600;font-size:1.15rem}.alert{border-radius:var(--radius-sm);padding:11px 15px;font-size:.88rem;margin-bottom:16px;border:1px solid transparent;display:flex;gap:9px;align-items:flex-start}.alert.error{background:var(--danger-soft);color:var(--danger);border-color:#f0cfcd}.alert.success{background:var(--ok-soft);color:var(--ok);border-color:#c9e4d3}.alert.info{background:var(--info-soft);color:#2b5f86;border-color:#cfdeea}.alert.warn{background:var(--warn-soft);color:var(--warn);border-color:#ecdcb4}.empty{text-align:center;padding:52px 24px;color:var(--ink-3)}.empty .emoji{font-size:2rem;opacity:.6;display:block;margin-bottom:10px}.empty .t{color:var(--ink-2);font-weight:500;margin-bottom:4px}.skeleton{background:linear-gradient(90deg,#eeeeea 25%,#f5f5f2 50%,#eeeeea 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-aside{background:linear-gradient(155deg,#12332c,#0e211c 60%,#16110a);color:#eef2ee;padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-aside:after{content:"";position:absolute;width:460px;height:460px;right:-160px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(20,179,154,.35),transparent 68%)}.auth-aside .logo{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--primary),#14b39a);display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.2rem}.auth-aside h2{color:#fff;font-size:1.9rem;line-height:1.35;letter-spacing:-.01em;position:relative;max-width:15em}.auth-aside .tagline{color:rgba(200,220,210,.7);font-size:.95rem;margin-top:14px;max-width:22em}.auth-aside .feat{display:flex;gap:10px;align-items:center;color:rgba(220,235,226,.85);font-size:.9rem;margin-top:12px}.auth-aside .foot{color:rgba(180,200,190,.5);font-size:.78rem;position:relative}.auth-main{display:grid;place-items:center;padding:40px}.auth-card{width:100%;max-width:380px}.auth-card h1{font-size:1.5rem}.auth-card .subtitle{color:var(--ink-2);font-size:.9rem;margin:4px 0 20px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px;overflow-x:auto}.tab{border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--ink-2);padding:10px 15px;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;margin-bottom:-1px}.tab,.tab:hover{background:transparent}.tab:hover{color:var(--ink)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab .dot{width:7px;height:7px;border-radius:50%;background:var(--warn)}.modal-backdrop{position:fixed;inset:0;background:rgba(20,22,20,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:100;padding:24px;animation:fade .15s both}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;overflow:hidden;animation:pop .2s cubic-bezier(.2,.8,.2,1) both}@keyframes pop{0%{opacity:0;transform:scale(.97) translateY(8px)}}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.mt{margin-top:18px}.dim{color:var(--ink-3);font-size:.85rem}.stack-sm>*+*{margin-top:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;background:#eeeeea;font-size:.78rem;color:var(--ink-2)}.divider{height:1px;background:var(--border);margin:18px 0}.group-detail{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:1100px){.group-detail{grid-template-columns:1fr}}.kanban{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:10px}.kanban-col{flex:0 0 264px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.kanban-col.collapsed{flex-basis:176px}.kanban-col.drag-over{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:10px 12px;margin-top:8px}.kanban-card[draggable=true]{cursor:-webkit-grab;cursor:grab}.kanban-card.dragging{opacity:.45}.account-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:16px;gap:16px;align-items:start}@media (max-width:1000px){.account-detail{grid-template-columns:1fr}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:var(--shadow-lg)}.hamburger{display:inline-flex}.nav-scrim{display:block;position:fixed;inset:0;background:rgba(20,22,20,.4);z-index:45}.auth-wrap{grid-template-columns:1fr}.auth-aside{display:none}.field-row{grid-template-columns:1fr}}