:root{color:#e8eefc;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b1118;--panel:#111822db;--panel-strong:#141d28f0;--panel-soft:#ffffff0e;--line:#b4c0cf29;--line-strong:#62b1aa6b;--text:#e8eefc;--muted:#9fb0ca;--muted-2:#70829e;--blue:#2f7f86;--cyan:#58c4bd;--violet:#7aa39a;--green:#37d99e;--amber:#ffc857;--red:#ff6b7a;--shadow:0 14px 34px #0000003d;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}html{background:var(--bg)}body{min-height:100vh;margin:0;font-size:14px;font-weight:400}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#58c4bda6}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 10%,#58c4bd1a,#0000 28rem),radial-gradient(circle at 82% 6%,#d2b47814,#0000 30rem),linear-gradient(135deg,#0a1017 0%,#101820 48%,#121a22 100%);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.16;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000 0%,#0000 72%);mask-image:radial-gradient(circle at top,#000 0%,#0000 72%)}.login-shell{grid-template-columns:minmax(0,.85fr) minmax(320px,400px);align-items:center;gap:24px;min-height:100vh;padding:clamp(16px,3vw,34px);display:grid}.login-hero{max-width:min(100%,1600px);padding:clamp(12px,2vw,22px)}.login-hero h1{letter-spacing:-.045em;background:linear-gradient(135deg,#fff 8%,#d9e3ef 52%,#9fd4ce 100%);color:#0000;-webkit-background-clip:text;max-width:1600px;margin:12px 0 18px;font-size:clamp(34px,3.3vw,64px);line-height:1}.login-hero p{color:#c2d0e5;max-width:720px;font-size:clamp(15px,1.25vw,19px);line-height:1.55}@media (width>=1440px){.login-hero h1{white-space:nowrap}}.system-status{width:fit-content;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:560;display:inline-flex}.system-status span{background:var(--muted-2);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #70829e1a}.system-status.online{color:#b8ffe2}.system-status.online span{background:var(--green);box-shadow:0 0 0 5px #37d99e21,0 0 18px #37d99e59}.system-status.offline{color:#ffd4da}.system-status.offline span{background:var(--red);box-shadow:0 0 0 5px #ff6b7a1f}.login-card{width:min(100%,400px);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#121b24f0,#0b1118e0);border:1px solid #a7bcde38;gap:13px;padding:20px;display:grid}.app-shell{grid-template-columns:minmax(232px,268px) minmax(0,1fr);gap:6px;height:100dvh;min-height:0;padding:6px;display:grid;overflow:hidden}.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-scrim{display:none}.sidebar{box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0c131b94,#090e1480);border:1px solid #b4c0cf1a;border-radius:14px;flex-direction:column;gap:4px;height:calc(100dvh - 12px);min-height:0;padding:6px;display:flex;overflow:hidden}.brand-card,.identity-card,.chat-panel,.table-card,.login-card{border:1px solid var(--line)}.brand-card,.identity-card{background:var(--panel);box-shadow:inset 0 1px #ffffff0f}.brand-card{box-shadow:none;background:0 0;border-color:#0000;border-radius:10px;align-items:center;gap:8px;padding:5px 6px;display:flex}.sidebar .brand-card h1{margin-bottom:1px;font-size:14px;font-weight:600}.sidebar .brand-card p{color:var(--muted-2);font-size:11px}.sidebar .logo{border-radius:9px;width:28px;height:28px;box-shadow:0 6px 14px #2f7f8624}.logo{background:#050c18b8;border:1px solid #58c4bd38;border-radius:14px;flex:none;width:44px;height:44px;position:relative;overflow:hidden;box-shadow:0 12px 26px #2f7f8638}.logo img{object-fit:cover;object-position:center 36%;width:100%;height:100%;display:block}.viki-brand-mark{justify-content:center;align-items:baseline;gap:1px;display:inline-flex}.logo.large{border-radius:16px;width:54px;height:54px;font-size:29px}.logo.ghost{opacity:.92;margin:0 auto 10px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:4px;font-size:20px;font-weight:620}h2{letter-spacing:-.025em;margin-bottom:0;font-size:clamp(21px,2.2vw,27px);font-weight:620}h3{letter-spacing:-.025em;margin-bottom:7px;font-size:17px;font-weight:620}.brand-card p,.muted{color:var(--muted);margin-bottom:0}.identity-card{border-radius:12px;gap:6px;padding:9px 10px;display:grid}.sidebar .identity-card{box-shadow:none;background:0 0;border-color:#0000}.sidebar .user-card{border:0;border-top:1px solid #58c4bd24;border-radius:0;order:30;gap:3px;margin-top:auto;padding:8px 2px 0}.sidebar .admin-note{font-size:12px;line-height:1.45}.sidebar .user-card .eyebrow{display:none}.sidebar .identity-card h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-bottom:0;font-size:12.5px;overflow:hidden}.sidebar .identity-card .muted{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10.5px;overflow:hidden}.sidebar .status-chip.small{color:var(--muted-2);background:0 0;border:0;gap:5px;padding:0;font-size:9.5px}.sidebar .status-chip.small span{width:5px;height:5px;box-shadow:0 0 0 3px #37d99e1a}.status-chip{color:#b8ffe2;background:#d2b47814;border:1px solid #37d99e47;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:12px;font-weight:560;display:inline-flex}.status-chip.small{padding:5px 8px;font-size:11px}.status-chip span{background:var(--green);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #37d99e21}label{color:#d7e2f4;gap:7px;font-size:13px;font-weight:560;display:grid}input,select,textarea{width:100%;color:var(--text);background:#050c18b8;border:1px solid #a7bcde3b;border-radius:10px;padding:9px 10px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff0a}input:focus,select:focus,textarea:focus{background:#070f1df0;border-color:#58c4bd9e;box-shadow:0 0 0 4px #58c4bd1a,inset 0 1px #ffffff0f}textarea{resize:vertical}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2f7f86,#377b6d);border:1px solid #ffffff1a;border-radius:10px;padding:9px 11px;font-weight:560;transition:transform .16s,border-color .16s,filter .16s,background .16s;box-shadow:0 6px 14px #2f7f861a}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.58;cursor:wait;transform:none}small{color:var(--muted);line-height:1.45}.auth-tabs,.nav-actions{background:#ffffff0e;border:1px solid #ffffff13;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sidebar .nav-actions{background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:1px;padding:2px 0}.sidebar .nav-actions button,.sidebar .new-chat,.sidebar .identity-card button{text-align:left;width:100%;min-height:29px;box-shadow:none;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:520}.sidebar .nav-actions button.secondary,.sidebar .identity-card button{color:#c6d3e8;background:0 0;border-color:#0000}.sidebar .nav-actions button.active{color:#e7fbf9;background:#58c4bd1a;border-color:#0000}.sidebar .nav-actions button:hover,.sidebar .new-chat:hover,.sidebar .identity-card button:hover{filter:none;background:#ffffff0e;border-color:#a7bcde24;transform:none}button.secondary{box-shadow:none;color:#c6d3e8;background:0 0;border:1px solid #0000}button.active{background:linear-gradient(135deg,#2f7f86,#437b6f);border-color:#99d3ff6b}button.danger{color:#ffd4da;box-shadow:none;background:#ff4c5e29;border:1px solid #ff6b7a59;padding:8px 10px;font-size:12px;font-weight:560}.new-chat,.identity-card button{padding:9px 12px}.new-chat{background:linear-gradient(135deg,#2f7f86,#58a69a)}.sidebar .new-chat{color:#bde8e4;background:0 0;border-color:#0000;margin-top:1px}.sidebar .new-chat:hover{background:#58c4bd16}.sidebar .user-card button{min-height:27px;color:var(--muted);padding:5px 2px;font-size:11px}.conversation-create{border-top:1px solid #a7bcde14;border-bottom:1px solid #a7bcde0f;padding:2px 0}.conversation-create summary{min-height:26px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;padding:4px 8px;font-size:11.5px;font-weight:520;list-style-position:inside;display:flex}.conversation-create summary:hover{color:#d8ebe8;background:#ffffff0b}.conversation-tools{background:0 0;border:0;border-radius:0;gap:5px;padding:5px 0 6px;display:grid}.conversation-tools input,.conversation-edit input{background:#050c188a;border-radius:8px;min-height:30px;padding:6px 8px;font-size:12px}.conversation-tools button{min-height:29px;box-shadow:none;background:#58c4bd1a;border-color:#0000;padding:6px 8px;font-size:12px}.conversation-tool-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.conversation-tools .eyebrow{letter-spacing:.1em;color:var(--muted-2);margin:0 2px;font-size:9px}.conversation-list{flex:auto;align-content:start;gap:10px;min-height:0;padding:1px 1px 1px 0;display:grid;overflow-y:auto}.sidebar-section{gap:2px;min-width:0;display:grid}.recent-section{padding-top:5px}.sidebar-section-title{color:#d4e4e1;justify-content:space-between;align-items:center;min-width:0;padding:5px 7px 3px;display:flex}.sidebar-section-title strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.project-title-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.clear-project-filter{min-height:20px;color:var(--muted);box-shadow:none;background:#58c4bd14;border:0;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:520}.clear-project-filter:hover{filter:none;background:#58c4bd24;transform:none}.project-add-button{color:#c9f4f0;width:22px;min-width:22px;min-height:22px;box-shadow:none;background:#58c4bd1a;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:15px;font-weight:650;line-height:1;display:inline-flex}.project-add-button:hover{filter:none;background:#58c4bd2e;transform:none}.project-row{color:#d5e6e4;text-align:left;width:100%;min-width:0;min-height:31px;box-shadow:none;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 7px;display:grid}.project-row:hover,.project-row.active{filter:none;background:#58c4bd17;transform:none}.project-row-wrap{border-radius:11px}.project-row-wrap.active .project-row{color:var(--text);background:#58c4bd1f}.project-manager{gap:5px}.project-create,.project-edit{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:0 0 3px;display:grid}.project-edit{background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;grid-template-columns:minmax(0,1fr) auto auto;padding:5px}.project-create input,.project-edit input{border-radius:9px;min-height:30px;padding:6px 8px;font-size:.8rem}.project-create button,.project-edit button{min-height:30px;padding:0 9px;font-size:.75rem}.project-actions{opacity:0;gap:4px;max-height:0;padding:0 7px;transition:opacity .12s,max-height .12s,padding .12s;display:flex;overflow:hidden}.project-row-wrap:hover .project-actions,.project-row-wrap:focus-within .project-actions{opacity:1;max-height:27px;padding:2px 7px 4px}.project-actions button{min-height:22px;padding:0 6px;font-size:.68rem}.project-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;font-weight:520;overflow:hidden}.project-row em{color:var(--muted-2);font-size:10px;font-style:normal;font-weight:500}.project-icon{color:#9fd4ce;font-size:12px;line-height:1}.project-group{gap:5px;display:grid}.project-title{color:#e4f3f1;align-items:center;gap:6px;padding:6px 7px 2px;display:flex}.project-title span{color:var(--muted-2);font-size:10px}.project-title strong{text-overflow:ellipsis;white-space:nowrap;color:#94aaa8;text-transform:uppercase;letter-spacing:.06em;flex:auto;min-width:0;font-size:11px;font-weight:560;overflow:hidden}.project-title em{color:var(--muted-2);flex:none;font-size:10px;font-style:normal;font-weight:500}.conversation-card{background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;min-width:0;padding:0 1px;display:grid;position:relative}.conversation-card:hover{background:#ffffff09;border-color:#0000}.conversation-card.active{background:#58c4bd18;border-color:#0000}.conversation-card:hover .conversation-open,.conversation-card:focus-within .conversation-open{padding-right:74px}.conversation-open{text-align:left;width:100%;min-width:0;box-shadow:none;background:0 0;border:0;gap:1px;padding:5px 7px;display:grid}.conversation-open:hover{filter:none;transform:none}.conversation-open strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;line-height:1.22;overflow:hidden}.conversation-open span{color:var(--muted-2);font-size:10.5px;font-weight:400;display:none}.conversation-actions{justify-content:flex-end;align-items:center;gap:2px;min-width:0;padding:0;display:flex;position:absolute;top:50%;right:5px;overflow:hidden;transform:translateY(-50%)}.conversation-actions button{min-height:23px;box-shadow:none;white-space:nowrap;border-radius:7px;padding:0;font-size:12px}.conversation-actions .icon-action{color:#cfe0dd;width:22px;min-width:22px;line-height:1}.conversation-actions .icon-action.danger{color:#ffd0d6}.conversation-card:not(:hover):not(:focus-within) .conversation-actions button.secondary,.conversation-card:not(:hover):not(:focus-within) .conversation-actions button.danger{opacity:0;pointer-events:none}.compact-empty{padding:0 7px;font-size:12px}.conversation-edit{background:#ffffff08;border-radius:8px;grid-column:1/-1;gap:6px;padding:5px;display:grid;position:relative}.conversation-edit .conversation-actions{justify-content:flex-start;padding:0;position:static;transform:none}.conversation-edit .conversation-actions button{width:auto;min-width:0;padding:2px 7px;font-size:10px}.chat-panel{height:calc(100dvh - 16px);min-height:0;box-shadow:var(--shadow), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#0f1720eb,#090f16e0);border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#58c4bd14,#0000 46%);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.chat-header h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;max-width:76ch;font-size:clamp(17px,1.45vw,22px);font-weight:560;overflow:hidden}.conversation-kicker{color:var(--muted);margin:4px 0 0;font-size:12px}.eyebrow{color:#8fd6d0;text-transform:uppercase;letter-spacing:.11em;margin-bottom:7px;font-size:10px;font-weight:560}.user-pill{color:#d3eeeb;white-space:nowrap;background:#58c4bd17;border:1px solid #58c4bd47;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:500}.activity-bar{background:#58c4bd0e;border-bottom:1px solid #a7bcde1f;flex:none;gap:8px;padding:10px 18px;display:grid}.activity-track{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.activity-track span{border-radius:inherit;background:linear-gradient(90deg,#0000,#58c4bd,#ffc857,#0000);width:38%;height:100%;animation:1.2s ease-in-out infinite activity-slide;display:block}.activity-steps{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.activity-steps span{align-items:center;gap:5px;display:inline-flex}.activity-steps span:before{content:"";background:#ffffff38;border-radius:999px;width:6px;height:6px}.activity-steps .active{color:#dff8f5}.activity-steps .active:before{background:var(--green);box-shadow:0 0 0 4px #37d99e1a}@keyframes activity-slide{0%{transform:translate(-100%)}55%,to{transform:translate(270%)}}.safety-banner,.approval-banner,.error-box{border-radius:14px;margin:12px 18px 0;padding:11px 13px;line-height:1.5}.error-box.compact{margin:0}.safety-banner{background:linear-gradient(135deg,#58c4bd17,#d2b4780e);border:1px solid #58c4bd3d;justify-content:space-between;align-items:center;gap:18px;display:flex}.safety-banner strong{color:#e4f3f1;margin-bottom:3px;display:block}.safety-tags span{font-weight:560}.approval-banner{color:#ffe3a1;background:#ffc85721;border:1px solid #ffc85757;flex:none}.error-box{color:#ffd4da;background:#ff6b7a21;border:1px solid #ff6b7a57}.error-box.chat-error{border-radius:12px;flex:none;margin:8px 18px 0;padding:9px 11px}.messages{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:16px 18px;display:flex;overflow-y:auto}.empty-state{text-align:center;max-width:440px;color:var(--muted);background:#ffffff0a;border:1px solid #a7bcde24;border-radius:18px;margin:auto;padding:18px}.empty-state h3{color:var(--text);font-size:22px;font-weight:620}.suggestion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.suggestion-grid button{box-shadow:none;color:#dce8fb;background:#ffffff0f;border:1px solid #a7bcde2e;font-size:13px;font-weight:560;line-height:1.3}.message{border:1px solid #a7bcde29;border-radius:14px;max-width:min(720px,72%);padding:10px 12px;font-size:14px;font-weight:400;line-height:1.48;box-shadow:0 8px 18px #0000001f}.message.user{background:linear-gradient(135deg,#2f7f863d,#415a6938);border-color:#58c4bd38;align-self:flex-end;max-width:min(520px,52%)}.message.assistant{background:#ffffff0f;align-self:flex-start;max-width:min(760px,70%)}.message.pending{opacity:.72}.message.typing{border-color:#58c4bd3d;box-shadow:0 10px 24px #2f7f8621}.message p{white-space:pre-wrap;margin-bottom:0;font-size:14px;font-weight:400}.message-content{gap:10px;display:grid}.message-text{margin:0}.message-meta{color:var(--muted);opacity:.88;gap:10px;margin-bottom:4px;font-size:11px;font-weight:560;display:flex}.message-meta em{color:#ffe3a1;font-style:normal}.typing-preview{color:#d8e9e6}.generated-image-card{gap:8px;margin:2px 0 0;display:grid}.attachment-list{gap:9px;display:grid}.attachment-card{margin-top:0}.file-attachment-card{background:#050c186b;border:1px solid #58c4bd33;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100%,520px);padding:9px 10px;display:grid}.file-attachment-card strong,.file-attachment-card span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.file-attachment-card span{color:var(--muted);margin-top:2px;font-size:12px}.file-attachment-icon{color:#dff8f5;background:#58c4bd1c;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.generated-image-preview{cursor:zoom-in;background:#050c188a;border:1px solid #58c4bd47;border-radius:16px;width:min(100%,520px);padding:0;display:block;overflow:hidden;box-shadow:0 14px 34px #00000047}.generated-image-preview:hover{filter:brightness(1.04);border-color:#58c4bd7a;transform:none}.generated-image-preview img{object-fit:contain;background:#03080ebd;width:100%;max-height:520px;display:block}.generated-image-card figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.generated-image-card a,.image-lightbox-actions a,.file-attachment-card a{color:#dff8f5;background:#58c4bd1a;border:1px solid #58c4bd52;border-radius:999px;padding:5px 10px;font-weight:560;text-decoration:none}.generated-image-card a:hover,.image-lightbox-actions a:hover,.file-attachment-card a:hover{background:#58c4bd2e}.image-generation-status{gap:10px;display:grid}.image-generation-canvas{aspect-ratio:1;background:radial-gradient(circle at 30% 24%,#58c4bd42,#0000 32%),radial-gradient(circle at 72% 68%,#ffc8572e,#0000 34%),#071018f0;border:1px solid #58c4bd3d;border-radius:16px;width:min(100%,260px);position:relative;overflow:hidden}.image-generation-canvas:before{content:"";background:linear-gradient(110deg,#0000 0 26%,#ffffff29 42%,#0000 58% 100%);animation:1.35s ease-in-out infinite image-shimmer;position:absolute;inset:0}.image-generation-canvas span{background:#e2f4f12e;border-radius:999px;animation:1.8s ease-in-out infinite image-pulse;position:absolute}.image-generation-canvas span:first-child{width:46%;height:46%;top:15%;left:12%}.image-generation-canvas span:nth-child(2){width:24%;height:24%;animation-delay:.18s;top:18%;right:14%}.image-generation-canvas span:nth-child(3){border-radius:18px;width:58%;height:18%;animation-delay:.32s;bottom:18%;left:17%}.image-generation-canvas span:nth-child(4){border-radius:18px;width:38%;height:12%;animation-delay:.46s;bottom:33%;right:15%}@keyframes image-shimmer{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes image-pulse{0%,to{opacity:.34;transform:scale(.98)}50%{opacity:.88;transform:scale(1.02)}}.image-lightbox{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02080ec7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.image-lightbox-card{background:#090f16f5;border:1px solid #b4c0cf2e;border-radius:20px;gap:10px;width:min(96vw,1120px);max-height:92vh;padding:12px;display:grid;position:relative;box-shadow:0 28px 70px #0000007a}.image-lightbox-card img{object-fit:contain;background:#03080ed1;border-radius:14px;width:100%;max-height:calc(92vh - 96px);display:block}.image-lightbox-close{width:34px;min-width:34px;min-height:34px;box-shadow:none;color:#eef7f6;background:#050c18d1;border-color:#ffffff29;border-radius:999px;padding:0;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.image-lightbox-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.typing-cursor{vertical-align:-.15em;background:var(--green);border-radius:999px;width:7px;height:1.12em;margin-left:2px;animation:.9s steps(2,start) infinite cursor-blink;display:inline-block;box-shadow:0 0 10px #58c4bd73}.typing-dots i{font-style:normal;animation:1.25s infinite blink-dot}.typing-dots i:nth-child(2){animation-delay:.14s}.typing-dots i:nth-child(3){animation-delay:.28s}@keyframes blink-dot{0%,40%,to{opacity:.25}20%{opacity:1}}@keyframes cursor-blink{0%,45%{opacity:1}46%,to{opacity:.18}}.composer{background:linear-gradient(#050c180f,#050c1880);flex:none;padding:10px 16px 14px}.composer-shell{background:linear-gradient(165deg,#131d27f7,#091018fa);border:1px solid #b4c0cf30;border-radius:20px;gap:9px;padding:11px 12px 10px;display:grid;box-shadow:0 14px 34px #0000002e,inset 0 1px #ffffff0e}.composer-input{resize:none;min-height:82px;max-height:180px;box-shadow:none;color:#edf7f6;background:0 0;border:0;border-radius:10px;padding:7px 5px 4px;font-size:15px;line-height:1.5}.composer-input:focus{box-shadow:none;background:0 0;border-color:#0000}.composer-input::placeholder{color:#788ba3}.composer-toolbar{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.composer-tools,.composer-actions{align-items:center;gap:8px;min-width:0;display:inline-flex}.attachment-picker{color:#e8f7f5;width:34px;min-width:34px;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:0;font-size:25px;font-weight:360;line-height:1}.attachment-picker:hover{filter:none;background:#58c4bd1f;transform:none}.sr-only-file{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.composer-runtime,.composer-queue-count,.composer-model{min-height:28px;color:var(--muted);white-space:nowrap;align-items:center;font-size:12px;display:inline-flex}.composer-runtime{gap:7px}.composer-runtime i{background:var(--green);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 4px #37d99e1a}.composer-runtime.busy i{background:var(--amber);animation:1.2s ease-in-out infinite composer-pulse;box-shadow:0 0 0 4px #ffc8571a}.composer-queue-count{color:#c9f4f0;background:#58c4bd14;border:1px solid #58c4bd33;border-radius:999px;padding:0 8px}.composer-model{color:#b9c8dc}.composer-steer{color:#ffe2a2;min-height:30px;box-shadow:none;background:#ffc8571a;border-color:#ffc8573d;border-radius:9px;padding:5px 9px;font-size:12px;font-weight:540}.composer-steer:hover{filter:none;background:#ffc8572b;transform:none}.composer-submit{color:#f3fffd;background:linear-gradient(135deg,#2f7f86,#398c81);border-radius:11px;min-width:106px;min-height:36px;padding:7px 12px;font-size:12px;box-shadow:0 7px 16px #2f7f8629}.composer-submit span{margin-left:4px;font-size:15px;line-height:0}.composer-submit:disabled{cursor:not-allowed;opacity:.42}.selected-attachments,.queued-submissions{flex-wrap:wrap;gap:7px;display:flex}.selected-attachment,.queued-submission{max-width:min(100%,460px);color:var(--muted);border-radius:999px;grid-template-columns:auto minmax(72px,1fr) auto auto;align-items:center;gap:7px;padding:5px 7px;font-size:11px;display:inline-grid}.selected-attachment{background:#ffffff0b;border:1px solid #58c4bd2e}.queued-submission{background:#ffc85712;border:1px solid #ffc85736}.selected-attachment strong,.queued-submission strong{text-overflow:ellipsis;white-space:nowrap;color:#e8f7f5;min-width:0;font-weight:540;overflow:hidden}.selected-attachment span,.selected-attachment em,.queued-submission span,.queued-submission em{font-style:normal}.queued-submission span{color:#ffe2a2}.selected-attachment button,.queued-submission button{color:#dbe7f1;width:22px;min-width:22px;min-height:22px;box-shadow:none;background:#ffffff12;border:0;border-radius:999px;padding:0}.selected-attachment button:hover,.queued-submission button:hover{filter:none;background:#ffffff24;transform:none}.composer-hint{color:#f4d995;margin:0;font-size:11px;line-height:1.4}@keyframes composer-pulse{0%,to{opacity:.55}50%{opacity:1}}.admin-panel{grid-template-rows:auto auto auto auto}.settings-panel{grid-template-rows:auto auto auto 1fr}.admin-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:14px;padding:18px;display:grid;overflow:auto}.settings-grid{grid-template-columns:minmax(240px,320px) minmax(280px,520px);align-items:start;gap:14px;padding:18px;display:grid;overflow:auto}.table-card{background:#ffffff0e;border-radius:15px;padding:13px}.account-summary{gap:8px;display:grid}.table-card.wide{min-width:0}.mini-form{align-self:start;gap:12px;display:grid}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #a7bcde21;padding:9px 7px}th{color:#d3eeeb;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:620}td span,td small{color:var(--muted);margin-top:3px;display:block}.temporary-password-card{color:#ffe3a1;background:#ffc8571f;border:1px solid #ffc85757;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin:12px 18px 0;padding:12px 14px;display:flex}.temporary-password-card p{color:#f4d995;margin:4px 0 8px}.temporary-password-card code{color:#fff3c9;letter-spacing:.04em;background:#00000047;border-radius:8px;padding:7px 9px;display:inline-block}.temporary-password-card small{color:#f4d995;margin-top:7px;display:block}.password-warning{color:#ffe3a1;margin:8px 0 0;font-size:12px;font-weight:600}@media (width<=1120px){.login-shell{grid-template-columns:1fr}.login-hero{text-align:center;max-width:none}.login-hero p{margin-left:auto;margin-right:auto}.login-card{margin:0 auto}.app-shell{grid-template-columns:270px minmax(0,1fr)}.admin-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=860px){html,body,#root{overflow:auto}body{min-width:320px}.login-shell,.app-shell{grid-template-columns:1fr}.login-shell{align-content:start;padding:18px}.suggestion-grid,.conversation-tool-grid{grid-template-columns:1fr}.composer-toolbar{flex-direction:column;align-items:flex-start}.composer-actions{justify-content:flex-end;width:100%}.app-shell{height:100dvh;min-height:100dvh;padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));overflow:hidden}.sidebar{z-index:40;background:linear-gradient(#0c131bf5,#090e14f0);width:min(86vw,330px);height:auto;max-height:calc(100dvh - 16px);transition:transform .22s;position:fixed;inset:8px auto 8px 8px;overflow:hidden;transform:translate(calc(-100% - 18px));box-shadow:22px 0 54px #0000006b,inset 0 1px #ffffff0f}.mobile-menu-open .sidebar{transform:translate(0)}.mobile-menu-scrim{z-index:35;width:100%;height:100%;box-shadow:none;opacity:0;pointer-events:none;background:#02080e8f;border:0;border-radius:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.mobile-menu-open .mobile-menu-scrim{opacity:1;pointer-events:auto}.mobile-menu-toggle{width:38px;min-width:38px;min-height:36px;box-shadow:none;color:#dff8f5;background:#58c4bd1a;border-color:#58c4bd38;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;font-size:18px;display:inline-flex}.mobile-menu-toggle:hover{filter:none;background:#58c4bd29;transform:none}.mobile-menu-close{width:32px;min-width:32px;min-height:32px;box-shadow:none;color:var(--muted);background:#ffffff0b;border-color:#ffffff14;border-radius:9px;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:22px;line-height:1;display:inline-flex}.conversation-list{overscroll-behavior:contain;max-height:38dvh;padding-right:2px;overflow-y:auto}.chat-panel{height:calc(100dvh - 16px);min-height:0;max-height:none}.chat-header{justify-content:flex-start;align-items:flex-start}.safety-banner{flex-direction:column;align-items:flex-start}.chat-header h2{white-space:normal}.message,.message.user,.message.assistant{max-width:100%}.conversation-card .conversation-open,.conversation-card:hover .conversation-open,.conversation-card:focus-within .conversation-open{padding-right:76px}.conversation-card:not(:hover):not(:focus-within) .conversation-actions button.secondary,.conversation-card:not(:hover):not(:focus-within) .conversation-actions button.danger{opacity:.72;pointer-events:auto}}@media (width<=640px){body{font-size:13px}body:after{opacity:.08;background-size:42px 42px}.login-shell{gap:12px;min-height:100svh;padding:12px}.login-hero{text-align:left;padding:4px}.login-hero h1{margin:10px 0;font-size:clamp(25px,9vw,34px);line-height:1.06}.login-hero p{margin:0;font-size:14px}.login-card{border-radius:16px;gap:11px;width:100%;padding:15px}.auth-tabs{grid-template-columns:1fr 1fr}input,select,textarea{min-height:42px;font-size:16px}button{min-height:42px}.app-shell{gap:8px;padding:6px}.sidebar{border-radius:12px;gap:5px;width:min(88vw,320px);max-height:calc(100svh - 12px);padding:6px;inset:6px auto 6px 6px}.brand-card{padding:5px 4px 3px}.sidebar .brand-card h1{font-size:13px}.sidebar .brand-card p{display:none}.sidebar .logo{width:26px;height:26px}.sidebar .user-card{border-top:1px solid #58c4bd1a;order:4;margin-top:0;padding:6px 4px 2px}.sidebar .nav-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.sidebar .nav-actions button,.sidebar .new-chat,.sidebar .identity-card button{text-align:center;min-height:38px;font-size:12px}.conversation-create summary{justify-content:center;min-height:34px;font-size:12px}.conversation-tools,.project-create,.project-edit{gap:6px}.project-edit{grid-template-columns:1fr}.project-create input,.project-edit input,.conversation-tools input,.conversation-edit input{min-height:38px;font-size:14px}.project-create button,.project-edit button,.conversation-tools button{min-height:38px}.project-add-button{width:30px;min-width:30px;min-height:30px;font-size:17px}.conversation-list{gap:8px;max-height:42svh}.project-row{min-height:38px;padding:7px 8px}.conversation-card{border-radius:10px}.conversation-open{min-height:38px;padding:7px 8px}.conversation-open strong,.project-row strong{font-size:13px}.conversation-actions{right:7px}.conversation-actions .icon-action{width:24px;min-width:24px;min-height:26px}.project-actions{opacity:1;max-height:none;padding:1px 7px 5px}.project-actions button{min-height:28px}.chat-panel{border-radius:14px;height:calc(100svh - 12px);min-height:0}.chat-header{flex-direction:row;gap:8px;padding:10px 12px}.chat-header>div{flex:auto;min-width:0}.chat-header h2{font-size:18px;line-height:1.18}.conversation-kicker{font-size:11px}.activity-bar{padding:9px 12px}.activity-steps{gap:6px 9px;font-size:11px}.messages{overscroll-behavior:contain;gap:8px;padding:12px}.empty-state{border-radius:14px;width:100%;padding:13px}.empty-state h3{font-size:19px}.suggestion-grid button{min-height:40px;font-size:12px}.message{border-radius:13px;padding:9px 10px}.message p{font-size:13.5px;line-height:1.5}.composer{padding:9px;padding-bottom:max(9px, env(safe-area-inset-bottom));position:sticky;bottom:0}.composer-shell{border-radius:17px;gap:7px;padding:9px 10px}.composer-input{min-height:70px;max-height:130px;font-size:16px}.composer-toolbar{gap:7px}.composer-tools,.composer-actions{gap:6px}.composer-model{display:none}.composer-submit{min-width:94px}.queued-submission,.selected-attachment{max-width:100%}.safety-banner,.approval-banner,.error-box{border-radius:12px;margin:9px 12px 0;padding:9px 10px}.admin-grid{gap:10px;padding:12px}.table-card{border-radius:13px;padding:11px}table{min-width:620px}}@media (width<=380px){.app-shell{padding:4px}.sidebar{width:min(91vw,310px);max-height:calc(100svh - 8px);inset:4px auto 4px 4px}.sidebar .nav-actions{grid-template-columns:1fr}.conversation-list{max-height:46svh}.chat-panel{height:calc(100svh - 8px);min-height:0}.chat-header h2{font-size:17px}.conversation-card .conversation-open,.conversation-card:hover .conversation-open,.conversation-card:focus-within .conversation-open{padding-right:68px}.conversation-actions .icon-action{width:21px;min-width:21px}}