@import url('/assets/css/style.css');
.app-shell{max-width:980px;margin:0 auto;padding:44px 28px 80px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.panel h2{font-size:21px}.panel p{color:var(--muted);margin-top:8px}.balance{font:600 36px 'Space Grotesk';margin:10px 0}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.field{width:100%;padding:12px;background:#090d11;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);margin-top:10px}.notice{margin-top:18px;padding:13px;border-left:3px solid var(--green);background:rgba(63,233,168,.08);color:var(--muted)}.hidden{display:none!important}.userbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:28px}.list{margin-top:12px;color:var(--muted);font-size:14px}.admin-user{padding:14px 0;border-bottom:1px solid var(--line)}
.panel-wide{grid-column:1/-1}.auth-panel{max-width:560px;margin:50px auto}.auth-tabs{display:flex;gap:8px;margin:22px 0 14px}.tab{border:1px solid var(--line-strong);background:transparent;color:var(--muted);padding:9px 14px;border-radius:8px;cursor:pointer}.tab.active{background:var(--grad);color:#07110d;border-color:transparent;font-weight:700}.auth-form{display:grid;gap:14px}.auth-form label{font-size:14px;color:var(--muted)}.auth-form .btn{justify-self:start;margin-top:4px}.field-note{color:var(--muted-2);font-size:12px}.telegram-option{margin-top:28px;color:var(--muted);font-size:14px}.telegram-option summary{cursor:pointer;color:var(--text)}.api-key{padding:8px 0;border-bottom:1px solid var(--line)}.link-button{border:0;background:transparent;color:var(--green);cursor:pointer;margin-left:10px}.content-item{padding:13px 0;border-bottom:1px solid var(--line)}.content-item textarea{min-height:80px;resize:vertical}
.google-button{margin-bottom:18px}.google-button::before{content:'G';font-weight:800;color:#4285f4}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}.plan-card{border:1px solid var(--line-strong);border-radius:10px;padding:16px}.plan-card h3{font-size:18px}.plan-price{font:600 25px 'Space Grotesk';margin:9px 0}.plan-limits{font-size:13px;color:var(--muted);white-space:pre-line;margin:12px 0}.plan-card button{width:100%}
@media(max-width:720px){.app-grid{grid-template-columns:1fr}.app-shell{padding:28px 18px}}
.chat-page{min-height:100vh}.chat-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);background:#070a0d}.chat-sidebar{border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:18px;min-height:100vh}.chat-sidebar .brand{padding:0 8px}.new-chat{width:100%}.conversation-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;flex:1}.conversation{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;border-radius:9px;padding:11px;background:transparent;color:var(--muted);cursor:pointer}.conversation span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation small{color:var(--muted-2)}.conversation:hover,.conversation.active{background:var(--bg-soft);color:var(--text);border-color:var(--line)}.sidebar-link{color:var(--muted);padding:8px}.sidebar-empty{color:var(--muted-2);font-size:14px;padding:8px}.chat-workspace{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh}.chat-header{padding:18px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.chat-header strong{display:block}.chat-header span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.chat-messages{overflow-y:auto;padding:28px max(5vw,28px);display:flex;flex-direction:column;gap:18px}.chat-empty{margin:auto;max-width:630px;text-align:center;color:var(--muted)}.chat-empty h1{color:var(--text);font-size:42px}.message{max-width:min(800px,88%);padding:15px 18px;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line)}.message.user{align-self:flex-end;background:#102019;border-color:#204632}.message.assistant{align-self:flex-start}.message-role{font-size:12px;color:var(--muted);margin-bottom:7px;font-weight:700}.message-content{line-height:1.55;overflow-wrap:anywhere}.composer{border-top:1px solid var(--line);padding:15px max(5vw,28px) 22px;background:#070a0d}.composer>.field{margin:0 0 10px}.composer-row{display:flex;gap:10px;align-items:flex-end}.composer textarea{margin:0;min-height:72px;resize:vertical}.composer-row .btn{height:48px}.composer-status{min-height:19px;font-size:13px;color:var(--muted);margin-top:6px}
@media(max-width:720px){.chat-shell{grid-template-columns:1fr}.chat-sidebar{min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:12px 14px}.chat-sidebar .brand{display:none}.conversation-list{display:flex;flex-direction:row;overflow-x:auto;flex:none}.conversation{min-width:150px}.sidebar-link{display:none}.chat-workspace{min-height:calc(100vh - 130px)}.chat-header{padding:14px 16px}.chat-messages{padding:20px 14px}.composer{padding:12px 14px}.composer-row{align-items:stretch;flex-direction:column}.composer-row .btn{width:100%}.message{max-width:96%}}
.model-search{max-width:420px;margin:0}.model-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.model-group{border:1px solid var(--line);border-radius:12px;padding:14px}.model-group h3{font-size:18px;margin:0 0 10px}.model-group h3 small{color:var(--muted);font-weight:400}.model-admin-card{border-top:1px solid var(--line);padding:14px 0}.model-admin-card:first-of-type{border-top:0}.model-admin-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.model-admin-card small{display:block;color:var(--muted-2);overflow-wrap:anywhere;margin:4px 0 10px}.model-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model-form label{font-size:12px;color:var(--muted)}.model-form .field{margin-top:4px;padding:8px;font-size:13px}.switch,.cache-check{display:flex;gap:7px;align-items:center;white-space:nowrap}.model-admin-card .btn{margin-top:10px;padding:9px 13px;font-size:13px}.identity b,.identity small{display:block}.identity small{color:var(--muted);margin-top:3px}
@media(max-width:900px){.app-shell{max-width:100%;padding:26px 16px 55px}.model-admin-grid{grid-template-columns:1fr}.panel{padding:19px}.userbar{margin-bottom:18px}.row .field{flex:1;min-width:180px}}
@media(max-width:520px){.app-shell{padding:18px 12px 45px}.userbar{align-items:flex-start}.userbar .brand img{width:38px}.userbar .brand span{font-size:18px}.panel{padding:16px;border-radius:11px}.model-form{grid-template-columns:1fr}.model-admin-head{align-items:flex-start;flex-direction:column}.row{gap:8px}.row button,.row .btn{flex:1;min-width:0;padding:10px 8px;font-size:13px}.field{font-size:16px}.chat-header .btn{padding:8px 10px;font-size:12px}.chat-empty h1{font-size:31px}}
.plan-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.plan-admin-card{border:1px solid var(--line);border-radius:12px;padding:16px}.plan-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.plan-form label{font-size:12px;color:var(--muted)}.plan-form label:last-child{grid-column:1/-1}.plan-form .field{margin-top:4px;padding:8px;font-size:13px}.plan-form textarea{min-height:70px;resize:vertical}.plan-quota{margin-top:14px;font-size:13px;color:var(--muted)}.plan-quota>div{padding:7px 0;border-bottom:1px solid var(--line)}.plan-quota button{float:right;border:0;background:transparent;color:var(--violet);cursor:pointer;font-size:18px}
@media(max-width:760px){.plan-admin-grid{grid-template-columns:1fr}.plan-form{grid-template-columns:1fr}}
.model-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.model-category{min-height:155px;text-align:left;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-soft);color:var(--text);padding:20px;cursor:pointer;display:flex;flex-direction:column;gap:8px}.model-category:hover{border-color:var(--green);background:var(--bg-soft-2)}.model-category strong{font:600 21px 'Space Grotesk'}.model-category span{color:var(--muted);font-size:14px}.model-category em{margin-top:auto;color:var(--green);font-style:normal;font-size:13px}.model-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.model-category-grid{grid-template-columns:1fr 1fr}.model-admin-grid{grid-template-columns:1fr}}
@media(max-width:430px){.model-category-grid{grid-template-columns:1fr}.model-category{min-height:120px}}