@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0e12;--panel:#15171c;--panel2:#181b20;--rail:#101216;--border:#262a31;--border-light:#30343e;--text:#f0f1f3;--muted:#858995;--muted2:#656a75;--orange:#ff8a2a;--orange2:#f36d19;--o-tint:rgba(255,138,42,.12);--green:#68cda6;--rose:#f27b91;--shadow:0 16px 50px rgba(0,0,0,.18)}
*,*:before,*:after{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Manrope,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}select{cursor:pointer}::selection{background:#f88934;color:#171719}.mono,.id-tag{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;display:flex;flex-direction:column;background:var(--rail);border-right:1px solid var(--border);z-index:20;padding:27px 13px 20px}.brand{display:flex;align-items:center;gap:12px;padding:0 13px;margin-bottom:52px;white-space:nowrap}.brand-mark{color:var(--orange);display:flex;align-items:center;justify-content:center}.brand-text strong{display:block;font-family:'Space Grotesk',sans-serif;letter-spacing:1.1px;font-size:23px;font-weight:700;line-height:1.05}.brand-dot,.hero-decoration span,.login-mark span{color:var(--orange)}.brand-text small{font-size:9px;letter-spacing:3px;color:#9296a1;font-weight:800}.sidebar-kicker{color:#666b75;letter-spacing:1.3px;font-size:10px;font-weight:800;margin:0 15px 12px}.side-split{margin-top:27px}.side-nav{display:grid;gap:3px}.nav-link{display:flex;align-items:center;gap:13px;min-height:44px;color:#8c909a;border:1px solid transparent;border-radius:9px;padding:0 13px;font-weight:700;font-size:12px;position:relative;transition:.18s background,.18s color}.nav-link svg{flex-shrink:0}.nav-link:hover{background:rgba(255,255,255,.035);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(255,135,39,.17),rgba(255,135,39,.045));border-color:rgba(255,138,42,.12);color:#ff9c4e}.nav-link.active:before{content:"";position:absolute;left:-13px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:var(--orange)}.nav-mini{margin-left:auto;font-size:9px;letter-spacing:1px;color:#9d7d62}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(255,138,42,.45)}.sidebar-bottom{margin-top:auto}.server-status{margin:12px 6px 20px;padding:14px 12px;background:#1a1d21;border:1px solid #2b2e33;border-radius:10px;display:flex;align-items:center;gap:11px;font-weight:800;font-size:11px}.server-status small{display:block;color:#767e86;font-weight:600;font-size:10px;margin-top:2px}.status-light,.env-dot,.pulse,.live-pill i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58c69c;box-shadow:0 0 0 3px rgba(88,198,156,.1)}.sidebar-footer{border-top:1px solid var(--border);padding:19px 11px 0;display:flex;justify-content:space-between;color:#585c67;font-size:10px}.sidebar-footer .mono{color:#9a9da5;letter-spacing:2px;font-weight:900}.main-panel{margin-left:252px;min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:83px;border-bottom:1px solid #25282e;display:flex;align-items:center;justify-content:space-between;padding:0 34px;flex-shrink:0;background:#111318cc;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.topbar-start,.topbar-actions{display:flex;align-items:center;gap:22px}.breadcrumbs{color:#70747e;font-weight:700;font-size:12px}.breadcrumbs span{margin:0 12px;color:#464952}.breadcrumbs strong{color:#dedfe4;font-weight:700}.env-badge{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:1px;color:#adb1b9;font-size:9px;border:1px solid #35383e;padding:8px 12px;border-radius:6px}.env-dot{width:6px;height:6px}.user-badge{display:flex;align-items:center;gap:10px;border-left:1px solid #30333a;padding-left:21px}.user-avatar,.mini-avatar{background:linear-gradient(145deg,#ffba69,#d9671d);color:#221409;display:grid;place-items:center;font-weight:900;border-radius:9px}.user-avatar{width:36px;height:36px;font-size:15px}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:11px}.user-meta small{font-size:10px;color:#a2a5ad}.top-logout{margin-left:-8px}.icon-button,.hamburger{display:grid;place-items:center;background:transparent;border:0;color:#8f929b;width:35px;height:35px;border-radius:7px}.icon-button:hover,.hamburger:hover{background:var(--panel2);color:var(--orange)}.hamburger{display:none}.content{padding:34px 36px 0;max-width:1900px;width:100%;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 1px}.eyebrow{color:var(--orange);font-size:10px;letter-spacing:2px;font-weight:900;display:flex;align-items:center;gap:9px;text-transform:uppercase}.eyebrow span{display:block;width:18px;height:2px;background:var(--orange)}.page-heading h1{font-family:'Space Grotesk',Manrope,sans-serif;font-size:31px;letter-spacing:-1.15px;margin:8px 0 3px;line-height:1.25;font-weight:700}.page-heading p{color:#92949d;margin:0;font-size:12px}.heading-action{display:flex;align-items:center}.btn{border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 16px;font-size:11px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(125deg,#ff963d,#f47a20);color:#20130a;box-shadow:0 6px 20px rgba(246,124,32,.1)}.btn-primary:hover{background:#ffab59}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-ghost{border-color:#373b45;background:#202329;color:#b5b8bf}.btn-ghost:hover{border-color:#ff963d;color:#fff}.btn-small{padding:0 13px;min-height:32px}.count-chip,.protected-badge{padding:8px 12px;border:1px solid #31353b;border-radius:8px;color:#c9cbd1;font-size:11px;font-weight:800;background:#1a1d22}.protected-badge{display:flex;align-items:center;gap:7px;color:var(--orange);border-color:#563b29;background:#2b201b}.card{background:var(--panel);border:1px solid var(--border);border-radius:13px;min-width:0;box-shadow:var(--shadow)}.section-top{padding:23px 24px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.section-kicker{display:block;letter-spacing:1.55px;color:var(--orange);font-size:9px;font-weight:900;margin-bottom:5px}.section-top h2{font-size:17px;margin:0;letter-spacing:-.45px;font-weight:800}.welcome-strip{min-height:195px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,rgba(244,119,23,.2),transparent 48%),linear-gradient(110deg,#211c1a,#211917 58%,#2d1b13);border:1px solid #4a3324;border-radius:14px;padding:30px 36px}.welcome-strip:before{content:"";position:absolute;right:40px;top:-150px;width:500px;height:500px;border:1px solid rgba(255,132,37,.1);border-radius:50%}.welcome-strip:after{content:"";position:absolute;right:102px;top:-75px;width:350px;height:350px;border:1px solid rgba(255,132,37,.09);border-radius:50%}.welcome-copy{position:relative;z-index:2}.strip-kicker{color:#ffad67;font-weight:900;font-size:10px;letter-spacing:2px}.strip-kicker span{color:#8f7565}.welcome-strip h2{font-family:'Space Grotesk',Manrope,sans-serif;font-size:25px;letter-spacing:-.65px;margin:12px 0 4px}.welcome-strip p{max-width:530px;color:#a99b92;font-size:12px;margin:0}.strip-status{margin-top:23px;font-size:10px;color:#e8b795;font-weight:700;display:flex;gap:8px;align-items:center}.pulse{background:var(--orange);box-shadow:0 0 0 4px rgba(255,138,42,.15);width:6px;height:6px}.hero-decoration{position:absolute;right:70px;top:8px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:160px;line-height:1;letter-spacing:-16px;color:rgba(255,145,51,.09);user-select:none}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:23px;min-height:178px}.metric-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;margin-bottom:17px}.tone-orange{color:#ff9a46;background:#36261a}.tone-purple{color:#b79eff;background:#2c2740}.tone-blue{color:#78bdff;background:#1d2c3c}.tone-rose{color:#f1879d;background:#362029}.metric-value{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;line-height:1.2;margin-bottom:6px}.metric-title{font-size:12px;font-weight:800}.metric-note{color:#71757f;font-size:10px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(285px,.85fr);gap:16px}.text-link{color:#ff9a43;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;min-width:700px;width:100%;font-size:11px;table-layout:auto}.data-table thead{background:#1b1e23}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.65px;text-align:left;color:#838793;padding:13px 17px;border-top:1px solid #292b32;border-bottom:1px solid #292b32;white-space:nowrap}.data-table td{padding:13px 17px;border-bottom:1px solid #24272e;color:#cdd0d5;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:rgba(255,255,255,.015)}.data-table td.muted{color:#898d96}.user-link{display:inline-flex;align-items:center;gap:9px;color:#e8e9ee;font-weight:800;white-space:nowrap}.user-link:hover{color:var(--orange)}.mini-avatar{width:25px;height:25px;border-radius:7px;font-size:11px}.type-pill{display:inline-flex;border:1px solid #38373a;border-radius:5px;background:#252629;color:#aeb1b8;padding:4px 8px;font-size:9px;font-weight:700;white-space:nowrap}.id-tag{color:#767b84;font-size:10px;font-weight:800}.amount-cell{white-space:nowrap;color:#e8b17b!important;font-weight:800}.table-empty{text-align:center!important;padding:40px!important;color:#9397a2!important}.live-pill{font-size:10px;color:#8de0b6;font-weight:800;display:flex;gap:8px;align-items:center}.live-pill i{width:6px;height:6px}.distribution-card{padding-bottom:23px}.chart-intro{color:#767b84;font-size:11px;margin:0 24px 25px}.bar-item{margin:0 24px 18px}.bar-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#b9bcc4;font-weight:700;margin-bottom:8px}.bar-label strong{color:#ffb071}.bar-track{height:7px;border-radius:100px;background:#292a30;overflow:hidden}.bar-track>div{height:100%;border-radius:100px;background:linear-gradient(90deg,#ce5f15,#ffa14d)}.notice{margin:25px 20px 0;border:1px solid #4d3928;border-radius:9px;background:#282019;padding:15px;display:flex;gap:11px;color:#ffac63}.notice p{margin:3px 0 0;color:#ad9382;font-size:10px}.notice b{font-size:11px}.main-footer{display:flex;justify-content:space-between;gap:16px;padding:26px 0;color:#626670;font-size:10px;margin-top:auto}.main-footer b{font-weight:700;color:#898d94}.table-card{overflow:hidden}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:0 23px 21px}.search-field{display:flex;align-items:center;gap:9px;min-width:210px;max-width:410px;flex:1;border:1px solid #343840;border-radius:8px;background:#1e2127;padding:0 12px;color:#818691;height:39px}.search-field:focus-within{border-color:#b96b36}.search-field input{border:0!important;background:transparent!important;min-width:0;width:100%;padding:0!important;outline:0!important;box-shadow:none!important;color:#f1f2f3}.filters select,.permission-edit select,.settings-user-bar select{height:39px;border:1px solid #343840;border-radius:8px;background:#1e2127;color:#d7d9dd;padding:0 32px 0 12px;min-width:170px;outline:0}.filters select:focus,.permission-edit select:focus,.settings-user-bar select:focus{border-color:#c17737}.table-footer{border-top:1px solid #2a2d34;padding:15px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:#8e929b}.pager{display:flex;align-items:center;gap:7px}.page-button,.page-current{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #343740;border-radius:5px;padding:3px 9px;color:#cdd0d6}.page-current{background:#33271f;border-color:#5b3b27;color:#f5a261;font-weight:800}.flash{padding:13px 17px;border:1px solid #31583f;background:#1c3227;color:#9ce0b6;border-radius:8px;font-size:12px;font-weight:700}.flash-error{border-color:#61363b;background:#372227;color:#f3a4b1}.empty-state{text-align:center;padding:72px 24px;margin-top:10vh}.empty-state h2{font-size:27px;margin:12px 0 4px}.empty-state p{color:var(--muted);margin:0 0 23px}.empty-icon{color:var(--orange)}.add-card .section-top{padding-bottom:12px}.inline-form{display:flex;gap:10px;padding:0 23px 23px}.inline-form input,.login-form input{height:40px;min-width:0;outline:0;border:1px solid #343840;border-radius:8px;background:#1d2026;color:#fff;padding:0 13px}.inline-form input{flex:1}.inline-form input:focus,.login-form input:focus{border-color:var(--orange)}.status-tag{display:inline-flex;align-items:center;border-radius:5px;background:#2b2e34;color:#b9bfc7;padding:4px 8px;font-size:10px;font-weight:800;white-space:nowrap}.status-tag.status-danger{color:#f395a4;background:#40272d}.status-tag.status-ok{color:#7cd3af;background:#20362c}.account-list{display:flex;flex-direction:column;padding:0 15px 15px}.account-row{display:flex;align-items:center;gap:17px;padding:12px 14px;border-top:1px solid #292c33}.account-row:hover{background:#1c1f24}.account-avatar{height:54px;width:48px;border-radius:8px;background:#292c32;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}.account-avatar img{height:70px;width:auto;object-fit:contain;object-position:center 3px}.account-info{width:200px;min-width:115px;flex:1}.account-info strong,.account-info span{display:block}.account-info strong{font-size:12px}.account-info span,.account-money small{font-size:10px;color:#7b808a}.level-badge{font-size:10px;border:1px solid #53627d;background:#273344;color:#a2c3f6;white-space:nowrap;border-radius:6px;padding:5px 9px;font-weight:900}.level-senior{color:#ddc0ff;background:#342941;border-color:#5c4474}.level-owner{color:#ffae6d;background:#39291d;border-color:#63442d}.account-money{min-width:115px;text-align:right}.account-money b,.account-money small{display:block}.account-money b{font-size:12px}.account-last{color:#858a94;font-size:10px;min-width:130px;text-align:right}.profile-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:17px}.profile-card{padding:27px}.profile-hero{display:flex;align-items:center;gap:19px;margin-bottom:25px}.profile-avatar{width:78px;height:78px;border-radius:18px;background:linear-gradient(145deg,#ffc071,#dc6e22);color:#28150b;font-size:38px;font-weight:900;display:grid;place-items:center}.profile-hero h2{font-size:23px;margin:0 0 8px}.profile-line,.connection-line{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #2d3036;font-size:11px}.profile-line>span,.connection-line>span:first-child{color:#8c909a}.profile-line b,.connection-line strong{font-weight:800}.access-list{padding:0 25px 20px}.access-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c2f35;padding:11px 0;font-size:11px;color:#bfc2cb}.settings-notice{background:linear-gradient(110deg,#32241d,#251c18);border:1px solid #66442a;border-radius:10px;padding:20px 24px;display:flex;gap:14px;color:#ff9c4c}.settings-notice b{font-size:12px}.settings-notice p{margin:4px 0 0;color:#b9a092;font-size:11px;max-width:900px}.permissions-table{min-width:850px}.permissions-table td{padding-top:12px;padding-bottom:12px}.permission-name{display:flex;align-items:center;gap:12px}.permission-name strong,.permission-name small{display:block}.permission-name small{color:#717681;font-size:9px;margin-top:2px}.permission-icon{display:grid;place-items:center;color:#ff9c4c;width:31px;height:31px;border-radius:7px;background:#37281f;flex-shrink:0}.matrix-cell{font-size:15px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:5px}.matrix-yes{color:#78cda6;background:#203428}.matrix-no{color:#686d76;background:#23262b}.permission-edit{display:flex;gap:8px;align-items:center}.permission-edit select{min-width:130px;max-width:150px;height:32px;padding:0 6px;font-size:10px}.settings-user-bar{border-top:1px solid var(--border);padding:15px 23px 20px;display:flex;align-items:center;gap:22px}.settings-user-bar form{display:flex;align-items:center;gap:10px}.settings-user-bar label{font-size:11px;color:#979ba4;font-weight:700}.settings-user-bar p{font-size:10px;color:#777c86;margin:0}.settings-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.audit-list{padding:0 24px 18px}.audit-row{border-top:1px solid #292d33;display:flex;gap:12px;padding:13px 0;align-items:flex-start;font-size:10px;color:#bdc0c7}.audit-row b{color:var(--orange)}.audit-row strong{color:#eee}.audit-row small{display:block;color:#777d85;margin-top:4px}.audit-dot{margin-top:6px;width:6px;height:6px;border-radius:100%;background:#ff8c2d;flex-shrink:0}.connection-card{padding-bottom:15px}.connection-line{margin:0 23px}.connection-hint{font-size:10px;line-height:1.8;margin:21px 23px;color:#858a94}.db-error{text-align:center;max-width:550px;padding:50px;background:#191c22;border:1px solid #38373c;border-radius:20px}.db-error h1{font-size:25px}.db-error p{color:var(--muted);font-size:12px}.db-error .btn{margin-top:15px}
/* Authorization / showcase */
.login-body{min-height:100vh;background:#0d0f12}.login-grid{display:grid;grid-template-columns:1.12fr 1fr;min-height:100vh}.login-showcase{background:radial-gradient(circle at 70% 54%,#492719 0,#231915 37%,#151414 70%,#101113 100%);position:relative;overflow:hidden;padding:41px 6.8%;display:flex;flex-direction:column;border-right:1px solid #3c2b22}.login-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000)}.login-showcase .brand{padding:0;margin:0;z-index:1;align-self:flex-start}.login-showcase-inner{margin:auto 0;max-width:600px;z-index:1}.login-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#ffad71;display:flex;align-items:center;gap:10px}.login-kicker span{width:18px;height:2px;background:var(--orange)}.login-showcase h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(43px,5vw,74px);line-height:1.08;letter-spacing:-3px;margin:22px 0 17px;max-width:470px}.login-showcase h1 em{font-style:normal;color:var(--orange)}.login-showcase-inner>p{color:#ada5a1;max-width:360px;font-size:13px}.login-visual{height:315px;position:relative;margin-top:20px}.visual-orbit{border:1px solid rgba(255,152,73,.22);border-radius:50%;position:absolute;left:31%;top:12%;width:255px;height:255px;box-shadow:0 0 70px #fc682310 inset}.visual-orbit-two{left:25%;top:0;width:327px;height:327px;border-color:#ffb4751a}.visual-center{position:absolute;left:calc(31% + 85px);top:calc(12% + 85px);border-radius:28px;width:86px;height:86px;background:linear-gradient(140deg,#fc9038,#dc5715);color:#271508;display:grid;place-items:center;box-shadow:0 20px 70px #ee6b2b66}.visual-tile{position:absolute;display:flex;align-items:center;gap:15px;background:#201d1c;border:1px solid #554032;border-radius:12px;padding:15px 20px;color:#f4e8dc;box-shadow:0 20px 50px #0005;font-weight:900;font-family:'Space Grotesk',sans-serif;font-size:13px;letter-spacing:1px}.visual-tile span{font-family:Manrope,sans-serif;font-size:9px;color:#f6a261;letter-spacing:2px}.tile-one{top:30px;left:6%}.tile-two{bottom:25px;right:12%}.tile-two b{font-size:36px;color:var(--orange)}.login-bottom{position:relative;display:flex;justify-content:space-between;color:#6b6868;letter-spacing:1.3px;font-size:10px;font-weight:800}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:40px 30px}.login-form-wrap{max-width:390px;width:100%}.login-mark{font:800 54px/1 'Space Grotesk',sans-serif;margin-bottom:43px}.login-form-wrap h2{font-family:'Space Grotesk',sans-serif;font-size:31px;margin:12px 0 4px;letter-spacing:-1px}.login-sub{color:#898c96;margin:0 0 28px;font-size:12px}.login-form{display:flex;flex-direction:column;gap:17px}.login-form label{display:block;color:#c9cbd2;font-size:11px;font-weight:800}.login-form input{display:block;width:100%;height:48px;margin-top:7px;padding:0 15px}.login-form input::placeholder,.inline-form input::placeholder,.search-field input::placeholder{color:#686d77}.btn-full{width:100%;height:48px;margin-top:5px;font-size:12px;justify-content:space-between;padding:0 20px}
@media(max-width:1300px){.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.content{padding:26px 24px 0}.topbar{padding:0 23px}.account-last{display:none}.settings-user-bar{display:block}.settings-user-bar p{margin-top:12px}}
@media(max-width:1050px){.sidebar{width:222px}.main-panel{margin-left:222px}.nav-link{gap:9px;padding:0 9px;font-size:11px}.brand{padding:0 8px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-bottom{grid-template-columns:1fr}.env-badge{display:none}.profile-grid{grid-template-columns:1fr}.account-money{min-width:88px}.login-grid{grid-template-columns:1fr 1fr}.login-showcase{padding:35px}.login-showcase h1{font-size:46px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:12px 0 45px #0008}.sidebar.is-open{transform:translateX(0)}.main-panel{margin-left:0}.hamburger{display:grid}.topbar{height:70px}.content{padding:24px 18px 0}.hero-decoration{right:20px}.login-grid{grid-template-columns:1fr}.login-showcase{display:none}.login-form-panel{min-height:100vh}}
@media(max-width:620px){.content{gap:18px;padding:20px 12px 0}.topbar{padding:0 12px}.topbar-actions{gap:10px}.breadcrumbs{font-size:10px}.user-meta{display:none}.user-badge{padding-left:0;border-left:0}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:26px}.welcome-strip{padding:24px 21px}.welcome-strip h2{font-size:22px}.metric-grid{gap:10px}.metric-card{padding:16px;min-height:155px}.metric-value{font-size:27px}.section-top{padding:18px 17px}.filters{padding:0 17px 17px}.main-footer{display:block;padding:18px 0}.main-footer span{display:block;margin-bottom:4px}.inline-form{display:grid;padding:0 17px 17px}.inline-form input{width:100%}.settings-user-bar form{display:block}.settings-user-bar select{display:block;margin-top:7px;width:100%}.account-row{gap:8px;flex-wrap:wrap}.account-money{display:none}.login-form-panel{padding:30px 22px}}

/* DELORE CRMP horizontal brand + player dossier */
.brand.brand-logo-only{display:flex;align-items:center;margin-bottom:45px;min-height:52px;padding:0 9px;background:transparent;border:0;box-shadow:none}
.brand-mark.brand-mark-image{width:100%;height:auto;max-width:218px;background:transparent!important;box-shadow:none!important;border:none!important;justify-content:flex-start}
.brand-logo-wide{width:100%;max-width:218px;height:auto;object-fit:contain;display:block;background:transparent!important}
.login-showcase .brand .brand-mark-image{max-width:240px}
.login-showcase .brand .brand-logo-wide{max-width:240px}
.player-hero{display:flex;align-items:center;gap:22px;padding:25px;position:relative;overflow:hidden;background:linear-gradient(112deg,rgba(255,138,42,.11),rgba(255,138,42,0) 60%),var(--panel);border:1px solid var(--border);border-radius:15px;margin:18px 0}
.player-hero img{width:84px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.player-hero-main{flex:1;min-width:0}.player-hero h2{font-size:clamp(20px,3vw,32px);margin:3px 0;overflow-wrap:anywhere}.player-hero small{color:var(--muted)}
.player-hero-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px}
.player-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}
.player-stat{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:17px 18px}.player-stat strong{font-size:clamp(17px,2.1vw,25px);display:block;font-weight:800;overflow-wrap:anywhere}.player-stat span{color:var(--muted);font-size:11px;display:block;margin-bottom:7px}
.player-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin:0 0 20px;align-items:start}
.player-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;padding:5px 22px 24px}
.player-fact{border-bottom:1px solid var(--border);padding:7px 0;min-width:0}.player-fact span{color:var(--muted);font-size:11px;display:block}.player-fact strong{font-size:13px;display:block;word-break:break-word;margin-top:2px}
.player-accounts-list{display:grid;gap:10px;padding:0 18px 20px}.bank-account{padding:13px 16px;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}.bank-account-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.bank-account-head strong{font-size:13px}.bank-number{font-size:12px;color:var(--orange);font-family:monospace;letter-spacing:0.4px;overflow-wrap:anywhere}.bank-account-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.bank-account-bottom strong{font-size:17px}.bank-account small{color:var(--muted)}
.player-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0}.player-tab{border:1px solid var(--border);padding:9px 14px;border-radius:8px;color:var(--muted);font-weight:700;font-size:12px}.player-tab:hover{color:var(--text);border-color:var(--orange)}.player-tab.active{color:var(--orange);background:var(--o-tint);border-color:rgba(255,138,42,.35)}.player-tab-count{font-size:10px;opacity:.7;margin-left:5px}
.player-footnote{padding:14px 18px;border:1px solid var(--border);background:var(--panel);border-radius:10px;color:var(--muted);font-size:12px;margin:14px 0}
@media(max-width:1100px){.player-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-columns{grid-template-columns:1fr}}
@media(max-width:520px){.player-stat-grid{grid-template-columns:1fr 1fr}.player-hero{gap:12px;padding:16px}.player-hero img{width:55px;height:75px}.player-facts{grid-template-columns:1fr}.player-stat{padding:12px}}

