: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:540px;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:560px;margin:12px 0 14px;font-size:clamp(28px,3.4vw,46px);line-height:1.02}.login-hero p{color:#c2d0e5;max-width:500px;font-size:clamp(14px,1.15vw,16px);line-height:1.55}.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-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}.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{border-top:1px solid var(--line);background:#050c185c;flex:none;grid-template-columns:minmax(0,1fr) 108px;align-items:end;gap:10px;padding:12px 16px;display:grid}.composer textarea{resize:none;min-height:52px;max-height:132px;font-size:14px;line-height:1.45}.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,.composer,.conversation-tool-grid{grid-template-columns:1fr}.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));gap:8px;position:sticky;bottom:0}.composer textarea{min-height:48px;max-height:116px;font-size:16px}.composer button{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}}