@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#e6edf8;background:#040812;--bg: #040812;--bg2: #07101f;--panel: rgba(10, 20, 38, .72);--panel-solid: #0b1628;--border: rgba(90, 200, 255, .12);--border-strong: rgba(90, 200, 255, .22);--muted: #8aa0bf;--cyan: #44d9ff;--blue: #4f8cff;--green: #44d69f;--amber: #f6c453;--red: #ff6b7a;--glow: 0 0 30px rgba(68, 217, 255, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:radial-gradient(1200px 600px at 75% -10%,rgba(20,80,140,.18),transparent 50%),radial-gradient(800px 500px at 10% 10%,rgba(68,217,255,.08),transparent 50%),var(--bg);color:#e6edf8}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--cyan);font:12px DM Mono,monospace;letter-spacing:3px}.loader{width:46px;height:46px;border:2px solid rgba(68,217,255,.15);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px 16px;position:relative;overflow:hidden}.auth-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(30,120,180,.16),transparent 68%);pointer-events:none}.auth-card{position:relative;width:min(100%,430px);padding:40px;border:1px solid var(--border-strong);border-radius:20px;background:#0a1426eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 90px #00000073,var(--glow)}.brand-mark{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid rgba(68,217,255,.35);border-radius:16px;color:var(--cyan);background:#44d9ff14}.eyebrow{color:var(--cyan);font:10px DM Mono,monospace;letter-spacing:3px;text-align:center}.auth-card h1{text-align:center;margin:8px 0;font-size:32px;letter-spacing:6px}.auth-subtitle{color:var(--muted);font-size:13px;line-height:1.7;text-align:center;margin:0 0 24px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#c9d8ee}.auth-card input{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:11px 12px;color:#fff;outline:none}.auth-card input:focus{border-color:#44d9ff73;box-shadow:0 0 0 3px #44d9ff14}.field-hint{color:var(--muted);font-size:12px;margin:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#1e78c8,#3cc9ff);color:#041018;font-weight:700}.error-banner{display:flex;align-items:center;gap:8px;background:#ff6b7a1a;border:1px solid rgba(255,107,122,.25);color:#ffd7dc;padding:10px 12px;border-radius:10px;font-size:13px}.app-shell{height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden}.app-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.sidebar{background:#060e1cd9;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar-hidden{display:none}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px 14px;border-bottom:1px solid var(--border)}.brand-mini{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--cyan);border:1px solid rgba(68,217,255,.3);background:#44d9ff14}.sidebar-brand strong{display:block;font-size:14px;letter-spacing:2px}.sidebar-brand small{color:var(--muted);font-size:10px;letter-spacing:2px}.mobile-close{margin-left:auto;display:none}.icon-button{background:#ffffff08;border:1px solid var(--border);color:#d9e8ff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center}.icon-button:hover{border-color:var(--border-strong);color:#fff}.new-chat-button{margin:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(68,217,255,.25);background:#44d9ff14;color:#dff8ff;font-weight:600}.side-caption{padding:4px 14px 8px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:2px}.conversation-list{flex:1;overflow:auto;padding:0 10px 10px;display:flex;flex-direction:column;gap:6px}.conversation-row{display:flex;gap:6px;align-items:center}.conversation-row.active .conversation-item{border-color:#44d9ff59;background:#44d9ff14}.conversation-item{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:1px solid transparent;background:#ffffff05;color:#d7e4f7;text-align:left}.conversation-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.delete-conversation-button{width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:#8094b0;display:grid;place-items:center}.delete-conversation-button:hover{color:#ffd7dc;border-color:#ff6b7a40;background:#ff6b7a14}.empty-sidebar{color:var(--muted);font-size:12px;padding:8px 6px}.sidebar-bottom{padding:12px;border-top:1px solid var(--border)}.user-card{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#1d6fa8,#3cc9ff);color:#041018;font-weight:700}.user-info{flex:1;min-width:0}.user-info strong,.user-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{color:var(--muted);font-size:11px}.main-area{min-width:0;display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:#040a148c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.breadcrumb{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.breadcrumb strong{color:#eef6ff}.connection-pill,.system-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:#cfe0f7;background:#ffffff08}.connection-pill.online{color:#d9fff0;border-color:#44d69f4d;background:#44d69f14}.dashboard-scroll{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}.dashboard-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;align-items:stretch}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff08}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(90,200,255,.08)}.panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.panel-actions{display:flex;gap:6px}.jarvis-core{padding-bottom:14px;display:flex;flex-direction:column}.status-chip{font:10px DM Mono,monospace;padding:4px 8px;border-radius:999px;border:1px solid var(--border)}.status-idle{color:#bfefff;border-color:#44d9ff40}.status-listening{color:#d9fff0;border-color:#44d69f59}.status-processing{color:#fff1c9;border-color:#f6c45359}.status-speaking{color:#e7ddff;border-color:#a08cff59}.status-error{color:#ffd7dc;border-color:#ff6b7a59}.core-visual{position:relative;height:280px;display:grid;place-items:center;margin:8px 14px 0}.core-center{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;color:var(--cyan);background:radial-gradient(circle,#44d9ff2e,#44d9ff0a);border:1px solid rgba(68,217,255,.35);z-index:2;box-shadow:0 0 40px #44d9ff2e}.ring{position:absolute;border-radius:50%;border:1px solid rgba(68,217,255,.18)}.ring-1{width:240px;height:240px}.ring-2{width:190px;height:190px;border-style:dashed;border-color:#44d9ff38}.ring-3{width:140px;height:140px}.core-radar{position:absolute;width:240px;height:240px;border-radius:50%;background:conic-gradient(from 0deg,#44d69f00,#44d69f38,#44d69f00);animation:spin 2.2s linear infinite}.core-idle .ring-1{animation:pulse-soft 3.2s ease-in-out infinite}.core-idle .ring-3{animation:pulse-soft 3.2s ease-in-out infinite 1s}.core-listening .ring-1,.core-listening .ring-2,.core-listening .ring-3{border-color:#44d69f59;box-shadow:0 0 20px #44d69f1f inset}.core-listening .core-center{color:var(--green);border-color:#44d69f73;box-shadow:0 0 40px #44d69f33}.core-processing .ring-1{animation:spin 8s linear infinite;border-top-color:#f6c453b3}.core-processing .ring-2{animation:spin 5s linear infinite reverse;border-top-color:#44d9ffcc}.core-processing .ring-3{animation:spin 3.5s linear infinite;border-top-color:#f6c453b3}.core-processing .core-center{color:var(--amber);box-shadow:0 0 50px #f6c4532e}.core-speaking .ring-1,.core-speaking .ring-2,.core-speaking .ring-3{animation:speak-pulse .9s ease-in-out infinite;border-color:#a08cff73}.core-speaking .core-center{color:#cbbcff;box-shadow:0 0 45px #a08cff38}.core-error .ring-1,.core-error .ring-2,.core-error .ring-3{border-color:#ff6b7a66}.core-error .core-center{color:var(--red);border-color:#ff6b7a73;box-shadow:0 0 35px #ff6b7a33}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.04);opacity:1}}@keyframes speak-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.06);opacity:1}}.core-info{text-align:center;padding:4px 16px 10px}.core-clock{font:600 34px DM Mono,monospace;letter-spacing:2px;color:#f2f8ff}.core-date{color:var(--muted);font-size:13px;margin-top:2px}.core-user{margin-top:6px;color:#cfe0f7;font-size:13px}.core-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px}.status-item{background:#ffffff05;border:1px solid rgba(90,200,255,.08);border-radius:10px;padding:8px 10px}.status-item span{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.status-item strong{font-size:13px}.text-ok{color:var(--green)}.text-bad{color:var(--red)}.text-muted{color:#b8c7de}.text-idle{color:#bfefff}.text-listening{color:var(--green)}.text-processing{color:var(--amber)}.text-speaking{color:#cbbcff}.text-error{color:var(--red)}.widgets-column{min-width:0}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.widget{min-height:220px;display:flex;flex-direction:column}.mini-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:#d9e8ff;display:grid;place-items:center}.mini-btn:hover{border-color:var(--border-strong)}.month-label{padding:8px 14px 0;color:#dff3ff;font-weight:600;font-size:13px;text-transform:capitalize}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px 12px 4px}.cal-dow{text-align:center;color:var(--muted);font-size:10px;padding:2px 0}.cal-day{text-align:center;font-size:11px;padding:5px 0;border-radius:8px;color:#d7e4f7}.cal-day.dim{color:#4e6078}.cal-day.today{outline:1px solid rgba(68,217,255,.45);color:#fff}.cal-day.has-event{background:#44d9ff1f}.mini-list{padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px;overflow:auto}.mini-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid rgba(90,200,255,.08);border-radius:10px;background:#ffffff05}.mini-item strong{display:block;font-size:13px;font-weight:600}.mini-item small{display:block;color:var(--muted);font-size:11px;margin-top:2px;line-height:1.4}.mini-actions{display:flex;gap:4px}.mini-actions button{width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:transparent;color:#8fa6c4;display:grid;place-items:center}.mini-actions button:hover{color:#fff;border-color:var(--border);background:#ffffff0a}.empty-mini{color:var(--muted);font-size:12px;padding:6px 4px}.search-box{margin:8px 10px 0;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}.search-box input{flex:1;background:transparent;border:none;color:#fff;outline:none;font-size:13px}.project-main{flex:1;min-width:0}.progress-bar{height:6px;border-radius:999px;background:#ffffff0f;margin-top:6px;overflow:hidden}.progress-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#1e78c8,#44d9ff)}.subnote{padding:0 12px 10px;color:var(--muted);font-size:11px}.metrics-list{padding:10px;display:flex;flex-direction:column;gap:8px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(90,200,255,.08);background:#ffffff05}.metric-label{display:flex;align-items:center;gap:8px;color:#cfe0f7;font-size:13px}.quick-actions{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions button{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(90,200,255,.12);background:#44d9ff0d;color:#e7f6ff;font-size:13px;text-align:left}.quick-actions button:hover{border-color:#44d9ff4d;background:#44d9ff1a}.chat-panel{display:flex;flex-direction:column;min-height:360px}.chat-area{padding:12px 14px;display:flex;flex-direction:column;gap:12px;max-height:340px;overflow:auto}.chat-empty{color:var(--muted);font-size:13px;padding:18px 4px;text-align:center}.message-row{display:flex;gap:10px;align-items:flex-start}.message-row.user-message{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#44d9ff1f;border:1px solid rgba(68,217,255,.25);color:var(--cyan);flex:0 0 auto;font-weight:700}.user-message .message-avatar{background:#4f8cff2e;border-color:#4f8cff4d;color:#e7f0ff}.message-body{max-width:min(900px,85%);background:#ffffff08;border:1px solid rgba(90,200,255,.1);border-radius:12px;padding:10px 12px}.user-message .message-body{background:#4f8cff1f;border-color:#4f8cff38}.message-author{font-size:11px;color:var(--muted);margin-bottom:4px}.message-content{font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.thinking{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;padding:4px 2px}.thinking span{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:blink 1.2s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}.global-error{margin:0 14px 8px}.global-error button{margin-left:auto;background:transparent;border:none;color:#ffd7dc}.composer-wrap{padding:0 14px 14px}.composer{border:1px solid var(--border);border-radius:14px;background:#ffffff05;overflow:hidden}.composer textarea{width:100%;resize:none;border:none;outline:none;background:transparent;color:#fff;padding:12px;font-size:14px;line-height:1.5}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid rgba(90,200,255,.08)}.composer-tools{display:flex;gap:8px}.tool-button,.send-button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:#e6f2ff;font-size:13px}.tool-button.recording{border-color:#44d69f66;color:#d9fff0;background:#44d69f1a}.send-button{background:linear-gradient(135deg,#1e78c8,#3cc9ff);color:#041018;border:none;font-weight:700}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;background:#040a148c}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 10px #44d69f80}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;z-index:30;transform:translate(0);transition:transform .2s ease}.sidebar-hidden{display:flex;transform:translate(-105%)}.mobile-close{display:grid}.widget-grid{grid-template-columns:1fr}.chat-area{max-height:300px}}@media (max-width: 600px){.topbar{padding:10px 12px}.dashboard-scroll{padding:12px}.core-visual{height:220px}.ring-1{width:200px;height:200px}.ring-2{width:155px;height:155px}.ring-3{width:115px;height:115px}.core-radar{width:200px;height:200px}.core-clock{font-size:28px}.core-status-grid,.quick-actions{grid-template-columns:1fr}.composer-actions{flex-direction:column;align-items:stretch}.composer-tools{width:100%}.tool-button{flex:1;justify-content:center}.breadcrumb{display:none}}