.login-mark.login-mark-image{width:auto;height:auto;max-width:245px;min-height:60px;border:0;box-shadow:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:flex-start}
.login-mark-image .brand-mark-image{width:100%;max-width:230px}
.login-mark-image .brand-logo-wide{max-width:230px;filter:none}
a.account-row:hover{border-color:rgba(255,138,42,.36)}

/* DELORE LOGS — branding */
.brand .brand-mark-image,.brand .brand-logo-wide,.login-mark-image,.login-mark-image .brand-mark-image{border:0!important;box-shadow:none!important;background:transparent!important}
.brand-logo-wide{width:218px;height:auto;max-width:100%;object-fit:contain}
.login-mark-image .brand-logo-wide{width:230px;max-width:100%;height:auto}


/* Player skin in the top bar */
.user-avatar.user-avatar-skin {
    width: 42px;
    height: 42px;
    position: relative;
    flex: 0 0 42px;
    overflow: hidden;
    border-radius: 10px;
    isolation: isolate;
    background: linear-gradient(145deg, #4b2b1e, #241914);
    border: 1px solid rgba(255, 147, 63, .25);
}
.user-avatar-initial {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    font-size: 16px;
    color: #ffad68;
    z-index: 0;
}
.user-avatar-portrait {
    position: absolute;
    display: block;
    width: 78px;
    height: auto;
    max-width: none;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

/* The emblem from the transparent DELORE CRMP logo */
.hero-decoration.hero-logo-decoration {
    position: absolute;
    top: 50%;
    right: 88px;
    width: 165px;
    height: 175px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .27;
    user-select: none;
    pointer-events: none;
    line-height: normal;
    letter-spacing: normal;
    font-size: initial;
    z-index: 1;
}
.hero-logo-decoration img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 6px 28px rgba(255,138,42,.25));
}
@media (max-width: 800px) {
    .hero-decoration.hero-logo-decoration {right: 18px; opacity: .12;}
}
@media (max-width: 480px) {
    .hero-decoration.hero-logo-decoration {width: 105px; height: 122px; right: 10px;}
}