:root{--bg:#101114;--side:#17181c;--panel:#1b1c21;--panel2:#202127;--line:#2c2d33;--text:#eeedf1;--muted:#9898a2;--soft:#c5c4cb;--red:#f14c5d;--red2:#ba2435;--pink:#ff8290;--green:#67d59c;--amber:#f5bc69;--sans:'DM Sans','Prompt',system-ui,sans-serif;--thai:'Prompt','DM Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',Consolas,monospace;--shadow:0 22px 72px #0006}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--thai);font-size:14px}body{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.boot{height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;color:#bbb;font:600 13px var(--sans);letter-spacing:.05em}.boot-mark,.brand-mark{display:grid;place-items:center;font:700 21px var(--sans);color:#fff;background:linear-gradient(145deg,#ff6576,#bc1e33);box-shadow:0 8px 30px #ed314b55,inset 0 1px 0 #ffffff6b}.boot-mark{width:44px;height:44px;border-radius:15px}.boot i{height:2px;width:54px;border-radius:5px;background:linear-gradient(90deg,transparent,var(--red),transparent);animation:load 1s ease-in-out infinite}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{min-width:230px;max-width:min(390px,calc(100vw - 30px));padding:12px 15px;background:#25262b;border:1px solid #47484f;border-radius:12px;box-shadow:var(--shadow);color:#fff;animation:toast-in .25s ease both}.toast.error{border-color:#85434c}.toast.success{border-color:#417358}.app-shell{display:flex;min-height:100dvh;background:var(--bg)}.sidebar{width:264px;flex:none;background:var(--side);border-right:1px solid #28292e;display:flex;flex-direction:column;padding:17px 13px 12px;transition:transform .24s,width .24s;z-index:30}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 21px}.brand{display:flex;align-items:center;gap:10px;font:700 15px var(--sans);letter-spacing:-.035em}.brand-mark{width:29px;height:29px;border-radius:10px;font-size:14px}.brand .dot{color:#ff7786}.icon-btn{width:34px;height:34px;border:1px solid transparent;background:transparent;border-radius:10px;color:#9e9ea7;display:grid;place-items:center}.icon-btn:hover{background:#26272d;color:white;border-color:#37383f}.icon-btn svg{width:17px}.sidebar-primary{display:grid;gap:5px}.side-action,.side-link{height:39px;border:1px solid transparent;background:transparent;border-radius:10px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#c1c0c8;font-size:12px;text-align:left;transition:.18s}.side-action:hover,.side-link:hover{background:#222329;color:white}.side-action.create{background:linear-gradient(110deg,#e84a5c,#c92d43);border-color:#e65b69;color:#fff;box-shadow:0 5px 18px #c22d4142;font-weight:600}.side-action.create:hover{filter:brightness(1.08);transform:translateY(-1px)}.side-action svg,.side-link svg{width:16px;height:16px}.side-label{margin:24px 9px 8px;color:#70717b;font:600 9px var(--sans);letter-spacing:.13em}.history-list{overflow:auto;display:flex;flex-direction:column;gap:2px;min-height:20px;max-height:36vh}.history-item{position:relative;display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border-radius:8px;color:#b6b5bd;font-size:11px}.history-item:hover,.history-item.active{background:#26272c;color:#fff}.history-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.history-item .history-delete{opacity:0;width:22px;height:22px;border:0;background:transparent;color:#aaa;border-radius:6px}.history-item:hover .history-delete{opacity:1}.history-empty{padding:8px 10px;color:#777882;font-size:10px;line-height:1.8}.side-divider{height:1px;background:#2a2b30;margin:16px 5px}.side-nav{display:grid;gap:2px}.side-nav .side-link.active{background:#292a30;color:#ff9ca6}.side-spacer{flex:1;min-height:22px}.quota-mini{margin:12px 4px;padding:12px;border:1px solid #303137;border-radius:12px;background:linear-gradient(140deg,#202126,#1a1b20)}.quota-top{display:flex;justify-content:space-between;gap:8px;color:#a8a8b0;font-size:10px}.quota-top b{color:#f0eef1;font:600 10px var(--mono)}.meter{height:5px;border-radius:8px;background:#33343a;overflow:hidden;margin:10px 0 6px}.meter span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#ca3146,#ff7a88);transition:width .4s}.quota-bottom{display:flex;justify-content:space-between;color:#777983;font-size:9px}.profile-box{display:flex;align-items:center;gap:9px;padding:11px 7px 4px;border-top:1px solid #2a2b30;margin-top:7px}.avatar{width:32px;height:32px;flex:none;border:1px solid #e9667660;border-radius:11px;background:linear-gradient(145deg,#4a222a,#2b1a20);display:grid;place-items:center;color:#ffadb5;font:600 11px var(--sans)}.profile-info{min-width:0;flex:1}.profile-info b,.profile-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info b{font-size:10px;color:#e4e2e7;font-weight:600}.profile-info small{margin-top:3px;color:#80818a;font-size:9px}.main{position:relative;flex:1;min-width:0;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{height:57px;flex:none;border-bottom:1px solid #25262b;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#111216d9;backdrop-filter:blur(18px);z-index:5}.top-left,.top-right{display:flex;align-items:center;gap:11px}.mobile-menu{display:none}.crumb{font:500 11px var(--sans);color:#a7a7b0}.crumb b{color:#ecebf0;font-weight:600}.top-chip{display:flex;gap:7px;align-items:center;padding:6px 9px;border:1px solid #292a30;border-radius:8px;color:#9999a3;font-size:9px}.led{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #49ce8b}.led.red{background:var(--red);box-shadow:0 0 9px #eb344e}.model-select{height:34px;max-width:245px;border:1px solid #303137;border-radius:9px;background:#1a1b20;padding:0 30px 0 10px;font-size:10px;color:#e1e0e5;outline:none}.model-select:focus,.field input:focus,.composer:focus-within,.key-search:focus{border-color:#a24551;box-shadow:0 0 0 3px #ee455c17}.page-scroll{overflow:auto;flex:1;min-height:0}.page-wrap{width:min(1120px,100%);margin:0 auto;padding:44px 38px 62px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.kicker{font:600 9px var(--sans);color:#f17b88;letter-spacing:.15em;text-transform:uppercase}.page-title{font:600 clamp(24px,3.5vw,36px)/1.15 var(--thai);letter-spacing:-.045em;margin:9px 0 5px}.page-sub{margin:0;color:#9898a2;font-size:11px;line-height:1.8}.btn{min-height:38px;padding:0 14px;border:1px solid #e55262;border-radius:10px;background:linear-gradient(135deg,#f35b6b,#c8273e);box-shadow:0 6px 20px #d1334840,inset 0 1px 0 #ffffff42;color:white;font-weight:600;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 9px 25px #d133485c}.btn svg{width:15px}.btn.secondary{background:#212228;border-color:#393a42;color:#d2d1d8;box-shadow:none}.btn.secondary:hover{background:#2a2b31;border-color:#55565f}.btn.danger{background:#351c22;border-color:#71333e;color:#ff9da7;box-shadow:none}.btn.small{min-height:31px;padding:0 10px;font-size:9px}.hero-main{position:relative;min-height:calc(100dvh - 57px);padding:0 20px 26px;display:flex;flex-direction:column;overflow:auto;background:radial-gradient(ellipse at 50% 36%,#36191d24 0%,transparent 43%)}.hero-main:before{content:'';pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(#ffffff12 .7px,transparent .7px);background-size:24px 24px;opacity:.18;mask-image:linear-gradient(to bottom,#000,transparent 58%)}.welcome{position:relative;z-index:1;width:min(780px,100%);margin:auto auto 22px;text-align:center;padding-top:42px;animation:welcome-in .6s ease both}.welcome-orbit{width:94px;height:94px;margin:0 auto 19px;position:relative;display:grid;place-items:center;perspective:300px}.welcome-orbit:before,.welcome-orbit:after{content:'';position:absolute;inset:8px;border:1px solid #fa7b873d;border-radius:31px;transform:rotateX(60deg) rotateZ(34deg);animation:spin-slow 17s linear infinite}.welcome-orbit:after{inset:15px;border-color:#f74e664e;transform:rotateX(60deg) rotateZ(-40deg);animation-direction:reverse}.orb-core{position:relative;width:51px;height:51px;display:grid;place-items:center;border-radius:19px;background:radial-gradient(circle at 28% 22%,#ffb2b9,#eb5366 38%,#8b1f35 83%);color:white;box-shadow:0 0 40px #e9314b7d,inset 0 2px 5px #fff7;transform:rotate(-10deg);animation:orb-float 4.2s ease-in-out infinite}.orb-core svg{width:25px;height:25px;stroke-width:1.4}.welcome h1{font:500 clamp(28px,4.2vw,44px)/1.26 var(--thai);letter-spacing:-.055em;margin:0;color:#f0eef1}.welcome h1 span{color:#fa737f;text-shadow:0 0 26px #f14c5d3d}.welcome .intro{max-width:530px;margin:11px auto 20px;color:#9899a3;font-size:12px;line-height:1.9}.welcome-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:25px}.welcome-tags span{border:1px solid #323238;background:#18191e;border-radius:30px;padding:6px 10px;color:#a6a6af;font-size:9px}.welcome-tags span i{font-style:normal;color:#f47a85;margin-right:4px}.composer-wrap{position:relative;z-index:3;width:min(790px,100%);margin:0 auto;flex:none}.composer{min-height:114px;border:1px solid #414148;border-radius:19px;padding:13px 15px 10px;background:linear-gradient(155deg,#23242a,#1b1c21);box-shadow:0 10px 36px #0005,inset 0 1px 0 #ffffff09;transition:border .2s,box-shadow .2s}.composer:focus-within{border-color:#9e4853;box-shadow:0 11px 42px #0005,0 0 0 3px #eb495c15}.composer textarea{width:100%;min-height:44px;max-height:180px;resize:none;outline:none;border:0;background:transparent;color:#efedf0;font-size:12px;line-height:1.75;padding:2px 2px 8px}.composer textarea::placeholder{color:#7f808a}.composer-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #32333a;padding-top:9px}.tool-left,.tool-right{display:flex;align-items:center;gap:6px}.tool-btn{height:30px;min-width:30px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;background:transparent;color:#a7a7b0;font-size:9px}.tool-btn:hover{background:#2a2b31;color:white;border-color:#404149}.tool-btn svg{width:15px}.tool-model{max-width:165px;height:29px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aeadb6;font-size:9px;padding:0 5px;outline:none}.tool-model:hover{background:#28292e}.send-btn{width:33px;height:33px;display:grid;place-items:center;border:1px solid #f27a85;border-radius:10px;background:linear-gradient(150deg,#ff707e,#cb293e);color:#fff;box-shadow:0 4px 16px #d02f4647;transition:.15s}.send-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.send-btn:disabled{opacity:.48;cursor:default;transform:none}.send-btn svg{width:17px}.attach-preview{display:flex;align-items:center;gap:9px;margin:0 0 8px;padding:7px 9px;border:1px solid #42434b;background:#191a1f;border-radius:10px;color:#c6c5cc;font-size:9px}.attach-preview img{width:36px;height:36px;object-fit:cover;border-radius:6px}.attach-preview .file-symbol{width:36px;height:36px;display:grid;place-items:center;background:#352027;border-radius:6px;color:#ff9eaa}.attach-preview button{margin-left:auto;background:transparent;border:0;color:#aaa}.composer-hint{text-align:center;color:#6f707a;font-size:8px;margin:9px 0 0}.suggestions{position:relative;z-index:1;width:min(720px,100%);margin:0 auto 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.suggestion{display:flex;align-items:flex-start;gap:9px;text-align:left;min-height:58px;padding:11px;border:1px solid #2e2f35;border-radius:12px;background:#18191e;color:#d2d1d8;transition:.18s}.suggestion:hover{background:#222329;border-color:#5c363d;transform:translateY(-2px)}.suggestion .s-icon{width:25px;height:25px;flex:none;border-radius:8px;background:#342126;color:#ff9ba5;display:grid;place-items:center}.suggestion .s-icon svg{width:13px}.suggestion b{display:block;font-size:9px;font-weight:600}.suggestion small{display:block;margin-top:3px;color:#84858f;font-size:8px}.home-footer{text-align:center;color:#5e5f68;font-size:8px;margin:6px auto 0;position:relative;z-index:1}.chat-layout{display:flex;flex:1;min-height:0;flex-direction:column}.chat-thread{flex:1;min-height:0;overflow:auto;padding:26px 20px 15px}.thread-inner{max-width:790px;margin:0 auto;display:flex;flex-direction:column;gap:23px;padding-bottom:18px}.message-row{display:flex;align-items:flex-start;gap:11px;animation:message-in .25s ease both}.message-row.user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;flex:none;border:1px solid #41424a;background:#222329;border-radius:9px;display:grid;place-items:center;color:#c8c7ce;font-size:10px}.message-row.assistant .message-avatar{border-color:#87323f;background:linear-gradient(145deg,#e64b5d,#812131);color:white;box-shadow:0 3px 13px #ca344344}.message-content{min-width:0;max-width:min(84%,690px);font-size:12px;line-height:1.85;color:#d8d7de}.message-row.user .message-content{max-width:min(78%,620px);padding:10px 14px;border:1px solid #523038;border-radius:15px 15px 4px 15px;background:linear-gradient(145deg,#43272d,#312126);color:#f3e9eb}.message-row.assistant .message-content{padding-top:1px}.message-content p{margin:0 0 10px}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{padding-left:21px}.message-content li{padding-left:2px;margin:3px 0}.message-content strong{color:#fff;font-weight:600}.message-content code:not(.block-code){font:10px var(--mono);color:#ffb2ba;padding:2px 5px;border-radius:5px;border:1px solid #4d3138;background:#25191d}.code-wrap{margin:12px 0;border:1px solid #3a3b42;border-radius:11px;background:#101115;overflow:hidden}.code-head{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#191a1f;border-bottom:1px solid #303137;color:#92939d;font:9px var(--mono)}.copy-code{border:1px solid #3a3b42;background:#222329;color:#bfbec5;border-radius:6px;padding:4px 8px;font-size:8px}.copy-code:hover{color:#fff;border-color:#9c505a}.block-code{display:block;overflow:auto;max-width:100%;padding:12px 13px;color:#e3dfe3;font:10px/1.75 var(--mono);white-space:pre}.message-actions{display:flex;gap:5px;margin-top:9px;opacity:.8}.message-actions button{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:6px;padding:4px 6px;color:#83848d;font-size:8px}.message-actions button:hover{border-color:#3b3c42;color:#d5d4db;background:#1c1d22}.message-actions svg{width:12px;height:12px}.thinking-box{display:flex;align-items:center;gap:9px;min-height:27px;color:#f48c97;font-size:10px}.thinking-dots{display:flex;gap:3px}.thinking-dots i{width:5px;height:5px;background:#fa7180;border-radius:50%;animation:think 1.1s infinite}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}.thinking-line{color:#868791;margin-left:3px}.chat-composer-area{flex:none;border-top:1px solid #25262b;padding:14px 20px 16px;background:#121317}.chat-composer-area .composer-wrap{width:min(790px,100%)}.chat-composer-area .composer{min-height:89px;border-radius:15px;padding:10px 12px 8px}.chat-composer-area .composer textarea{min-height:32px}.chat-composer-area .composer-hint{margin-top:6px}.attached-message{display:flex;align-items:center;gap:8px;margin:4px 0 6px;color:#bcbac2;font-size:9px}.attached-message img{max-width:220px;max-height:180px;border-radius:9px;border:1px solid #514047}.chat-empty-state{margin:auto;text-align:center;color:#a5a4ae;max-width:580px}.chat-empty-state .orb-core{margin:0 auto 13px}.chat-empty-state h2{margin:0 0 6px;color:#eee;font-size:21px;font-weight:500}.chat-empty-state p{font-size:10px;color:#8b8c95;line-height:1.9}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);background:#111216}.auth-art{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:31px 38px;background:radial-gradient(ellipse at 52% 53%,#482027 0%,#23171b 39%,#131316 79%)}.auth-art:before{content:'';position:absolute;inset:0;opacity:.25;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(120deg,#000,transparent)}.auth-copy{z-index:1;margin:auto 0;max-width:500px}.auth-copy h2{font:500 clamp(40px,6vw,74px)/1.07 var(--thai);letter-spacing:-.07em;margin:17px 0 15px}.auth-copy h2 em{font-style:normal;color:#ff7885;text-shadow:0 0 30px #fa495933}.auth-copy p{max-width:390px;color:#b0a5a8;line-height:1.9;font-size:12px}.auth-art-glow{position:absolute;right:-12%;bottom:4%;width:48vw;height:48vw;max-width:540px;max-height:540px;border:1px solid #fa73812a;border-radius:50%;box-shadow:inset 0 0 110px #dc405c0c,0 0 90px #e93d4e15;transform:rotate(-24deg)}.auth-art-glow:before,.auth-art-glow:after{content:'';position:absolute;inset:9%;border:1px solid #fa73811d;border-radius:50%;transform:rotate(53deg) scaleY(.4)}.auth-art-glow:after{inset:18%;transform:rotate(-31deg) scaleY(.6)}.auth-foot{z-index:1;color:#77717a;font-size:9px}.auth-panel{display:grid;place-items:center;padding:30px 26px;background:linear-gradient(90deg,#111216,#141519)}.auth-card{width:min(390px,100%)}.auth-brand-mobile{display:none;margin-bottom:35px}.auth-card h1{font:600 26px var(--thai);letter-spacing:-.04em;margin:0}.auth-card>p{font-size:10px;color:#91919b;line-height:1.8;margin:8px 0 22px}.discord-btn{height:42px;width:100%;border:1px solid #42434b;border-radius:10px;background:#202127;color:#e2e1e7;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:500;transition:.15s}.discord-btn:hover{background:#2a2b32;border-color:#676871}.discord-mark{width:18px;height:18px;color:#aeb0ff}.divider{display:flex;align-items:center;gap:10px;color:#73747e;font-size:9px;margin:19px 0}.divider:before,.divider:after{content:'';height:1px;background:#313239;flex:1}.field{display:grid;gap:6px;margin-bottom:13px}.field label{font-size:9px;color:#c4c3ca}.field input,.field select{height:41px;width:100%;padding:0 12px;border:1px solid #3a3b43;border-radius:9px;background:#191a1f;outline:none;color:#ecebf0;font-size:10px}.field input::placeholder{color:#70717b}.field-hint{min-height:14px;color:#81828a;font-size:8px}.strength{height:4px;border-radius:4px;background:#35363c;overflow:hidden;margin:5px 0 4px}.strength span{display:block;height:100%;width:0;transition:width .2s,background .2s}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;color:#7f808a;font-size:8px}.check-list .good{color:#75d7a4}.auth-error{min-height:16px;color:#ff9ea7;font-size:9px;margin:4px 0}.auth-submit{height:42px;width:100%;margin-top:4px}.auth-switch{text-align:center;margin:17px 0;color:#9b9ba4;font-size:9px}.auth-switch a{color:#ff8994;font-weight:600}.auth-legal{color:#696a73;font-size:8px;line-height:1.8;text-align:center;margin-top:18px}.panel{border:1px solid #303137;border-radius:14px;background:linear-gradient(150deg,#1c1d22,#18191e);box-shadow:0 6px 30px #0002}.panel-pad{padding:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h3{font-size:11px;margin:0;font-weight:600}.panel-title p{margin:4px 0 0;color:#8d8e98;font-size:9px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:18px 0}.stat-card{padding:15px;border:1px solid #303137;border-radius:12px;background:linear-gradient(145deg,#1e1f24,#191a1f)}.stat-label{display:flex;align-items:center;gap:7px;color:#95959f;font-size:9px}.stat-icon{width:25px;height:25px;border-radius:8px;background:#372127;color:#ff97a0;display:grid;place-items:center}.stat-icon svg{width:13px}.stat-value{display:block;margin-top:13px;font:600 23px var(--sans);letter-spacing:-.04em}.stat-foot{margin-top:4px;color:#777882;font-size:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.key-search{width:min(260px,100%);height:34px;padding:0 10px;background:#17181c;border:1px solid #34353b;border-radius:8px;outline:none;font-size:9px}.table-scroll{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:9px}.data-table th{padding:10px 11px;color:#858690;border-bottom:1px solid #34353b;font:600 8px var(--sans);letter-spacing:.05em;white-space:nowrap}.data-table td{padding:11px;border-bottom:1px solid #2b2c32;color:#cccbd2;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table td small{display:block;color:#82838d;font-size:8px;margin-top:3px}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #315d47;background:#1c2b24;color:#88dfae;border-radius:20px;font-size:8px;white-space:nowrap}.status-pill.off{border-color:#60353c;background:#2a1c20;color:#ff9ba4}.status-pill.neutral{border-color:#464750;background:#26272c;color:#b8b7c0}.admin-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;align-items:start}.admin-menu{position:sticky;top:18px;padding:10px;border:1px solid #303137;border-radius:13px;background:#191a1f}.admin-menu-title{padding:9px;color:#7c7d87;font:600 8px var(--sans);letter-spacing:.13em}.admin-tab{width:100%;height:35px;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:#a9a9b1;text-align:left;padding:0 9px;font-size:9px}.admin-tab svg{width:14px}.admin-tab:hover{background:#24252b;color:white}.admin-tab.active{background:linear-gradient(100deg,#41232a,#2e2025);color:#ff98a1}.admin-pane{min-width:0}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-toolbar h2{margin:0;font:600 20px var(--thai);letter-spacing:-.035em}.admin-toolbar p{margin:4px 0 0;color:#898a94;font-size:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.api-secret-box{margin-top:14px;padding:13px;border:1px solid #86434d;background:#2a1b20;border-radius:10px;color:#ffd5d9}.api-secret-box code{display:block;overflow-wrap:anywhere;color:#ffb0b8;font:10px var(--mono);margin:8px 0}.secure-note{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:#93939d;font-size:9px;line-height:1.8}.secure-note svg{width:15px;flex:none;color:#f27f8a}.key-row{display:flex;align-items:center;gap:9px}.key-glyph{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#292329;color:#f88c97}.key-glyph svg{width:13px}.token-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.token-number{font:600 34px var(--sans);letter-spacing:-.055em}.token-number small{font:400 10px var(--thai);color:#93939d;letter-spacing:0}.token-stat{padding:17px;border:1px solid #34353b;background:#191a1f;border-radius:12px}.token-stat .meter{height:8px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.avatar-large{width:58px;height:58px;border-radius:18px;font-size:19px}.profile-hero{display:flex;align-items:center;gap:13px;padding:17px}.profile-hero h3{margin:0 0 4px;font-size:13px}.profile-hero p{margin:0;color:#92939c;font-size:9px}.external-card{position:relative;overflow:hidden;padding:24px;border:1px solid #54303a;border-radius:16px;background:radial-gradient(ellipse at top right,#a62c3d3a,transparent 46%),linear-gradient(140deg,#28191e,#1a1b20)}.external-card:after{content:'✦';position:absolute;right:24px;top:14px;font-size:90px;color:#f2637822;transform:rotate(20deg)}.external-card h2{position:relative;z-index:1;margin:0 0 7px;font-size:18px}.external-card p{position:relative;z-index:1;max-width:560px;color:#a5a4ac;font-size:10px;line-height:1.9}.external-card .btn{position:relative;z-index:1;margin-top:11px}.docs-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px}.docs-nav{padding:12px}.docs-nav a{display:block;padding:8px 9px;border-radius:7px;color:#a4a4ac;font-size:9px}.docs-nav a:hover{background:#292a30;color:white}.docs-content{display:grid;gap:12px}.docs-content h2{font-size:14px;margin:0 0 8px}.docs-content p{font-size:9px;color:#9a9aa4;line-height:1.85}.endpoint{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #34353c;border-radius:9px;background:#17181c;font:9px var(--mono);overflow:auto}.method{padding:4px 6px;border-radius:5px;background:#203429;color:#92dfb1;font-size:8px}.docs-code{position:relative;margin:9px 0;padding:13px;border:1px solid #3a3b43;border-radius:9px;background:#111216;overflow:auto;color:#f2bbc1;font:9px/1.8 var(--mono);white-space:pre}.docs-code button{position:absolute;right:8px;top:7px}.blank-state{padding:35px 12px;text-align:center;color:#858690;font-size:9px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#0009;display:grid;place-items:center;padding:16px;animation:fade .16s}.modal{width:min(440px,100%);padding:21px;border:1px solid #414249;border-radius:16px;background:#1b1c21;box-shadow:var(--shadow)}.modal h2{margin:0 0 5px;font-size:16px}.modal p{margin:0 0 16px;color:#92939d;font-size:9px;line-height:1.7}.mobile-overlay{display:none}.drawer-open{overflow:hidden}
@keyframes load{0%,100%{opacity:.35;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-slow{to{transform:rotateX(60deg) rotateZ(394deg)}}@keyframes orb-float{50%{transform:translateY(-4px) rotate(-4deg)}}@keyframes think{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes message-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.sidebar{width:235px}.page-wrap{padding:34px 25px 52px}.admin-layout{grid-template-columns:180px minmax(0,1fr);gap:15px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(290px,84vw);transform:translateX(-105%);box-shadow:20px 0 65px #0009}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;z-index:25;background:#0008;backdrop-filter:blur(2px)}.topbar{height:52px;padding:0 12px}.mobile-menu{display:grid}.crumb{font-size:10px}.top-chip{display:none}.model-select{height:30px;max-width:165px;font-size:9px}.page-wrap{padding:29px 15px 42px}.hero-main{min-height:calc(100dvh - 52px);padding:0 13px 17px}.welcome{padding-top:24px;margin-bottom:17px}.welcome-orbit{width:76px;height:76px;margin-bottom:14px}.orb-core{width:44px;height:44px;border-radius:16px}.welcome h1{font-size:29px}.welcome .intro{font-size:10px;margin:8px auto 14px}.welcome-tags{gap:5px;margin-bottom:16px}.welcome-tags span{font-size:8px;padding:5px 8px}.suggestions{grid-template-columns:1fr 1fr;gap:6px}.suggestion{min-height:51px;padding:8px}.suggestion:last-child{display:none}.suggestion b{font-size:8px}.suggestion small{font-size:7px}.composer{min-height:105px;border-radius:15px;padding:10px}.composer textarea{font-size:11px}.tool-btn{height:27px;min-width:27px;padding:0 6px}.tool-model{max-width:135px;font-size:8px}.send-btn{width:31px;height:31px}.composer-hint{font-size:7px}.chat-thread{padding:17px 12px 10px}.thread-inner{gap:19px}.message-row{gap:8px}.message-avatar{width:25px;height:25px}.message-content{font-size:11px;max-width:calc(100% - 44px)}.message-row.user .message-content{max-width:82%;padding:9px 11px}.chat-composer-area{padding:9px 10px 12px}.chat-composer-area .composer{min-height:83px}.chat-composer-area .tool-btn span.hide-mobile{display:none}.auth-screen{display:block}.auth-art{display:none}.auth-panel{min-height:100dvh;display:block;padding:23px 20px;background:radial-gradient(ellipse at top,#3b1b21,#131417 49%)}.auth-card{max-width:410px;margin:0 auto;padding-top:24px}.auth-brand-mobile{display:flex;margin-bottom:42px}.auth-card h1{font-size:24px}.auth-card>p{font-size:9px;margin-bottom:18px}.form-grid,.account-grid{grid-template-columns:1fr}.admin-layout{display:block}.admin-menu{position:static;display:flex;overflow:auto;gap:3px;margin-bottom:15px;padding:7px}.admin-menu-title{display:none}.admin-tab{width:max-content;flex:none;white-space:nowrap;padding:0 10px;font-size:8px}.admin-tab svg{width:12px}.admin-toolbar{align-items:flex-start;flex-direction:column}.admin-toolbar h2{font-size:18px}.admin-toolbar .btn{align-self:flex-start}.stat-grid{gap:7px}.stat-card{padding:11px}.stat-value{font-size:19px}.stat-label{font-size:8px}.stat-icon{width:22px;height:22px}.table-scroll{margin:0 -4px;width:calc(100% + 8px)}.data-table{min-width:640px}.token-panel{align-items:flex-start;flex-direction:column}.docs-grid{grid-template-columns:1fr}.docs-nav{display:flex;overflow:auto;gap:4px}.docs-nav a{white-space:nowrap}.page-header{align-items:flex-start;flex-direction:column}.page-header .btn{margin-top:2px}.external-card{padding:19px}.external-card h2{font-size:16px}.profile-hero{padding:14px}.quota-mini{margin:9px 4px}.top-right{gap:5px}}
@media(max-width:390px){.topbar{padding:0 8px}.model-select{max-width:126px;padding-left:7px}.welcome h1{font-size:26px}.welcome-tags span:nth-child(3){display:none}.tool-model{max-width:115px}.tool-btn{font-size:8px}.suggestion{gap:6px}.suggestion .s-icon{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.mono{font:9px var(--mono);color:#d8bbc0}
.top-auth{display:flex;align-items:center;gap:9px;font-size:9px;color:#b9b8c1}.top-auth a:first-child:hover{color:#fff}.top-auth .btn{min-height:29px;padding:0 10px}
@media(max-width:760px){.top-auth{gap:7px;font-size:8px}.top-auth .btn{min-height:27px;padding:0 8px}.top-right{gap:8px}}

.auth-forgot{display:flex;justify-content:flex-end;margin:-5px 0 11px;font-size:9px}.auth-forgot a{color:#ff8994}.auth-forgot a:hover{text-decoration:underline}.auth-resend{width:100%;margin-top:10px}.provider-diagnostic{margin:12px 0;padding:11px 13px;border:1px solid #713942;border-radius:10px;background:#291b20;color:#ffb3bb;font-size:10px;line-height:1.8}.provider-diagnostic.good{border-color:#315d47;background:#1c2b24;color:#a0e2b9}.provider-diagnostic.bad:before{content:'ตรวจสอบ: ';font-weight:700}

.cli-page{min-height:100dvh;background:radial-gradient(ellipse at 50% 0%,#57192233,transparent 43%),#0c0c0f;color:#f4f2f3;font-family:var(--thai);padding:0 24px}.cli-nav{height:68px;width:min(1160px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2c2226}.cli-nav nav{display:flex;align-items:center;gap:22px;color:#aaa7ae;font-size:11px}.cli-nav nav a:hover{color:#fff}.cli-main{width:min(950px,100%);margin:auto;padding:48px 0 38px}.cli-hero{text-align:center;max-width:650px;margin:0 auto 36px}.cli-orbit{width:58px;height:58px;border:1px solid #a63446;border-radius:19px;display:grid;place-items:center;margin:0 auto 17px;background:linear-gradient(145deg,#fc6376,#8e1f34);box-shadow:0 0 38px #ef435d44, inset 0 1px #fff7;transform:rotate(-8deg)}.cli-orbit svg{width:25px;height:25px;color:#fff}.cli-hero h1{font:500 clamp(30px,5vw,48px)/1.16 var(--thai);letter-spacing:-.06em;margin:11px 0}.cli-hero h1 span{color:#ff7887}.cli-hero p{color:#a09da5;font-size:12px;line-height:1.9}.cli-hero code,.cli-steps code{font:10px var(--mono);color:#ff9aa4;border:1px solid #523039;border-radius:6px;background:#24171c;padding:4px 7px}.cli-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cli-connect-card{position:relative;overflow:hidden;padding:22px;border:1px solid #363137;border-radius:17px;background:linear-gradient(145deg,#201d22,#151519);box-shadow:0 18px 55px #0004}.cli-connect-card:after{content:'';position:absolute;width:190px;height:190px;right:-100px;top:-110px;border:1px solid #f353681e;border-radius:50%;box-shadow:0 0 0 18px #f3536808,0 0 0 38px #f3536805;pointer-events:none}.cli-card-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#392027;color:#ff9ca6;margin-bottom:17px}.cli-card-icon svg{width:17px}.cli-connect-card h2{font-size:17px;margin:8px 0}.cli-connect-card>p{min-height:65px;color:#9c99a1;font-size:10px;line-height:1.85}.cli-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.cli-token-card label{display:block;color:#c7c4cc;font-size:10px;margin:14px 0 7px}.cli-token-field{height:44px;display:flex;border:1px solid #4a4149;border-radius:11px;background:#101014;overflow:hidden;transition:.18s}.cli-token-field:focus-within{border-color:#c5495d;box-shadow:0 0 0 3px #f14c5d17}.cli-token-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 12px;color:#f3edf0;font:11px var(--mono)}.cli-token-field input::placeholder{color:#67636b}.cli-token-field button{width:42px;border:0;border-left:1px solid #353038;background:#1b191e;color:#a9a3ac}.cli-token-submit{width:100%;margin-top:10px}.cli-token-result{min-height:0;margin-top:10px;color:#ff9ca6;font-size:10px;line-height:1.75}.cli-token-result.good{padding:9px 11px;border:1px solid #315d47;border-radius:9px;background:#1c2b24;color:#a1e3bb}.cli-token-result.bad{padding:9px 11px;border:1px solid #713942;border-radius:9px;background:#291b20;color:#ffb3bb}.cli-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.cli-steps>div{display:grid;gap:7px;padding:14px;border:1px solid #312c32;border-radius:12px;background:#171619}.cli-steps span{color:#e75a6c;font:600 9px var(--mono)}.cli-steps b{font-size:10px}.cli-steps code{width:max-content;max-width:100%;font-size:8px;overflow:auto}.cli-note{text-align:center;margin:20px 0;color:#77737c;font-size:9px;line-height:1.8}.cli-footer{width:min(1160px,100%);margin:auto;border-top:1px solid #292328;padding:17px 0 24px;color:#716d75;text-align:center;font-size:9px}.cli-code-display{margin:18px 0;padding:16px;border:1px solid #6b3540;border-radius:13px;background:linear-gradient(120deg,#301a20,#1b171c);color:#ffadb5;font:700 28px var(--mono);letter-spacing:.2em;text-align:center;box-shadow:inset 0 1px #fff1,0 10px 35px #0004}.cli-card-actions .btn{min-width:125px}
@media(max-width:680px){.cli-page{padding:0 14px}.cli-nav{height:58px}.cli-nav nav{gap:10px;font-size:9px}.cli-main{padding:35px 0 25px}.cli-connect-grid{grid-template-columns:1fr}.cli-connect-card>p{min-height:0}.cli-steps{grid-template-columns:1fr}.cli-hero h1{font-size:32px}.cli-code-display{font-size:23px}.cli-nav .brand{font-size:12px}}

.status-page{min-height:100dvh;padding:0 24px;color:#f4f2f3;background:radial-gradient(ellipse at 50% 0%,#5b192432,transparent 42%),#0c0c0f}.status-main{width:min(1120px,100%);margin:auto;padding:48px 0 64px}.status-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.status-heading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.055em;margin:8px 0}.status-heading p,.status-models-head p{color:#99959e;font-size:11px;line-height:1.8;margin:0}.status-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-tile{min-height:115px;padding:18px;border:1px solid #343036;border-radius:16px;background:linear-gradient(145deg,#211d22,#151519);box-shadow:0 15px 40px #0004}.status-tile>span,.status-tile small{display:block;color:#98949e;font-size:10px}.status-tile>b{display:flex;align-items:center;gap:9px;margin:13px 0 6px;font-size:16px}.status-tile .led{width:8px;height:8px}.status-skeleton{height:115px;border:1px solid #29252b;border-radius:16px;background:linear-gradient(100deg,#161519 20%,#252027 42%,#161519 65%);background-size:200% 100%;animation:status-shimmer 1.4s linear infinite}@keyframes status-shimmer{to{background-position:-200% 0}}.status-models{margin-top:34px}.status-models-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px}.status-models-head h2{margin:7px 0;font-size:22px;letter-spacing:-.035em}.status-model-list{display:grid;gap:8px}.status-model-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #302b32;border-radius:13px;background:linear-gradient(110deg,#1b191e,#141418);transition:.18s}.status-model-card:hover{transform:translateY(-1px);border-color:#6b3540;box-shadow:0 8px 25px #0003}.status-model-index{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #58323a;border-radius:11px;background:#2b1c21;color:#ff8997;font:600 10px var(--mono)}.status-model-copy{min-width:0;flex:1}.status-model-copy b,.status-model-copy code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-model-copy b{font-size:12px}.status-model-copy code{margin-top:5px;color:#8f8993;font:9px var(--mono)}.status-model-copy p{margin:6px 0 0;color:#8f8993;font-size:9px}.status-model-state{display:flex;align-items:center;gap:7px;flex:none;color:#aaa;font-size:9px}.status-model-state i{width:7px;height:7px;border-radius:50%;background:#8d858d}.status-model-state.is-online{color:#9ee3b5}.status-model-state.is-online i{background:#59d995;box-shadow:0 0 10px #59d995aa}.status-model-state.is-error{color:#ff929d}.status-model-state.is-error i{background:#f14c5d;box-shadow:0 0 10px #f14c5daa}.status-model-state.is-listed{color:#c7a878}.status-model-state.is-listed i{background:#d1a952}.status-empty,.status-error{padding:32px;text-align:center;border:1px dashed #493b43;border-radius:16px;background:#171519;color:#a9a3ad}.status-empty>span{width:42px;height:42px;margin:0 auto 12px;display:grid;place-items:center;border-radius:14px;background:#2c1c22;color:#ff8997}.status-empty b,.status-error b{display:block;color:#f0edf1}.status-empty p,.status-error p{font-size:10px;line-height:1.8}.status-footer-note{margin-top:18px;text-align:center;color:#77737d;font-size:9px}.status-footer-note a{color:#ff9aa4}.plans-wrap{max-width:1100px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{position:relative;overflow:hidden;padding:22px;border:1px solid #373139;border-radius:18px;background:linear-gradient(150deg,#211e23,#151519);box-shadow:0 18px 55px #0003}.plan-card:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#ef596e,transparent);opacity:.55}.plan-card.plan-featured{border-color:#75404a;background:radial-gradient(ellipse at 90% 0%,#9d30401c,transparent 60%),linear-gradient(150deg,#282027,#171519);box-shadow:0 18px 50px #c1263b1a}.plan-card-top{display:flex;align-items:center;justify-content:space-between}.plan-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid #5d323a;border-radius:12px;background:#301d23;color:#ff9ca6;font-weight:700}.plan-price{color:#ffadb5;font-size:10px}.plan-card h2{margin:16px 0 6px;font-size:21px}.plan-card>p{min-height:34px;color:#99959e;font-size:10px;line-height:1.8}.plan-quota{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:13px 0;border-top:1px solid #342e35;border-bottom:1px solid #342e35}.plan-quota div{display:grid;gap:5px}.plan-quota b{font:600 17px var(--mono);color:#f4eff1}.plan-quota span{font-size:9px;color:#908b95}.plan-perks{display:grid;gap:9px;margin:17px 0 21px}.plan-perks span{display:flex;align-items:center;gap:7px;color:#c5c0c8;font-size:9px}.plan-perks svg{width:13px;height:13px;color:#ff8794}.plan-card>.btn{width:100%}.plans-disclaimer{margin:17px 0 0;text-align:center;color:#85818b;font-size:9px;line-height:1.8}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-plan-card .panel-title{align-items:center}.admin-plan-card h3{margin:0;font-size:13px}.admin-plan-card .check-inline{margin:0;font-size:9px}
@media(max-width:760px){.status-page{padding:0 14px}.status-main{padding:34px 0 44px}.status-heading{align-items:flex-start;flex-direction:column}.status-heading>.btn{align-self:flex-start}.status-overview{grid-template-columns:1fr}.status-tile{min-height:94px}.status-model-card{align-items:flex-start;gap:10px;padding:12px}.status-model-state{max-width:110px;text-align:right;font-size:8px}.status-models-head{align-items:flex-start;flex-direction:column}.plans-grid,.admin-plan-grid{grid-template-columns:1fr}.plan-card>p{min-height:0}.plans-wrap{padding:28px 16px 44px}}

.cli-install-card{margin:0 0 14px;padding:17px;border:1px solid #61333c;border-radius:16px;background:radial-gradient(ellipse at 100% 0%,#862d3a24,transparent 52%),linear-gradient(145deg,#211b20,#151519);box-shadow:0 16px 45px #0004,inset 0 1px #ffffff0a}.cli-install-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}.cli-install-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #80414b;border-radius:10px;background:#351e24;color:#ff9ca6;font:600 10px var(--mono)}.cli-install-head b,.cli-install-head small{display:block}.cli-install-head b{font-size:12px}.cli-install-head small{margin-top:3px;color:#97919b;font-size:9px}.cli-install-command{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #3d343c;border-radius:11px;background:#101014}.cli-install-command code{min-width:0;flex:1;overflow:auto;padding:6px 8px;color:#ffb0b8;font:10px var(--mono);white-space:nowrap}.cli-install-command .btn{flex:none;display:flex;align-items:center;gap:6px}.cli-install-command .btn svg{width:13px;height:13px}.cli-install-foot{margin-top:10px;color:#8b858f;font-size:9px;line-height:1.7}.cli-install-alternative{display:flex;align-items:center;justify-content:center;gap:10px;margin:-20px 0 23px;color:#8e8991;font-size:9px}.cli-install-alternative .btn{display:flex;align-items:center;gap:6px}.cli-install-alternative .btn svg{width:13px;height:13px}
@media(max-width:680px){.cli-install-card{padding:13px}.cli-install-command{align-items:stretch;flex-direction:column}.cli-install-command .btn{justify-content:center;min-height:36px}.cli-install-alternative{align-items:flex-start;flex-direction:column;margin:-12px 0 20px;padding-left:3px}.cli-install-command code{font-size:9px}}