:root {
    --bs-primary:#13a98b; --bs-primary-rgb:19,169,139; --ink:#17272a; --muted:#718184;
    --canvas:#f3f7f7; --line:#e5eceb; --teal:#13a98b; --sidebar:#112326; --sidebar-muted:#8aa0a0;
}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px}
a{color:inherit;text-decoration:none}
.app-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}
.sidebar{position:sticky;top:0;align-self:start;height:100vh;max-height:100vh;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:26px 17px 18px;color:#fff;background:radial-gradient(circle at 10% 0%,rgba(19,169,139,.14),transparent 32%),var(--sidebar)}
.brand{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:82px;padding:6px;color:#fff}
.brand:hover,.brand-auth:hover{color:inherit}
.brand-logo{display:block;flex:0 0 auto;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(34,197,94,.2))}
.brand-copy{min-width:0}
.brand strong,.brand small,.sidebar-user-copy strong,.sidebar-user-copy small,.topbar-account strong,.topbar-account small{display:block}
.brand strong{font-size:14px;letter-spacing:.01em;line-height:1.2;white-space:nowrap}
.brand small{margin-top:4px;color:#9db0b0;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.sidebar-label{margin:20px 10px 12px;color:#71888a;font-size:10px;font-weight:800;letter-spacing:.15em}
.side-nav{display:grid;gap:6px}
.nav-request-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:12px;font-weight:700;line-height:1}
.side-nav a,.nav-logout{width:100%;min-height:46px;display:flex;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:10px;color:var(--sidebar-muted);background:transparent;font:inherit;font-size:14px;text-align:left;transition:background .18s ease,color .18s ease}
.side-nav a i,.nav-logout i{font-size:18px}
.side-nav a:hover,.nav-logout:hover{color:#fff;background:rgba(255,255,255,.07)}
.side-nav a.active{color:#eafff9;background:rgba(19,169,139,.17);box-shadow:inset 3px 0 #22c7a5}
.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.sidebar-user{display:flex;align-items:center;gap:10px;padding:5px 7px 16px}
.user-avatar,.topbar-avatar,.table-avatar{flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#087660;background:#d9f4ed;font-weight:800}
.user-avatar{width:36px;height:36px;font-size:13px}
.sidebar-user-copy{min-width:0}
.sidebar-user-copy strong{overflow:hidden;color:#f5fbfa;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-copy small{margin-top:4px;color:#91a6a5;font-size:11px}
.nav-logout{cursor:pointer}
.main-panel{min-width:0}
.topbar{min-height:101px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(22px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.82)}
.eyebrow,.section-kicker{color:#72908b;font-size:10px;font-weight:800;letter-spacing:.15em}
.topbar h1{margin:5px 0 0;color:var(--ink);font-size:23px;font-weight:750;letter-spacing:-.025em}
.topbar-account{display:flex;align-items:center;gap:10px}
.topbar-avatar{width:39px;height:39px;font-size:14px}
.topbar-account strong{color:var(--ink);font-size:12px}
.topbar-account small{margin-top:4px;color:var(--muted);font-size:11px}
.page-content{width:100%;max-width:1500px;margin:0 auto;padding:30px clamp(22px,4vw,54px) 54px}
.welcome-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 30px;border:1px solid #dcece8;border-radius:16px;background:linear-gradient(115deg,#e7f8f3,#f7fbfa 65%,#fff)}
.welcome-panel h2{margin:7px 0 6px;color:#143a35;font-size:25px;font-weight:750}
.welcome-panel p{max-width:660px;margin:0;color:#607572;line-height:1.6}
.welcome-icon{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:17px;color:#08866c;background:#d5f1e9;font-size:27px}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px}
.stat-card,.table-panel,.form-panel,.info-panel,.simple-account-panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(23,52,53,.035)}
.stat-card{min-height:184px;padding:21px}
.stat-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;font-size:19px}
.stat-icon.green{color:#0b8b70;background:#ddf5ee}.stat-icon.violet{color:#7255bb;background:#eee8fc}.stat-icon.blue{color:#397ab8;background:#e5f1fb}
.stat-label{margin-top:17px;color:#738281;font-size:12px;font-weight:650}
.stat-value{margin-top:1px;color:var(--ink);font-size:31px;font-weight:780;letter-spacing:-.04em}
.stat-caption{margin-top:5px;color:#899694;font-size:11px}
.stat-card-action .stat-label{margin-top:13px}.stat-card-action .stat-caption{max-width:240px;line-height:1.45}
.btn-primary{--bs-btn-bg:#13a98b;--bs-btn-border-color:#13a98b;--bs-btn-hover-bg:#0f9278;--bs-btn-hover-border-color:#0f9278;--bs-btn-active-bg:#0b8069;--bs-btn-active-border-color:#0b8069;--bs-btn-disabled-bg:#13a98b;--bs-btn-disabled-border-color:#13a98b;font-weight:700;box-shadow:0 4px 10px rgba(19,169,139,.12)}
.info-panel{display:flex;gap:15px;margin-top:21px;padding:22px 24px}
.info-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#397ab8;background:#e5f1fb;font-size:17px}
.info-panel h3{margin:2px 0 9px;font-size:15px;font-weight:750}
.info-panel p{margin:4px 0;color:#697a79;font-size:13px;line-height:1.5}.info-panel strong{color:#334846}
.page-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.page-heading-row h2{margin:6px 0 5px;color:var(--ink);font-size:22px;font-weight:750}
.page-heading-row p{margin:0;color:var(--muted);font-size:13px}
.account-model-tabs{display:flex;gap:10px;margin-bottom:16px}
.account-model-tabs a,.account-model-tabs button[data-account-model]{min-width:0;min-height:72px;display:flex;flex:1;align-items:center;gap:12px;padding:11px 15px;border:1px solid #dce7e4;border-radius:13px;color:#667774;background:#fff;box-shadow:0 3px 12px rgba(23,52,53,.035);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.account-model-tabs button[data-account-model]{font:inherit;text-align:left;cursor:pointer}
.account-model-tabs a:hover,.account-model-tabs button[data-account-model]:hover{border-color:#8ed9c7;color:#087660;background:#f7fcfa}
.account-model-tabs a.active,.account-model-tabs button[data-account-model].active{border-color:#64cdb5;color:#075e4f;background:linear-gradient(135deg,#e5f8f2,#f6fcfa);box-shadow:0 4px 15px rgba(19,169,139,.1),inset 0 0 0 1px rgba(19,169,139,.08)}
.account-model-tabs a>i,.account-model-tabs button[data-account-model]>i{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#52716b;background:#eef4f2;font-size:19px}
.account-model-tabs a.active>i,.account-model-tabs button[data-account-model].active>i{color:#07836b;background:#d0f1e7}
.account-model-tabs a span,.account-model-tabs a strong,.account-model-tabs a small,.account-model-tabs button[data-account-model] span,.account-model-tabs button[data-account-model] strong,.account-model-tabs button[data-account-model] small{display:block;min-width:0}
.account-model-tabs a strong,.account-model-tabs button[data-account-model] strong{font-size:14px;font-weight:750}
.account-model-tabs a small,.account-model-tabs button[data-account-model] small{margin-top:4px;color:#82918f;font-size:11px;font-weight:500;line-height:1.35}
.compact-heading{align-items:center}.table-panel{overflow:hidden}.panel-table{min-width:700px}
.panel-table thead th{padding:15px 19px;border-bottom:1px solid var(--line);color:#73827f;background:#f9fbfb;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.panel-table tbody td{padding:14px 19px;border-color:#edf1f0;color:#61716f;font-size:13px}
.panel-table tbody tr:last-child td{border-bottom:0}
.table-person{display:flex;align-items:center;gap:10px;color:#243735}.table-person strong{font-size:13px;font-weight:700}
.table-avatar{width:34px;height:34px;font-size:12px}
.username-cell{color:#3c5955;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.role-pill,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.role-master{color:#6750a4;background:#f0ebfc}.role-simple{color:#28729a;background:#e8f4fa}
.status-pill:before{width:6px;height:6px;border-radius:50%;content:""}
.status-active{color:#08745f;background:#e2f6f0}.status-active:before{background:#14a98a}
.status-inactive{color:#8c5d43;background:#fbefe8}.status-inactive:before{background:#d99062}
.account-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.account-actions form{margin:0}
.account-actions .btn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.public-link-panel{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:19px;border:1px solid #d9ece6;border-radius:14px;background:linear-gradient(115deg,#e8f8f3,#fff 78%);box-shadow:0 4px 15px rgba(23,52,53,.03)}
.public-link-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#07836b;background:#d8f3e9;font-size:21px}
.public-link-content{flex:1;min-width:0}
.public-link-content h3{margin:2px 0 4px;color:#243d38;font-size:14px;font-weight:750}
.public-link-content p{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.45}
.public-link-actions{display:flex;align-items:center;gap:8px}
.public-link-input{min-width:0;flex:1;background:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.public-link-actions .btn{flex:0 0 auto;min-height:43px;font-size:12px;font-weight:700}
.empty-state{padding:65px 20px;text-align:center}
.empty-icon{width:52px;height:52px;display:inline-grid;place-items:center;border-radius:16px;color:#138d75;background:#e2f5f0;font-size:23px}
.empty-state h3{margin:15px 0 5px;font-size:16px;font-weight:750}.empty-state p{margin:0;color:var(--muted);font-size:13px}
.form-page{max-width:900px;margin:0 auto}.form-panel{padding:clamp(21px,3vw,32px)}
.style-page{max-width:980px}
.style-panel{padding:clamp(18px,3vw,30px)}
.style-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"logo background" "color sports";gap:15px}
.style-setting-card{min-width:0;padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff}
.style-color-card{grid-area:color}
.style-logo-card{grid-area:logo}
.style-background-card{grid-area:background}
.style-sports-card{grid-area:sports}
.style-sports-url[hidden]{display:none!important}
.style-sports-url{max-width:640px}
.style-support-section{margin-top:16px;padding:19px;border:1px solid var(--line);border-radius:13px;background:#333;color:#fff}
.style-support-section .support-card-heading{margin-bottom:16px;padding-bottom:14px}
.style-support-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.style-support-fields>div{min-width:0}
.style-support-fields .form-text{margin-top:6px}
.style-support-fields .support-message-input{min-height:96px}
.style-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}
.style-setting-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#07836b;background:#e1f6ef;font-size:18px}
.style-card-heading h3{margin:0 0 4px;color:#263d39;font-size:14px;font-weight:750}
.style-card-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.4}
.style-color-row{display:flex;align-items:center;gap:12px}
.style-color-input{width:66px;height:48px;padding:4px;border:1px solid #dce6e4;border-radius:10px;background:#fff;cursor:pointer}
.style-color-value{color:#506661;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:.04em}
.style-asset-preview{display:flex;align-items:center;justify-content:center;margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#f7faf9}
.style-logo-preview{min-height:112px;padding:14px}
.style-logo-preview img{display:block;max-width:100%;max-height:96px;object-fit:contain}
.style-background-preview{height:132px}
.style-background-preview img{display:block;width:100%;height:100%;object-fit:cover}
.style-asset-empty{min-height:48px;display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border:1px dashed #d3e0dd;border-radius:9px;color:#81928f;background:#fafcfb;font-size:11px}
.style-remove-check{display:flex;align-items:center;gap:8px;margin-top:12px;color:#71817f;font-size:11px}
.style-remove-check .form-check-input{margin:0}
.style-actions{display:flex;align-items:center;gap:9px;margin-top:18px}
.style-actions .btn{min-height:44px;padding:9px 16px;font-size:13px;font-weight:700}
.support-page{max-width:820px}
.support-panel{padding:clamp(19px,3vw,30px)}
.support-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #edf2f1}
.support-icon{width:43px;height:43px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#16865c;background:#e1f6ed;font-size:21px}
.support-card-heading h3{margin:0 0 4px;color:#263d39;font-size:15px;font-weight:750}
.support-card-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.support-message-input{min-height:130px;resize:vertical}
.support-actions{display:flex;align-items:center;margin-top:18px}
.support-actions .btn{min-height:44px;padding:9px 16px;font-size:13px;font-weight:700}
.auth-card.public-register-card{width:min(100%,760px)}
.public-register-heading{margin:28px 0 20px}
.public-form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.public-subheading{margin:18px 0 16px}
.public-subheading h2{margin:0 0 4px;color:#243d38;font-size:17px;font-weight:750}
.public-subheading p{margin:0;color:var(--muted);font-size:12px}
.public-mac-badge{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #d9ece6;border-radius:999px;color:#176c5b;background:#edf9f5;font-size:12px;font-weight:750;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.public-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.public-list-toolbar .btn{flex:0 0 auto;min-height:43px;font-size:12px;font-weight:700}
.public-list-count{margin:8px 0 0;color:var(--muted);font-size:12px}
.public-list-grid{display:grid;gap:11px}
.public-list-item{min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.public-list-item-heading{display:flex;align-items:center;gap:11px;min-width:0}
.public-list-item-heading>div{min-width:0}
.public-list-item-heading h2{overflow:hidden;margin:0 0 3px;color:#243d38;font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.public-list-item-heading p{overflow:hidden;margin:0;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.public-list-dns{display:flex;flex-direction:column;gap:3px;margin:13px 0;color:#6c7c79;font-size:10px}
.public-list-dns span{font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.public-list-dns strong{overflow-wrap:anywhere;color:#405752;font-size:12px;font-weight:600}
.public-list-item>.btn{min-height:40px;font-size:12px;font-weight:700}
.public-empty-state{padding:30px 16px}
.public-change-mac-form{margin-top:15px;padding-top:12px;border-top:1px solid #edf2f1}
.public-change-mac-form .btn{padding-left:0;color:#617774;font-size:12px}
.account-form-intro{display:flex;align-items:center;gap:13px;margin-bottom:21px;padding-bottom:18px;border-bottom:1px solid #edf2f1}
.account-form-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#07836b;background:#e1f6ef;font-size:19px}
.account-form-intro h3{margin:0 0 4px;color:#233b37;font-size:15px;font-weight:750}
.account-form-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.form-label{color:#3d514e;font-size:12px;font-weight:750}
.form-control,.form-select{min-height:45px;border-color:#dce6e4;border-radius:9px;color:#203633;font-size:14px}
.mac-input{text-transform:uppercase;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.form-control:focus,.form-select:focus{border-color:#5bc9b0;box-shadow:0 0 0 .2rem rgba(19,169,139,.13)}
.form-text{color:#899694;font-size:11px}
.readonly-role{min-height:45px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #dce6e4;border-radius:9px;color:#42615b;background:#f7faf9;font-size:13px}
.form-actions{display:flex;align-items:center;gap:9px;margin-top:10px}
.form-actions .btn{min-height:42px;padding:9px 16px;font-size:13px;font-weight:700}
.simple-account-panel{display:flex;align-items:center;gap:16px;padding:22px}
.simple-account-panel h2{margin:0 0 5px;font-size:17px;font-weight:750}
.simple-account-panel p{margin:0;color:var(--muted);font-size:13px}
.simple-account-panel .status-pill{margin-left:auto}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(19,169,139,.13),transparent 31%),radial-gradient(circle at 90% 90%,rgba(60,122,184,.08),transparent 30%),#f3f7f7}
.auth-card{width:min(100%,430px);padding:34px;border:1px solid #e2ebea;border-radius:18px;background:#fff;box-shadow:0 22px 70px rgba(22,53,52,.11)}
.brand-auth{justify-content:center;min-height:112px;padding:0;color:var(--ink)}
.auth-heading{margin:22px 0 24px}
.auth-kicker{color:#128a72;font-size:10px;font-weight:800;letter-spacing:.15em}
.auth-heading h1{margin:8px 0 7px;font-size:25px;font-weight:780;letter-spacing:-.03em}
.auth-heading p{margin:0;color:var(--muted);font-size:13px}
.auth-form .form-label{margin-bottom:7px}.auth-form .form-control{min-height:49px}.auth-form .btn{min-height:49px;font-size:14px}
.auth-footnote{display:flex;justify-content:center;gap:7px;margin-top:21px;color:#7a8b88;font-size:11px}
.auth-footnote i{color:#139276;font-size:14px}.alert{border-radius:10px;font-size:13px}
.mobile-menu,.menu-toggle{display:none}
@media(max-width:1000px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card-action{grid-column:span 2}}
@media(max-width:720px){
 body{font-size:14px}
 .app-shell{display:block}
 .sidebar{position:sticky;top:0;z-index:1030;align-self:auto;height:auto;max-height:none;min-height:0;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;padding:8px 12px 0;box-shadow:0 8px 18px rgba(17,35,38,.14)}
 .brand{grid-column:1;grid-row:1;min-width:0;min-height:68px;justify-content:flex-start;padding:0 4px}
 .brand-logo{width:52px;height:52px}
 .brand-auth{min-height:76px}
 .sidebar-label{display:none}
 .mobile-menu{grid-column:2;grid-row:1;align-self:center;display:block;margin-right:7px}
 .menu-toggle{display:grid;place-items:center;width:44px;min-height:42px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);font-size:23px;cursor:pointer;list-style:none}
 .menu-toggle::-webkit-details-marker{display:none}
 .menu-toggle::marker{content:""}
 .menu-toggle:hover,.menu-toggle:focus-visible{color:#fff;background:rgba(255,255,255,.13)}
 .menu-toggle:focus-visible{outline:2px solid #22c7a5;outline-offset:2px}
 .mobile-menu[open] .menu-icon-closed,.mobile-menu:not([open]) .menu-icon-open{display:none}
 .side-nav{grid-column:1/-1;grid-row:2;display:none;gap:5px;margin-top:7px;padding:8px 0 10px;border-top:1px solid rgba(255,255,255,.1)}
 .mobile-menu[open]~.side-nav{display:grid}
 .side-nav a{width:100%;min-height:44px;padding:0 12px;font-size:14px}
 .side-nav a i{font-size:16px}
 .side-nav a.active{box-shadow:inset 3px 0 #22c7a5}
 .sidebar-bottom{grid-column:3;grid-row:1;align-self:center;display:flex;align-items:center;height:44px;margin:0;padding:0;border:0}
 .sidebar-user{display:none}
 .sidebar-bottom form{display:flex;align-items:center;height:44px;margin:0}
 .nav-logout{width:44px;height:44px;min-height:44px;justify-content:center;gap:0;padding:0;border:1px solid rgba(255,255,255,.14);color:#fff}
 .nav-logout span{display:none}
 .topbar{min-height:70px;padding:12px 16px;gap:10px}
 .topbar h1{font-size:19px}
 .topbar-account>span:last-child{display:none}
 .page-content{padding:16px 14px calc(30px + env(safe-area-inset-bottom))}
 .welcome-panel{align-items:flex-start;gap:12px;padding:18px;border-radius:14px}
 .welcome-panel h2{font-size:clamp(20px,5vw,24px)}
 .welcome-panel p{font-size:13px;line-height:1.55}
 .welcome-icon{width:43px;height:43px;border-radius:13px;font-size:20px}
 .stat-grid{grid-template-columns:1fr;gap:11px;margin-top:14px}
 .stat-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:13px;min-height:0;padding:15px}
 .stat-icon{grid-row:span 3}
 .stat-label{margin:0;font-size:12px}
 .stat-value{font-size:27px;line-height:1.2}
 .stat-caption{margin-top:3px;line-height:1.4}
 .stat-card-action{grid-column:auto}
 .stat-card-action .stat-label{margin:0}
 .stat-card-action .stat-caption{grid-column:2;max-width:none}
 .stat-card-action .btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px!important}
 .info-panel{gap:11px;margin-top:14px;padding:16px}
 .info-panel p{font-size:12px}
 .page-heading-row{align-items:stretch;flex-direction:column;gap:13px;margin-bottom:14px}
 .page-heading-row .btn{width:100%;min-height:44px}
 .compact-heading{align-items:stretch}
 .account-model-tabs{gap:7px;margin-bottom:13px}
 .account-model-tabs a{min-height:62px;gap:8px;padding:8px 9px}
 .account-model-tabs a>i{width:36px;height:36px;border-radius:10px;font-size:17px}
 .account-model-tabs a strong{font-size:12px}
 .account-model-tabs a small{font-size:10px}
 .form-panel{padding:17px}
 .public-link-panel{gap:10px;padding:14px}
 .public-link-actions{align-items:stretch;flex-direction:column}
 .public-link-actions .btn{width:100%;min-height:45px}
 .public-list-toolbar{align-items:stretch;flex-direction:column}
 .public-list-toolbar .btn{width:100%;min-height:46px}
 .public-list-item{padding:14px}
 .style-settings-grid{grid-template-columns:1fr;grid-template-areas:"logo" "background" "color" "sports";gap:12px}
 .style-setting-card{padding:15px}
 .style-actions{align-items:stretch;flex-direction:column}
 .style-actions .btn{width:100%;min-height:46px}
 .support-actions .btn{width:100%;min-height:46px}
 .form-control,.form-select{min-height:47px;font-size:16px}
 .form-actions{align-items:stretch;flex-direction:column}
 .form-actions .btn{width:100%;min-height:46px}
 .simple-account-panel{align-items:flex-start;flex-wrap:wrap;padding:17px}
 .simple-account-panel .status-pill{margin-left:0}
 .table-panel{overflow:hidden}
 .table-responsive{overflow:visible}
 .panel-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0}
 .panel-table thead{display:none}
 .panel-table tbody{display:block;padding:8px}
 .panel-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 10px;padding:7px 11px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 11px rgba(23,52,53,.04)}
 .panel-table tbody tr:last-child{margin-bottom:0}
 .panel-table tbody td{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:5px;padding:9px 4px!important;border:0;color:#61716f;font-size:12px;overflow-wrap:anywhere}
 .panel-table tbody td:before{content:attr(data-label);color:#82918f;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
 .panel-table tbody td:first-child{grid-column:1/-1}
 .panel-table tbody td:first-child:before{margin-bottom:2px}
 .table-person{align-items:center;gap:8px}
 .table-person strong{overflow-wrap:anywhere}
 .username-cell{overflow-wrap:anywhere}
 .empty-state{padding:42px 16px}
 .auth-shell{min-height:100svh;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
 .auth-card{padding:28px 23px;border-radius:16px}
 .auth-heading{margin:18px 0 21px}
 .auth-form .form-control{min-height:49px;font-size:16px}
 .auth-form .btn{min-height:49px}
}
@media(min-width:520px) and (max-width:720px){
 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stat-card-action{grid-column:1/-1}
}
@media(max-width:420px){
 .compact-heading{align-items:stretch;flex-direction:column}
 .auth-card{padding:25px 20px}
 .account-model-tabs{flex-direction:column}
 .account-model-tabs a,.account-model-tabs button[data-account-model]{min-height:58px;padding:8px 12px}
 .panel-table tbody tr{grid-template-columns:1fr}
 .panel-table tbody td:first-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important}
}

.apps-form-page{max-width:980px;margin:0 auto}
.apps-form{padding:clamp(20px,3vw,32px)}
.apps-form .form-label{color:#263d39;font-size:13px;font-weight:700}
.apps-form textarea.form-control{min-height:120px;resize:vertical}
.apps-form .form-text{color:var(--muted);font-size:11px}
.apps-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.apps-upload-field{min-width:0;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc}
.apps-upload-field .form-control{min-width:0;background:#fff}
.apps-upload-field .form-text{color:var(--muted);font-size:11px;line-height:1.45}
.apps-current-image{display:block;width:100%;max-height:170px;margin-top:13px;border:1px solid var(--line);border-radius:9px;background:#fff;object-fit:contain}
.apps-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px;padding:12px 18px;border:1px solid #26323e;border-radius:0 0 22px 22px;background:#111b25}
.apps-search-box{width:min(100%,700px);display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid #2a3642;border-radius:12px;color:#65eda9;background:#0d151e}
.apps-search-box .form-control{min-height:45px;padding:8px 0;border:0;color:#eaf0f5;background:transparent;box-shadow:none}
.apps-search-box .form-control::placeholder{color:#99a6b6}
.apps-result-count{flex:0 0 auto;color:#9eacba;font-size:13px}
.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.apps-listing-section{margin-top:30px}
.apps-listing-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 15px}
.apps-listing-heading h3{margin:0;color:#f4f6fa;font-size:20px;font-weight:750;letter-spacing:-.02em}
.apps-listing-heading p{margin:5px 0 0;color:#9eacba;font-size:13px}
.apps-listing-count{display:grid;min-width:34px;height:34px;place-items:center;padding:0 9px;border:1px solid rgba(34,197,94,.28);border-radius:999px;color:#22c55e;background:rgba(34,197,94,.1);font-size:12px;font-weight:800}
.apps-listing-empty{display:flex;align-items:center;gap:11px;padding:18px 20px;border:1px solid #293540;border-radius:14px;color:#aeb9c5;background:#111b25;font-size:13px}
.apps-listing-empty i{color:#22c55e;font-size:18px}
.app-package-card{display:flex;flex-direction:column;width:100%;max-width:none;min-width:0;overflow:hidden;padding:18px 20px 23px;border:1px solid #293540;border-radius:23px;color:#f3f6fa;background:#111b25;box-shadow:0 14px 38px rgba(0,0,0,.14)}
.app-image-open{position:relative;display:block;width:100%;overflow:hidden;padding:0;border:0;border-radius:0;background:#07101a;cursor:zoom-in;aspect-ratio:16/9}
.app-image-open:focus-visible{outline:2px solid #65eda9;outline-offset:3px}
.app-package-image{display:block;width:100%;height:100%;object-fit:contain;background:#07101a;transition:transform .22s ease}
.app-image-open:hover .app-package-image{transform:scale(1.025)}
.app-image-zoom{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:8px;color:#fff;background:rgba(3,9,14,.78);font-size:11px;opacity:0;transition:opacity .18s ease}
.app-image-open:hover .app-image-zoom,.app-image-open:focus-visible .app-image-zoom{opacity:1}
.app-package-content{display:flex;flex:1;flex-direction:column;padding:22px 10px 0}
.app-package-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.app-package-category{display:block;margin-bottom:9px;color:#65eda9;font-size:11px;font-weight:800;letter-spacing:.12em}
.app-package-version{display:inline-flex;align-items:center;flex:0 0 auto;padding:5px 8px;border:1px solid rgba(34,197,94,.25);border-radius:999px;color:#22c55e;background:rgba(34,197,94,.1);font-size:10px;font-weight:750;white-space:nowrap}
.app-package-heading h3{margin:0;color:#f4f6fa;font-size:23px;font-weight:720;letter-spacing:-.02em;overflow-wrap:anywhere}
.app-package-description{margin:12px 0 16px;color:#9eacba;font-size:14px;line-height:1.55;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.app-downloader-code{margin:0 0 15px;padding:11px 12px;border:1px solid #293744;border-radius:11px;background:#0d1721}
.app-downloader-code label{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:#aab8c6;font-size:10px;font-weight:750;letter-spacing:.04em}
.app-downloader-code label i{color:#65eda9}
.app-downloader-code>div{display:flex;align-items:center;gap:7px}
.app-downloader-code .form-control{min-width:0;min-height:39px;padding:7px 10px;border-color:#2c3945;color:#eaf0f5;background:#09121b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.app-downloader-code .btn{width:40px;height:39px;display:grid;place-items:center;flex:0 0 auto;padding:0;border-color:#34414d;font-size:14px}
.app-downloader-link-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.app-downloader-url{min-width:0;color:#fff;font-size:12px;font-weight:400;overflow-wrap:anywhere}
.app-downloader-copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:32px;padding:4px;font-size:13px}
.app-package-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:14px;border-top:1px solid #293540}
.app-package-actions .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.app-package-actions .btn-primary{flex:1;--bs-btn-bg:#65eda9;--bs-btn-border-color:#65eda9;--bs-btn-color:#0b2118;--bs-btn-hover-bg:#43d98c;--bs-btn-hover-border-color:#43d98c;--bs-btn-hover-color:#071a12}
.app-package-actions .btn-outline-secondary,.app-package-actions .btn-outline-danger{--bs-btn-color:#c5ced8;--bs-btn-border-color:#34404c;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#25313d;--bs-btn-hover-border-color:#526171}
.app-package-actions form{margin:0}
.app-contract-info{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0;color:#b8c2cd;font-size:12px;line-height:1.45}
.app-contract-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:6px 9px;border:1px solid rgba(34,197,94,.26);border-radius:999px;color:#22c55e;background:rgba(34,197,94,.1);font-size:11px;font-weight:750}
.app-package-card-contract .app-package-actions{align-items:flex-start}
.app-blocked-icon{display:grid;width:100%;aspect-ratio:16/9;place-items:center;border:1px solid #343434;border-radius:14px;color:#a3a3a3;background:linear-gradient(145deg,#292929,#1d1d1d);font-size:38px}
.app-blocked-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(163,163,163,.24);border-radius:999px;color:#d4d4d4;background:rgba(163,163,163,.1);font-size:11px;font-weight:750}
.app-expired-badge{border-color:rgba(251,191,36,.28);color:#fbbf24;background:rgba(245,158,11,.12)}
.app-blocked-note{color:#a3a3a3;font-size:12px;line-height:1.45}
.app-package-card[hidden]{display:none!important}
.apps-search-empty{margin-top:10px;padding:55px 20px;border:1px solid #293540;border-radius:18px;color:#9eacba;background:#111b25;text-align:center}
.apps-search-empty i{color:#65eda9;font-size:25px}
.apps-search-empty p{margin:10px 0 0}
.apps-image-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100vh;margin:0;padding:0;overflow:visible;border:0;color:#fff;background:transparent}
.apps-image-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}
.apps-image-dialog>img{position:absolute;inset:50% auto auto 50%;width:auto;height:auto;max-width:min(92vw,1500px);max-height:88vh;transform:translate(-50%,-50%);object-fit:contain;border-radius:9px;box-shadow:0 24px 85px rgba(0,0,0,.48)}
.apps-image-close{position:absolute;z-index:1;top:20px;right:23px;width:48px;height:48px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(12,20,28,.8);font-size:19px}
.apps-image-close:hover,.apps-image-close:focus-visible{border-color:#65eda9;color:#65eda9}
.apps-image-close:focus-visible{outline:2px solid #65eda9;outline-offset:3px}
@media(max-width:720px){
 .apps-upload-grid{grid-template-columns:1fr;gap:12px}
 .apps-form .form-actions{align-items:stretch;flex-direction:column}
 .apps-form .form-actions .btn{width:100%;min-height:46px}
 .apps-catalog-toolbar{align-items:stretch;flex-direction:column;gap:9px;margin-bottom:15px;padding:12px;border-radius:14px}
 .apps-search-box{width:100%}
 .apps-result-count{font-size:11px}
 .apps-grid{grid-template-columns:1fr;gap:14px}
 .apps-listing-section{margin-top:22px}
 .apps-listing-heading h3{font-size:18px}
 .apps-listing-heading p{font-size:12px}
 .apps-listing-empty{padding:15px}
 .app-package-card{padding:12px 12px 17px;border-radius:17px}
 .app-package-content{padding:18px 5px 0}
 .app-package-category{margin-bottom:9px;font-size:10px}
 .app-package-heading h3{font-size:20px}
 .app-package-description{font-size:13px}
 .app-image-zoom{opacity:1}
 .apps-image-close{top:12px;right:12px;width:43px;height:43px}
}
@media(min-width:721px) and (max-width:1100px){
 .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tema escuro do painel */
:root{
 --bs-primary:#fff;
 --bs-primary-rgb:255,255,255;
 --ink:#fff;
 --muted:#c4c4c4;
 --canvas:#111;
 --line:#3d3d3d;
 --teal:#fff;
 --sidebar:#111;
 --sidebar-muted:#dedede;
 color-scheme:dark;
}
body,.main-panel{background:#111;color:#fff}
.sidebar{border-right:1px solid #333;background:#111;color:#fff}
.brand,.brand-auth,.brand strong,.side-nav a,.nav-logout,.sidebar-user-copy strong,.topbar-account strong{color:#fff}
.brand small,.sidebar-label,.sidebar-user-copy small,.topbar-account small{color:#c4c4c4}
.side-nav a:hover,.nav-logout:hover{color:#fff;background:#292929}
.side-nav a.active{color:#fff;background:#333;box-shadow:inset 3px 0 #fff}
.sidebar-bottom{border-color:#383838}
.user-avatar,.topbar-avatar,.table-avatar{color:#111;background:#fff}
.topbar{border-color:#333;background:#111}
.eyebrow,.section-kicker{color:#fff}
.topbar h1,.page-heading-row h2,.welcome-panel h2,.stat-value,.app-package-heading h3{color:#fff}
.page-content{color:#fff}
.welcome-panel{border-color:#3d3d3d;background:#222}
.welcome-panel p,.stat-label,.stat-caption,.page-heading-row p,.topbar-account small{color:#c4c4c4}
.welcome-icon,.stat-icon.green,.stat-icon.violet,.stat-icon.blue,.info-icon,.empty-icon,.public-link-icon,.style-setting-icon,.support-icon,.account-form-icon{color:#fff;background:#333}
.stat-card,.table-panel,.form-panel,.info-panel,.simple-account-panel,.auth-card{border-color:#3d3d3d;background:#222;color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.btn-primary,.app-package-actions .btn-primary{
 --bs-btn-color:#111;
 --bs-btn-bg:#fff;
 --bs-btn-border-color:#fff;
 --bs-btn-hover-color:#111;
 --bs-btn-hover-bg:#e4e4e4;
 --bs-btn-hover-border-color:#e4e4e4;
 --bs-btn-active-color:#111;
 --bs-btn-active-bg:#d2d2d2;
 --bs-btn-active-border-color:#d2d2d2;
 --bs-btn-disabled-color:#555;
 --bs-btn-disabled-bg:#d0d0d0;
 --bs-btn-disabled-border-color:#d0d0d0;
 color:#111;
 font-weight:750;
 box-shadow:none;
}
.btn-outline-primary,.btn-outline-secondary,.btn-outline-light,.btn-outline-danger{
 --bs-btn-color:#fff;
 --bs-btn-border-color:#555;
 --bs-btn-hover-color:#111;
 --bs-btn-hover-bg:#fff;
 --bs-btn-hover-border-color:#fff;
 --bs-btn-active-color:#111;
 --bs-btn-active-bg:#e4e4e4;
 --bs-btn-active-border-color:#e4e4e4;
 color:#fff;
}
.btn-outline-danger{--bs-btn-color:#fff;--bs-btn-border-color:#555;--bs-btn-hover-color:#111;--bs-btn-hover-bg:#fff;--bs-btn-hover-border-color:#fff}
.info-panel h3,.info-panel strong,.public-link-content h3,.style-card-heading h3,.support-card-heading h3,.public-subheading h2,.public-list-item-heading h2,.account-form-intro h3{color:#fff}
.info-panel p,.public-link-content p,.style-card-heading p,.support-card-heading p,.public-subheading p,.account-form-intro p{color:#c4c4c4}
.account-model-tabs a,.account-model-tabs button[data-account-model]{border-color:#444;color:#fff;background:#222;box-shadow:none}
.account-model-tabs a:hover,.account-model-tabs button[data-account-model]:hover{border-color:#777;color:#fff;background:#2b2b2b}
.account-model-tabs a.active,.account-model-tabs button[data-account-model].active{border-color:#fff;color:#fff;background:#333;box-shadow:inset 0 0 0 1px #fff}
.account-model-tabs a>i,.account-model-tabs button[data-account-model]>i,.account-model-tabs a.active>i,.account-model-tabs button[data-account-model].active>i{color:#fff;background:#444}
.account-model-tabs a small,.account-model-tabs button[data-account-model] small{color:#c4c4c4}
.panel-table thead th{border-color:#444;color:#fff;background:#333}
.panel-table tbody td{border-color:#3c3c3c;color:#eee}
.panel-table tbody tr{background:#222}
.table-person,.table-person strong{color:#fff}
.username-cell{color:#fff}
.role-master,.role-simple,.status-active,.status-inactive{color:#fff;background:#333}
.status-active:before,.status-inactive:before{background:#fff}
.public-link-panel{border-color:#3d3d3d;background:#222;box-shadow:none}
.public-link-input{border-color:#555;color:#fff;background:#333}
.public-link-input:focus{color:#fff;background:#333}
.empty-state h3,.empty-state p,.simple-account-panel h2,.simple-account-panel p{color:#fff}
.style-setting-card,.apps-upload-field,.public-list-item{border-color:#444;background:#333;color:#fff}
.style-color-value,.style-asset-empty,.style-remove-check,.public-list-count,.public-list-item-heading p,.public-list-dns,.public-list-dns strong,.public-change-mac-form .btn{color:#ddd}
.style-color-input,.style-asset-preview{border-color:#555;background:#222}
.style-asset-empty{border-color:#555;background:#2a2a2a}
.style-actions .btn,.support-actions .btn{font-weight:750}
.support-card-heading,.account-form-intro,.public-change-mac-form{border-color:#444}
.public-mac-badge{border-color:#555;color:#fff;background:#333}
.form-label,.apps-form .form-label{color:#fff}
.form-control,.form-select,.form-control:focus,.form-select:focus{
 border-color:#555;
 color:#fff;
 background-color:#333;
}
.form-control::placeholder,.form-select:invalid{color:#c4c4c4}
.form-control:focus,.form-select:focus{border-color:#fff;box-shadow:0 0 0 .2rem rgba(255,255,255,.16)}
.form-control:disabled,.form-control[readonly],.form-select:disabled{border-color:#484848;color:#ddd;background-color:#292929}
.form-control[type=file]::file-selector-button{border-color:#555;color:#fff;background:#222}
.form-control[type=file]:hover:not(:disabled):not([readonly])::file-selector-button{background:#3a3a3a}
.form-check-input{border-color:#666;background-color:#333}
.form-check-input:checked{border-color:#fff;background-color:#fff}
.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-text,.readonly-role{color:#c4c4c4}
.readonly-role{border-color:#555;background:#333}
.alert{border-color:#555;color:#fff;background:#333}
.alert-success,.alert-info,.alert-warning,.alert-danger{border-color:#555;color:#fff;background:#333}
.auth-shell{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.06),transparent 31%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.035),transparent 30%),#111}
.auth-card{border-color:#3d3d3d;background:#222}
.auth-heading h1,.auth-heading p,.auth-footnote,.auth-footnote i,.auth-kicker{color:#fff}
.auth-heading p,.auth-footnote{color:#c4c4c4}
.app-package-card{border-color:#3d3d3d;color:#fff;background:#222;box-shadow:0 14px 38px rgba(0,0,0,.28)}
.app-image-open,.app-package-image{background:#111}
.app-package-category,.app-downloader-code label i,.apps-search-box{color:#fff}
.app-package-heading h3{color:#fff}
.app-package-description,.app-package-date{color:#ddd}
.app-downloader-code,.apps-catalog-toolbar,.apps-search-empty{border-color:#444;background:#333;color:#fff}
.apps-search-box{border-color:#555;background:#222}
.apps-search-box .form-control,.app-downloader-code .form-control{border-color:#555;color:#fff;background:#333}
.apps-search-box .form-control::placeholder{color:#c4c4c4}
.app-package-actions{border-color:#444}
.app-package-actions .btn-primary{flex:1}
.app-image-zoom{color:#111;background:rgba(255,255,255,.92)}
.apps-image-close{border-color:#777;color:#111;background:#fff}
.apps-image-close:hover,.apps-image-close:focus-visible{border-color:#fff;color:#111}
.apps-search-empty i{color:#fff}
.table-responsive,.table{--bs-table-color:#fff;--bs-table-bg:#222;--bs-table-border-color:#444;--bs-table-striped-color:#fff;--bs-table-striped-bg:#292929;--bs-table-hover-color:#fff;--bs-table-hover-bg:#333}
.text-muted{color:#c4c4c4!important}
a:hover{color:#fff}
:focus-visible{outline:2px solid #fff;outline-offset:2px}
::selection{color:#111;background:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#111}
::-webkit-scrollbar-thumb{border:2px solid #111;border-radius:999px;background:#555}
::-webkit-scrollbar-thumb:hover{background:#777}
@media(max-width:720px){
 .sidebar{box-shadow:0 8px 18px rgba(0,0,0,.45)}
 .menu-toggle{border-color:#555;color:#fff;background:#222}
 .menu-toggle:hover,.menu-toggle:focus-visible{color:#fff;background:#333}
 .side-nav{border-color:#444}
 .side-nav a.active{box-shadow:inset 3px 0 #fff}
 .panel-table tbody tr{border-color:#444;background:#222;box-shadow:0 3px 11px rgba(0,0,0,.2)}
 .panel-table tbody td{color:#eee}
 .panel-table tbody td:before{color:#c4c4c4}
}

/* Cores finais da paleta */
:root{--muted:#fff;--line:#333}
body,.main-panel,.page-content{color:#fff;background-color:#111}
.topbar,.sidebar{background-color:#111}
.stat-card,.table-panel,.form-panel,.info-panel,.simple-account-panel,.auth-card,.welcome-panel,.public-link-panel{border-color:#333;background:#222}
.style-setting-card,.style-support-section,.apps-upload-field,.public-list-item,.account-model-tabs a,.account-model-tabs button[data-account-model]{border-color:#333;background:#333;color:#fff}
.apps-catalog-toolbar,.app-package-card,.apps-search-empty{border-color:#333;background:#222;color:#fff}
.apps-search-box,.app-downloader-code{border-color:#333;background:#333;color:#fff}
.style-asset-empty,.public-mac-badge,.account-model-tabs a>i,.account-model-tabs button[data-account-model]>i{border-color:#333;color:#fff;background:#333}
.apps-search-box .form-control,.app-downloader-code .form-control{background:#333}
.apps-upload-field .form-control[type=file]{border-color:#333;color:#fff;background-color:#333!important}
.apps-upload-field .form-control[type=file]::file-selector-button{border-right:1px solid #555;color:#fff;background:#222}
.apps-upload-field .form-control[type=file]:hover:not(:disabled):not([readonly])::file-selector-button{color:#fff;background:#333}
.apps-current-image{border-color:#333;background:#111}
.form-control,.form-select,.readonly-role,.style-color-input,.style-asset-preview,.public-link-input,.app-downloader-code .form-control{border-color:#333;color:#fff;background-color:#333}
.form-control:focus,.form-select:focus,.public-link-input:focus{border-color:#fff;color:#fff;background-color:#333}
.btn-outline-primary,.btn-outline-secondary,.btn-outline-light,.btn-outline-danger{border-color:#333;color:#fff;background:#333}
.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-light:hover,.btn-outline-danger:hover{border-color:#fff;color:#111;background:#fff}
.side-nav a.active,.account-model-tabs a.active,.account-model-tabs button[data-account-model].active{border-color:#333;color:#fff;background:#333;box-shadow:inset 3px 0 #fff}
.app-package-category,.apps-search-box,.app-downloader-code label i,.apps-search-empty i,.info-panel h3,.info-panel p,.info-panel strong,.public-link-content h3,.public-link-content p,.style-card-heading h3,.style-card-heading p,.support-card-heading h3,.support-card-heading p,.public-subheading h2,.public-subheading p,.public-list-item-heading h2,.public-list-item-heading p,.public-list-dns,.public-list-dns strong,.account-form-intro h3,.account-form-intro p,.app-package-description,.app-package-date,.style-color-value,.style-asset-empty,.style-remove-check,.public-list-count,.form-text,.auth-heading p,.auth-footnote,.topbar-account small,.brand small,.sidebar-label,.sidebar-user-copy small{color:#fff}
.panel-table thead th,.panel-table tbody td,.table-person,.table-person strong,.username-cell,.role-master,.role-simple,.status-active,.status-inactive{color:#fff}
.panel-table thead th,.panel-table tbody td,.support-card-heading,.account-form-intro,.public-change-mac-form,.app-package-actions{border-color:#333}
.status-active,.status-inactive,.role-master,.role-simple{background:#333}
.app-package-actions .btn-primary{--bs-btn-color:#111;--bs-btn-bg:#fff;--bs-btn-border-color:#fff;--bs-btn-hover-color:#111;--bs-btn-hover-bg:#e4e4e4;--bs-btn-hover-border-color:#e4e4e4;color:#111}
.text-primary,.text-success,.text-info,.text-warning,.text-danger,.link-primary{color:#fff!important}
.user-avatar,.topbar-avatar,.table-avatar,.btn-primary{color:#111}

/* Destaques verdes da interface */
:root{--bs-primary:#22c55e;--bs-primary-rgb:34,197,94;--teal:#22c55e}
.eyebrow,.section-kicker,.auth-kicker{color:#22c55e}
.side-nav a.active{border-color:#22c55e;color:#fff;background:rgba(34,197,94,.12);box-shadow:inset 3px 0 #22c55e}

@media(max-width:720px){.style-support-fields{grid-template-columns:1fr}.style-support-section{padding:16px}}
.welcome-icon,.stat-icon.green,.stat-icon.violet,.stat-icon.blue,.info-icon,.empty-icon,.public-link-icon,.style-setting-icon,.support-icon,.account-form-icon{border-color:rgba(34,197,94,.22);color:#22c55e;background:rgba(34,197,94,.12)}
.btn-primary,.app-package-actions .btn-primary{
 --bs-btn-color:#07140b;
 --bs-btn-bg:#22c55e;
 --bs-btn-border-color:#22c55e;
 --bs-btn-hover-color:#07140b;
 --bs-btn-hover-bg:#16a34a;
 --bs-btn-hover-border-color:#16a34a;
 --bs-btn-active-color:#07140b;
 --bs-btn-active-bg:#15803d;
 --bs-btn-active-border-color:#15803d;
 --bs-btn-disabled-color:#333;
 --bs-btn-disabled-bg:#86efac;
 --bs-btn-disabled-border-color:#86efac;
 color:#07140b;
 box-shadow:0 5px 16px rgba(34,197,94,.16);
}
.btn-outline-primary,.btn-outline-secondary,.btn-outline-light,.btn-outline-danger{--bs-btn-hover-color:#07140b;--bs-btn-hover-bg:#22c55e;--bs-btn-hover-border-color:#22c55e}
.account-model-tabs a.active,.account-model-tabs button[data-account-model].active{border-color:#22c55e;color:#22c55e;background:rgba(34,197,94,.1);box-shadow:inset 0 0 0 1px rgba(34,197,94,.28)}
.account-model-tabs a.active>i,.account-model-tabs button[data-account-model].active>i{color:#22c55e;background:rgba(34,197,94,.13)}
.status-active{border-color:rgba(34,197,94,.25);color:#22c55e;background:rgba(34,197,94,.12)}
.status-active:before{background:#22c55e}
.form-control:focus,.form-select:focus,.public-link-input:focus{border-color:#22c55e;box-shadow:0 0 0 .2rem rgba(34,197,94,.2)}
.form-check-input:checked{border-color:#22c55e;background-color:#22c55e}
.form-check-input:focus{border-color:#22c55e;box-shadow:0 0 0 .2rem rgba(34,197,94,.2)}
.app-package-category,.app-downloader-code label i,.apps-search-box,.apps-search-empty i{color:#22c55e}
.app-image-open:focus-visible,:focus-visible{outline-color:#22c55e}
.app-image-zoom{color:#07140b;background:rgba(34,197,94,.94)}
.apps-image-close,.apps-image-close:hover,.apps-image-close:focus-visible{border-color:#22c55e;color:#07140b;background:#22c55e}
.text-primary,.text-success,.link-primary,a:hover{color:#22c55e!important}
::selection{color:#07140b;background:#22c55e}
::-webkit-scrollbar-thumb:hover{background:#22c55e}
.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){color:#fff}
.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled),.app-package-actions .btn-primary:hover:not(:disabled),.app-package-actions .btn-primary:focus-visible:not(:disabled){--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#15803d;--bs-btn-hover-border-color:#15803d;color:#fff}
.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-light:hover,.btn-outline-danger:hover{border-color:#15803d!important;color:#fff!important;background:#15803d!important}
.apps-image-close:hover,.apps-image-close:focus-visible{border-color:#15803d;color:#fff;background:#15803d}
.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled),.btn.disabled:hover,.btn.disabled:focus-visible{color:#fff!important}

/* Licenças de apps em lote */
.license-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:20px;padding:15px 20px;border-bottom:1px solid #333;background:#222}
.license-bulk-select{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}
.license-bulk-label{margin-right:4px;color:#fff;font-size:13px;font-weight:750}
.license-help{color:#ddd;font-size:12px;line-height:1.5}
.license-app-permission{min-width:132px;margin:0;padding:0}
.license-app-select{min-height:38px;padding-top:6px;padding-bottom:6px;font-size:12px;font-weight:650}
.license-app-select-display{min-width:132px;min-height:38px;padding-top:6px;padding-bottom:6px;border-color:#444;color:#c4c4c4;background-color:#292929;font-size:12px;font-weight:650;opacity:1}
.app-state-disponivel{border:1px solid #475569;color:#cbd5e1;background:#334155}
.app-state-disponivel:before{background:#94a3b8}
.app-state-nao-contratado{border:1px solid #475569;color:#cbd5e1;background:#334155}
.app-state-nao-contratado:before{background:#94a3b8}
.app-state-liberado{border:1px solid rgba(34,197,94,.25);color:#22c55e;background:rgba(34,197,94,.12)}
.app-state-liberado:before{background:#22c55e}
.app-state-bloqueado{border:1px solid rgba(248,113,113,.28);color:#fca5a5;background:rgba(239,68,68,.12)}
.app-state-bloqueado:before{background:#f87171}
.app-state-vencido{border:1px solid rgba(251,191,36,.28);color:#fbbf24;background:rgba(245,158,11,.12)}
.app-state-vencido:before{background:#fbbf24}
.license-plan-summary{display:flex;align-items:center;gap:15px;margin:0 0 18px;padding:18px 20px;border:1px solid #333;border-radius:17px;color:#fff;background:linear-gradient(115deg,#242424,#1d1d1d)}
.license-plan-summary-compact{display:flex;align-items:stretch;flex-direction:column;gap:17px}
.license-plan-summary-main{display:flex;align-items:center;gap:15px}
.license-plan-icon{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border:1px solid rgba(34,197,94,.24);border-radius:13px;color:#22c55e;background:rgba(34,197,94,.12);font-size:20px}
.license-plan-copy{min-width:0;flex:1}
.license-plan-kicker{display:block;color:#22c55e;font-size:10px;font-weight:800;letter-spacing:.12em}
.license-plan-copy h3{margin:3px 0;color:#fff;font-size:18px;font-weight:800}
.license-plan-copy p{margin:0;color:#c4c4c4;font-size:12px;line-height:1.5}
.license-contract-overview{display:grid;gap:5px;min-width:170px;padding-left:18px;border-left:1px solid #414141}
.license-contract-overview .status-pill{justify-self:start}
.license-contract-overview small{color:#a3a3a3;font-size:10px;line-height:1.4}
.license-plan-expiry{display:grid;gap:4px;min-width:190px;padding-left:18px;border-left:1px solid #414141}
.license-plan-expiry span{color:#a3a3a3;font-size:9px;font-weight:800;letter-spacing:.09em}
.license-plan-expiry strong{color:#fff;font-size:13px;font-weight:750}
.license-plan-account-expiry{min-width:160px}
.license-plan-summary+.info-panel{margin-top:-3px}
.license-individual-expiries{padding-top:13px;border-top:1px solid #414141}
.license-individual-expiries-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.license-individual-expiries-heading strong{color:#fff;font-size:12px;font-weight:750}
.license-individual-expiries-heading span{color:#a3a3a3;font-size:10px}
.license-individual-expiries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:210px;overflow:auto;padding-right:3px}
.license-individual-expiry-item{display:grid;gap:4px;min-width:0;padding:9px 11px;border:1px solid #393939;border-radius:10px;background:#1a1a1a}
.license-individual-expiry-item strong{overflow:hidden;color:#e5e5e5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.license-individual-expiry-item span{font-size:10px;line-height:1.35}
.expiry-active{color:#86efac}
.expiry-expired{color:#fbbf24}
.expiry-trial{color:#93c5fd}
.expiry-none{color:#a3a3a3}
.app-package-state{display:inline-flex;margin-top:8px}
.apps-plan-summary{margin-bottom:22px}
.reseller-plan-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(34,197,94,.25);border-radius:999px;color:#86efac;background:rgba(34,197,94,.1);font-size:11px;font-weight:750;white-space:nowrap}
.reseller-plan-full{border-color:rgba(59,130,246,.3);color:#bfdbfe;background:rgba(59,130,246,.12)}
.reseller-plan-note{display:block;margin-top:4px;color:#a3a3a3;font-size:10px;line-height:1.4}
.license-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-top:1px solid #333;background:#222}
.license-actions .btn{min-height:42px;padding:9px 16px;font-size:13px;font-weight:750}
.license-actions .btn:disabled{box-shadow:none}
.reseller-license-heading{align-items:flex-start}
.reseller-license-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.reseller-license-meta>span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid #414141;border-radius:999px;color:#e5e5e5;background:#252525;font-size:12px;font-weight:700}
.reseller-license-meta>.reseller-account-state{border-color:rgba(34,197,94,.28);color:#86efac;background:rgba(34,197,94,.1)}
.reseller-license-meta>.reseller-account-state.is-blocked{border-color:rgba(248,113,113,.3);color:#fca5a5;background:rgba(239,68,68,.12)}
.app-state-em-teste{border:1px solid rgba(96,165,250,.35);color:#bfdbfe;background:rgba(59,130,246,.16)}
.app-state-em-teste:before{background:#60a5fa}
.license-package-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:17px 20px;border:1px solid #333;border-radius:15px;background:linear-gradient(115deg,#242424,#1d1d1d)}
.license-package-main{display:flex;align-items:center;gap:14px;min-width:0}
.license-package-main>div{display:grid;gap:3px;min-width:165px}
.license-package-main>div>strong{color:#fff;font-size:13px}
.license-package-main>div>span:last-child{color:#cbd5e1;font-size:13px}
.license-package-main>.status-pill{margin-left:10px}
.license-package-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.license-package-actions .btn{display:inline-flex;align-items:center;gap:7px;min-height:39px;font-size:12px;font-weight:750}
.license-pending-label{display:inline-flex;align-items:center;gap:6px;color:#fbbf24;font-size:12px;font-weight:750;white-space:nowrap}
.reseller-license-table-panel{overflow:hidden}
.reseller-license-table{min-width:650px}
.reseller-license-table>thead>tr>th{padding:14px 20px;color:#d4d4d4;background:#303030;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.reseller-license-table>tbody>tr>td{padding:16px 20px;border-color:#383838;color:#e5e5e5}
.reseller-license-table>tbody>tr>td:first-child strong{color:#fff;font-size:14px}
.reseller-license-app{display:flex;align-items:center;gap:14px;min-width:250px}
.reseller-license-app>img{display:block;width:150px;height:84px;flex:0 0 auto;object-fit:contain;border:1px solid #3b3b3b;border-radius:10px;background:#07101a}
.license-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:150px}
.license-row-actions form{margin:0}
.license-row-actions .btn{min-height:34px;padding:6px 11px;font-size:11px;font-weight:750;white-space:nowrap}
.license-no-action{color:#737373}
.license-trial-expiry{color:#93c5fd;font-size:12px;font-weight:650}
.license-dialog{width:min(540px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;padding:0;border:1px solid #454545;border-radius:16px;color:#fff;background:#222;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.license-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.license-dialog-form{margin:0}
.license-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #3c3c3c}
.license-dialog-header h3{margin:4px 0 0;color:#fff;font-size:18px;font-weight:800}
.license-dialog-close{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid #444;border-radius:9px;color:#ddd;background:#303030}
.license-dialog-close:hover,.license-dialog-close:focus-visible{border-color:#22c55e;color:#fff;background:#15803d}
.license-dialog-body{display:grid;gap:14px;padding:20px}
.license-dialog-body>p{margin:0;color:#d4d4d4;font-size:13px;line-height:1.55}
.license-dialog-body .form-label{margin-bottom:7px;color:#fff;font-size:12px;font-weight:750}
.license-dialog-body .form-control{border-color:#494949;color:#fff;background:#303030}
.license-dialog-body .form-text{color:#aaa;font-size:11px;line-height:1.45}
.license-dialog-app-name{padding:9px 11px;border:1px solid #3b3b3b;border-radius:9px;color:#86efac;background:#1a1a1a;font-size:13px;font-weight:750}
.license-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #3c3c3c;background:#1e1e1e}
.license-dialog-footer .btn{min-height:39px;font-size:12px;font-weight:750}
.license-dialog-confirm .license-dialog-header .license-plan-kicker{color:#fca5a5}
@media(max-width:720px){
 .license-toolbar{gap:12px;padding:15px}
 .license-bulk-select{align-items:center;gap:8px}
 .license-bulk-label{width:100%}
 .license-app-select{min-height:47px;font-size:16px}
 .license-actions{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}
 .license-actions .btn{width:100%}
 .license-plan-summary{align-items:flex-start;flex-wrap:wrap;padding:15px}
 .license-plan-copy{flex-basis:calc(100% - 62px)}
 .license-plan-expiry{flex-basis:100%;min-width:0;margin-left:61px;padding:10px 0 0;border-top:1px solid #414141;border-left:0}
 .license-plan-summary-main{align-items:flex-start;flex-wrap:wrap}
 .license-contract-overview{flex-basis:100%;min-width:0;margin-left:61px;padding:10px 0 0;border-top:1px solid #414141;border-left:0}
 .license-individual-expiries-heading{align-items:flex-start;flex-direction:column;gap:3px}
 .license-individual-expiries-grid{grid-template-columns:1fr;max-height:240px}
 .reseller-license-heading{align-items:flex-start}
 .reseller-license-heading>.btn{flex:0 0 auto}
 .license-package-panel{align-items:flex-start;flex-direction:column;gap:15px;padding:15px}
 .license-package-main{width:100%;align-items:flex-start;flex-wrap:wrap}
 .license-package-main>.status-pill{margin:5px 0 0 60px}
 .license-package-actions{width:100%;justify-content:flex-start}
 .license-package-actions .btn{flex:1 1 auto;justify-content:center}
 .reseller-license-table{min-width:700px}
 .reseller-license-app{min-width:220px;gap:10px}
 .reseller-license-app>img{width:130px;height:73px}
 .license-row-actions{min-width:125px}
 .license-dialog-header,.license-dialog-body{padding:16px}
 .license-dialog-footer{padding:12px 16px}
}

/* Personalização de APK por revenda simples */
.app-customize-trigger{flex:0 0 auto}
.app-customization-dialog{width:min(560px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;padding:0;border:1px solid #444;border-radius:18px;color:#fff;background:#222;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.app-customization-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(4px)}
.app-reseller-customization{margin:0;padding:0;border:0;border-radius:inherit;background:transparent;color:#fff}
.app-customization-modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #3b3b3b}
.app-reseller-customization-heading{display:flex;align-items:center;gap:12px;min-width:0}
.app-customization-modal-icon{display:flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:11px;color:#22c55e;background:rgba(34,197,94,.13);font-size:18px}
.app-customization-modal-icon>i{display:block;margin:0;line-height:1;vertical-align:0}
.app-reseller-customization-heading>div>strong,.app-reseller-customization-heading>div>span{display:block}
.app-reseller-customization-heading>div>strong{color:#fff;font-size:17px;font-weight:750;line-height:1.25}
.app-reseller-customization-heading [data-customization-initial-focus]:focus{outline:none}
.app-reseller-customization-heading>div>span{margin-top:4px;color:#cbd5e1;font-size:12px;line-height:1.45}
.app-customization-close{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:1px solid #444;border-radius:9px;color:#ddd;background:#333}
.app-customization-close:hover,.app-customization-close:focus-visible{border-color:#22c55e;color:#fff;background:#15803d}
.app-customization-modal-body{padding:20px 22px}
.app-reseller-customization .form-label{margin-bottom:7px;color:#fff;font-size:13px;font-weight:700}
.app-reseller-customization .form-control{border-color:#444;color:#fff;background:#333}
.app-reseller-customization .form-control[type=file]{height:48px;min-height:48px;padding:0;line-height:46px}
.app-reseller-customization .form-control[type=file]::file-selector-button{height:46px;margin:0 12px 0 0;padding:0 14px;border:0;border-right:1px solid #555;color:#fff;background:#222;line-height:normal}
.app-reseller-customization .form-check{display:flex;align-items:flex-start;gap:8px}
.app-reseller-customization .form-check-input{margin:2px 0 0;flex:0 0 auto}
.app-reseller-customization .form-check-label,.app-reseller-customization .form-text{color:#cbd5e1;font-size:12px;line-height:1.5}
.app-customization-modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px 20px;border-top:1px solid #3b3b3b}
.app-customization-modal-footer .btn{min-height:42px;font-size:13px;font-weight:700}
.app-customization-modal-footer .btn-primary{min-width:190px}
@media(max-width:560px){
 .app-customization-modal-header{padding:16px}
 .app-customization-modal-body{padding:16px}
 .app-customization-modal-footer{padding:13px 16px 16px}
 .app-reseller-customization-heading>div>strong{font-size:15px}
 .app-customization-modal-footer .btn-primary{min-width:0;flex:1}
}

/* Configuração dos quatro planos */
.plans-config-panel{max-width:1120px;padding:clamp(20px,3vw,30px)}
.plans-config-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.plans-config-heading h3{margin:5px 0 0;color:var(--ink);font-size:19px;font-weight:750}
.plans-period-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(34,197,94,.25);border-radius:999px;color:#22c55e;background:rgba(34,197,94,.1);font-size:12px;font-weight:700;white-space:nowrap}
.plans-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.plan-config-card{min-width:0;padding:19px;border:1px solid #3d3d3d;border-radius:13px;background:#292929}
.plan-config-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.plan-config-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#22c55e;background:rgba(34,197,94,.12);font-size:17px}
.plan-config-role{color:#b8c2cc;font-size:10px;font-weight:800;letter-spacing:.11em}
.plan-config-card h4{margin:0 0 6px;color:#fff;font-size:15px;font-weight:750}
.plan-config-card p{min-height:38px;margin:0 0 15px;color:#c4c4c4;font-size:12px;line-height:1.5}
.plan-config-card .form-label{margin-bottom:6px;color:#fff;font-size:12px;font-weight:700}
.plan-price-input{max-width:230px}
.plans-config-panel .input-group-text{border-color:#555;color:#fff;background:#333}
.plans-config-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #3d3d3d;border-radius:11px;color:#c4c4c4;background:#292929;font-size:12px;line-height:1.55}
.plans-config-note>i{flex:0 0 auto;margin-top:1px;color:#22c55e}
.plans-config-actions{margin-top:19px}
@media(max-width:700px){.plans-config-grid{grid-template-columns:1fr}.plan-config-card p{min-height:0}.plan-price-input{max-width:none}}

/* Reseller plan picker: two clear, vertical pricing cards. */
.plan-page{max-width:1120px}
.plan-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
.plan-offer-card{position:relative;display:flex;min-width:0;min-height:440px;flex-direction:column;padding:27px;border:1px solid #3d3d3d;border-radius:18px;background:linear-gradient(155deg,#262626 0%,#202020 100%);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.plan-offer-full{background:linear-gradient(155deg,#262626 0%,#202020 100%)}
.plan-offer-card.is-current{border-color:rgba(34,197,94,.72);background:radial-gradient(ellipse at top right,rgba(34,197,94,.13),transparent 55%),linear-gradient(155deg,#242a26 0%,#202020 70%);box-shadow:0 0 0 1px rgba(34,197,94,.12),0 18px 42px rgba(0,0,0,.2)}
.plan-offer-topline{display:flex;align-items:center;gap:12px;margin-bottom:23px}
.plan-card-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:1px solid rgba(34,197,94,.19);border-radius:14px;color:#22c55e;background:rgba(34,197,94,.12);font-size:20px}
.plan-offer-tag,.plan-card-eyebrow{color:#22c55e;font-size:10px;font-weight:800;letter-spacing:.12em}
.plan-current-badge{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;border:1px solid rgba(34,197,94,.3);border-radius:999px;background:rgba(34,197,94,.12);color:#86efac;font-size:11px;font-weight:750;white-space:nowrap}
.plan-offer-title h3{margin:0 0 6px;color:#fff;font-size:23px;font-weight:780}
.plan-offer-title p{margin:0;color:#b6c1ce;font-size:14px;line-height:1.5}
.plan-offer-price{display:flex;align-items:center;gap:12px;margin:23px 0 20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}
.plan-offer-price>strong{color:#fff;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1}
.plan-offer-price>span{color:#b6c1ce;font-size:13px;line-height:1.35}
.plan-offer-features{display:grid;gap:13px;margin:0 0 24px;padding:0;list-style:none}
.plan-offer-features li{display:flex;align-items:flex-start;gap:10px;color:#e5e7eb;font-size:14px;line-height:1.45}
.plan-offer-features i{flex:0 0 auto;margin-top:2px;color:#22c55e}
.plan-offer-action-form{margin-top:auto}
.plan-offer-secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;color:#b6c1ce;font-size:13px;font-weight:650;text-decoration:none;transition:color .16s ease}
.plan-offer-secondary-link:hover,.plan-offer-secondary-link:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.plan-offer-secondary-link:focus-visible{outline:2px solid #22c55e;outline-offset:3px;border-radius:3px}
.plan-offer-action{display:flex;min-height:48px;align-items:center;justify-content:center;gap:9px;margin-top:auto;border-radius:11px;font-weight:750}
.plan-offer-action-form .plan-offer-action{width:100%}
.plan-offer-individual .plan-offer-action{border-color:#555;color:#fff;background:#333}
.plan-offer-individual .plan-offer-action:hover{border-color:#22c55e;color:#fff;background:#176c3b}
.plan-offer-full .plan-offer-action{border-color:#22c55e;color:#06140b;background:#22c55e}
.plan-offer-full .plan-offer-action:hover{border-color:#19a34a;color:#fff;background:#16803b}
.plan-offer-action:focus-visible{outline:2px solid #22c55e;outline-offset:3px;box-shadow:none}
.plan-offer-status{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#86efac;font-size:13px;font-weight:700}
.plan-offer-footnote{display:block;margin-top:12px;color:#aeb8c4;font-size:11px;line-height:1.45;text-align:center}
.plan-checkout-panel{max-width:860px;padding:clamp(20px,3vw,32px)}
.plan-checkout-app{display:flex;align-items:center;gap:16px;margin-bottom:23px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.1)}
.plan-checkout-app>div{min-width:0;flex:1}
.plan-checkout-app h3{margin:4px 0;color:#fff;font-size:20px;font-weight:750}
.plan-checkout-app p{margin:0;color:#b6c1ce;font-size:13px}
.plan-checkout-price{color:#fff;font-size:19px;white-space:nowrap}
.plan-checkout-price small{display:block;color:#aab5c1;font-size:11px;font-weight:500;text-align:right}
.plan-quote-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:17px;border:1px solid #3d3d3d;border-radius:12px;background:#292929}
.plan-quote-summary>div{display:grid;gap:5px}
.plan-quote-summary span,.plan-quote-summary small{color:#b6c1ce;font-size:12px}
.plan-quote-summary strong{color:#fff;font-size:15px}
.plan-quote-summary .plan-quote-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(255,255,255,.1)}
.plan-quote-summary .plan-quote-total strong{color:#86efac;font-size:20px}
.plan-quote-summary>small{grid-column:1/-1}
@media(max-width:760px){.plan-cards-grid{grid-template-columns:1fr;gap:14px}.plan-offer-card{min-height:0;padding:22px}.plan-quote-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.plan-checkout-app{align-items:flex-start;flex-wrap:wrap}.plan-checkout-price{margin-left:62px}.plan-quote-summary{grid-template-columns:1fr}.plan-quote-summary .plan-quote-total{grid-column:auto}.plan-quote-summary>small{grid-column:auto}.plan-offer-topline{flex-wrap:wrap}.plan-current-badge{margin-left:0}}

/* Ajuste opcional do vencimento no checkout individual */
.plan-expiry-toggle{display:flex;align-items:center;gap:11px;margin-top:2px;color:#f3f4f6;font-weight:650;cursor:pointer}
.plan-expiry-toggle .form-check-input{width:18px;height:18px;margin:0;border-color:#667085;background-color:#292929;cursor:pointer}
.plan-expiry-toggle .form-check-input:checked{border-color:#1fc76a;background-color:#1fc76a}
.plan-expiry-fields{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;align-items:stretch}
.plan-expiry-fields[hidden]{display:none!important}
.plan-expiry-fields:not([hidden]){display:grid}
.plan-expiry-current,.plan-expiry-new{min-width:0;padding:15px 16px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#292929}
.plan-expiry-current{display:flex;flex-direction:column;justify-content:center;gap:8px}
.plan-expiry-current span{color:#9ca3af;font-size:11px;font-weight:750;letter-spacing:.06em}
.plan-expiry-current strong{color:#fff;font-size:16px}
.plan-expiry-new .form-label{margin-bottom:8px;color:#f3f4f6;font-weight:650}
.plan-expiry-new .form-text{margin-top:7px}
@media(max-width:600px){.plan-expiry-fields{grid-template-columns:1fr;gap:10px}.plan-expiry-current,.plan-expiry-new{padding:13px}}

/* Pagamento Pix manual dos planos */
.pix-manual-box{display:grid;gap:14px;margin:14px 0;padding:17px;border:1px solid rgba(34,197,94,.2);border-radius:14px;background:linear-gradient(135deg,rgba(34,197,94,.075),rgba(41,41,41,.96) 46%)}
.pix-manual-heading{display:flex;align-items:center;gap:12px;min-width:0}
.pix-manual-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(34,197,94,.14);color:#22c55e;font-size:20px}
.pix-manual-copy{display:grid;gap:3px;min-width:0;flex:1}
.pix-manual-copy strong{color:#fff;font-size:14px}
.pix-manual-copy>span{color:#b6c1ce;font-size:12px}
.pix-manual-amount{display:grid;gap:3px;text-align:right;white-space:nowrap}
.pix-manual-amount small{color:#9ca3af;font-size:10px;font-weight:750;letter-spacing:.06em}
.pix-manual-amount strong{color:#86efac;font-size:18px}
.pix-manual-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(20,20,20,.46)}
.pix-manual-key-row>div{display:grid;gap:4px;min-width:0}
.pix-manual-key-row>div>span{color:#9ca3af;font-size:10px;font-weight:750;letter-spacing:.07em}
.pix-manual-key-row code{color:#f3f4f6;font-size:13px;overflow-wrap:anywhere}
.pix-manual-key-row .btn{flex:none;font-size:12px}
.pix-manual-confirm{display:flex;align-items:flex-start;gap:10px;color:#edf5ef;font-size:13px;font-weight:600;cursor:pointer}
.pix-manual-confirm .form-check-input{width:17px;height:17px;flex:none;margin:2px 0 0;border-color:#68766d;background-color:#292929}
.pix-manual-confirm .form-check-input:checked{border-color:#22c55e;background-color:#22c55e}
.pix-manual-note{margin:0;color:#aebdb5;font-size:11px}
.plan-offer-action-form .pix-manual-box{margin:18px 0 14px;text-align:left}
.plan-term-select{margin:16px 0}.plan-term-select .form-select{min-height:46px}.plan-checkout-panel #term_months{max-width:540px}
.pix-payer-box{margin-top:14px}.plan-payment-panel{max-width:1000px}.plan-payment-summary{display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:center;padding:18px 20px;border-radius:12px;background:#2b322e}.plan-payment-summary span{color:#b6c1ce}.plan-payment-summary strong{color:#86efac;font-size:1.1rem;text-align:right}.plan-payment-content{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px;align-items:center;margin-top:24px}.plan-payment-qr{display:grid;place-items:center;min-height:280px;padding:16px;border-radius:14px;background:#fff}.plan-payment-qr img{display:block;width:min(100%,260px);height:auto;aspect-ratio:1;object-fit:contain}.plan-payment-copy h3{margin:0 0 8px;color:#fff}.plan-payment-copy p{color:#aebdb5}.plan-payment-copy .btn{margin-top:10px}.plan-payment-expiry{color:#b6c1ce}.plan-payment-success{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.plan-payment-check{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:rgba(34,197,94,.14);color:#22c55e;font-size:32px}.plan-payment-success h3{margin:14px 0 4px;color:#fff}.plan-payment-success p{color:#b6c1ce}.plan-payment-success .btn{margin-top:12px}@media(max-width:720px){.plan-payment-content{grid-template-columns:1fr;gap:20px}.plan-payment-qr{min-height:240px}.plan-payment-summary{padding:15px}}
@media(max-width:520px){.pix-manual-box{padding:14px}.pix-manual-heading{align-items:flex-start;flex-wrap:wrap}.pix-manual-amount{width:100%;margin-left:54px;text-align:left}.pix-manual-key-row{align-items:flex-start;flex-direction:column}.pix-manual-key-row .btn{width:100%}}

/* Billing history */
.invoice-heading{margin-bottom:18px}
.invoice-status-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.invoice-filter{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:7px 12px;border:1px solid #3b3b3b;border-radius:9px;color:#c7c7c7;background:#222;text-decoration:none;font-size:12px;font-weight:700}
.invoice-filter:hover,.invoice-filter.is-active{border-color:rgba(34,197,94,.55);color:#86efac;background:rgba(34,197,94,.1)}
.invoice-filter b{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;color:#86efac;background:rgba(34,197,94,.14);font-size:10px}
.invoice-table{min-width:760px}
.invoice-table thead th{padding:13px 16px}
.invoice-table tbody td{padding:15px 16px}
.invoice-description{display:grid;gap:4px}
.invoice-description strong{color:#f4f4f4;font-size:13px}
.invoice-description small{color:#a3a3a3;font-size:11px}
.invoice-amount{color:#86efac;white-space:nowrap}
.invoice-state{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}
.invoice-state:before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}
.invoice-state-paid{color:#86efac;background:rgba(34,197,94,.13)}
.invoice-state-pending{color:#fcd34d;background:rgba(245,158,11,.13)}
.invoice-state-cancelled{color:#fca5a5;background:rgba(239,68,68,.13)}
.invoice-no-action{color:#777}
.invoice-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #383838;color:#aaa;font-size:11px}
.invoice-pagination>div{display:flex;gap:7px}
.admin-invoice-search{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:9px;margin:0 0 14px;padding:12px;border:1px solid #383838;border-radius:12px;background:#222}
.admin-invoice-search .form-control{min-width:0;min-height:40px;border-color:#414141;color:#fff;background:#303030;font-size:12px}
.admin-invoice-search .form-control::placeholder{color:#a3a3a3}
.admin-invoice-reseller{display:grid;gap:4px;min-width:150px}
.admin-invoice-reseller strong{color:#f4f4f4;font-size:13px}
.admin-invoice-reseller small{color:#a3a3a3;font-size:11px}
.admin-invoice-table{min-width:900px}
@media(max-width:720px){.invoice-status-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-filter{justify-content:space-between}.invoice-table{min-width:680px}.invoice-pagination{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.admin-invoice-search{grid-template-columns:1fr 1fr}.admin-invoice-search .form-control{grid-column:1/-1}.admin-invoice-search .btn{width:100%}.admin-invoice-table{min-width:850px}}

/* Revendas: filtros e ações compactas */
.resellers-table-panel{overflow:hidden}
.resellers-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:12px;padding:14px 16px;border-bottom:1px solid #373737;background:#1c1c1c}
.resellers-search{display:flex;align-items:center;gap:10px;min-width:220px;min-height:40px;padding:0 12px;border:1px solid #414141;border-radius:9px;color:#22c55e;background:#292929}
.resellers-search .form-control{min-width:0;min-height:38px;padding:7px 0;border:0;color:#fff;background:transparent;box-shadow:none;font-size:12px}
.resellers-search .form-control::placeholder{color:#aaa}
.resellers-search .form-control::-webkit-search-cancel-button{cursor:pointer}
.resellers-filter-selects{display:flex;align-items:end;gap:8px}
.reseller-filter-field{display:grid;gap:4px;min-width:112px;color:#a3a3a3;font-size:10px;font-weight:750}
.reseller-filter-field:last-child{min-width:158px}
.reseller-filter-field .form-select{min-height:38px;padding:6px 29px 6px 10px;border-color:#414141;color:#eee;background-color:#292929;font-size:11px}
.resellers-filter-summary{display:flex;align-items:center;gap:10px;min-height:38px;color:#a3a3a3;font-size:11px;white-space:nowrap}
.resellers-filter-summary .btn{min-height:34px;padding:5px 10px;border-color:#484848;color:#ddd;background:#292929;font-size:11px}
.reseller-admin-table{min-width:1160px}
.reseller-admin-table thead th{padding:11px 13px;font-size:10px}
.reseller-admin-table tbody td{padding:10px 13px;font-size:12px}
.reseller-admin-table thead th:nth-child(7),.reseller-admin-table tbody td:nth-child(7){width:300px}
.reseller-admin-table .table-person{gap:8px;min-width:0}
.reseller-admin-table .table-avatar{width:30px;height:30px;flex:0 0 auto}
.reseller-admin-table .table-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reseller-admin-table .username-cell,.reseller-admin-table .reseller-created-by{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reseller-admin-table .reseller-plan-note{font-size:9px}
.reseller-admin-table .role-pill,.reseller-admin-table .status-pill,.reseller-admin-table .reseller-plan-pill{padding:5px 8px;font-size:10px}
.reseller-action-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:278px;flex-wrap:nowrap}
.reseller-action-buttons form{display:contents}
.reseller-action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:34px;padding:5px 7px;border-radius:7px;font-size:10px;font-weight:750;white-space:nowrap}
.reseller-action-apps{border:1px solid #22c55e;color:#07140b;background:#22c55e;box-shadow:0 3px 9px rgba(34,197,94,.12)}
.reseller-action-apps:hover,.reseller-action-apps:focus-visible{border-color:#16a34a;color:#07140b!important;background:#16a34a}
.reseller-action-edit{border:1px solid #454545;color:#e5e5e5;background:#303030}
.reseller-action-edit:hover,.reseller-action-edit:focus-visible{border-color:#22c55e;color:#fff!important;background:#26372d}
.reseller-action-block{border:1px solid rgba(248,113,113,.34);color:#fca5a5;background:rgba(127,29,29,.16)}
.reseller-action-block:hover,.reseller-action-block:focus-visible{border-color:rgba(248,113,113,.62);color:#fecaca!important;background:rgba(127,29,29,.3)}
.reseller-action-unblock{border:1px solid rgba(34,197,94,.32);color:#86efac;background:rgba(34,197,94,.1)}
.reseller-action-unblock:hover,.reseller-action-unblock:focus-visible{border-color:#22c55e;color:#bbf7d0!important;background:rgba(34,197,94,.17)}
.reseller-admin-table tbody tr[hidden]{display:none!important}
.resellers-filter-empty{padding:20px;text-align:center;color:#a3a3a3;font-size:12px}
@media(max-width:1100px){.resellers-filter-bar{grid-template-columns:minmax(200px,1fr) auto;align-items:center}.resellers-filter-selects{grid-column:1/-1;grid-row:2;justify-content:flex-start}.resellers-filter-summary{grid-column:2;grid-row:1}}
@media(max-width:720px){
 .resellers-filter-bar{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}
 .resellers-search{min-width:0}
 .resellers-filter-selects{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .reseller-filter-field,.reseller-filter-field:last-child{min-width:0}
 .resellers-filter-summary{grid-column:1;grid-row:auto;justify-content:space-between}
 .reseller-admin-table{width:100%;min-width:0}
 .reseller-admin-table thead{display:none}
 .reseller-admin-table tbody{display:block;padding:8px}
 .reseller-admin-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 9px;padding:7px 11px;border:1px solid #383838;border-radius:11px;background:#222}
 .reseller-admin-table tbody tr:last-child{margin-bottom:0}
 .reseller-admin-table tbody td{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:5px;padding:8px 4px!important;border:0;color:#eee;font-size:11px;overflow-wrap:anywhere}
 .reseller-admin-table tbody td:before{content:attr(data-label);color:#aaa;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
 .reseller-admin-table tbody td:first-child,.reseller-admin-table tbody td[data-label="Ações"]{grid-column:1/-1}
 .reseller-admin-table tbody td:first-child:before{margin-bottom:2px}
 .reseller-admin-table .table-person{align-items:center;flex-direction:row;gap:10px}
 .reseller-admin-table .table-person strong{font-size:12px}
 .reseller-admin-table .table-avatar{width:30px;height:30px}
 .reseller-admin-table .username-cell,.reseller-admin-table .reseller-created-by{white-space:normal}
 .reseller-admin-table .reseller-plan-note{margin-top:2px}
 .reseller-action-buttons{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
 .reseller-action-buttons .btn{min-height:36px;padding:5px 4px;font-size:10px}
}

/* Ajuste geral de responsividade */
@media (min-width:721px) and (max-width:1000px){
 .topbar{padding-right:clamp(18px,3vw,30px);padding-left:clamp(18px,3vw,30px)}
 .page-content{padding:24px clamp(18px,3vw,30px) 44px}
 .welcome-panel{padding:22px}
}
@media (max-width:720px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .app-shell,.main-panel,.page-content{width:100%;max-width:100%;min-width:0}
 .page-content>*{min-width:0;max-width:100%}
 .topbar,.topbar-account,.page-heading-row,.page-heading-row>div{min-width:0}
 .page-heading-row h2{font-size:clamp(19px,5vw,22px);overflow-wrap:anywhere}
 .welcome-panel,.stat-card,.info-panel,.form-panel,.table-panel,.simple-account-panel{min-width:0;max-width:100%}
 .welcome-panel>div:first-child{min-width:0}
 img,video,canvas{max-width:100%}
 .form-control,.form-select,textarea,select{max-width:100%}
 .table-responsive{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .table-responsive>.panel-table,.panel-table{width:100%;min-width:0}
 .invoice-table,.admin-invoice-table,.reseller-license-table{width:100%;min-width:0}
 .reseller-license-app,.license-row-actions,.admin-invoice-reseller,.invoice-description{min-width:0;max-width:100%}
 .reseller-license-app{gap:9px}
 .reseller-license-app>img{width:clamp(68px,22vw,112px);height:auto;aspect-ratio:16/9;flex:0 0 auto}
 .reseller-license-app>strong,.admin-invoice-reseller strong,.invoice-description strong{min-width:0;overflow-wrap:anywhere}
 .license-row-actions{flex-wrap:wrap}
 .license-row-actions .btn{min-height:38px;white-space:normal}
 .license-package-actions{display:grid;grid-template-columns:1fr;width:100%}
 .license-package-actions .btn{width:100%}
 .invoice-filter{min-width:0;gap:6px;padding-right:8px;padding-left:8px;font-size:11px}
 .admin-invoice-search{width:100%;min-width:0}
 .resellers-search,.reseller-filter-field{max-width:100%}
 .reseller-action-buttons .btn{white-space:normal;line-height:1.15}
 .app-customization-modal-footer{display:grid;grid-template-columns:1fr}
 .app-customization-modal-footer .btn,.app-customization-modal-footer .btn-primary{width:100%;min-width:0}
 .license-dialog-footer{flex-wrap:wrap}
 .license-dialog-footer .btn{flex:1 1 140px;min-height:42px}
 .plan-payment-content{min-width:0}
 .plan-payment-summary{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 .plan-payment-summary strong{overflow-wrap:anywhere}
 .renew-panel,.renew-item,.renew-bottom,.renew-top{min-width:0;max-width:100%}
 .renew-item{grid-template-columns:20px clamp(58px,18vw,72px) minmax(0,1fr);gap:10px;padding-right:14px;padding-left:14px}
 .renew-image{width:100%;height:auto;aspect-ratio:16/10}
 .renew-expiry{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:420px){
 .topbar{min-height:62px;padding:10px 12px}
 .topbar h1{font-size:17px;overflow-wrap:anywhere}
 .page-content{padding-right:12px;padding-left:12px}
 .page-heading-row{gap:10px}
 .welcome-panel{padding:15px}
 .form-panel,.style-panel,.apps-form,.plans-config-panel,.plan-checkout-panel{padding:14px}
 .table-panel>.table-responsive>.panel-table tbody{padding:6px}
 .table-panel>.table-responsive>.panel-table tbody tr{padding:6px 9px}
 .table-panel>.table-responsive>.panel-table tbody td{padding:8px 3px!important}
 .invoice-status-filters{gap:6px}
 .invoice-filter{min-height:36px;font-size:10px}
 .license-package-panel{padding:13px}
 .license-dialog,.app-customization-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 .auth-card{width:100%;max-width:430px}
}