@font-face { font-family:Tajawal; src:url('/fonts/Tajawal-Regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:Tajawal; src:url('/fonts/Tajawal-Bold.ttf') format('truetype'); font-style:normal; font-weight:700; font-display:swap; }
body.admin-shell,body.auth-shell { font-family:Tajawal,"Segoe UI",Tahoma,sans-serif; }

/* FLIX workspace system: executive administration and reseller operations. */
:root { --focus:#dd3654; }
.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.workspace-pending .admin-layout { visibility:hidden; }
.workspace-topbar { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 30px;color:#727b8d;font-size:.85rem; }
.crumb-divider { padding:0 12px;color:#a9afbb; }
.role-label { display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600; }
.role-label .ui-icon { width:16px;height:16px; }
button[aria-busy=true] { opacity:.6;cursor:wait; }
/* Administration: calm, light workspace with a dedicated permanent navigation. */
.platform-shell { color-scheme:light;--deep:#182236;--ink:#182236;--white:#fff;--paper:#f5f6fa;--line:#e5e8ef;--muted:#5e6a7e;background:#f5f6fa;color:#182236; }
.platform-shell .admin-layout { grid-template-columns:248px minmax(0,1fr); }
.platform-shell .sidebar { background:#131722;color:#e9ecf5;border:0;padding:32px 22px; }
.platform-shell .main-content { max-width:1680px;padding:32px clamp(24px,3vw,54px); }
.platform-shell .brand-block { border-bottom:1px solid #ffffff12;padding-bottom:28px; }
.sidebar-identity { display:flex;align-items:center;gap:12px;margin:24px 0 4px;padding:12px 8px; }
.sidebar-identity>.ui-icon { width:38px;height:38px;padding:9px;border-radius:12px;background:#292631;color:#f4859b; }
.sidebar-identity strong,.sidebar-identity small { display:block; }
.sidebar-identity strong { font-size:.87rem; }.sidebar-identity small { color:#9fa7ba;font-size:.73rem;margin-top:4px; }
.platform-shell .sidebar-caption { color:#919ab0;margin:24px 12px 12px;font-size:.72rem; }
.platform-shell .side-nav { gap:8px; }
.platform-shell .nav-item,.platform-shell .portal-link { color:#b9c0d0;min-height:48px;font-size:.87rem; }
.platform-shell .nav-item[aria-pressed=true] { background:#34232e;border-color:#573043;color:#fff;box-shadow:inset -3px 0 #f0627e; }
.platform-shell .sidebar-bottom { border-color:#ffffff12; }
.sidebar-note { color:#8e98ac;font-size:.74rem;line-height:1.9;padding:0 10px 16px; }
.platform-shell .logout-button { color:#b9c0d0;background:transparent;border:1px solid #313849; }
.platform-shell .page-header { background:none;min-height:0;border:0;border-radius:0;padding:0;margin-bottom:30px;align-items:center; }
.platform-shell .page-header h1 { color:#172135;font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:700;margin:6px 0 9px; }
.platform-shell .page-lead { color:#687489;line-height:1.8;font-size:.91rem; }
.platform-shell .eyebrow,.platform-shell .section-index,.platform-shell .panel-kicker { color:#b22b4b;font-size:.73rem;letter-spacing:0; }
.platform-shell .panel { background:#fff;border:1px solid #e4e7ee;box-shadow:0 4px 18px #14213d04;border-radius:15px; }
.platform-shell .overview { margin:0 0 24px;gap:18px; }
.platform-shell .platform-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.platform-shell .metric { background:#fff;border:1px solid #e4e7ee;box-shadow:0 3px 12px #14213d03;border-radius:14px;padding:22px;min-height:162px; }
.platform-shell .metric>span { color:#5b687d;font-size:.83rem; }.platform-shell .metric strong { color:#172135;font-size:2.35rem;letter-spacing:0;line-height:1.4; }
.platform-shell .metric small { color:#728097;font-size:.75rem; }
.platform-shell .metric>.ui-icon { background:#f3f4f8;border:0;color:#647188; }
.platform-shell .metric-attention>.ui-icon { color:#ba7b12;background:#fff5dc; }
.platform-shell .metric-attention strong { color:#ad740c; }
.admin-insights { display:grid;grid-template-columns:1.45fr 1fr;gap:24px; }
.network-panel,.permissions-panel,.activity-panel { padding:26px; }
.platform-shell .panel h2 { font-size:1.12rem;color:#172135;margin:6px 0 0;line-height:1.6; }
.platform-shell .panel-heading { justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px; }
.network-row { padding:14px 0; }.network-label { display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.85rem; }.network-label strong { color:#788398;font-size:.78rem;font-weight:500; }
meter { display:block;width:100%;height:9px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#f0f1f6; }
meter::-webkit-meter-bar { background:#f0f1f6;border:0;height:9px;border-radius:10px; }meter::-webkit-meter-optimum-value { background:linear-gradient(90deg,#cc3455,#ef849b);border-radius:10px; }meter::-moz-meter-bar { background:#ce3a5a; }
.access-row { display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #eceef3;color:#677389;font-size:.86rem; }.access-row strong { color:#24324b;font-size:1.15rem; }.permissions-panel .field-help { margin-top:18px; }
.platform-shell button { background:#fff;border:1px solid #dce1eb;color:#39475e;box-shadow:0 1px 2px #17213505; }
.platform-shell button:hover:not(:disabled) { background:#f4f6fa;border-color:#b6c0d1; }
.platform-shell button.primary { background:#ca284b;border-color:#ca284b;color:white;box-shadow:0 4px 10px #c8284b14; }
.platform-shell button.primary:hover:not(:disabled) { background:#b61e3e;border-color:#b61e3e; }
.platform-shell button.subtle { background:transparent;border-color:transparent;box-shadow:none;color:#9d2945; }
.platform-shell button.danger { color:#b82846;background:#fff0f3;border-color:#f2c6d0; }
.platform-shell label { color:#3b475d; }.platform-shell input,.platform-shell textarea,.platform-shell select { color:#253147;background:#fff;border:1px solid #d8deea;box-shadow:none; }
.platform-shell input:focus,.platform-shell textarea:focus,.platform-shell select:focus { border-color:#c74160;box-shadow:0 0 0 3px #c7416015; }
.platform-shell input::placeholder,.platform-shell textarea::placeholder { color:#8793a5; }
.platform-shell .input-wrap>.ui-icon { color:#8a95a7; }
.platform-shell .field-help { color:#6a778d; }.platform-shell .notice:not(:empty) { background:#fff5f7;border-color:#edcbd4;color:#9d2341;margin-bottom:18px; }
.platform-shell .list-empty { color:#718097;background:#fafbfe;border:1px dashed #dce2ed; }
.platform-shell .server-card { background:#fff;border-color:#e0e5ee;color:#182236; }.platform-shell .server-card h3,.platform-shell .server-card code { color:#253147; }.platform-shell .server-card .muted { color:#6d7990; }
.platform-shell .server-card li,.platform-shell .server-card ol { border-color:#e4e9f1;color:#6d7990; }
.platform-shell .server-card button:last-child:not(.danger) { color:#34445e; }
.platform-shell .device { color:#48566d;background:#fafbfe;border-color:#e2e7f0; }.platform-shell .device[aria-pressed=true] { background:#fff1f5;color:#a22a46;border-color:#e1b1c0; }
.platform-shell .count-pill { color:#aa3552;background:#fff0f4;border-color:#eed6df; }.platform-shell .panel-icon { background:#fff0f4;color:#bb3455;border-color:#efd3dd; }
.platform-shell .detail-heading,.platform-shell .panel-divider,.platform-shell .license-panel { border-color:#e3e7ef; }.platform-shell .empty-symbol { color:#a6405a;background:#fff2f6;border-color:#ead8df; }
.platform-shell .license-status { color:#08764e; }.platform-shell .license-status[data-state=inactive] { color:#b02745; }
.platform-shell footer { border-color:#e1e6ef;color:#8691a3; }
.directory-toolbar { display:flex;align-items:center;gap:14px;margin-bottom:20px; }.directory-toolbar select { max-width:180px; }
.search-control { position:relative;flex:1;max-width:440px; }.search-control>.ui-icon { position:absolute;inset-inline-start:14px;top:15px;color:#8995a9; }.search-control input { padding-inline-start:44px; }
.directory-table { overflow:hidden; }.table-scroll { overflow:auto; }table { border-collapse:collapse;width:100%;text-align:start; }th { text-align:start;background:#fafbfe;color:#7d889c;font-size:.75rem;font-weight:600;padding:17px 20px;white-space:nowrap;border-bottom:1px solid #e6eaf2; }td { padding:18px 20px;border-bottom:1px solid #edf0f5;font-size:.85rem;color:#596780;white-space:nowrap; }tr:last-child td { border-bottom:0; }tbody tr:hover { background:#fcfcfe; }
.table-person { display:flex;align-items:center;gap:12px; }.table-person strong { color:#253147;font-size:.88rem;display:block; }.table-person small { display:block;color:#8a95a8;font-size:.74rem;margin-top:5px;text-align:start; }
.avatar { width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#f5eaf0;color:#a34965;font-size:1rem;flex-shrink:0; }
.state-badge { display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:30px;font-size:.73rem;font-weight:600; }.state-badge::before { content:'';width:5px;height:5px;border-radius:50%;background:currentColor; }.state-active { color:#188054;background:#edf8f2; }.state-paused { color:#946414;background:#fff5df; }
.platform-shell button.table-action { min-height:36px;padding:7px 12px;font-size:.76rem; }
.activity-row { display:flex;justify-content:space-between;gap:24px;padding:21px 0;border-bottom:1px solid #edf0f5; }.activity-row:last-child { border:0; }.activity-row strong { font-size:.87rem; }.activity-row p { color:#77859b;font-size:.78rem;margin:6px 0 0; }.activity-row time { color:#77859b;font-size:.75rem;white-space:nowrap; }
/* Editors open on demand and keep keyboard focus inside the form. */
.editor-dialog { position:fixed;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:30px;border:1px solid #34394b;border-radius:18px;background:#161923;color:#eceef5;box-shadow:0 30px 100px #0006;overflow:auto; }
.editor-dialog::backdrop { background:#0b112377;backdrop-filter:blur(5px); }
.editor-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px; }.editor-heading h2 { font-size:1.35rem;margin:5px 0 0; }.editor-heading button { width:40px;min-height:40px;padding:8px; }
.editor-close { position:absolute;top:18px;inset-inline-end:18px; }.server-editor .panel-heading { padding-inline-end:40px; }
.platform-shell .editor-dialog { background:#fff;color:#253147;border-color:#e6e9f1; }.platform-shell label:has(input[type=checkbox]) { background:#fafbfe;border-color:#e0e5ef; }
/* Resellers use a horizontal workspace, with the operational catalog at its center. */
.reseller-shell { background:#0b0d13;color:#eaedf7;--white:#131720;--line:#292e3d;--muted:#99a4bb; }
.reseller-shell .admin-layout { display:block; }
.reseller-shell .sidebar { position:relative;top:auto;height:auto;display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:18px max(24px,calc((100vw - 1380px)/2));background:#11141d;border-bottom:1px solid #262b39;border-inline-end:0; }
.reseller-shell .brand-block { padding:0;border:0; }.reseller-shell .brand-block>div { display:none; }.reseller-shell .side-nav { display:flex;justify-content:center;gap:8px;grid-column:2;grid-row:1; }
.reseller-shell .nav-item { width:auto;white-space:nowrap;font-size:.84rem;padding:10px 18px;min-height:44px; }.reseller-shell .nav-item[aria-pressed=true] { background:#27202d;border-color:#583044;box-shadow:none;color:#ffb0c0; }.reseller-shell .nav-item[aria-pressed=true]::after { display:none; }
.reseller-shell #accountName { grid-column:3;grid-row:1;max-width:160px;overflow-wrap:anywhere;margin:0;font-size:.8rem;color:#c0c8da; }
.reseller-shell .sidebar-bottom { grid-column:4;grid-row:1;display:flex;padding:0;margin:0;border:0; }.reseller-shell .sidebar-bottom>small,.reseller-shell .sidebar-bottom>.portal-link { display:none; }
.reseller-shell .logout-button { white-space:nowrap;background:transparent;border-color:#303646;font-size:.78rem; }
.reseller-shell .main-content { max-width:1380px;padding:34px 28px 24px; }.reseller-shell .workspace-topbar { color:#78849b;padding-bottom:24px; }.reseller-shell .role-label { color:#b5bfd3; }
.reseller-shell .page-header { background:none;border:0;border-radius:0;min-height:0;padding:0 0 18px;margin:0; }.reseller-shell .page-header h1 { font-size:2rem; }.reseller-shell[data-view=home] .page-header { display:none; }
.seller-intro { display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 0 28px; }.seller-intro h2 { font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.6;margin:5px 0;letter-spacing:0; }.seller-intro p { color:#9da8bd;margin:0;font-size:.92rem; }.greeting-dot { color:#f25a78; }.seller-action-group { display:flex;flex-wrap:wrap;gap:12px; }
.reseller-shell .overview { gap:18px;margin:0 0 26px; }.reseller-shell .metric { background:#141823;border-color:#2a3040;border-radius:14px;min-height:145px;padding:24px; }.reseller-shell .metric>.ui-icon { background:#262535;color:#cc9caf;border:0; }.reseller-shell .metric strong { font-size:2.3rem;font-weight:600; }.reseller-shell .metric span { color:#b2bdd0; }.reseller-shell .metric small { color:#8491a9; }
.seller-content-grid { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px; }
.reseller-shell .panel { background:#131720;border-color:#2a3040;box-shadow:none; }.seller-catalog,.seller-attention { padding:26px; }.seller-catalog .panel-heading,.seller-attention .panel-heading { justify-content:space-between; }
.reseller-shell .panel-heading h3 { font-size:1.1rem;margin-top:6px; }
.preview-server { display:flex;align-items:center;gap:16px;padding:21px 0;border-bottom:1px solid #282e3d; }.preview-server:last-child { border:0; }.preview-server>.ui-icon { width:42px;height:42px;padding:11px;color:#d8a0b1;border:1px solid #403042;border-radius:12px;background:#241e2b; }.preview-server>div { flex:1;min-width:0; }.preview-server strong { display:block;font-size:.91rem;overflow-wrap:anywhere; }.preview-server small { display:block;margin-top:6px;color:#8d9bb3;font-size:.78rem; }.preview-server code { color:#efa8b9;background:#2b202d;border:1px solid #513144;padding:6px 12px;border-radius:7px;font-size:.8rem;overflow-wrap:anywhere;max-width:40%; }
.license-summary { display:flex;align-items:baseline;gap:12px; }.license-summary strong { font-size:2.7rem;color:#88d5b5;font-weight:500; }.license-summary span { font-size:.84rem;color:#a0aec3; }.seller-attention>button { margin-top:20px; }.seller-tip { border-top:1px solid #2a3040;margin-top:25px;padding-top:22px; }.seller-tip strong { font-size:.82rem;color:#b9c4d6; }.seller-tip p { color:#8593ac;font-size:.79rem;line-height:1.9;margin-bottom:0; }
.reseller-shell #servers { grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:18px; }.catalog-layout { display:block; }.reseller-shell .server-card { background:#181c28;border-color:#2d3446;padding:24px; }.reseller-shell .server-card h3 { font-size:1.12rem;margin-bottom:10px; }.reseller-shell .server-card li { border-color:#2a3042; }.reseller-shell .server-card button { margin-top:10px; }
.reseller-shell .directory-toolbar { padding-bottom:20px;border-bottom:1px solid #282e3d; }.reseller-shell .section-heading { justify-content:space-between;align-items:center;margin:18px 0 22px; }.reseller-shell .section-heading .section-index { display:none; }
.reseller-shell input,.reseller-shell textarea,.reseller-shell select { background:#0f131c;border-color:#353e52;color:#edf0f8; }.reseller-shell button { background:#202635;border-color:#354059;color:#dce3f1; }.reseller-shell button.primary { background:#d73154;border-color:#ee526e;color:white;box-shadow:0 4px 16px #d7315417; }.reseller-shell button.subtle { background:transparent;border-color:transparent;color:#cba3b2; }.reseller-shell .list-empty { background:#11151f;border-color:#323b4f;color:#a2aec3; }
/* Dedicated entrance, explicit identity and no mixed-role sign-in form. */
.auth-shell { min-height:100dvh;background:#f7f8fb;color:#182236;color-scheme:light; }
.auth-layout { min-height:100dvh;display:grid;grid-template-columns:1fr 1fr; }
.auth-content { display:flex;flex-direction:column;padding:32px clamp(28px,6vw,100px); }
.auth-brand { display:block;position:relative;width:112px;height:50px;overflow:hidden; }.auth-brand img { position:absolute;width:112px;height:112px;top:-31px; }
.auth-form-wrap { width:100%;max-width:410px;margin:auto; padding:50px 0; }
.auth-form-wrap .role-label { color:#ab3452;padding:7px 12px;border:1px solid #ead9e0;background:#fff4f7;border-radius:6px; }
.auth-form-wrap h1 { font-size:2rem;line-height:1.6;margin:20px 0 6px;letter-spacing:0; }.auth-description { color:#778297;font-size:.91rem;line-height:1.8;margin:0 0 30px; }
.auth-shell label { color:#455169;font-weight:600;margin:20px 0 9px; }.auth-shell input { min-height:50px;background:#fff;color:#253147;border-color:#d5ddea;border-radius:9px; }.auth-shell input:focus { border-color:#c83b5b;box-shadow:0 0 0 3px #d94a6a14; }.auth-shell button.primary { min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;background:#c8274b;border-color:#c8274b;margin-top:24px;color:white; }.auth-shell button.primary:hover { background:#b52041;border-color:#b52041; }
.password-control { position:relative; }.password-control input { padding-inline-end:72px; }.password-control button { position:absolute;inset-inline-end:6px;top:5px;min-height:40px;padding:6px 12px;background:transparent;border:0;color:#79859b;font-size:.76rem; }
.auth-help { color:#8490a3;font-size:.77rem;line-height:1.8;margin-top:14px; }.portal-switch { display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e0e5ee;margin-top:30px;padding-top:24px;font-size:.8rem; }.portal-switch span { color:#8994a6; }.portal-switch a { color:#a62c49;text-decoration:none;font-weight:600; }
.auth-footer { color:#98a1b3;font-size:.74rem; }.auth-art { position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 10%,#503147,transparent 60%),#161b29;color:#fff;display:flex;align-items:flex-end;padding:clamp(35px,5vw,85px); }
.art-copy { position:relative;z-index:1;max-width:470px; }.art-copy h2 { font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:1.4;margin:18px 0 24px;font-weight:600; }.art-copy p { color:#b8bace;line-height:2;font-size:.94rem;max-width:390px; }.art-tags { display:flex;flex-wrap:wrap;gap:12px;margin-top:38px; }.art-tags>span { display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff1c;border-radius:7px;color:#d1c6d6;font-size:.78rem; }
.art-monogram { position:absolute;top:3%;left:16%;font:bold 300px/1 Arial,sans-serif;color:#ffffff07;transform:rotate(-12deg);user-select:none; }
.art-orbit { position:absolute;width:540px;height:540px;border:1px solid #ffffff10;border-radius:50%;top:-140px;left:-100px; }.orbit-two { width:700px;height:700px;top:-210px;left:-160px;border-style:dashed; }
.auth-reseller { color-scheme:dark;background:#10131d;color:#edf0f8; }.auth-reseller .auth-art { background:radial-gradient(ellipse at 30% 0%,#9e324d,transparent 65%),#3a1627; }.auth-reseller .auth-form-wrap .role-label { color:#ef9ab0;background:#2c202e;border-color:#553345; }.auth-reseller label { color:#b8c3d8; }.auth-reseller input { background:#171c29;border-color:#353e51;color:#edf0f8; }.auth-reseller .auth-description,.auth-reseller .auth-help { color:#919fb7; }.auth-reseller .portal-switch { border-color:#2d3443; }.auth-reseller .portal-switch a { color:#ed9db1; }.auth-reseller .art-monogram { color:#ffffff09; }.auth-shell .notice:not(:empty) { background:#fff0f3;border-color:#edc4ce;color:#a12846;margin-bottom:20px; }.auth-reseller .notice:not(:empty) { color:#ffb8c7;background:#351d29;border-color:#793449; }
@media(min-width:881px) and (max-width:1200px) { .platform-shell .platform-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-insights { grid-template-columns:1fr; }.reseller-shell .sidebar { grid-template-columns:110px minmax(0,1fr) auto;gap:12px; }.reseller-shell #accountName { display:none; }.reseller-shell .sidebar-bottom { grid-column:3; }.reseller-shell .nav-item { padding:10px; } }
@media(max-width:880px) {
 .platform-shell .admin-layout { grid-template-columns:1fr; }.platform-shell .sidebar { display:block;height:auto;position:static;padding:18px 22px; }.platform-shell .brand-block { border:0;padding:0; }.platform-shell .sidebar-identity,.platform-shell .sidebar-caption,.platform-shell .sidebar-note { display:none; }.platform-shell .side-nav { display:flex;flex-wrap:wrap;margin-top:16px; }.platform-shell .side-nav>* { width:auto; }.platform-shell .sidebar-bottom { position:absolute;top:20px;inset-inline-end:22px;border:0;padding:0;margin:0; }.platform-shell .main-content { padding:24px; }.platform-shell .platform-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.admin-insights { grid-template-columns:1fr; }
 .reseller-shell .sidebar { grid-template-columns:1fr auto;gap:14px;padding:16px 22px; }.reseller-shell .brand-block { grid-column:1;grid-row:1; }.reseller-shell #accountName { display:none; }.reseller-shell .sidebar-bottom { grid-column:2;grid-row:1; }.reseller-shell .side-nav { grid-column:1/-1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;gap:5px; }.reseller-shell .nav-item { font-size:.78rem;padding:9px 12px; }.reseller-shell .main-content { padding:24px; }.seller-intro { flex-wrap:wrap; }.seller-content-grid { grid-template-columns:1fr; }.reseller-shell .workspace-grid { grid-template-columns:1fr; }
 .auth-layout { grid-template-columns:1fr; }.auth-art { display:none; }.auth-content { min-height:100dvh;padding:24px; }.auth-form-wrap { padding:40px 0; }
}
@media(max-width:620px) {
 .workspace-topbar { padding-bottom:20px;font-size:.75rem; }.role-label { font-size:.7rem; }.platform-shell .main-content,.reseller-shell .main-content { padding:22px 16px; }.platform-shell .page-header { flex-wrap:wrap;gap:20px;margin-bottom:24px; }.platform-shell .page-header h1 { font-size:1.75rem; }.platform-shell .platform-metrics { gap:12px; }.platform-shell .metric { padding:18px 14px;min-height:160px; }.platform-shell .metric strong { font-size:2rem; }.platform-shell .metric>span { font-size:.77rem; }.platform-shell .metric>.ui-icon { position:static;width:30px;height:30px;padding:6px;margin-bottom:8px; }.platform-shell .metric small { font-size:.7rem; }.network-panel,.permissions-panel,.activity-panel,.seller-catalog,.seller-attention { padding:22px 18px; }.directory-toolbar { flex-wrap:wrap; }.search-control { flex:1 1 100%;max-width:none; }.directory-toolbar select { max-width:none;width:auto;flex:1; }.activity-row { flex-direction:column;gap:10px; }.editor-dialog { padding:24px 18px; }.platform-shell .side-nav { gap:3px; }.platform-shell .side-nav>* { font-size:.77rem;padding:9px;min-height:42px; }.platform-shell .brand-logo { width:100px; }
 .reseller-shell .overview { gap:10px; }.reseller-shell .metric { padding:16px 10px;min-height:157px; }.reseller-shell .metric strong { font-size:1.9rem; }.reseller-shell .metric>span { font-size:.7rem; }.reseller-shell .metric small { font-size:.68rem; }.seller-intro h2 { font-size:1.8rem; }.seller-action-group { gap:8px;width:100%; }.seller-action-group button { flex:1;font-size:.78rem;padding:10px; }.reseller-shell .section-heading { flex-wrap:wrap;gap:18px; }.reseller-shell .server-card { padding:20px; }.reseller-shell .server-card button { font-size:.72rem;padding:8px; }.preview-server { gap:10px; }.preview-server>.ui-icon { width:34px;height:34px;padding:8px; }.preview-server code { padding:5px 7px;font-size:.73rem; }.seller-catalog .panel-heading { flex-wrap:wrap; }.auth-form-wrap h1 { font-size:1.75rem; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }

.workspace-topbar .role-label { white-space:nowrap; }
.sidebar-identity>.ui-icon { flex:0 0 38px; }
.table-scroll { position:relative; }
meter { appearance:auto; }
@media(max-width:700px) {
 .directory-table { background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible; }
 .table-scroll { overflow:visible; }
 .directory-table table,.directory-table tbody { display:block;width:100%; }
 .directory-table thead { display:none; }
 .directory-table tr { display:grid;grid-template-columns:1fr 1fr;gap:0 12px;background:#fff;border:1px solid #e4e8f0;border-radius:14px;padding:18px;margin-bottom:12px; }
 .directory-table td { display:block;padding:9px 0;border:0;white-space:normal;font-size:.84rem; }
 .directory-table td::before { content:attr(data-label);display:block;color:#7d8aa1;font-size:.7rem;margin-bottom:7px; }
 .directory-table td:first-child,.directory-table td:last-child { grid-column:1/-1; }
 .directory-table td:first-child { padding-bottom:16px;border-bottom:1px solid #edf0f5;margin-bottom:4px; }
 .directory-table td:last-child button { width:100%; }
}

body.auth-shell > main { max-width:none;width:100%;margin:0;padding:0; }
body.auth-shell h1 { color:#182236;font-size:2rem;line-height:1.6;letter-spacing:0; }
body.auth-reseller h1 { color:#edf0f8; }
body.auth-shell .art-copy h2 { color:#fff;font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:1.4;margin:18px 0 24px;font-weight:600; }
.auth-form-wrap .role-label { white-space:nowrap; }
.preview-server>.ui-icon { flex:0 0 42px; }
@media(max-width:620px) { .preview-server>.ui-icon { flex-basis:34px; } body.auth-shell h1 { font-size:1.75rem; } }

.platform-shell .sidebar .nav-item:hover:not(:disabled) { background:#252b3a;color:#fff;border-color:#3b4356; }
.platform-shell .sidebar .nav-item[aria-pressed=true]:hover:not(:disabled) { background:#402735;border-color:#794358; }
.platform-shell .page-lead,.platform-shell .field-help,.platform-shell .metric small,.platform-shell .activity-row p,.platform-shell .activity-row time,.platform-shell .network-label strong,.platform-shell .table-person small,.platform-shell th { color:#657188; }
.auth-shell .auth-description,.auth-shell .auth-help,.auth-shell .portal-switch span { color:#657188; }
.auth-reseller .auth-description,.auth-reseller .auth-help,.auth-reseller .portal-switch span { color:#a0adc3; }