:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172331;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#172331;--muted:#738092;--line:#e4e9ef;--surface:#fff;--nav:#111d2b;--blue:#1769e0;--blue-soft:#eef5ff;--green:#17845b;--red:#bd4545;--shadow:0 2px 10px #1e34410a}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh}.topbar{height:66px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 16px system-ui,sans-serif}.brand b{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#1769e0;color:white;font-weight:800}.top-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.top-actions select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;color:var(--ink)}.user-chip{font-size:12px;color:var(--muted);background:#f4f6f8;border-radius:99px;padding:8px 12px}.workspace{display:flex;min-height:calc(100vh - 66px)}.workspace>main{flex:1;min-width:0}.sidebar{width:244px;flex:0 0 244px;background:var(--nav);color:#c4cfdb;padding:18px 13px 14px;display:flex;flex-direction:column}.project-switcher{padding:5px 8px 18px;border-bottom:1px solid #2a3848}.project-switcher label,.nav-label{display:block;color:#8291a2;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:8px 5px}.project-switcher select{width:100%;padding:10px;background:#1c2a3a;color:#f6f8fa;border:1px solid #344457;border-radius:8px}.small-link{display:inline-block;margin:10px 5px 0;color:#9fc3ff;text-decoration:none;font-size:12px}.sidebar nav{padding-top:12px}.sidebar nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#aebbc9;padding:9px 11px;margin:2px 0;border-radius:7px;font-size:13px}.sidebar nav a>span:first-child{width:17px;text-align:center;color:#96a8bb;font-size:15px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#22344a}.sidebar nav a.active>span:first-child{color:#77adff}.nav-label{margin-top:18px}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:15px 8px 4px;font-size:11px;color:#91a1b2;border-top:1px solid #2a3848}.status-dot{width:7px;height:7px;border-radius:50%;background:#d8a942}.status-dot.ok{background:#45bb87}.status-dot.warn{background:#d8a942}.status-dot.down{background:#e45a5a}main{width:min(100%,1500px);padding:34px 42px 70px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.eyebrow{color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.page-head h1{font:700 27px system-ui,sans-serif;letter-spacing:-.03em;margin:7px 0 6px}.page-head p{color:var(--muted);margin:0;line-height:1.55;max-width:720px;font-size:14px}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.card-pad{padding:20px}.section{margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-head h2,.card h2{font:700 15px system-ui,sans-serif;margin:0}.section-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{padding:17px 18px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font:700 25px system-ui,sans-serif;margin:10px 0 5px}.metric-note{font-size:11px;color:#8995a3}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.btn{border:1px solid #d7e0e9;background:#fff;color:#26384a;border-radius:7px;padding:8px 12px;font:600 12px inherit;cursor:pointer;white-space:nowrap}.btn:hover{background:#f6f9fc;border-color:#bdcbd9}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#0e58c3}.btn.subtle{background:var(--blue-soft);border-color:#d6e6ff;color:#1458bb}.btn.danger{color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:600;color:#526173}.field input,.field select,.field textarea,.input{width:100%;border:1px solid #dce3ea;background:#fff;color:var(--ink);border-radius:7px;padding:10px 11px;font:13px inherit;outline:none}.field textarea{resize:vertical;min-height:100px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6ea3ed;box-shadow:0 0 0 3px #1769e018}.form-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}.data-table th{text-align:left;background:#f7f9fb;color:#708092;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:10px 12px;font-weight:700}.data-table td{padding:11px 12px;border-top:1px solid #edf0f3;color:#334356;vertical-align:top}.data-table tr:hover td{background:#fbfcfd}.data-table .actions{white-space:nowrap}.status{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;background:#f0f3f6;color:#596879}.status.active,.status.completed,.status.approved,.status.ready{background:#e9f7f0;color:#13734b}.status.pending_approval,.status.queued,.status.draft{background:#fff5dc;color:#916108}.status.failed,.status.rejected{background:#fff0f0;color:#ad3939}.empty{border:1px dashed #d9e1e9;border-radius:8px;padding:25px 16px;text-align:center;color:#778597;font-size:13px}.empty strong{display:block;color:#334356;font-size:14px;margin-bottom:5px}.notice{padding:12px 14px;border-radius:8px;background:#fff8e9;border:1px solid #f2dfaf;color:#795b16;font-size:12px;line-height:1.5}.notice.info{background:#eff6ff;border-color:#d9e8fc;color:#315983}.notice.error{background:#fff0f0;border-color:#f1cccc;color:#a23b3b}.notice.success{background:#ecf8f1;border-color:#cdebd9;color:#176747}.code{font:12px ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;color:#516273}.muted{color:var(--muted)}.small{font-size:11px}.link{color:var(--blue);text-decoration:none}.link:hover{text-decoration:underline}.stack{display:grid;gap:10px}.list-row{padding:12px 0;border-bottom:1px solid #edf0f3}.list-row:last-child{border-bottom:0}.list-row h3{font-size:13px;margin:0 0 5px}.list-row p{font-size:12px;line-height:1.5;color:#657386;margin:0}.pill{display:inline-block;padding:3px 7px;background:#f0f4f8;color:#647487;border-radius:99px;font-size:10px;margin:2px}.score-bar{height:6px;background:#edf1f5;border-radius:99px;overflow:hidden;margin-top:8px}.score-bar span{display:block;height:100%;background:#4389ef;border-radius:inherit}.loading-state{padding:60px;text-align:center;color:var(--muted)}.audit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.audit-summary span{padding:9px;border:1px solid var(--line);border-radius:6px;font-size:12px}.audit-findings{margin:12px 0 0;padding-left:20px;color:var(--red);font-size:12px;line-height:1.6}.mobile-menu{display:none;border:0;background:none;font-size:20px;color:var(--ink)}#toast{position:fixed;right:24px;bottom:22px;max-width:min(440px,calc(100vw - 32px));z-index:9;padding:12px 16px;border-radius:8px;background:#182536;color:white;box-shadow:0 8px 25px #0002;font-size:13px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}#toast.error{background:#a73232}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #75aaf2;outline-offset:2px}
@media(max-width:1000px){main{padding:28px 24px}.sidebar{width:220px;flex-basis:220px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.topbar{height:58px;padding:0 16px;gap:10px}.mobile-menu{display:block}.brand{font-size:14px}.user-chip{display:none}.workspace{min-height:calc(100vh - 58px)}.sidebar{position:fixed;z-index:4;top:58px;bottom:0;left:0;width:260px;transform:translateX(-102%);transition:transform .2s;box-shadow:12px 0 24px #08111e26}.sidebar.open{transform:translateX(0)}main{padding:24px 16px 55px}.page-head{display:block}.head-actions{margin-top:14px}.page-head h1{font-size:23px}.grid-2,.grid-3{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.metrics{gap:8px}.metric{padding:14px}.metric-value{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#e0e0e0;background:#0f1419;--ink:#e0e0e0;--muted:#a0a0a0;--line:rgba(80,227,194,.15);--surface:rgba(26,31,37,.66);--nav:rgba(15,20,25,.55);--blue:#50e3c2;--blue-soft:rgba(80,227,194,.1);--green:#10b981;--red:#ff8080;--shadow:0 4px 16px rgba(0,0,0,.2);--connect-secondary:#2d8cff;--connect-border-light:rgba(255,255,255,.07)}
body{color:var(--ink);background:linear-gradient(135deg,#0f1419,#1a1f2e);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}
.topnav{height:60px;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;background:rgba(15,20,25,.88);border-bottom:1px solid var(--line);box-shadow:0 5px 20px rgba(0,0,0,.12);backdrop-filter:blur(14px)}
.topnav-brand,.topnav-user,.topnav-links{display:flex;align-items:center}
.topnav-brand{gap:.55rem;color:inherit;text-decoration:none;transition:.2s ease}
.topnav-brand:hover .topnav-logo{transform:scale(1.05)}
.topnav-logo{flex:none;filter:drop-shadow(0 0 8px rgba(80,227,194,.4));transition:.2s ease}
.topnav-wordmark{font-size:18px;font-weight:700;letter-spacing:-.04em;line-height:1}
.topnav-brand-name{background:linear-gradient(135deg,#50e3c2,#fff 58%,#2d8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.topnav-brand-label{margin-left:.3rem;padding-left:.65rem;color:var(--muted);border-left:1px solid var(--connect-border-light);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.topnav-user{gap:1rem}.topnav-email{max-width:240px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.topnav-links{gap:.25rem}
.app-footer{display:flex;justify-content:center;gap:.35rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid var(--connect-border-light);color:var(--muted);font-size:11px}
.topnav-control,.language-menu button{border:0;background:transparent;color:var(--muted);padding:.48rem .7rem;border-radius:6px;cursor:pointer}
.topnav-control:hover,.language-menu button:hover{color:#50e3c2;background:rgba(80,227,194,.1)}
.language{position:relative}.language-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:120px;padding:4px;background:#151b22;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.language.open .language-menu{display:grid}.language-menu button{text-align:left}
.workspace{display:flex;min-height:calc(100vh - 60px)}
.sidebar{width:224px;flex:0 0 224px;display:flex;flex-direction:column;padding:1.1rem .65rem;border-right:1px solid var(--line);background:rgba(15,20,25,.55);color:#c4cfdb}
.project-switcher{padding:.25rem .75rem 1rem;border-bottom:1px solid var(--connect-border-light)}
.project-switcher label,.nav-label{display:block;color:#50e3c2;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:.65rem 0 .45rem}
.project-switcher select{width:100%;padding:.6rem .65rem;background:rgba(255,255,255,.035);color:var(--ink);border:1px solid var(--line);border-radius:6px}
.small-link{display:inline-block;margin:.65rem 0 0;color:#50e3c2;text-decoration:none;font-size:12px}.small-link:hover{color:#fff}
.sidebar nav{padding-top:.55rem}.sidebar nav a{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--muted);padding:.7rem .75rem;margin:2px 0;border-left:3px solid transparent;border-radius:0 6px 6px 0;font-size:13px;transition:.18s ease}
.sidebar nav a>span:first-child{width:18px;color:#69717d;font-size:17px;line-height:1;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{color:var(--ink);background:linear-gradient(90deg,rgba(80,227,194,.13),transparent);border-left-color:#50e3c2}.sidebar nav a.active>span:first-child,.sidebar nav a:hover>span:first-child{color:#50e3c2}.nav-label{margin-top:1.4rem}
.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:15px 8px 4px;font-size:11px;color:var(--muted);border-top:1px solid var(--connect-border-light)}
main{width:min(1160px,100%);padding:2.35rem 2.5rem 4rem;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:1.7rem}
.eyebrow{color:#50e3c2;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.page-head h1{font:700 30px/1.2 system-ui,sans-serif;letter-spacing:-.035em;margin:.35rem 0 .4rem}.page-head p{color:var(--muted);margin:0;line-height:1.6;max-width:720px;font-size:14px}
.card{background:linear-gradient(145deg,rgba(26,31,37,.76),rgba(18,24,32,.62));border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.card-pad{padding:1.35rem}.section{margin-top:1.15rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.1rem}.section-head h2,.card h2{font:700 16px system-ui,sans-serif;margin:0}.section-head p{color:var(--muted);font-size:12px;margin:5px 0 0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{padding:17px 18px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font:700 25px system-ui,sans-serif;margin:10px 0 5px}.metric-note{font-size:11px;color:#69717d}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:var(--ink);border-radius:6px;padding:8px 12px;font:600 12px inherit;cursor:pointer;white-space:nowrap}.btn:hover{background:rgba(255,255,255,.07);border-color:rgba(80,227,194,.32)}.btn.primary{background:rgba(80,227,194,.14);border-color:rgba(80,227,194,.35);color:#50e3c2}.btn.primary:hover{background:rgba(80,227,194,.22)}.btn.subtle{background:rgba(80,227,194,.1);border-color:rgba(80,227,194,.2);color:#50e3c2}.btn.danger{color:#ff8080}.btn:disabled{opacity:.5;cursor:not-allowed}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea,.input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:var(--ink);border-radius:6px;padding:10px 11px;font:13px inherit;outline:none}.field textarea{resize:vertical;min-height:100px;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(80,227,194,.5);box-shadow:0 0 0 3px rgba(80,227,194,.12)}.field select option{background:#151b22;color:var(--ink)}.form-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:6px}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}.data-table th{text-align:left;background:rgba(255,255,255,.035);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:10px 12px;font-weight:700}.data-table td{padding:11px 12px;border-top:1px solid var(--connect-border-light);color:var(--ink);vertical-align:top}.data-table tr:hover td{background:rgba(255,255,255,.025)}.data-table .actions{white-space:nowrap}
.status{display:inline-flex;align-items:center;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;background:rgba(255,255,255,.07);color:var(--muted)}.status.active,.status.completed,.status.approved,.status.ready{background:rgba(16,185,129,.14);color:#34d399}.status.pending_approval,.status.queued,.status.draft{background:rgba(251,191,36,.12);color:#fbbf24}.status.failed,.status.rejected{background:rgba(255,128,128,.12);color:#ff8080}
.empty{border:1px dashed var(--line);border-radius:6px;padding:25px 16px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.notice{padding:12px 14px;border-radius:6px;background:rgba(251,191,36,.08);border:1px solid rgba(251,191,36,.22);color:#fbbf24;font-size:12px;line-height:1.5}.notice.info{background:rgba(45,140,255,.08);border-color:rgba(45,140,255,.22);color:#91c3ff}.notice.error{background:rgba(255,128,128,.08);border-color:rgba(255,128,128,.22);color:#ff9c9c}.notice.success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.22);color:#34d399}.code{font:12px ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:11px}.link{color:#50e3c2;text-decoration:none}.link:hover{text-decoration:underline}.stack{display:grid;gap:10px}.list-row{padding:12px 0;border-bottom:1px solid var(--connect-border-light)}.list-row:last-child{border-bottom:0}.list-row h3{font-size:13px;margin:0 0 5px}.list-row p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.pill{display:inline-block;padding:3px 7px;background:rgba(255,255,255,.05);color:var(--muted);border-radius:99px;font-size:10px;margin:2px}.score-bar{height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:8px}.score-bar span{display:block;height:100%;background:linear-gradient(90deg,#50e3c2,#2d8cff);border-radius:inherit}.loading-state{padding:60px;text-align:center;color:var(--muted)}
#toast{position:fixed;right:24px;bottom:22px;max-width:min(440px,calc(100vw - 32px));z-index:9;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:#151b22;color:var(--ink);box-shadow:var(--shadow);font-size:13px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}#toast.error{border-color:rgba(255,128,128,.35);background:#201819;color:#ff9c9c}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #50e3c2;outline-offset:2px}
@media(max-width:1000px){main{padding:28px 24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topnav{height:auto;min-height:60px;align-items:flex-start;gap:.3rem;padding:.75rem 1rem}.topnav-email{display:none}.topnav-brand-label{display:none}.topnav-links{gap:0}.topnav-control{padding:.45rem .5rem}.workspace{display:block;min-height:calc(100vh - 60px)}.sidebar{width:auto;flex:none;padding:.45rem;border-right:0;border-bottom:1px solid var(--line)}.project-switcher{display:flex;align-items:center;gap:.45rem;padding:.3rem .25rem .55rem;border-bottom:0}.project-switcher label{display:none}.project-switcher select{flex:1;min-width:0;padding:.5rem}.small-link{flex:none;margin:0 .35rem;font-size:11px}#navigation{display:flex;gap:0;width:100%;padding:.25rem 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}#navigation .nav-label{display:none}.sidebar nav a{display:inline-flex;flex:none;padding:.6rem .7rem;margin:0;border-left:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(180deg,rgba(80,227,194,.1),transparent);border-bottom-color:#50e3c2}.sidebar-footer{display:none}main{padding:1.25rem 1rem 3rem}.page-head{display:block}.head-actions{margin-top:14px}.page-head h1{font-size:26px}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.grid-2>*,.grid-3>*{min-width:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.metrics{gap:8px}.metric{padding:14px}.metric-value{font-size:21px}}
@media(max-width:700px){.sidebar{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none;box-shadow:none;transition:none}}
.chat-launch{color:#50e3c2!important;border:1px solid rgba(80,227,194,.28);background:rgba(80,227,194,.06)}
.chat-drawer{position:fixed;z-index:20;right:22px;bottom:22px;width:min(430px,calc(100vw - 32px));height:min(680px,calc(100vh - 100px));display:flex;flex-direction:column;background:#151b22;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 55px rgba(0,0,0,.42);transform:translateY(18px) scale(.98);opacity:0;pointer-events:none;transition:.2s ease;overflow:hidden}.chat-drawer.open{transform:none;opacity:1;pointer-events:auto}.chat-header{display:flex;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.chat-header h2{margin:0;font-size:16px}.chat-header p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.icon-button{border:0;background:transparent;color:var(--muted);font-size:23px;line-height:1;cursor:pointer}.icon-button:hover{color:var(--ink)}.chat-context{padding:12px 18px;border-bottom:1px solid var(--line)}.chat-context label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.chat-context select{width:100%;padding:8px 9px;background:#0f1419;color:var(--ink);border:1px solid var(--line);border-radius:6px}.chat-messages{flex:1;overflow:auto;padding:16px;display:grid;align-content:start;gap:12px}.chat-empty{color:var(--muted);font-size:13px;line-height:1.55;padding:24px 8px;text-align:center}.chat-message{max-width:92%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#10161c}.chat-message.user{justify-self:end;background:rgba(45,140,255,.13);border-color:rgba(45,140,255,.28)}.chat-message.error{border-color:rgba(255,128,128,.4)}.chat-message-role{font-size:10px;color:#50e3c2;font-weight:700;margin-bottom:5px}.chat-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.55}.chat-compose{padding:12px 16px;border-top:1px solid var(--line);background:#11161d}.chat-compose textarea{display:block;width:100%;resize:vertical;min-height:68px;max-height:180px;border:1px solid var(--line);border-radius:7px;background:#0f1419;color:var(--ink);padding:9px;font:13px inherit}.chat-compose-foot{display:flex;align-items:center;gap:10px;margin-top:8px}.chat-compose-foot .small{flex:1;line-height:1.35}.chat-compose-foot .btn{flex:0 0 auto}.chat-message.complete{border-color:rgba(80,227,194,.35)}
@media(max-width:700px){.chat-drawer{right:0;bottom:0;width:100%;height:min(760px,100vh);border-radius:10px 10px 0 0}.chat-launch{font-size:11px}}
.chat-save{margin-top:9px;font-size:11px}
.prompt-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;align-items:stretch}.prompt-builder,.prompt-summary{min-height:100%}.prompt-builder .section-head,.prompt-summary .section-head{align-items:flex-start}.prompt-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prompt-stat{padding:14px 12px;border:1px solid var(--line);border-radius:7px;background:rgba(80,227,194,.035)}.prompt-stat strong{display:block;font-size:24px;line-height:1.1;color:var(--ink)}.prompt-stat span{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.35}.prompt-tip{margin-top:16px}.prompt-select{min-height:144px}.data-table th{white-space:nowrap}.data-table td:first-child{min-width:180px}.card{transition:border-color .18s ease,box-shadow .18s ease}.card:hover{border-color:rgba(80,227,194,.24)}.notice.section{margin-top:16px}
@media(max-width:900px){.prompt-layout{grid-template-columns:1fr}}
@media(max-width:700px){.prompt-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.prompt-stat{padding:11px 8px}.prompt-stat strong{font-size:20px}.prompt-stat span{font-size:10px}.data-table td:first-child{min-width:150px}}