:root{--ink:#17130f;--text:#28221d;--muted:#7c7067;--bg:#f7f4f0;--card:rgba(255,255,255,.92);--line:#eadfd5;--orange:#ff6a00;--orange-2:#ff9a24;--orange-deep:#d94800;--danger:#e5484d;--ok:#159b70;--warn:#d97706;--shadow:0 18px 50px rgba(77,42,17,.09);--radius:20px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{color-scheme:light}html,body{margin:0;padding:0;min-width:0}body{font-family:var(--font);color:var(--text)}body.panel-body{min-height:100vh;background:radial-gradient(900px 420px at -8% -6%,rgba(255,154,36,.14),transparent 62%),radial-gradient(700px 340px at 105% 4%,rgba(255,106,0,.09),transparent 55%),var(--bg)}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
.top-header{position:sticky;top:0;z-index:40;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(1rem,3vw,2.4rem);color:#fff;background:linear-gradient(115deg,#17100b 0%,#2a170b 55%,#4b1d05 100%);box-shadow:0 10px 30px rgba(38,17,3,.16)}.top-header:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),var(--orange-2),transparent)}.top-left,.top-right{display:flex;align-items:center;gap:1rem;min-width:0}.logo{font-size:1.28rem;font-weight:900;letter-spacing:-.045em;white-space:nowrap}.logo span{color:var(--orange-2)}.live-pills{display:flex;gap:.5rem;flex-wrap:wrap}.live-pills span,.credits-pill{border:1px solid rgba(255,163,75,.24);background:rgba(255,123,21,.11);color:#ffd5b4;border-radius:999px;padding:.38rem .68rem;font-size:.78rem;font-weight:700}.user-menu{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-size:.88rem;font-weight:750}.user-menu small{color:#cbbcaf;font-size:.68rem;font-weight:500}.nav-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07);padding:10px}.nav-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:#fff;transition:.2s ease}
.main-nav{position:sticky;top:70px;z-index:35;display:flex;align-items:stretch;gap:.2rem;padding:0 clamp(1rem,3vw,2.4rem);background:rgba(255,255,255,.91);border-bottom:1px solid rgba(224,207,193,.82);backdrop-filter:blur(18px)}.main-nav a,.logout-form button{display:flex;align-items:center;min-height:48px;padding:0 .9rem;border:0;border-bottom:2px solid transparent;background:transparent;color:#75685d;font-size:.84rem;font-weight:700;cursor:pointer}.main-nav a:hover,.main-nav a.active,.logout-form button:hover{color:var(--orange-deep);background:rgba(255,106,0,.055)}.main-nav a.active{border-bottom-color:var(--orange)}.logout-form{margin:0 0 0 auto;display:flex}.nav-scrim{display:none}
.content{width:min(1480px,100%);margin:0 auto;padding:clamp(1rem,2.6vw,2rem) clamp(1rem,3vw,2.4rem) 3rem}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.topbar h1{margin:0;font-size:clamp(1.45rem,2.8vw,2rem);letter-spacing:-.045em;color:var(--ink)}.topbar p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}
.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.1rem}.metric{position:relative;overflow:hidden;min-height:112px;display:flex;align-items:center;gap:.9rem;padding:1.1rem;border-radius:var(--radius);color:#fff;background:linear-gradient(140deg,#25170e,#4b2108);box-shadow:var(--shadow)}.metric:after{content:"";position:absolute;width:120px;height:120px;right:-45px;top:-48px;border-radius:50%;background:rgba(255,255,255,.08)}.metric-ico{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.12);font-size:1.05rem}.metric-val{font-size:1.55rem;font-weight:850;line-height:1}.metric-lbl{margin-top:.35rem;color:rgba(255,255,255,.72);font-size:.75rem}.m-purple,.m-blue,.m-navy{background:linear-gradient(140deg,#28170c,#7d2e00)}.m-green{background:linear-gradient(140deg,#103226,#147d58)}.m-pink{background:linear-gradient(140deg,#45161a,#a92c30)}.m-orange{background:linear-gradient(140deg,var(--orange-deep),var(--orange-2))}
.card,.panel-card,.status-banner{background:var(--card);border:1px solid rgba(231,218,207,.88);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.card,.panel-card{overflow:hidden;margin-bottom:1rem}.card-h,.panel-card-h{padding:1rem 1.15rem;border-bottom:1px solid var(--line);font-weight:800;color:var(--ink)}.card-h{display:flex;justify-content:space-between;align-items:center}.card-h h2{margin:0;font-size:1rem}.card-b,.panel-card-b{padding:1.15rem}.panel-card.span-2{grid-column:1/-1}.status-banner{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;margin-bottom:1rem;color:var(--ok);font-weight:750}.status-banner .check{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(21,155,112,.12)}.dash-grid,.grid-2-dash{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1rem}.chart-box{height:260px}.welcome-block h1{margin:0 0 1rem;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.04em}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field.full{grid-column:1/-1}.field label{color:#675b52;font-size:.8rem;font-weight:700}.input,.select{width:auto;max-width:100%;min-width:220px;min-height:46px;border:1px solid #dfd2c7;border-radius:13px;padding:.72rem .85rem;background:#fff;color:var(--text);outline:0;transition:border-color .18s,box-shadow .18s}.input:focus,.select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,106,0,.11)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:13px;padding:.7rem 1.05rem;cursor:pointer;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(255,106,0,.21);transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px);box-shadow:0 20px 55px rgba(255,106,0,.15)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:#fff;color:#4c4037;border:1px solid var(--line);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#ed5960,#c92b31)}.btn.sm{min-height:34px;padding:.38rem .68rem;border-radius:10px;font-size:.76rem}.chip,.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px}.chip{padding:.42rem .72rem;background:#fffaf6;border:1px solid var(--line);color:var(--muted);font-size:.8rem}.chip b{color:var(--ink)}.badge{padding:.22rem .55rem;font-size:.72rem;font-weight:800}.badge.ok{background:#dff7ed;color:#087353}.badge.warn{background:#fff0d5;color:#a85d00}.badge.danger{background:#ffe3e4;color:#ad2027}.badge.muted{background:#eee9e5;color:#675c54}.flash{padding:.82rem .95rem;border-radius:13px;margin-bottom:1rem;border:1px solid var(--line);background:#fff;font-size:.88rem}.flash.success{background:#eafaf4;color:#087353;border-color:#bcebd9}.flash.error{background:#fff0f0;color:#ad2027;border-color:#f3c3c5}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}
.table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:.82rem .9rem;text-align:left;border-bottom:1px solid var(--line);font-size:.84rem}th{color:#887a6f;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}tbody tr:hover td{background:#fffaf6}
.month-pills,.bq-toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.month-pill{min-height:42px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:.58rem .9rem;cursor:pointer;font-weight:750}.month-pill.active{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 8px 18px rgba(255,106,0,.18)}.bq-toolbar{margin:.45rem 0 .75rem}.bq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;max-height:390px;overflow:auto;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:#fcfaf8}.bq-item{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem;border-radius:9px;font-size:.85rem;line-height:1.3;cursor:pointer}.bq-item:hover{background:#fff0e5}.bq-item input{margin-top:.12rem;accent-color:var(--orange)}.loc-list{display:flex;flex-direction:column;gap:.7rem}.loc-row{display:grid;grid-template-columns:130px 1fr 88px;gap:.55rem;align-items:center;font-size:.82rem}.bar{height:8px;overflow:hidden;border-radius:999px;background:#eee5dd}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.login-page{min-height:100svh;display:grid;place-items:center;padding:clamp(1rem,4vw,2.5rem);background:linear-gradient(90deg,rgba(7,5,4,.28),rgba(7,5,4,.18)),url('../images/login-cinematic.png') center/cover no-repeat fixed,#100b07}.login-shell{width:min(980px,100%);min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(15,10,7,.62);box-shadow:0 35px 100px rgba(0,0,0,.48);backdrop-filter:blur(16px)}.login-intro{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.6rem,4vw,3rem);color:#fff;background:linear-gradient(140deg,rgba(14,10,8,.36),rgba(104,38,0,.18))}.login-brandline,.login-mobile-brand{display:flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:-.03em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 10px 28px rgba(255,106,0,.3);font-weight:900}.eyebrow{color:var(--orange-2);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.login-intro h2{max-width:520px;margin:.7rem 0 .75rem;font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.02;letter-spacing:-.055em}.login-intro p{max-width:430px;margin:0;color:#d4c6ba;line-height:1.6}.login-signal{display:flex;align-items:center;gap:.55rem;color:#d8c8bb;font-size:.76rem}.login-signal i{width:8px;height:8px;border-radius:50%;background:var(--orange-2);box-shadow:0 0 0 7px rgba(255,154,36,.12);animation:signal 2s ease-in-out infinite}@keyframes signal{50%{box-shadow:0 0 0 12px rgba(255,154,36,0)}}.login-card{align-self:center;margin:1.2rem;padding:clamp(1.5rem,4vw,2.4rem);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(0,0,0,.22)}.login-card h1{margin:.45rem 0 .35rem;color:var(--ink);font-size:1.85rem;letter-spacing:-.045em}.login-copy{margin:0 0 1.35rem;color:var(--muted);font-size:.86rem}.login-card .field{margin-bottom:.9rem}.login-card .input{width:100%;min-width:0}.login-card .btn{width:100%;margin-top:.2rem}.login-mobile-brand{display:none;margin-bottom:1.5rem}.login-foot{display:block;margin-top:1rem;color:#93867b;text-align:center;font-size:.68rem}
@media(max-width:1050px){.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.grid-2-dash{grid-template-columns:1fr}}
@media(max-width:760px){.top-header{min-height:62px;padding:.62rem .9rem}.live-pills,.credits-pill,.user-menu{display:none}.nav-toggle{display:block}.main-nav{position:fixed;z-index:60;top:0;right:0;bottom:0;left:auto;width:min(82vw,310px);padding:5rem 1rem 1rem;flex-direction:column;align-items:stretch;gap:.35rem;background:#1a110b;border:0;transform:translateX(105%);transition:transform .24s ease;box-shadow:-20px 0 60px rgba(0,0,0,.35)}.nav-open .main-nav{transform:translateX(0)}.main-nav a,.logout-form button{width:100%;min-height:48px;padding:0 1rem;border:0;border-radius:12px;color:#d9c9bc}.main-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(255,106,0,.34),rgba(255,154,36,.15))}.logout-form{margin:auto 0 0}.nav-scrim{display:block;position:fixed;z-index:55;inset:0;background:rgba(12,8,5,.58);opacity:0;pointer-events:none;transition:opacity .24s}.nav-open .nav-scrim{opacity:1;pointer-events:auto}.content{padding:1rem .8rem 2rem}.topbar{align-items:stretch;flex-direction:column}.topbar>div:last-child{width:100%}.topbar .btn{flex:1}.form-grid{grid-template-columns:1fr;gap:.85rem}.field.full{grid-column:auto}.input,.select{width:100%;min-width:0}.card-b,.panel-card-b{padding:.9rem}.bq-grid{grid-template-columns:1fr;max-height:330px}.login-page{padding:.75rem;background-attachment:scroll}.login-shell{display:block;min-height:0;max-width:430px;border-radius:22px;background:rgba(12,8,5,.55)}.login-intro{display:none}.login-card{margin:.55rem;padding:1.35rem 1.15rem;border-radius:18px}.login-mobile-brand{display:flex}.login-card h1{font-size:1.55rem}}
@media(max-width:480px){.dash-metrics{grid-template-columns:1fr 1fr;gap:.65rem}.metric{min-height:92px;padding:.8rem;gap:.65rem;border-radius:16px}.metric-ico{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:.9rem}.metric-val{font-size:1.22rem}.metric-lbl{font-size:.66rem}.topbar h1{font-size:1.45rem}.toolbar .input,.toolbar .select,.toolbar .btn{width:100%}.month-pill{flex:1 1 calc(50% - .5rem)}.card,.panel-card,.status-banner{border-radius:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:760px){.login-page{padding:1rem;background-position:58% center}.login-shell{max-width:340px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.login-card{margin:0;padding:1rem .95rem;border-radius:16px}.login-mobile-brand{margin-bottom:.7rem}.login-card h1{margin:.2rem 0;font-size:1.3rem}.login-copy{margin-bottom:.75rem;font-size:.78rem}.login-card .field{margin-bottom:.6rem}.login-card .input{min-height:40px;padding:.5rem .7rem}.login-card .btn{min-height:40px;padding:.55rem .8rem}.login-foot{margin-top:.55rem}.login-mobile-brand .brand-mark{width:34px;height:34px;border-radius:10px}.renewal-choice{padding:.8rem;background:#fff8f2;border:1px solid var(--line)}}
@media(max-width:480px){.login-shell{max-width:318px}.login-page{padding:.75rem}.login-card{padding:.9rem .85rem}}

/* FLUJO palette — color-only layer; layout and behavior remain unchanged. */
:root{--ink:#f7f7f8;--text:#e7e7e9;--muted:#9b9ca2;--bg:#101116;--card:rgba(25,26,32,.96);--line:#303138;--orange:#f4510b;--orange-2:#ff8a00;--orange-deep:#dc3f00;--shadow:0 18px 50px rgba(0,0,0,.28)}
html{color-scheme:dark}body.panel-body{background:radial-gradient(900px 420px at -8% -6%,rgba(244,81,11,.15),transparent 62%),radial-gradient(700px 340px at 105% 4%,rgba(255,138,0,.08),transparent 55%),var(--bg)}
.top-header{background:linear-gradient(115deg,#090a0d 0%,#15161b 58%,#281207 100%)}
.live-pills span,.credits-pill{border-color:rgba(255,125,47,.3);background:rgba(244,81,11,.12);color:#ffc39f}.user-menu small{color:#a7a7ad}
.main-nav{background:rgba(18,19,24,.95);border-bottom-color:#2e3036}.main-nav a,.logout-form button{color:#aaaab0}.main-nav a:hover,.main-nav a.active,.logout-form button:hover{color:#ff7a35;background:rgba(244,81,11,.09)}
.card,.panel-card,.status-banner{border-color:#303138}.card-h,.panel-card-h{border-bottom-color:#303138}.field label{color:#b9b9be}
.input,.select{border-color:#3a3b42;background:#202127;color:#f1f1f2}.input:focus,.select:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(244,81,11,.15)}
.btn.ghost{background:#24252b;color:#dedee1;border-color:#3a3b42}.chip{background:#202127;border-color:#35363d;color:#aaaab0}.chip b{color:#f1f1f2}
.flash{border-color:#3a3b42;background:#202127}.flash.success{background:#142a23;color:#6cdbb3;border-color:#245b48}.flash.error{background:#34191b;color:#ff9599;border-color:#6a292d}
th{color:#8f9096}tbody tr:hover td{background:#1e1f25}.month-pill{border-color:#3a3b42;background:#202127;color:#e7e7e9}.bq-grid{border-color:#35363d;background:#17181d}.bq-item:hover{background:#2a1b15}.bar{background:#303138}
.login-card{background:rgba(24,25,30,.96)}.login-card h1{color:#f7f7f8}.login-copy{color:#a6a7ad}.login-foot{color:#8d8e94}
@media(max-width:760px){.main-nav{background:#121318}.main-nav a,.logout-form button{color:#c8c8cc}.renewal-choice{background:#211914;border-color:#3b302b}}

/* Compact mobile login proportions based on the supplied reference. */
@media(max-width:760px){
  .login-page{padding:.65rem;place-items:center;background-position:center}
  .login-shell{width:min(88vw,292px);max-width:292px}
  .login-card{margin:0;padding:.78rem .8rem;border-radius:13px}
  .login-mobile-brand{margin:0 0 .45rem;justify-content:center}
  .login-mobile-brand img{width:112px!important;max-width:48vw!important}
  .login-card .eyebrow{font-size:.57rem;letter-spacing:.1em}
  .login-card h1{margin:.12rem 0;font-size:1.08rem;letter-spacing:-.025em}
  .login-copy{margin:0 0 .52rem;font-size:.68rem}
  .login-card .field{gap:.22rem;margin-bottom:.45rem}
  .login-card .field label{font-size:.68rem}
  .login-card .input{min-height:35px;padding:.38rem .58rem;border-radius:9px;font-size:.78rem}
  .login-card .btn{min-height:36px;margin-top:.05rem;padding:.42rem .65rem;border-radius:9px;font-size:.76rem}
  .login-foot{margin-top:.42rem;font-size:.56rem}
  .login-card .flash{padding:.48rem .58rem;margin-bottom:.5rem;font-size:.68rem;border-radius:9px}
}
@media(max-width:360px){.login-shell{width:min(90vw,276px);max-width:276px}.login-card{padding:.7rem .72rem}.login-mobile-brand img{width:102px!important}}

/* Supplied FLUJO artwork, with contrast protection for the form. */
.login-page{background-image:linear-gradient(90deg,rgba(8,8,10,.48),rgba(8,8,10,.34)),url('../images/login-flujo-bg.png')}

/* Refined spacing and controls; retain the FLUJO dark/orange palette. */
[hidden]{display:none!important}
body.panel-body{overflow-x:clip}
.content{padding-top:1.75rem}.topbar{margin-bottom:1.6rem;align-items:center}.topbar .eyebrow{margin-bottom:.55rem}.topbar p{line-height:1.6;max-width:680px}
.main-nav{gap:.35rem;padding-top:.25rem;padding-bottom:.25rem}.main-nav a,.logout-form button{min-height:46px;border-radius:10px;border-bottom:0}.main-nav a.active{background:rgba(244,81,11,.13);color:#ff975e}
.card,.panel-card{box-shadow:0 10px 30px rgba(0,0,0,.15)}.card-h,.panel-card-h{padding:1.15rem 1.3rem}.card-b,.panel-card-b{padding:1.3rem}.metric{border:1px solid rgba(255,255,255,.08)}
.field .input,.field .select{width:100%;min-width:0}.field small{line-height:1.5}.input,.select{min-height:48px}.readonly-field{display:flex;align-items:center;color:var(--muted)}
.btn{transition:background .18s,transform .18s,box-shadow .18s}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #ff975e;outline-offset:4px}.btn.sm{min-height:40px}.form-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.5rem}
.account-form-card{max-width:1040px}.role-picker{border:0;padding:0;margin:0 0 1.6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.role-picker legend{padding:0;margin-bottom:.7rem;color:#b9b9be;font-weight:700;font-size:.8rem}
.role-option{display:flex;align-items:flex-start;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#1d1e25;cursor:pointer;transition:border-color .18s,background .18s}.role-option:has(input:checked){border-color:var(--orange);background:#2a1b16}.role-option:focus-within{outline:2px solid #ff975e;outline-offset:3px}.role-option input{accent-color:var(--orange);margin-top:.2rem;width:17px;height:17px;flex-shrink:0}.role-option strong{display:block;font-size:.88rem}.role-option small{display:block;font-size:.75rem;color:var(--muted);margin-top:.4rem;line-height:1.4}
.account-note{font-size:.86rem;line-height:1.6;padding:.9rem 1rem;border-radius:12px;background:rgba(244,81,11,.08);border:1px solid rgba(244,81,11,.2);color:#e1c3b3}
.team-summary{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.2rem}.row-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row-actions form{margin:0}.role-badge{background:#303139;color:#d5d5dc}.role-badge.admin{background:#422418;color:#ffbc92}.role-badge.super_reseller{background:#2b2940;color:#c5b6ed}.role-badge.sub_reseller{background:#1e3140;color:#a8cfe8}.account-self{display:block;color:var(--muted);font-size:.72rem;margin-top:.3rem}.protected-account{font-size:.73rem;color:var(--muted)}
.created-account{border-color:#32624e}.created-account-body{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.created-account h2{font-size:1.1rem;margin:.7rem 0 .4rem}.created-account p{overflow-wrap:anywhere;line-height:1.6;margin:.3rem 0}
.team-table{min-width:900px}.team-table th,.team-table td{padding:1rem}.user-menu{max-width:230px;overflow-wrap:anywhere}.is-reseller .panel-card-h{border-left:3px solid var(--orange)}
@media(min-width:761px) and (max-width:1100px){.content{padding-left:1.25rem;padding-right:1.25rem}.role-picker{gap:.5rem}.role-option{padding:.85rem}.team-table{min-width:850px}}
@media(max-width:760px){
  .content{padding:1.25rem .9rem 2rem}.topbar{align-items:stretch;margin-bottom:1.2rem}.topbar h1{font-size:1.55rem;line-height:1.2}.topbar p{font-size:.84rem}.card-h,.panel-card-h,.card-b,.panel-card-b{padding:1rem}
  .role-picker{grid-template-columns:1fr;gap:.55rem}.role-option{padding:.9rem}.role-option small{margin-top:.25rem}.form-actions .btn{flex:1 1 130px}.btn.sm{min-height:44px}.team-summary .chip{font-size:.74rem}
  .team-table{min-width:0;display:block}.team-table thead{display:none}.team-table tbody{display:block}.team-table tr{display:block;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.team-table tr:last-child{border-bottom:0}.team-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;border:0;font-size:.82rem;text-align:right;overflow-wrap:anywhere}.team-table td:before{content:attr(data-label);color:var(--muted);font-size:.73rem;flex-shrink:0;text-align:left}.team-table td:first-child{font-size:.96rem;flex-wrap:wrap}.team-table .account-self{flex-basis:100%;margin:0}.team-table td:last-child{padding-top:.8rem;margin-top:.3rem;border-top:1px solid var(--line)}.team-table tbody tr:hover td{background:transparent}.created-account .btn{width:100%}
  .login-shell{width:min(100%,360px);max-width:360px}.login-card{padding:1.25rem 1.15rem;border-radius:18px}.login-mobile-brand{margin-bottom:.85rem}.login-card h1{font-size:1.4rem}.login-card .eyebrow{font-size:.65rem}.login-copy{font-size:.8rem;margin-bottom:1rem}.login-card .field{gap:.35rem;margin-bottom:.8rem}.login-card .field label{font-size:.8rem}.login-card .input{min-height:46px;padding:.65rem .75rem;font-size:1rem}.login-card .btn{min-height:46px;font-size:.9rem}.login-foot{font-size:.68rem;margin-top:.8rem}
}
@media(max-width:380px){.metric{flex-direction:column;align-items:flex-start;gap:.6rem}.metric-val{font-size:1.35rem}.metric-lbl{font-size:.74rem}.content{padding-left:.7rem;padding-right:.7rem}}