*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fa;background:#090b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#090b0f;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.admin-access-shell{background:radial-gradient(circle at 50% 0,#5b6aff1f,#0000 34%),#090b0f;place-items:center;min-height:100vh;padding:24px;display:grid}.admin-access-card{background:#101319f5;border:1px solid #252a34;border-radius:18px;width:min(390px,100%);padding:32px;box-shadow:0 30px 90px #0000006b}.admin-access-brand{border-bottom:1px solid #242832;justify-content:center;align-items:center;gap:11px;padding-bottom:28px;display:flex}.admin-access-brand strong{letter-spacing:.16em;font-size:13px}.admin-access-state{text-align:center;justify-items:center;padding:34px 0 8px;display:grid}.admin-access-state h1{letter-spacing:-.02em;margin:16px 0 8px;font-size:20px}.admin-access-state p{color:#7d8593;margin:0;font-size:12px;line-height:1.6}.admin-access-icon{color:#f48692;background:#2a151a;border:1px solid #66333c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:21px;display:grid}.admin-access-spinner{border:2px solid #292e39;border-top-color:#7480ff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite admin-spin}.admin-access-action{width:100%;margin-top:26px}.admin-access-error{color:#f59aa5;background:#241419;border:1px solid #57303a;border-radius:10px;gap:12px;margin-top:20px;padding:12px;font-size:11px;line-height:1.5;display:grid}.admin-access-error .ghost{width:100%}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-shell{background:radial-gradient(circle at 70% -20%,#436fff1a,#0000 38%),#0a0c10;grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:#0b0d11f0;border-right:1px solid #20232a;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brand-mark{background:linear-gradient(145deg,#7d8fff,#4954df);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid;box-shadow:0 8px 28px #5c6bff47}.brand div,.account div,.system-state div{flex-direction:column;display:flex}.brand strong{letter-spacing:.12em;font-size:14px}.brand small,.account small,.system-state small{color:#777e8c;margin-top:3px;font-size:11px}nav{gap:6px;display:grid}nav button{color:#858b97;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:11px 12px;display:flex}nav button:hover,nav .nav-active{color:#fff;background:#181b22}nav span{text-align:center;color:#9aa4ff;width:22px}.system-state{background:#12151b;border:1px solid #242833;border-radius:10px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.system-state strong{font-size:12px}.status-dot{background:#f0ae4b;border-radius:50%;width:8px;height:8px}.status-online{background:#45d596;box-shadow:0 0 14px #45d596b3}.status-offline{background:#f26372}.workspace{min-width:0}.topbar{border-bottom:1px solid #20232a;justify-content:space-between;align-items:center;gap:24px;min-height:91px;padding:20px 34px;display:flex}.topbar p{color:#747c89;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:700}.topbar h1{letter-spacing:-.02em;margin:0;font-size:22px}.account{text-align:right;align-items:center;gap:14px;display:flex}.account strong{font-size:12px}.content{gap:20px;max-width:1500px;margin:0 auto;padding:28px 34px 50px;display:grid}.primary,.ghost,.danger{border:1px solid #0000;border-radius:8px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700}.primary{color:#fff;background:#6572f3;box-shadow:0 7px 22px #4e5ae638}.primary:hover{background:#7783ff}.primary:disabled{opacity:.55;cursor:wait}.ghost{color:#c8cbd2;background:#15181e;border-color:#2c3039}.ghost:hover{background:#20242c}.danger{color:#f07986;background:#e5536314;border-color:#e5536338}.danger:disabled{opacity:.25;cursor:not-allowed}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid article{background:linear-gradient(150deg,#14171d,#101217);border:1px solid #22262e;border-radius:12px;padding:18px}.metric-grid span{color:#8b929e;font-size:11px;display:block}.metric-grid strong{letter-spacing:-.03em;margin:11px 0 5px;font-size:27px;display:block}.metric-grid small{color:#626a78;font-size:10px}.panel{background:#101217;border:1px solid #22262e;border-radius:13px;overflow:hidden}.panel-head{border-bottom:1px solid #22262e;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;display:flex}.panel h2{margin:0 0 5px;font-size:15px}.panel-head p{color:#747b88;margin:0;font-size:11px}.package-list{display:grid}.package-row{border-bottom:1px solid #1d2027;grid-template-columns:44px minmax(240px,1fr) 120px auto;align-items:center;gap:15px;padding:17px 20px;display:grid}.package-row:last-child{border-bottom:0}.package-icon{color:#aeb5ff;background:#252a5c;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.access-support{color:#6de3bd;background:#163c35}.access-free{color:#c1c6d0;background:#292d35}.package-main{min-width:0}.package-title{align-items:center;gap:7px;display:flex}.package-main h3{margin:0;font-size:13px}.package-main p{color:#777e8a;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:11px;overflow:hidden}.package-main small,.package-price span{color:#5f6673;font-size:10px}.tag{text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.tag.success{color:#55d6a3;background:#2dbf841f}.tag.muted{color:#7b818c;background:#24272e}.tag.neutral{color:#919aff;background:#6873f21f}.package-price{flex-direction:column;align-items:flex-end;display:flex}.package-price strong{font-size:14px}.package-price span{margin-top:4px}.row-actions{gap:7px;display:flex}.loading{color:#787f8c;text-align:center;padding:45px}.access-education{color:#f1c86f;background:#352a16}.access-developer{color:#bda1ff;background:#251b42}.toast{z-index:50;border:1px solid;border-radius:9px;align-items:center;gap:20px;padding:12px 16px;font-size:12px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 45px #0006}.toast-error{color:#ff9ba5;background:#2b151a;border-color:#71303a}.toast-success{color:#7ee2bd;background:#112b23;border-color:#285d4a}.toast button{color:inherit;background:0 0;border:0;font-size:18px}.empty-state{text-align:center;background:#11141a;border:1px solid #252932;border-radius:14px;justify-items:center;max-width:510px;margin:60px auto;padding:55px;display:grid}.empty-state span{font-size:30px}.empty-state h2{margin:16px 0 7px;font-size:18px}.empty-state p{color:#747c89;margin:0 0 20px;font-size:12px}.search{color:#fff;background:#15181e;border:1px solid #2a2e37;border-radius:8px;outline:none;width:250px;height:38px;padding:0 12px;font-size:11px}.search:focus,input:focus,select:focus,textarea:focus{border-color:#6572f3}.avatar{color:#acb3ff;background:#2b3054;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020305c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#12151a;border:1px solid #2a2f39;border-radius:14px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 100px #000000a6}.modal-head{border-bottom:1px solid #252932;justify-content:space-between;padding:21px 22px;display:flex}.modal-head small{color:#737df3;letter-spacing:.13em;font-size:8px;font-weight:900}.modal-head h2{margin:5px 0 0;font-size:17px}.close{color:#797f89;background:0 0;border:0;font-size:24px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;padding:21px 22px;display:grid}.form-grid label{color:#9298a3;gap:7px;font-size:10px;font-weight:700;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{color:#e8eaf0;background:#0d0f13;border:1px solid #2a2e37;border-radius:8px;outline:none;width:100%;font-size:11px}.form-grid input,.form-grid select{height:39px;padding:0 11px}.form-grid textarea{resize:vertical;padding:11px}.form-grid input:disabled{opacity:.5}.switch-row{background:#171a20;border:1px solid #292d35;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;padding:12px;gap:10px!important;display:flex!important}.switch-row input{accent-color:#6673f4;width:16px;height:16px}.switch-row span{flex-direction:column;display:flex}.switch-row strong{color:#d8dbe1;font-size:10px}.switch-row small{color:#6d7480;margin-top:3px;font-size:9px}.modal-actions{background:#0f1116;border-top:1px solid #252932;justify-content:flex-end;gap:8px;padding:15px 22px;display:flex}@media (max-width:900px){.admin-shell{grid-template-columns:72px 1fr}.sidebar{padding:20px 10px}.brand div,nav button:not(.nav-active){font-size:0}.brand{padding-left:8px}.brand-mark{flex:none}.sidebar nav button{justify-content:center}.sidebar nav button span{font-size:15px}.system-state div{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.package-row{grid-template-columns:44px 1fr auto}.package-price{display:none}}@media (max-width:650px){.topbar,.content{padding-left:18px;padding-right:18px}.topbar{flex-direction:column;align-items:flex-start}.account div{display:none}.metric-grid{grid-template-columns:1fr 1fr}.panel-head{flex-direction:column;align-items:flex-start}.search{width:100%}.package-row{grid-template-columns:36px 1fr}.package-icon{width:36px;height:36px}.row-actions{grid-column:2}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1!important}}.community-tabs{background:#101217;border:1px solid #242832;border-radius:10px;gap:6px;width:fit-content;padding:5px;display:flex}.community-tabs button{color:#747c89;background:0 0;border:0;border-radius:7px;height:34px;padding:0 14px;font-size:10px;font-weight:700}.community-tabs button.nav-active{color:#d7dbff;background:#24294e}.community-admin-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:14px;display:grid}.editor-panel{position:sticky;top:92px}.manage-list,.feedback-list{display:grid}.manage-list article{border-top:1px solid #1f2229;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.manage-list article:first-child{border-top:0}.manage-list h3{margin:7px 0 4px;font-size:12px}.manage-list p{color:#6f7784;text-overflow:ellipsis;white-space:nowrap;max-width:580px;margin:0;font-size:10px;overflow:hidden}.feedback-list article{border-top:1px solid #1f2229;grid-template-columns:220px minmax(260px,1fr) 130px;align-items:center;gap:20px;padding:17px 20px;display:grid}.feedback-list article:first-child{border-top:0}.feedback-meta{justify-items:start;gap:4px;display:grid}.feedback-meta strong{margin-top:4px;font-size:11px}.feedback-meta small{color:#68707d;font-size:9px}.feedback-list p{color:#b7bcc5;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.6}.feedback-list select{color:#d3d6dc;background:#16191f;border:1px solid #2b2f38;border-radius:7px;height:34px;padding:0 9px;font-size:10px}@media (max-width:1050px){.community-admin-grid{grid-template-columns:1fr}.editor-panel{position:static}.feedback-list article{grid-template-columns:1fr;gap:10px}}.user-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.user-metrics article{background:#101217;border:1px solid #22262e;border-radius:12px;padding:17px 18px}.user-metrics span,.user-metrics small{color:#727a87;font-size:10px;display:block}.user-metrics strong{margin:9px 0 4px;font-size:23px;display:block}.user-tools form{gap:7px;display:flex}.user-filters{border-bottom:1px solid #1d2027;gap:6px;padding:12px 20px;display:flex;overflow-x:auto}.user-filters button{color:#777f8c;text-transform:capitalize;background:0 0;border:1px solid #282c34;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:750}.user-filters button.is-active{color:#d7dbff;background:#24294e;border-color:#4d58b9}.inline-state{border-bottom:1px solid;padding:10px 20px;font-size:10px}.inline-state.is-error{color:#f58b98;background:#211217;border-color:#562832}.inline-state.is-success{color:#62d7ad;background:#10221c;border-color:#244a3d}.directory-table{display:grid}.directory-head,.directory-table article{grid-template-columns:minmax(260px,1.4fr) 100px minmax(180px,.8fr) minmax(150px,.6fr) 82px;align-items:center;gap:16px;padding:12px 20px;display:grid}.directory-head{color:#626a77;letter-spacing:.08em;text-transform:uppercase;background:#13161b;font-size:8px;font-weight:850}.directory-table article{border-top:1px solid #1d2027;min-height:65px}.directory-person{align-items:center;gap:11px;min-width:0;display:flex}.directory-person>span:last-child,.directory-plan{flex-direction:column;min-width:0;display:flex}.directory-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.directory-person small,.directory-plan small{color:#68707d;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.account-state{text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:850}.account-state.active{color:#5bd9a4;background:#3ebe851c}.account-state.suspended{color:#ee7b88;background:#e756651c}.directory-plan strong{text-transform:uppercase;font-size:10px}.access-tags{flex-wrap:wrap;gap:5px;display:flex}.access-tags i{color:#a8afbc;text-transform:uppercase;background:#222630;border-radius:5px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:800}.access-tags i.admin{color:#aab1ff;background:#6f79ff24}.user-access-modal .modal-head p{color:#68707d;margin:7px 0 0;font-size:9px}.form-grid label>small{color:#606875;font-size:8px;font-weight:500}.access-note{background:#0e1116;border:1px solid #282d36;border-radius:9px;padding:13px 14px}.access-note strong{color:#cdd1d8;font-size:10px}.access-note p{color:#6f7784;margin:5px 0 0;font-size:9px;line-height:1.55}.user-access-modal .modal-actions span{flex:1}@media (max-width:1050px){.user-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-head{display:none}.directory-table article{grid-template-columns:minmax(220px,1fr) 95px minmax(150px,.8fr) 82px}.directory-table article .access-tags{display:none}}@media (max-width:700px){.user-tools form{width:100%}.user-tools form .search{flex:1}.directory-table article{grid-template-columns:1fr auto}.directory-table article .directory-plan{grid-column:1}.directory-table article .account-state{grid-area:1/2}.directory-table article>button{grid-area:2/2}.user-metrics{grid-template-columns:1fr 1fr}}.inbox-shell{background:#101217;border:1px solid #22262e;border-radius:14px;overflow:hidden}.inbox-toolbar,.conversation-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.inbox-toolbar{border-bottom:1px solid #22262e;padding:18px 20px}.inbox-toolbar h2,.conversation-head h3{margin:0;font-size:15px}.inbox-toolbar p,.conversation-head p{color:#727a87;margin:5px 0 0;font-size:10px}.inbox-toolbar-actions{align-items:center;gap:10px;display:flex}.inbox-toolbar-actions>span{color:#6de3bd;font-size:10px;font-weight:750}.mailbox-filters{background:#0d0f13;border-bottom:1px solid #22262e;align-items:center;gap:6px;padding:11px 14px;display:flex}.mailbox-filters button{color:#727a87;background:0 0;border:1px solid #272b33;border-radius:7px;height:31px;padding:0 10px;font-size:9px;font-weight:750}.mailbox-filters button.is-active{color:#d9ddff;background:#252a50;border-color:#4b58bb}.mailbox-filters input{color:#e6e8ed;background:#15181e;border:1px solid #292d35;border-radius:7px;outline:none;width:min(280px,100%);height:32px;margin-left:auto;padding:0 10px;font-size:10px}.inbox-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr);min-height:640px;display:grid}.thread-list{background:#0d0f13;border-right:1px solid #22262e;max-height:700px;overflow-y:auto}.thread-row{color:#d7d9df;text-align:left;background:0 0;border:0;border-bottom:1px solid #1e2128;gap:6px;width:100%;padding:15px 42px 15px 15px;display:grid;position:relative}.thread-row:hover,.thread-row.is-selected{background:#171a21}.thread-row.is-selected{box-shadow:inset 3px 0 #6976f4}.thread-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.thread-subject{color:#8b929d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.thread-row small{color:#5e6673;font-size:8px}.thread-row i{color:#fff;background:#6572f3;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:8px;font-style:normal;font-weight:800;display:grid;position:absolute;top:15px;right:14px}.mailbox-badge{color:#aeb5c0;letter-spacing:.04em;text-transform:uppercase;background:#252936;border-radius:5px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:850}.mailbox-official{color:#aeb5ff;background:#717cff26}.mailbox-support{color:#68dbb0;background:#2dbf8421}.mailbox-jirayut{color:#efc375;background:#f2ae4b21}.inbox-empty,.conversation-placeholder{color:#68707d;text-align:center;justify-items:center;gap:8px;padding:48px 20px;font-size:10px;display:grid}.inbox-empty strong,.conversation-placeholder strong{color:#cdd1d8;font-size:12px}.conversation-panel{background:#11141a;flex-direction:column;min-width:0;display:flex}.conversation-placeholder{margin:auto}.conversation-head{border-bottom:1px solid #22262e;padding:17px 20px}.conversation-head h3{margin-top:10px}.message-stream{flex-direction:column;flex:1;gap:12px;max-height:500px;padding:20px;display:flex;overflow-y:auto}.email-message{background:#171a20;border:1px solid #282c35;border-radius:12px 12px 12px 3px;width:min(680px,86%);padding:14px 16px}.email-message.is-outbound{background:#202445;border-color:#394185;border-radius:12px 12px 3px;align-self:flex-end}.email-message header{justify-content:space-between;gap:15px;display:flex}.email-message header strong{font-size:9px}.email-message header small{color:#68707d;font-size:8px}.email-message p{color:#c6cad2;white-space:pre-wrap;margin:12px 0 0;font-size:11px;line-height:1.65}.attachment-note{color:#a5acb8;background:#222630;border-radius:6px;margin-top:10px;padding:5px 8px;font-size:8px;display:inline-block}.reply-composer{background:#0e1015;border-top:1px solid #22262e;gap:9px;padding:16px 20px;display:grid}.reply-composer label,.reply-composer small{color:#727a87;font-size:9px}.reply-composer label strong{color:#aeb5ff}.reply-composer textarea{resize:vertical;color:#e5e7ec;width:100%;font:inherit;background:#15181e;border:1px solid #2b3039;border-radius:9px;outline:none;padding:12px;font-size:11px;line-height:1.55}.reply-composer>div{justify-content:space-between;align-items:center;gap:15px;display:flex}@media (max-width:900px){.inbox-layout{grid-template-columns:1fr}.thread-list{border-bottom:1px solid #22262e;border-right:0;max-height:300px}.mailbox-filters{flex-wrap:wrap}.mailbox-filters input{width:100%;margin:5px 0 0}.message-stream{max-height:440px}}