:root{
  --bg:#07101f;--bg2:#091426;--panel:#0c192b;--panel2:#0f2036;--panel3:#11263f;
  --line:#1d3550;--line-soft:rgba(91,132,173,.2);--text:#f3f7ff;--muted:#8fa6bd;
  --cyan:#27d8ff;--blue:#4d7dff;--violet:#765cff;--green:#2ee59d;--amber:#ffbd42;--red:#ff5268;
  --shadow:0 22px 70px rgba(0,0,0,.34);--glow:0 0 0 1px rgba(73,130,255,.35),0 0 28px rgba(54,111,255,.18);
  --radius:18px;
}
html[data-theme="light"]{
  --bg:#eef4fb;--bg2:#e8f0f9;--panel:#ffffff;--panel2:#f6f9fd;--panel3:#eef5fc;
  --line:#d2deeb;--line-soft:rgba(52,82,113,.12);--text:#13233a;--muted:#627892;
  --shadow:0 18px 50px rgba(27,58,90,.12);--glow:0 0 0 1px rgba(73,130,255,.26),0 0 22px rgba(54,111,255,.12);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:
  radial-gradient(circle at 18% -10%,rgba(52,94,255,.17),transparent 30%),
  radial-gradient(circle at 90% 0,rgba(0,202,255,.10),transparent 27%),
  linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{min-height:100vh}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(8,20,38,.95),rgba(5,16,31,.91));backdrop-filter:blur(20px)}
