:root{--bg:#050c15;--panel:#0b1b2a;--line:#1b4559;--cyan:#35dbfa;--cyan2:#087eaa;--text:#dceef7;--muted:#7e9dad;--green:#4be7ad}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 10%,#0c2a3b 0%,#050c15 50%,#030811 100%);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #247493;background:linear-gradient(120deg,#09678a,#083c5b);color:#e8fbff;border-radius:5px;padding:11px 15px;font-size:12px;letter-spacing:1px;font-weight:700}button:hover{border-color:var(--cyan);filter:brightness(1.2)}button:disabled{opacity:.5;cursor:wait}input,textarea{border:1px solid #214b5d;background:#061321;color:var(--text);border-radius:5px;padding:12px;outline:0;min-width:0}input:focus,textarea:focus{border-color:var(--cyan)}textarea{width:100%;min-height:120px;resize:vertical}label{font-size:12px;color:#a2c5d2;display:block;margin:12px 0 7px}small,.muted{color:var(--muted);font-size:12px}.error{color:#ff8891;margin-top:12px;font-size:13px}.eyebrow{font-size:10px;color:var(--cyan);letter-spacing:3px;font-weight:700}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;flex-shrink:0;background:#07121e;border-right:1px solid #14374a;display:flex;flex-direction:column;padding:26px 16px}.brand{display:flex;gap:12px;align-items:center;padding:5px 8px 40px}.brand-symbol{font-size:37px;color:var(--cyan);text-shadow:0 0 24px var(--cyan)}.brand strong{letter-spacing:3px;font-size:17px}.brand small{display:block;letter-spacing:1px;font-size:9px;margin-top:7px}.side-label{font-size:10px;color:#4f8297;letter-spacing:2px;padding:0 12px 15px}.sidebar nav{display:grid;gap:7px}.nav{background:transparent;text-align:left;border-color:transparent;font-size:12px;letter-spacing:.4px;color:#94b3c2;padding:14px}.nav.active,.nav:hover{color:var(--cyan);border-color:#1e5872;background:#0d2b3c}.side-bottom{margin-top:auto;font-size:10px;color:#a1d5dd;letter-spacing:1px;padding:25px 10px 0}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 9px var(--green)}.link-button{background:none;border:none;color:#7ca1b3;padding:8px;display:block;margin-top:14px}.main{padding:28px 34px;flex:1;min-width:0;max-width:1700px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #153a4c;padding-bottom:23px;margin-bottom:26px}.topbar h2{margin:7px 0 0;font-size:24px;letter-spacing:3px;font-weight:500}.top-right{display:flex;align-items:center;gap:22px;color:#9ac0ce;font-size:12px}.online-pill{border:1px solid #1a6b61;color:var(--green);padding:9px 13px;border-radius:4px;letter-spacing:1px}.view{display:none}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.panel{background:linear-gradient(150deg,rgba(12,33,49,.95),rgba(7,19,32,.96));border:1px solid #1a465b;border-radius:8px;padding:22px;box-shadow:inset 0 1px 0 #1b4c5b66,0 15px 40px #0003}.panel-heading{display:flex;justify-content:space-between;color:#c9eefa;font-size:11px;letter-spacing:2px;font-weight:700;border-bottom:1px solid #1b4154;padding-bottom:15px}.panel-heading span{color:var(--cyan);font-size:10px}.core-panel{text-align:center;min-height:540px}.core-panel .panel-heading{text-align:left}.orb-stage{position:relative;width:min(330px,80%);aspect-ratio:1;margin:20px auto 10px;display:grid;place-items:center}.ring{position:absolute;border-radius:50%;border:2px solid transparent;inset:8%;border-top-color:#1dd8f2;border-bottom-color:#117aaf;box-shadow:0 0 15px #05aee744;animation:spin 18s linear infinite}.ring-2{inset:17%;border:1px dashed #4cdaf2;animation-direction:reverse;animation-duration:25s}.ring-3{inset:0;border:1px dotted #1a7a9a;animation-duration:45s}.core{width:48%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0d5973,#061a2d 65%);border:2px solid #40dbf9;box-shadow:0 0 25px #0da7d9,0 0 80px #0091bd55,inset 0 0 30px #02b3e766;animation:pulse 3s ease-in-out infinite}.core-inner{font-size:80px;font-weight:200;color:#b7f8ff;text-shadow:0 0 18px #00cafa}.core-panel h3{font-size:19px;letter-spacing:3px;font-weight:500;color:var(--cyan);margin:8px 0}.core-panel p{color:var(--muted);font-size:12px;margin-bottom:22px}.secondary{background:transparent;border-color:#23627d;color:var(--cyan)}.right-stack{display:grid;grid-template-rows:auto 1fr;gap:18px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat{min-height:125px}.stat span{display:block;color:#8eb6c7;font-size:10px;letter-spacing:1.3px}.stat strong{display:block;font-size:30px;font-weight:400;color:var(--cyan);margin:10px 0}.stat strong.green{color:var(--green);font-size:23px}.activity-list{max-height:225px;overflow:auto;padding-top:10px}.activity{padding:12px 0;border-bottom:1px solid #163647;font-size:12px}.activity time{display:block;color:#547f90;font-size:10px;margin-top:4px}.quick-panel{margin-top:18px}.quick-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.quick-buttons button{background:#0c2a3e;flex:1;min-width:150px}.chat-panel{max-width:1050px;margin:auto}.messages{height:55vh;min-height:330px;overflow:auto;padding:20px 4px;display:flex;flex-direction:column;gap:14px}.message{max-width:85%;padding:14px 18px;border-radius:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.message.assistant{background:#102d40;border:1px solid #205c75;align-self:flex-start}.message.user{background:#075174;border:1px solid #1689ae;align-self:flex-end}.chat-input{display:flex;gap:10px}.chat-input input{flex:1}.chat-foot{display:flex;justify-content:space-between;align-items:center}.chat-foot label{display:flex;align-items:center;gap:8px}.chat-foot span{font-size:11px;color:var(--muted)}.inline-form{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.inline-form input:first-child{flex:2}.inline-form input{flex:1}.list-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #173c4f;padding:14px 5px;overflow-wrap:anywhere}.list-row .grow{flex:1;min-width:0}.list-row small{display:block;margin-top:6px}.list-row button{padding:8px}.done{text-decoration:line-through;color:#608899}.settings-form{max-width:650px}.settings-form input{display:block;width:100%;margin-bottom:15px}.settings-form button{margin-top:10px}hr{border:0;border-top:1px solid #23475b;margin:25px 0}.secret-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.secret-row code{font-size:12px;overflow-wrap:anywhere;color:#87cddd}#toast{position:fixed;bottom:22px;right:25px;background:#103d50;border:1px solid var(--cyan);padding:14px 20px;border-radius:5px;display:none;max-width:400px;font-size:13px;z-index:10}.login-wrap,.setup{display:grid;place-items:center;min-height:100vh}.login-panel,.setup-panel{width:min(430px,90vw);text-align:center;border:1px solid #235c76;background:#0a1b2a;padding:38px;border-radius:12px;box-shadow:0 0 90px #0087a522}.login-panel h1,.setup-panel h1{letter-spacing:7px;color:#9deeff;font-weight:300}.login-panel p{font-size:10px;letter-spacing:2px;color:#77a4b6}.login-panel form,.setup-panel form{text-align:left;margin-top:25px}.login-panel input,.setup-panel input{width:100%;margin-bottom:15px}.login-panel button,.setup-panel button{width:100%}.login-orb{width:105px;height:105px;border-radius:50%;border:3px solid #2cd9f7;box-shadow:0 0 40px #1ad9f977,inset 0 0 30px #1ad9f955;margin:25px auto;animation:pulse 3s infinite}.setup-panel p{text-align:center;color:#91b5c6}.setup-panel small{display:block;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 45px #0da7d9,0 0 100px #0091bd99,inset 0 0 45px #02b3e799}}@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.core-panel{min-height:440px}.orb-stage{width:250px}.sidebar{width:205px}.main{padding:22px}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:auto;padding:12px}.brand{padding:5px 8px 12px}.sidebar nav{display:flex;overflow-x:auto}.nav{white-space:nowrap;padding:10px}.side-label,.side-bottom{display:none}.main{padding:18px}.topbar h2{font-size:17px}.top-right{gap:8px;font-size:10px}.stat-grid{grid-template-columns:1fr 1fr}.panel{padding:15px}.inline-form{flex-direction:column}.chat-foot{display:block}.messages{height:52vh}}
