:root{color-scheme:dark;--bg:#080b11;--panel:#0e141d;--line:rgba(184,205,231,.11);--text:#f1f5f9;--muted:#8794a4;--blue:#8ccff6;--green:#82c9a5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 55% 34% at 75% 0,rgba(30,92,141,.16),transparent 75%),var(--bg);color:var(--text);font:13px/1.5 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}a{text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:22px 15px;background:rgba(9,13,19,.82);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;font:800 13px Manrope,sans-serif;letter-spacing:.14em}.mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(128,194,246,.36);border-radius:9px;color:#bde7ff;background:linear-gradient(145deg,rgba(71,144,202,.19),rgba(14,26,41,.55));font-size:17px}.workspace{padding:12px 10px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:9px}.server-icon{width:25px;height:25px;border-radius:7px;background:linear-gradient(145deg,#23475b,#12222f);display:grid;place-items:center;color:#b5def6;font-size:10px}.workspace small,.workspace strong{display:block}.workspace small{font-size:8px;color:#758394}.workspace strong{font-size:10px;font-weight:600}.nav-label{padding:9px 10px 5px;color:#5f6d7d;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.nav-link{height:37px;padding:0 10px;display:flex;align-items:center;gap:10px;border-radius:7px;color:#8c99a9;font-size:10px;margin:2px 0;transition:background .18s,color .18s}.nav-link:hover,.nav-link.active{color:#d8ebf7;background:rgba(88,158,202,.11)}.nav-link.active{box-shadow:inset 2px 0 #79c7ec}.nav-icon{width:15px;text-align:center;color:#83b9d7;font-size:12px}.sidebar-bottom{margin-top:auto}.profile{padding:12px 8px 2px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:50%;border:1px solid rgba(130,194,233,.28);background:linear-gradient(145deg,#31536a,#172430);display:grid;place-items:center;color:#d6efff;font-size:10px}.profile strong,.profile small{display:block}.profile strong{font-size:10px}.profile small{font-size:8px;color:#788697}.main{min-width:0;padding:30px clamp(20px,4vw,52px) 40px;max-width:1440px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.breadcrumb{font-size:9px;color:#748293}.top-actions{display:flex;align-items:center;gap:9px}.icon-button,.top-button{height:34px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.025);padding:0 11px;color:#aab6c3;font-size:9px}.page-title{font:700 clamp(24px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 5px}.page-subtitle{font-size:11px;color:#8794a4;margin:0}.preview-banner{margin:20px 0 22px;padding:11px 14px;border:1px solid rgba(132,186,219,.16);border-radius:8px;background:rgba(50,95,124,.09);color:#a0b4c5;font-size:9px}.preview-banner strong{color:#c8e6f8}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:17px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,rgba(18,26,37,.95),rgba(11,15,22,.96));position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-28px;top:-35px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,rgba(74,155,204,.12),transparent 68%)}.metric-label{font-size:9px;color:#8593a3}.metric-value{font:700 27px Manrope,sans-serif;letter-spacing:-.05em;margin-top:8px}.metric-meta{font-size:8px;color:#7dc8a5;margin-top:2px}.columns{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-top:14px}.panel{border:1px solid var(--line);border-radius:10px;background:rgba(14,20,29,.85);overflow:hidden}.panel-head{padding:15px 17px;border-bottom:1px solid rgba(184,205,231,.07);display:flex;align-items:center;justify-content:space-between}.panel-head h2{font:600 11px Manrope,sans-serif;margin:0}.panel-head a{font-size:8px;color:#8ec8e8}.product-list{padding:3px 15px}.product-row{min-height:55px;display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;border-bottom:1px solid rgba(184,205,231,.055)}.product-row:last-child{border:0}.product-symbol{width:27px;height:27px;border:1px solid rgba(135,190,223,.15);border-radius:7px;background:rgba(86,148,184,.07);display:grid;place-items:center;color:#a5d6f2;font:600 9px Manrope,sans-serif}.product-info strong,.product-info small{display:block}.product-info strong{font-size:9px;font-weight:600}.product-info small{font-size:8px;color:#758394}.status{padding:3px 7px;border:1px solid rgba(107,190,145,.19);border-radius:99px;background:rgba(65,143,99,.08);color:#8bd2ac;font-size:7px}.row-arrow{font-size:12px;color:#627385}.support-item{padding:15px 17px}.ticket-top{display:flex;justify-content:space-between;align-items:center}.ticket-top strong{font-size:9px;font-weight:600}.ticket-state{font-size:7px;color:#d9bc80;padding:3px 7px;border:1px solid rgba(204,167,99,.2);border-radius:99px}.ticket-desc{font-size:8px;color:#8190a0;margin:7px 0 11px}.ticket-meta{display:flex;justify-content:space-between;color:#667586;font-size:7px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.quick-card{padding:13px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.015);color:#a3afbc;font-size:8px}.quick-card span{display:block;color:#84bfe2;font-size:13px;margin-bottom:6px}.oauth-button{border-color:rgba(136,197,232,.22);background:rgba(68,132,173,.09);color:#b9e3fa}.mobile-menu{display:none}#toast:not([hidden]){position:fixed;right:22px;bottom:22px;z-index:20;max-width:370px;box-shadow:0 18px 42px #0008}.preview-banner[hidden]{display:none}.license-section{margin-top:15px}.license-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.license-heading .nav-label{padding:0}.license-heading h2{font:600 14px Manrope,sans-serif;margin:3px 0 0}.license-count{font-size:8px;color:#738294}.license-card{padding:16px;border:1px solid rgba(184,205,231,.12);border-radius:9px;background:linear-gradient(145deg,rgba(18,26,37,.95),rgba(11,15,22,.96))}.license-top,.license-product,.license-code-wrap,.license-dates{display:flex;align-items:center}.license-top{justify-content:space-between}.license-product{gap:9px}.license-product small,.license-code-wrap small,.license-dates small{display:block;color:#748394;font-size:7px;letter-spacing:.08em}.license-product strong,.license-code-wrap strong,.license-dates strong{display:block;color:#dce6ef;font-size:9px;font-weight:600;margin-top:3px}.license-code-wrap{gap:34px;margin:15px 0;padding:12px 0;border-top:1px solid rgba(184,205,231,.07);border-bottom:1px solid rgba(184,205,231,.07)}.license-code-wrap code{display:block;margin-top:3px;color:#a9ddf7;font:600 10px Manrope,sans-serif;letter-spacing:.08em}.license-dates{gap:34px}.license-dates .manage-license{margin-left:auto;cursor:pointer}.nav{transition:background .24s,border-color .24s,box-shadow .24s}.nav-wrap.is-scrolled .nav{background:rgba(12,17,25,.95);border-color:rgba(184,205,231,.2);box-shadow:0 12px 32px rgba(0,0,0,.25)}body{animation:page-enter .3s ease both}@keyframes page-enter{from{opacity:0}to{opacity:1}}.js .reveal-up,.js .reveal-fade{opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.js .reveal-up{transform:translateY(13px)}.js .reveal-fade{transform:translateY(4px)}.js .reveal-up.is-visible,.js .reveal-fade.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.app{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:19px 11px}.main{padding:25px 20px 35px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}}.license-code-wrap{gap:16px;flex-wrap:wrap}.license-dates{gap:15px;flex-wrap:wrap}@media(max-width:620px){.app{display:block}.sidebar{position:fixed;z-index:12;left:-250px;width:232px;transition:left .2s;box-shadow:20px 0 50px #0007}.sidebar.open{left:0}.main{padding:21px 16px 30px}.topbar{margin-bottom:24px}.mobile-menu{display:block}.top-actions .top-button{font-size:8px;padding:0 8px}.metrics{gap:8px}.metric{padding:13px}.metric-value{font-size:23px}.quick-grid{grid-template-columns:1fr 1fr}.product-row{grid-template-columns:28px 1fr auto auto;gap:7px}}
@media(max-width:390px){.main{padding:17px 12px 26px}.topbar{gap:7px}.breadcrumb{font-size:8px;white-space:nowrap}.top-actions .top-button:first-child{display:none}.top-actions .top-button{font-size:8px;padding:0 7px}.metric{padding:11px}.metric-label{font-size:8px}.metric-value{font-size:21px}.license-card{padding:12px}.license-code-wrap{gap:14px}.license-dates{gap:12px}.license-dates .manage-license{padding:0 8px;font-size:8px}.product-row{grid-template-columns:25px minmax(0,1fr) auto 8px;gap:6px}.product-info strong{font-size:8px}.product-info small{font-size:7px}.ticket-top{align-items:flex-start;gap:6px}.ticket-top strong{font-size:8px}.quick-grid{grid-template-columns:1fr 1fr}}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:8px 12px;border:1px solid rgba(130,194,233,.4);border-radius:6px;background:#10202b;color:#e5f5ff;font-size:11px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.kanefa-logo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.mark,.server-icon,.product-symbol{overflow:hidden;padding:0}
.sidebar-bottom .profile{min-height:70px;padding:14px 10px 6px;gap:12px}.sidebar-bottom .avatar{width:42px;height:42px;flex:0 0 42px;font-size:14px}.avatar-image{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.profile>span:last-child{min-width:0}.profile strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile small{font-size:9px}.avatar.has-discord-avatar{overflow:hidden;padding:0}
.discord-profile-card{display:flex;align-items:center;gap:17px;min-height:106px;margin-bottom:14px;padding:17px 20px}.discord-profile-avatar{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;overflow:hidden;border:1px solid rgba(132,194,228,.32);border-radius:50%;background:linear-gradient(145deg,#31536a,#172430);color:#d6efff;font:700 22px Manrope,sans-serif;box-shadow:0 0 24px rgba(73,155,198,.14)}.discord-profile-copy{min-width:0;flex:1}.discord-profile-copy h2{margin:3px 0 0;color:#edf5fb;font:700 18px/1.3 Manrope,sans-serif;overflow-wrap:anywhere}.discord-profile-copy>p{margin:2px 0 0;color:#8da0af;font-size:11px}.discord-profile-id{display:flex;align-items:center;gap:8px;margin-top:6px;color:#728495;font-size:9px}.discord-profile-id code{color:#a9d7ee;font-size:9px;overflow-wrap:anywhere}.discord-connected-badge{flex:0 0 auto}@media(max-width:620px){.discord-profile-card{gap:12px;padding:14px}.discord-profile-avatar{flex-basis:56px;width:56px;height:56px;font-size:19px}.discord-profile-copy h2{font-size:15px}.discord-profile-copy>p{font-size:10px}.discord-profile-id{flex-wrap:wrap;font-size:8px}.discord-connected-badge{font-size:6px;padding:3px 5px}}


.kanefa-logo{object-fit:contain!important}.logo-mark{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding:0!important}

/* Slightly larger dashboard cards and typography */
.main{padding-top:34px;padding-bottom:48px}
.page-title{font-size:clamp(27px,3.25vw,38px)}
.page-subtitle{font-size:12px}
.metrics{gap:14px}
.metric{min-height:118px;padding:19px 20px}
.metric-label{font-size:10px}
.metric-value{font-size:30px}
.metric-meta{font-size:9px}
.columns{gap:15px;margin-top:16px}
.panel{border-radius:11px}
.panel-head{padding:17px 19px}
.panel-head h2{font-size:12px}
.panel-head a{font-size:9px}
.product-list{padding-right:17px;padding-left:17px}
.product-row{min-height:61px;grid-template-columns:32px 1fr auto auto;gap:11px}
.product-symbol{width:29px;height:29px;font-size:10px}
.product-info strong{font-size:10px}
.product-info small{font-size:9px}
.status{font-size:8px;padding:4px 8px}
.support-item{padding:17px 19px}
.ticket-top strong{font-size:10px}
.ticket-state,.ticket-desc,.ticket-meta{font-size:8px}
.license-section{margin-top:18px}
.license-heading h2{font-size:15px}
.license-product strong,.license-code-wrap strong,.license-dates strong{font-size:10px}
.license-code-wrap code{font-size:11px}
.quick-grid{gap:12px;margin-top:17px}
.quick-card{padding:15px;font-size:9px}
@media(max-width:620px){.metric{min-height:108px;padding:15px}.metric-value{font-size:27px}.product-row{min-height:58px}.quick-card{padding:13px}}
@media(max-width:390px){.metric{min-height:102px;padding:12px}.metric-label{font-size:9px}.metric-value{font-size:24px}.product-info strong{font-size:9px}.product-info small{font-size:8px}}
.dashboard-view[hidden]{display:none!important}.dashboard-view.active{display:block}.dashboard-view.page-enter{animation:dashboard-view-in .32s cubic-bezier(.2,.7,.2,1) both}@keyframes dashboard-view-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 23px}.page-heading .page-title{margin:0}.page-heading .page-subtitle{margin-top:7px}.eyebrow,.card-eyebrow{display:block;color:#718ba0;font-size:8px;font-weight:700;letter-spacing:.15em}.page-heading .eyebrow{margin-bottom:7px}.dashboard-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-card{position:relative;min-width:0;padding:18px;border:1px solid rgba(184,205,231,.12);border-radius:11px;background:linear-gradient(145deg,rgba(18,26,37,.96),rgba(10,15,22,.97));box-shadow:0 13px 34px rgba(0,0,0,.12);animation:dashboard-card-in .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--card-index,0)*55ms);transition:transform .22s,border-color .22s,box-shadow .22s;overflow:hidden}.dashboard-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 100% 0,rgba(78,172,216,.1),transparent 58%);transition:opacity .22s}.dashboard-card:hover{transform:translateY(-4px);border-color:rgba(110,195,235,.27);box-shadow:0 19px 42px rgba(0,0,0,.22)}.dashboard-card:hover:before{opacity:1}@keyframes dashboard-card-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.dashboard-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.dashboard-card .product-symbol,.server-symbol{width:35px;height:35px;border:1px solid rgba(135,190,223,.15);border-radius:9px;background:rgba(86,148,184,.08);display:grid;place-items:center;color:#a5d6f2;font:600 12px Manrope,sans-serif}.dashboard-card .card-eyebrow{margin:13px 0 5px}.dashboard-card h2{position:relative;margin:0;color:#eaf2f8;font:600 14px/1.35 Manrope,sans-serif}.dashboard-card>p{position:relative;min-height:32px;margin:7px 0 14px;color:#8998a7;font-size:10px;line-height:1.6}.dashboard-card .card-data{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(184,205,231,.065);color:#7f8e9d;font-size:9px}.dashboard-card .card-data strong,.dashboard-card .card-data code{color:#c5d5e1;font-size:9px;font-weight:500;text-align:right}.dashboard-card .card-data code{color:#a9ddf7;overflow-wrap:anywhere}.dashboard-card-actions{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.card-link,.card-link-button{border:0;background:none;color:#91cbe9;font-size:9px;text-decoration:none}.card-link:hover,.card-link-button:hover{color:#d0f0ff}.attached-server{display:block;margin-top:11px;color:#728496;font-size:8px}.dashboard-card-grid .license-dashboard-card{min-height:193px}.license-caption{display:block;margin:15px 0 6px;color:#778b9d;font-size:7px;letter-spacing:.14em}.key-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid rgba(167,202,225,.09);border-radius:7px;background:rgba(0,0,0,.13)}.key-line code{color:#a9ddf7;font:600 10px Manrope;letter-spacing:.05em;overflow-wrap:anywhere}.copy-key{flex:0 0 auto;padding:5px 8px;border:1px solid rgba(137,191,220,.18);border-radius:6px;background:rgba(74,136,167,.08);color:#a8d9f3;font-size:8px}.license-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.license-info-grid small{display:block;color:#78899a;font-size:7px;letter-spacing:.1em}.license-info-grid strong{display:block;margin-top:4px;color:#c6d4df;font-size:9px;font-weight:500}.server-dashboard-card .server-symbol,.download-card .server-symbol,.ticket-dashboard-card .server-symbol{font-size:16px}.server-products{position:relative;margin-top:13px;padding-top:11px;border-top:1px solid rgba(184,205,231,.07)}.server-products small{display:block;color:#748697;font-size:7px;letter-spacing:.12em}.server-products span{display:inline-block;margin:8px 6px 0 0;padding:5px 8px;border:1px solid rgba(128,181,212,.12);border-radius:99px;color:#a8c7da;background:rgba(73,137,172,.06);font-size:8px}.download-status,.ticket-status{padding:4px 8px;border:1px solid rgba(198,166,108,.2);border-radius:99px;color:#d9bc80;background:rgba(157,124,59,.06);font-size:8px}.download-button{width:100%;margin-top:13px;padding:9px;border:1px solid rgba(131,169,195,.13);border-radius:7px;background:rgba(255,255,255,.025);color:#708193;font-size:9px}.download-button:disabled{cursor:not-allowed}.empty-dashboard-card{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.empty-dashboard-card h2{margin-top:12px}.empty-dashboard-card p{min-height:auto}.support-create{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid rgba(122,198,234,.25);border-radius:7px;background:rgba(61,139,179,.12);color:#b9e6fa;font-size:9px;font-weight:600;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.support-create:hover{transform:translateY(-1px);border-color:rgba(122,198,234,.43);background:rgba(61,139,179,.2)}.support-create.secondary{background:transparent;color:#94a4b3}.ticket-dashboard-card{width:100%;text-align:left;color:inherit;cursor:pointer}.ticket-dashboard-card h2{font-size:13px}.ticket-dashboard-card>p{min-height:48px}.ticket-status.answered{border-color:rgba(92,174,219,.22);color:#95cbed;background:rgba(64,130,167,.07)}.ticket-status.resolved{border-color:rgba(138,157,174,.2);color:#9caab7;background:rgba(255,255,255,.025)}.ticket-open-link{position:relative;display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(184,205,231,.07);color:#8dc8e8;font-size:9px}.conversation-card{max-width:850px;padding:19px}.conversation-message{position:relative;max-width:88%;margin-bottom:12px;padding:12px;border:1px solid rgba(184,205,231,.1);border-radius:8px;background:rgba(255,255,255,.025)}.conversation-message>div{display:flex;align-items:center;gap:10px}.conversation-message strong{color:#d9e5ee;font-size:9px}.conversation-message small{color:#718292;font-size:8px}.conversation-message p{margin:8px 0 0;color:#aebdca;font-size:10px;line-height:1.65;white-space:pre-wrap}.staff-message{margin-left:auto;border-color:rgba(91,170,209,.2);background:rgba(52,118,153,.09)}.conversation-reply{display:grid;gap:9px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(184,205,231,.08)}.conversation-reply label,.support-dialog label{color:#a8b6c3;font-size:9px}.conversation-reply textarea,.support-dialog input,.support-dialog textarea{width:100%;margin-top:6px;padding:10px;border:1px solid rgba(184,205,231,.14);border-radius:7px;outline:0;background:rgba(4,8,13,.5);color:#edf4fa;font:10px 'DM Sans',sans-serif;resize:vertical}.conversation-reply textarea:focus,.support-dialog input:focus,.support-dialog textarea:focus{border-color:rgba(102,194,237,.48)}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-large-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(105,190,229,.25);border-radius:50%;background:linear-gradient(145deg,#31536a,#172430);color:#d6efff;font:600 15px Manrope}.profile-dashboard-card .signout-preview{margin-top:15px}.preference-card{align-self:start;min-height:185px}.security-line{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:13px;border-top:1px solid rgba(184,205,231,.07);color:#8da0af;font-size:9px}.security-dot{width:7px;height:7px;border-radius:50%;background:#76c9a0;box-shadow:0 0 12px rgba(118,201,160,.35)}.support-dialog{width:min(92vw,480px);padding:0;border:1px solid rgba(184,205,231,.17);border-radius:11px;background:#0e151e;color:#f1f5f9;box-shadow:0 20px 80px #000a}.support-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.support-dialog form{display:grid;gap:14px;padding:20px}.support-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.support-dialog-heading h2{margin:0;font:600 15px Manrope}.support-dialog label{display:block}.support-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dashboard-view[hidden]{display:none!important}.dashboard-view.active{display:block}@media(max-width:700px){.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-card-grid,.settings-layout{grid-template-columns:1fr}.dashboard-card{padding:16px}.dashboard-card-grid .license-dashboard-card{min-height:0}.support-dashboard-grid{gap:10px}.conversation-card{padding:14px}.conversation-message{max-width:94%}}@media(prefers-reduced-motion:reduce){.dashboard-view.page-enter,.dashboard-card{animation:none!important;transition:none!important}.dashboard-card:hover{transform:none}}

/* Customer dashboard live data states and controls; reuse the existing card tokens. */
.status-active{border-color:rgba(107,190,145,.19);color:#8bd2ac;background:rgba(65,143,99,.08)}
.status-expired{border-color:rgba(176,112,112,.22);color:#e0a7a7;background:rgba(134,66,66,.08)}
.status-pending{border-color:rgba(204,167,99,.2);color:#d9bc80;background:rgba(157,124,59,.06)}
.card-muted{color:#778899;font-size:8px}.small-action{min-height:29px;padding:0 10px;font-size:8px}
.state-card{min-height:120px;display:flex;align-items:center;gap:12px}.state-card p{margin:0;color:#9cacba;font-size:10px}
.state-indicator{width:13px;height:13px;flex:none;border:2px solid rgba(121,198,232,.22);border-top-color:#85c9e9;border-radius:50%;animation:dashboard-load-spin .8s linear infinite}@keyframes dashboard-load-spin{to{transform:rotate(360deg)}}
.server-avatar{overflow:hidden;font:600 10px Manrope,sans-serif}.server-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.license-detail,.release-versions{position:relative;margin-top:13px;padding-top:10px;border-top:1px solid rgba(184,205,231,.07);color:#8a9aa8;font-size:8px}.license-detail summary,.release-versions summary{color:#9bcfea;cursor:pointer}.license-detail p{margin:8px 0 0;line-height:1.55}
.release-changelog{position:relative;margin:9px 0 0!important;padding:9px;border:1px solid rgba(184,205,231,.07);border-radius:7px;background:rgba(255,255,255,.02);color:#8e9eac;font-size:8px!important;line-height:1.55!important;white-space:pre-line}
.download-button:not(:disabled){color:#b9e6fa;border-color:rgba(122,198,234,.25);background:rgba(61,139,179,.12);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.download-button:not(:disabled):hover{transform:translateY(-1px);border-color:rgba(122,198,234,.43);background:rgba(61,139,179,.2)}
.download-status.available{border-color:rgba(107,190,145,.19);color:#8bd2ac;background:rgba(65,143,99,.08)}
.old-release{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(184,205,231,.06)}.old-release strong,.old-release small{display:block}.old-release strong{color:#c5d5e1;font-size:9px}.old-release small{margin-top:3px;color:#778899;font-size:7px}.old-release .download-button{width:auto;margin:0;padding:6px 9px}
.settings-layout .settings-card{align-self:start}.settings-card>p{min-height:0}.settings-form{position:relative;display:grid;gap:11px;margin-top:14px}.settings-form>label:not(.preference-toggle){display:grid;gap:5px;color:#9baab7;font-size:8px}.settings-form input:not([type=checkbox]){width:100%;min-height:34px;padding:8px 10px;border:1px solid rgba(184,205,231,.12);border-radius:7px;background:rgba(3,7,12,.32);color:#dce7ef;font:9px 'DM Sans',sans-serif}.settings-form input[readonly]{color:#78899a}.preference-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(184,205,231,.06)}.preference-toggle strong,.preference-toggle small{display:block}.preference-toggle strong{color:#bdcbd6;font-size:9px;font-weight:500}.preference-toggle small{margin-top:3px;color:#778899;font-size:8px}.preference-toggle input{width:15px;height:15px;accent-color:#75bfe3;flex:none}.ticket-dashboard-card{display:block}.ticket-dashboard-card .card-link-button{position:relative;margin-top:6px;padding:0;cursor:pointer}.support-create:disabled,.download-button:disabled{opacity:.58;cursor:wait}
@media(max-width:700px){.old-release{align-items:flex-start}.settings-layout{grid-template-columns:1fr}}

/* Focused customer view: bot, linked Discord server and remaining license time. */
.bot-license-card{max-width:560px}
.bot-days{position:relative;display:grid;gap:4px;margin:15px 0;padding:13px;border:1px solid rgba(107,190,145,.14);border-radius:8px;background:rgba(65,143,99,.045)}
.bot-days strong{color:#a9dec0;font:600 20px Manrope,sans-serif;letter-spacing:-.03em}
.bot-days span{color:#8798a7;font-size:9px}
.bot-days.is-expired{border-color:rgba(176,112,112,.18);background:rgba(134,66,66,.045)}
.bot-days.is-expired strong{color:#e0a7a7}
.top-actions [hidden]{display:none!important}
@media(max-width:620px){.topbar{align-items:flex-start}.top-actions{gap:6px}.top-actions .top-button{white-space:nowrap}.bot-license-card{max-width:none}}
.license-activation-card{display:grid;gap:10px;max-width:850px;margin-bottom:16px}
.license-activation-card h2{margin:5px 0 0;font:600 14px/1.35 Manrope,sans-serif}
.license-activation-card p{min-height:0;margin:5px 0 0}
.license-entry-label{color:#9baab7;font-size:9px}
.license-entry-row{display:flex;gap:8px}
.license-entry-row input{flex:1;min-width:0;height:36px;padding:0 11px;border:1px solid rgba(184,205,231,.14);border-radius:7px;outline:0;background:rgba(3,7,12,.32);color:#dce7ef;font:10px 'DM Sans',sans-serif;letter-spacing:.04em}
.license-entry-row input:focus{border-color:rgba(102,194,237,.48)}
.license-entry-row .support-create{flex:none}
@media(max-width:520px){.license-entry-row{align-items:stretch;flex-direction:column}.license-entry-row .support-create{width:100%}}
.status-offline{border-color:rgba(151,166,182,.2);color:#aeb9c4;background:rgba(92,105,119,.07)}
.status-critical{border-color:rgba(230,135,130,.24);color:#e8a6a1;background:rgba(144,62,58,.08)}
.bot-license-card{max-width:none}
.license-section>.dashboard-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.license-section .license-dashboard-card{max-width:none}
.license-section .dashboard-card-grid:has(.empty-dashboard-card){grid-template-columns:1fr}
.metrics{margin-bottom:15px}
@media(max-width:620px){.license-section>.dashboard-card-grid{grid-template-columns:1fr}}