:root{--bg-base: #08090B;--glass-surface: rgba(22, 23, 26, .72);--glass-elevated: rgba(30, 31, 35, .78);--glass-border: rgba(255, 255, 255, .1);--glass-border-hi:rgba(255, 255, 255, .18);--text-primary: #F5F5F7;--text-secondary: rgba(245, 245, 247, .56);--text-tertiary: rgba(245, 245, 247, .32);--accent: #C9A227;--accent-bright: #E8CC7A;--live: #4CAF87;--r-pill: 999px;--r-card: 28px;--r-card-s: 20px;--r-btn: 50%;--font-ui: "Inter", "Noto Sans TC", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-display: "Fraunces", "Noto Serif TC", serif}.glass{background:var(--glass-surface);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border:1px solid var(--glass-border);box-shadow:0 24px 64px -24px #000000d9,inset 0 1px #ffffff0f;border-radius:var(--r-card)}.glass-elevated{background:var(--glass-elevated);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border:1px solid var(--glass-border-hi);box-shadow:0 24px 64px -24px #000000d9,inset 0 1px #ffffff14;border-radius:var(--r-card)}.glass-sm{background:var(--glass-surface);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);border:1px solid var(--glass-border);box-shadow:0 8px 32px -8px #0009,inset 0 1px #ffffff0d;border-radius:var(--r-card-s)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--ink: #08090B;--navy: rgba(22, 23, 26, .72);--navy-2: rgba(30, 31, 35, .78);--navy-3: rgba(38, 40, 46, .82);--ivory: #F5F5F7;--ivory-dim: rgba(245, 245, 247, .56);--ivory-faint:rgba(245, 245, 247, .32);--gold: #C9A227;--gold-2: #E8CC7A;--live: #4CAF87;--front: #C97C3D;--mid-blue: #3E6FA6;--back-grey: #8A8F9C;--line: rgba(255, 255, 255, .18);--line-soft: rgba(255, 255, 255, .1);--card: var(--navy);--card-hi: var(--navy-2);--border: var(--line-soft);--border-hi: var(--line);--green: var(--live);--green-glow: rgba(76,175,135,.18);--green-dim: rgba(76,175,135,.08);--gold-dim: rgba(201,162,39,.12);--white: var(--ivory);--mid: var(--ivory-dim);--dim: var(--ivory-faint);--red: #B4553F;--red-dim: rgba(180,85,63,.15);--amber: #C97C3D;--amber-dim: rgba(201,124,61,.15);--r: 4px;--r-lg: 12px;--sb: 220px;--mobile-header-h: 64px;--iab-safe-top: 0px;--mono: "IBM Plex Mono", monospace;--sans: "Inter", "Noto Sans TC", sans-serif;--display: "Fraunces", "Noto Serif TC", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}html,body,#root{min-height:100%;background:var(--bg-base, var(--ink));color:var(--text-primary, var(--ivory));font-family:var(--font-ui, var(--sans));line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(201,162,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(201,162,39,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 90%)}.mc-app{display:flex;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.sb{width:var(--sb);flex-shrink:0;background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border-right:1px solid var(--glass-border, rgba(255,255,255,.1));position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:50;overflow-y:auto}.sb-top{padding:22px 18px 18px;border-bottom:1px solid var(--line)}.sb-wordmark{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2)}.sb-tagline{font-family:var(--mono);font-size:10px;color:var(--ivory-faint);margin-top:5px;letter-spacing:.05em}.sb-pulse{display:flex;align-items:center;gap:6px;margin-top:12px;font-family:var(--mono);font-size:10px;color:var(--ivory-dim)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 6px #4caf8799;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 6px #4caf8799}50%{opacity:.5;box-shadow:0 0 2px #4caf874d}}.sb-nav{padding:10px 0;flex:1}.sb-section{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-faint);padding:14px 18px 5px}.sb-link{display:flex;align-items:center;gap:9px;padding:8px 18px;font-size:12px;color:var(--ivory-dim);text-decoration:none;cursor:pointer;transition:color .12s,background .12s;letter-spacing:.02em}.sb-link:hover{color:var(--ivory);background:#c9a2270f}.sb-link.active{color:var(--gold-2);background:#c9a22714}.sb-link-dot{width:5px;height:5px;border-radius:50%;background:var(--ivory-faint);flex-shrink:0}.sb-link.active .sb-link-dot{background:var(--gold)}.sb-footer{padding:14px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.status-row{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;color:var(--ivory-faint)}.s-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.s-g{background:var(--live)}.s-a{background:var(--gold)}.s-r{background:var(--red)}.s-m{background:var(--ivory-faint)}.main{margin-left:var(--sb);flex:1;padding:32px 28px 56px}.ph{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--line)}.ph-title{font-size:11px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;display:flex;align-items:center;gap:10px}.ph-title:before{content:"";width:20px;height:1px;background:var(--gold);display:inline-block}.ph-name{font-family:var(--display);font-size:clamp(24px,3vw,36px);font-weight:600;color:var(--ivory);letter-spacing:-.02em;line-height:1.2}.ph-name em{font-style:normal;color:var(--gold-2)}.ph-sub{font-size:14px;color:var(--ivory-dim);margin-top:6px;line-height:1.7}.chips{display:flex;gap:7px}.chip{font-family:var(--mono);font-size:10px;padding:4px 11px;border:1px solid var(--line-soft);border-radius:100px;color:var(--ivory-dim);display:flex;align-items:center;gap:5px;letter-spacing:.05em}.sl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory-faint);margin-bottom:12px;margin-top:32px;display:flex;align-items:center;gap:10px}.sl:after{content:"";flex:1;height:1px;background:var(--line-soft)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden}.metric{background:var(--glass-surface, rgba(22,23,26,.72));padding:18px 20px}.metric-lbl{font-family:var(--mono);font-size:10px;color:var(--ivory-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.metric-val{font-family:var(--mono);font-size:28px;font-weight:300;color:var(--ivory);line-height:1}.metric-sub{font-size:11px;color:var(--ivory-dim);margin-top:5px}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px}.agent-card{position:relative;background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid var(--glass-border, rgba(255,255,255,.1));border-left:3px solid var(--c-accent, var(--gold));box-shadow:0 12px 40px -12px #000000b3,inset 0 1px #ffffff0d;border-radius:var(--r-card-s, 20px);padding:22px 20px 18px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;cursor:default}.agent-card:hover{transform:translateY(-3px);border-color:var(--line);box-shadow:0 18px 40px -20px #0009,0 0 0 1px #c9a22714}.agent-card.dead{opacity:.38;transform:none}.agent-card.disabled{opacity:.55}.agent-card[data-front]{--c-accent: var(--front)}.agent-card[data-mid]{--c-accent: var(--mid-blue)}.agent-card[data-back]{--c-accent: var(--back-grey)}.agent-card[data-special]{--c-accent: #7B5EA7}.acc{position:absolute;top:0;left:0;right:0;height:1px}.acc-live{background:linear-gradient(90deg,var(--live),transparent)}.acc-build{background:linear-gradient(90deg,var(--gold),transparent)}.acc-off{background:linear-gradient(90deg,var(--red),transparent)}.acc-disabled{background:linear-gradient(90deg,var(--ivory-faint),transparent)}.agent-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:10px}.agent-name{font-family:var(--display);font-size:19px;font-weight:600;color:var(--ivory);letter-spacing:-.2px;margin-top:4px}.agent-role{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ivory-faint);margin-bottom:2px}.agent-code-ov{color:var(--c-accent, var(--gold));font-weight:600}.badge{font-family:var(--mono);font-size:9px;padding:3px 8px;border-radius:100px;border:1px solid;letter-spacing:.06em;white-space:nowrap}.b-live{color:var(--live);border-color:#4caf8740;background:#4caf8714}.b-build{color:var(--gold-2);border-color:#c9a2274d;background:var(--gold-dim)}.b-off{color:var(--ivory-dim);border-color:var(--line-soft);background:transparent}.b-disabled{color:var(--ivory-faint);border-color:var(--line-soft);background:transparent}.skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.skill{font-family:var(--mono);font-size:10px;padding:3.5px 8px;border:1px solid var(--line-soft);border-radius:3px;color:var(--ivory-dim);letter-spacing:.04em}.badge-dot{width:5px;height:5px;border-radius:50%;background:var(--live);display:inline-block;margin-right:4px;vertical-align:middle;animation:pulse 2.4s ease-in-out infinite}.agent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;margin-bottom:10px}.astat{background:var(--ink);padding:6px;text-align:center}.astat-num{font-family:var(--mono);font-size:15px;font-weight:400;color:var(--ivory)}.astat-lbl{font-family:var(--mono);font-size:9px;color:var(--ivory-faint);margin-top:2px;letter-spacing:.04em}.chat-trigger{width:100%;padding:7px;background:transparent;border:1px solid var(--line-soft);border-radius:var(--r);font-family:var(--mono);font-size:10px;color:var(--ivory-faint);cursor:pointer;letter-spacing:.06em;transition:border-color .15s,color .15s;text-transform:uppercase}.chat-trigger:hover{border-color:var(--gold);color:var(--ivory)}.agent-offline-note{font-size:12px;color:var(--ivory-faint);margin-top:10px;line-height:1.6;font-family:var(--mono)}.cb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--r-lg);overflow:hidden}.cb-item{background:var(--navy);padding:20px}.cb-num{font-family:var(--mono);font-size:28px;font-weight:300;color:var(--gold);opacity:.5;line-height:1;margin-bottom:10px}.cb-title{font-size:14px;font-weight:600;color:var(--ivory);margin-bottom:6px}.cb-desc{font-size:12.5px;color:var(--ivory-dim);line-height:1.7}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.k-col-head{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-dim);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.k-col-head-actions{display:flex;align-items:center;gap:6px}.k-count{font-family:var(--mono);font-size:10px;background:var(--navy);border:1px solid var(--line-soft);padding:1px 7px;border-radius:100px;color:var(--ivory-faint)}.k-add-btn{font-family:var(--mono);font-size:10px;background:transparent;border:1px solid var(--line-soft);padding:1px 7px;border-radius:100px;color:var(--ivory-faint);cursor:pointer;transition:border-color .12s,color .12s}.k-add-btn:hover{border-color:var(--gold);color:var(--ivory)}.task{background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:var(--r-card-s, 20px);padding:10px 12px;margin-bottom:6px;transition:border-color .12s,box-shadow .12s;cursor:pointer}.task:hover{border-color:var(--line)}.task.prog{border-left:2px solid var(--gold)}.task.done{border-left:2px solid var(--live);opacity:.5}.task-title{font-size:13px;color:var(--ivory);margin-bottom:6px;line-height:1.5}.task-meta{display:flex;align-items:center;justify-content:space-between}.task-owner{font-family:var(--mono);font-size:9px;padding:2px 7px;border:1px solid var(--line-soft);border-radius:100px;color:var(--ivory-faint);letter-spacing:.05em}.task-note{font-family:var(--mono);font-size:9px;color:var(--ivory-faint)}.task-note.hot{color:var(--gold-2)}.uw-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uw-card{background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:var(--r-card-s, 20px);padding:12px 14px;margin-bottom:8px}.uw-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.uw-card-name{font-size:13px;color:var(--ivory)}.uw-card-meta{font-size:11px;color:var(--ivory-faint);font-family:var(--mono);margin-top:2px}.uw-card-product{font-size:12px;color:var(--ivory-dim);margin-top:8px}.uw-card-days{font-size:11px;color:var(--ivory-faint);font-family:var(--mono);margin-top:6px}.uw-card-next{font-size:12px;color:var(--gold-2);margin-top:8px;line-height:1.5;min-height:36px}.uw-temp{font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:100px;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.uw-temp-hot{color:var(--gold-2);background:#c9a22724;border:1px solid rgba(201,162,39,.3)}.uw-temp-warm{color:var(--gold);background:#c9a22714;border:1px solid rgba(201,162,39,.2)}.uw-col-empty{font-size:11px;color:var(--ivory-faint);font-family:var(--mono);padding:8px 0}.task-add-form{background:var(--navy);border:1px solid var(--line-soft);border-radius:var(--r);padding:10px 12px;margin-bottom:6px;display:flex;flex-direction:column;gap:6px}.task-add-form input,.task-add-form textarea,.task-add-form select{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);padding:6px 9px;font-family:var(--sans);font-size:11px;color:var(--ivory);outline:none;width:100%}.task-add-form input:focus,.task-add-form textarea:focus,.task-add-form select:focus{border-color:var(--gold)}.task-add-form-row{display:flex;gap:6px}.task-add-form-actions{display:flex;gap:6px;justify-content:flex-end}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid var(--glass-border, rgba(255,255,255,.1));box-shadow:0 16px 48px -16px #000000b3,inset 0 1px #ffffff0f;border-radius:var(--r-card-s, 20px);padding:20px}.panel-title{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:8px}.sop-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.sop-row:last-child{border-bottom:none}.sop-icon{width:28px;height:28px;border:1px solid var(--line-soft);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--ivory-dim);flex-shrink:0;background:var(--ink)}.sop-name{font-size:13px;font-weight:500;color:var(--ivory)}.sop-sub{font-size:12px;color:var(--ivory-dim);margin-top:2px;line-height:1.6}.sop-owner{font-family:var(--mono);font-size:9px;color:var(--ivory-faint);margin-left:auto;flex-shrink:0;padding-top:2px}.sop-note{font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--ivory-faint);margin-bottom:12px}.sop-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.sop-flow-step{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);padding:8px 12px;font-size:12px;color:var(--ivory)}.sop-flow-arrow{color:var(--ivory-faint);font-family:var(--mono);font-size:12px}.sop-detail{font-size:12px;color:var(--ivory-dim);line-height:1.7}.sop-checklist{margin:0 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:6px}.sop-checklist li{font-size:12px;color:var(--ivory-dim);line-height:1.6}.chat-area{background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;min-height:260px;max-height:420px;overflow-y:auto}.cmsg{display:flex;gap:8px;align-items:flex-start}.cmsg.me{flex-direction:row-reverse}.cavatar{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-soft);background:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--ivory-dim);flex-shrink:0}.cavatar.me{background:#c9a2271f;border-color:#c9a2274d;color:var(--gold-2)}.cbubble{font-size:13px;line-height:1.6;background:var(--navy);border:1px solid var(--line-soft);border-radius:0 var(--r) var(--r) var(--r);padding:8px 11px;color:var(--ivory);max-width:85%;white-space:pre-wrap}.cbubble.me{background:#c9a22714;border-color:#c9a22733;border-radius:var(--r) 0 var(--r) var(--r);color:var(--gold-2)}.chat-input{display:flex;gap:8px;margin-top:12px}.chat-input input{flex:1;background:var(--ink);border:1px solid var(--line-soft);border-radius:var(--r);padding:8px 12px;font-family:var(--mono);font-size:11px;color:var(--ivory);outline:none}.chat-input input::placeholder{color:var(--ivory-faint)}.chat-input input:focus{border-color:var(--gold)}.chat-input button{padding:8px 16px;background:#c9a2271a;border:1px solid rgba(201,162,39,.3);border-radius:var(--r);font-family:var(--mono);font-size:10px;color:var(--gold-2);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:background .12s}.chat-input button:hover:not(:disabled){background:#c9a22733;color:var(--ivory)}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.agent-selector{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.as-chip{font-family:var(--mono);font-size:9px;padding:3px 9px;border:1px solid var(--line-soft);border-radius:100px;color:var(--ivory-faint);cursor:pointer;letter-spacing:.05em;transition:all .12s}.as-chip:hover{border-color:var(--gold);color:var(--ivory)}.as-chip.sel{border-color:var(--gold);color:var(--gold-2);background:var(--gold-dim)}.pulse-line{width:100%;height:2px;background:var(--line-soft);border-radius:1px;overflow:hidden;margin-bottom:10px;position:relative}.pulse-fill{height:100%;border-radius:1px;animation:fill 3s ease-in-out infinite}@keyframes fill{0%{width:0%;opacity:.4}60%{width:100%;opacity:1}to{width:100%;opacity:.4}}.pulse-fill.live{background:linear-gradient(90deg,var(--live),rgba(76,175,135,.6))}.pulse-fill.build{background:linear-gradient(90deg,var(--gold),var(--gold-2));animation-delay:1.5s}.pulse-fill.off{background:var(--ivory-faint);animation:none}.pulse-fill.disabled{background:var(--ivory-faint);animation:none;opacity:.5}.floating-toggle{transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .24s ease;will-change:transform,opacity}.floating-toggle.ft-hidden{transform:translateY(-14px);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.floating-toggle{transition:opacity .01ms!important}.floating-toggle.ft-hidden{transform:none}}@media(max-width:1100px){.agent-grid,.metrics,.cb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sb{display:none}.main{margin-left:0;padding:calc(var(--mobile-header-h) + max(env(safe-area-inset-top,0px),var(--iab-safe-top, 0px))) 16px 16px}.sb-top{padding-top:calc(var(--mobile-header-h) + max(env(safe-area-inset-top,0px),var(--iab-safe-top, 0px)))}.agent-grid,.kanban,.uw-board,.two-col,.cb-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}button{cursor:pointer;font-family:var(--sans)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#c9a22726;color:var(--gold-2);border:1px solid rgba(201,162,39,.4);border-radius:var(--r);padding:8px 16px;font-size:13px;transition:background .15s;font-family:var(--mono);letter-spacing:.05em}.btn-primary:hover:not(:disabled){background:#c9a22740}.btn-ghost{background:transparent;border:1px solid var(--line-soft);color:var(--ivory);border-radius:var(--r);padding:7px 14px;font-size:13px}.btn-ghost:hover:not(:disabled){border-color:var(--line)}input,textarea,select{background:var(--navy);border:1px solid var(--line-soft);border-radius:var(--r);color:var(--ivory);font-family:var(--sans);font-size:13px;padding:7px 10px;outline:none;width:100%;color-scheme:dark}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.card{background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid var(--glass-border, rgba(255,255,255,.1));box-shadow:0 16px 48px -16px #000000b3,inset 0 1px #ffffff0f;border-radius:var(--r-card-s, 20px);padding:20px;margin-bottom:16px}.card-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-family:var(--mono)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.dot-online{background:var(--live);box-shadow:0 0 6px #4caf8799}.dot-pending{background:var(--gold)}.dot-offline{background:var(--ivory-faint)}.mono{font-family:var(--mono)}.page-header{margin-bottom:24px}.page-header h1{font-family:var(--display);font-size:20px;font-weight:600;color:var(--ivory)}.page-header p{font-size:13px;color:var(--ivory-dim);margin-top:4px}.log-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}.log-table th{color:var(--gold);text-align:left;padding:6px 10px;border-bottom:1px solid var(--line);font-weight:500}.log-table td{padding:7px 10px;border-bottom:1px solid var(--line-soft);color:var(--ivory);vertical-align:top}.log-table tr:hover td{background:#c9a22708}.badge-queued{background:#f3efe414;color:var(--ivory)}.badge-in_progress{background:var(--gold-dim);color:var(--gold-2)}.badge-done{background:#4caf8726;color:var(--live)}.badge-urgent{background:#b4553f26;color:#e57373}.badge-normal{background:#f3efe40f;color:var(--ivory-dim)}.badge-low{background:#f3efe40a;color:var(--ivory-faint)}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%}.login-box{width:360px;background:var(--glass-surface, rgba(22,23,26,.72));backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border:1px solid var(--glass-border-hi, rgba(255,255,255,.18));box-shadow:0 24px 64px -24px #000000d9,inset 0 1px #ffffff14;border-radius:var(--r-card, 28px);padding:28px}.login-title{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px}.login-box h1{font-family:var(--display);font-size:22px;font-weight:600;margin-bottom:28px;color:var(--ivory)}.login-box .form-group{margin-bottom:14px}.login-box label{display:block;font-size:12px;color:var(--ivory-dim);margin-bottom:5px}.login-box .btn-primary{width:100%;margin-top:8px;padding:10px;font-size:14px}.login-error{color:#e57373;font-size:12px;margin-top:10px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.mt-4{margin-top:4px}.mt-12{margin-top:12px}.text-muted{color:var(--ivory-dim);font-size:12px}.w-full{width:100%}.pagination{display:flex;gap:8px;align-items:center;margin-top:16px}