html[data-theme="light"] .sidebar{background:rgba(250,253,255,.88)}
.brand{display:flex;align-items:center;gap:11px;font-size:21px;padding:0 8px 4px}.brand.big{padding:0 0 12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#04101c;font-size:22px;font-weight:900;box-shadow:0 0 24px rgba(39,216,255,.28)}.brand em{font-style:normal;color:var(--cyan)}.side-caption{padding:0 8px 22px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line-soft);margin-bottom:18px}
nav{display:grid;gap:8px}.nav{width:100%;border:1px solid transparent;border-radius:13px;padding:12px 14px;background:transparent;color:#9eb4c9;text-align:left;cursor:pointer;display:flex;gap:11px;align-items:center;transition:.18s}.nav-icon{width:24px;text-align:center;color:#7d9dc0}.nav:hover{background:rgba(76,125,255,.08);color:var(--text)}.nav.active{color:#eaf5ff;border-color:rgba(69,135,255,.25);background:linear-gradient(90deg,rgba(53,113,255,.23),rgba(39,216,255,.07));box-shadow:inset 3px 0 0 var(--cyan)}html[data-theme="light"] .nav.active{color:#1b3150}
.side-bottom{margin-top:auto;display:grid;gap:12px}.mini-status{display:flex;gap:11px;align-items:flex-start;background:rgba(13,35,54,.76);border:1px solid var(--line);padding:13px;border-radius:14px}.mini-status i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(46,229,157,.9);animation:softPulse 1.7s infinite}.mini-status small,.user-pill small,.domain-pill small{display:block;color:var(--muted)}html[data-theme="light"] .mini-status{background:#f5f9fd}.logout{color:#ff94a5;text-decoration:none;padding:6px 10px}.version{color:#60778e;padding:0 10px}
.main{padding:18px 24px 40px;min-width:0}.topbar{height:62px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft);margin:-18px -24px 24px;padding:0 24px;background:rgba(7,16,31,.58);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}html[data-theme="light"] .topbar{background:rgba(248,252,255,.78)}.top-spacer{flex:1}
.domain-pill,.user-pill{display:flex;align-items:center;gap:10px;background:rgba(15,32,54,.82);border:1px solid var(--line);border-radius:13px;padding:8px 12px;color:var(--text)}html[data-theme="light"] .domain-pill,html[data-theme="light"] .user-pill{background:#fff}.domain-pill{min-width:235px}.domain-globe{font-size:20px;color:var(--cyan)}.domain-pill.clickable{appearance:none;text-align:left;cursor:pointer;transition:.18s}.domain-pill.clickable:hover{border-color:rgba(39,216,255,.55);box-shadow:0 0 0 3px rgba(39,216,255,.07)}.copy-mini{margin-left:auto;color:var(--cyan)}.user-pill{min-width:150px}.user-pill>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:900}.theme-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);cursor:pointer;font-size:19px;display:grid;place-items:center;transition:.18s}.theme-toggle:hover{border-color:rgba(39,216,255,.48);transform:translateY(-1px)}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.page-head h1{font-size:29px;margin:2px 0 4px}.page-head p{margin:0;color:var(--muted);max-width:730px}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--cyan);font-weight:800}
h1,h2,h3,p{margin-top:0}.btn{border:1px solid var(--line);border-radius:11px;padding:9px 13px;cursor:pointer;color:var(--text);background:var(--panel3);transition:.16s transform,.16s filter,.16s border-color,.16s box-shadow}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--blue) 65%,var(--violet));border-color:rgba(102,150,255,.58);color:#041020;font-weight:900;box-shadow:0 8px 24px rgba(50,116,255,.22)}.hero-btn{padding:11px 17px}.btn.ghost{background:var(--panel2)}.btn.danger{background:rgba(255,82,104,.1);border-color:rgba(255,82,104,.36);color:#ff9aab}.btn.danger:hover{background:rgba(255,82,104,.17)}
.flow-hint{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(15,32,54,.84),rgba(10,25,43,.84));box-shadow:var(--shadow)}html[data-theme="light"] .flow-hint{background:#fff}.flow-step{display:flex;align-items:center;gap:9px;color:var(--muted);min-width:180px}.flow-step>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--panel3);border:1px solid var(--line);font-size:13px;transition:.2s}.flow-step span{display:grid;gap:1px}.flow-step strong{font-size:13px;color:#b7c6d7}.flow-step small{font-size:11px}.flow-step.active>b{border-color:rgba(97,128,255,.85);background:rgba(82,89,255,.16);color:#c8c6ff;box-shadow:0 0 0 4px rgba(86,92,255,.08),0 0 24px rgba(80,107,255,.35)}.flow-step.active strong{color:var(--text)}.flow-hint>i{color:#66839f;font-style:normal;font-size:18px}.flow-status{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:10px}.flow-status span{width:7px;height:7px;border-radius:50%;background:#677d91}.flow-status.ready span{background:var(--cyan);box-shadow:0 0 12px rgba(39,216,255,.8)}.flow-status.dirty span{background:var(--amber);box-shadow:0 0 14px rgba(255,189,66,.9);animation:blink .75s infinite}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat,.card{background:linear-gradient(180deg,rgba(14,31,52,.97),rgba(9,24,41,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}html[data-theme="light"] .stat,html[data-theme="light"] .card{background:#fff}.stat{padding:13px 15px;display:flex;align-items:center;gap:11px}.stat>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(72,125,255,.11);border:1px solid rgba(88,139,255,.23);color:var(--cyan);font-size:17px}.stat small{display:block;color:var(--muted);font-size:11px}.stat strong{display:block;font-size:18px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-stats .stat:last-child strong{font-size:13px}
.workspace{display:grid;grid-template-columns:minmax(510px,.93fr) minmax(520px,1.07fr);gap:16px}.card{padding:16px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.card-head h2{margin-bottom:2px;font-size:19px}.card-head p{margin-bottom:0;color:var(--muted);font-size:12px}.card-head>div:first-child{min-width:0}.card-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(75,125,255,.12);border:1px solid rgba(75,125,255,.2);color:#83a8ff;margin-right:7px}.file-list-card .card-head h2{display:inline-block;vertical-align:middle}
.search{display:flex;align-items:center;gap:9px;background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:0 12px;margin-bottom:10px}.search:focus-within{border-color:rgba(39,216,255,.45);box-shadow:0 0 0 3px rgba(39,216,255,.06)}.search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);padding:10px 0}.table-wrap{overflow:auto;max-height:590px;border:1px solid var(--line-soft);border-radius:12px}table{width:100%;border-collapse:separate;border-spacing:0;min-width:650px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line-soft)}th{font-size:11px;color:#9fb1c4;position:sticky;top:0;background:var(--panel2);z-index:1;letter-spacing:.02em}td{color:#ccdae8}.selector-head{width:44px;text-align:center}.file-row{cursor:pointer;transition:.16s background,.16s box-shadow}.file-row:hover{background:rgba(64,119,255,.045)}.file-row.selected{position:relative;background:linear-gradient(90deg,rgba(60,111,255,.17),rgba(104,84,255,.08));box-shadow:inset 0 0 0 1px rgba(83,145,255,.78),inset 0 0 0 2px rgba(110,81,255,.28),0 0 20px rgba(67,104,255,.13)}.file-row.selected.dirty{background:linear-gradient(90deg,rgba(255,189,66,.10),rgba(99,84,255,.10));box-shadow:inset 0 0 0 1px rgba(255,189,66,.7),0 0 20px rgba(255,189,66,.10)}.selector-cell{text-align:center}.selector-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#395068;border:3px solid rgba(124,148,172,.14)}.file-row.selected .selector-dot{background:#6975ff;border-color:rgba(102,113,255,.25);box-shadow:0 0 0 5px rgba(88,96,255,.10),0 0 16px rgba(83,105,255,.95);animation:selectedPulse 1.2s infinite}.file-row.selected.dirty .selector-dot{background:var(--amber);box-shadow:0 0 0 5px rgba(255,189,66,.10),0 0 16px rgba(255,189,66,.95);animation:blink .75s infinite}.file-name{font-weight:800;color:var(--text);white-space:nowrap}.file-icon{color:#b3c6ff;margin-right:7px}.url-copy{border:1px solid var(--line-soft);background:rgba(10,27,47,.6);color:#9fc4e8;border-radius:8px;padding:6px 8px;cursor:pointer;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}html[data-theme="light"] .url-copy{background:#f4f8fc}.url-copy:hover{border-color:rgba(39,216,255,.4);color:var(--cyan)}.url-copy span{margin-left:5px}.actions{display:flex;gap:6px}.icon-btn{width:33px;height:33px;border:1px solid var(--line);border-radius:9px;cursor:pointer;color:#d9e8f6;background:var(--panel3);transition:.15s}.icon-btn:hover{transform:translateY(-1px);filter:brightness(1.12)}.icon-btn.edit{background:rgba(46,229,157,.13);border-color:rgba(46,229,157,.25);color:#62f0b4}.icon-btn.copy{background:rgba(39,216,255,.1);color:#7be7ff}.icon-btn.rename{background:rgba(77,125,255,.17);color:#a9bcff;font-size:11px;font-weight:900}.icon-btn.delete{background:rgba(255,82,104,.12);border-color:rgba(255,82,104,.25);color:#ff8b9d}.empty{text-align:center;color:var(--muted);padding:42px 20px;display:none}
.editor-card{display:flex;flex-direction:column;min-height:640px}.editor-head{align-items:flex-start}.editor-title-wrap{min-width:0}.editor-title-line{display:flex;align-items:center;gap:7px}.editor-title-line h2{margin:0}.editing-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;border:1px solid var(--line);color:var(--muted);background:var(--panel2)}.editing-badge i{width:7px;height:7px;border-radius:50%;background:#64798d}.editing-badge.active{color:#9edfff;border-color:rgba(39,216,255,.38);background:rgba(39,216,255,.07)}.editing-badge.active i{background:var(--cyan);box-shadow:0 0 12px rgba(39,216,255,.9);animation:selectedPulse 1.3s infinite}.editing-badge.dirty{color:#ffd589;border-color:rgba(255,189,66,.38);background:rgba(255,189,66,.08)}.editing-badge.dirty i{background:var(--amber);box-shadow:0 0 12px rgba(255,189,66,.9);animation:blink .75s infinite}.editor-url{display:block;max-width:100%;margin:5px 0 0;padding:0;border:0;background:transparent;color:#8cb7dd;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-url:not(:disabled):hover{color:var(--cyan)}.editor-url:disabled{cursor:default}.editor-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.save-btn{min-width:102px}
.code-editor-shell{position:relative;flex:1;display:grid;grid-template-columns:50px 1fr;min-height:500px;border:1px solid #2b5f8d;border-radius:14px;overflow:hidden;background:#061421;box-shadow:inset 0 0 0 1px rgba(46,124,255,.1)}html[data-theme="light"] .code-editor-shell{background:#f8fbff}.code-editor-shell.focused{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,216,255,.07),0 0 26px rgba(51,124,255,.10)}.code-editor-shell.dirty{border-color:rgba(255,189,66,.72);box-shadow:0 0 0 3px rgba(255,189,66,.05)}.line-numbers{padding:15px 10px 15px 0;text-align:right;color:#58718a;background:rgba(8,23,39,.86);border-right:1px solid var(--line-soft);font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:hidden;user-select:none}html[data-theme="light"] .line-numbers{background:#eef5fb}.editor-card textarea{width:100%;height:100%;min-height:500px;resize:none;border:0;background:transparent;color:#e3f4ff;padding:15px 16px;outline:none;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto;tab-size:4}html[data-theme="light"] .editor-card textarea{color:#17304a}.editor-card textarea::selection{background:rgba(82,111,255,.35)}.editor-card textarea:disabled{opacity:.54}.editor-foot{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;padding-top:10px}.view{display:none}.view.active{display:block}
.activity-list{display:grid;gap:8px}.activity-item{display:grid;grid-template-columns:160px 120px 1fr;gap:14px;padding:12px 13px;background:var(--panel2);border:1px solid var(--line-soft);border-radius:11px}.activity-item small{color:var(--muted)}.activity-item b{color:var(--text)}
.account-grid{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(360px,1.18fr);gap:16px}.account-card{min-height:330px}.settings-form{display:grid;gap:14px;max-width:560px}.settings-form label{display:grid;gap:7px;color:#afc1d3}.settings-form input,.modal-box input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px 12px;outline:none}.settings-form input:focus,.modal-box input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,216,255,.06)}.settings-form small{color:var(--muted)}.auto-list{display:grid;gap:10px;margin-top:12px}.auto-list>div{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--line-soft);border-radius:11px;background:var(--panel2)}.auto-list small{color:var(--muted)}.auto-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(46,229,157,.7)}
.modal{position:fixed;inset:0;background:rgba(2,8,18,.7);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:50}.modal.hidden{display:none}.modal-box{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 34px 90px rgba(0,0,0,.52)}.modal-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101c;font-size:22px;font-weight:900;margin-bottom:14px}.modal-box h3{margin-bottom:5px}.modal-box p{color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.toast{position:fixed;right:24px;bottom:24px;background:#0f2830;border:1px solid rgba(46,229,157,.45);color:#e9fff6;padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:60}.toast.show{transform:none;opacity:1}.toast.error{background:#32151c;border-color:#8f3341;color:#ffd1d7}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 36px 100px rgba(0,0,0,.42)}.auth-kicker{font-size:10px;letter-spacing:.15em;color:var(--cyan);font-weight:900;margin:8px 0}.auth-card h1{margin-bottom:6px}.auth-card>p{color:var(--muted)}.auth-form{display:grid;gap:13px;margin-top:20px}.auth-form label{display:grid;gap:6px;color:#b8cadb}.auth-form input{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:11px 12px;outline:none}.auth-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(39,216,255,.06)}.auth-form .btn{margin-top:4px}.auth-note{margin-top:18px;color:var(--muted);font-size:12px;padding:11px;border-radius:10px;background:var(--panel2)}.alert{padding:10px 12px;border-radius:9px;margin:12px 0}.alert.error{background:#33151a;border:1px solid #7f2b36;color:#ffb0b7}
@keyframes selectedPulse{0%,100%{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}@keyframes softPulse{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:1220px){.workspace{grid-template-columns:1fr}.editor-card{min-height:560px}.stats{grid-template-columns:repeat(2,1fr)}.flow-step{min-width:155px}.flow-status{width:100%;margin-left:0}}
@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:13px}.side-caption,.side-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.nav{width:auto;white-space:nowrap}.brand{padding-bottom:9px}.main{padding:14px 12px 28px}.topbar{margin:-14px -12px 20px;padding:0 12px}.domain-pill{min-width:190px}.user-pill{min-width:auto}.user-pill div{display:none}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.workspace{display:block}.file-list-card{margin-bottom:14px}.editor-actions{justify-content:flex-start}.editor-foot{flex-direction:column}.activity-item{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.flow-hint>i{display:none}.flow-step{width:100%}}
@media(max-width:500px){.stats{grid-template-columns:1fr}.domain-pill{min-width:160px}.topbar{gap:7px}.theme-toggle{flex:0 0 auto}.card-head{align-items:flex-start;flex-direction:column}.editor-actions{width:100%}.editor-actions .btn{flex:1}.code-editor-shell{grid-template-columns:42px 1fr}.page-head .btn{width:100%}}