:root{--bg:#f5f7fb;--panel:#fff;--ink:#13223a;--sub:#76839a;--line:#e6ebf3;--purple:#6b5cf5;--purple-lite:#f0eeff;--cyan:#06ad9a;--cyan-lite:#e7fbf5;--orange:#f59d4e;--red:#ec7182;--red-lite:#fff0f2;--navy:#101829;--shadow:0 14px 44px rgba(16,35,71,.04)}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aa9dff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.6}.hidden{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.workspace{min-height:100vh;display:flex}.sidebar{width:254px;flex:0 0 254px;min-height:100vh;background:var(--navy);color:#e5e9f2;padding:34px 19px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:12}.brand{display:flex;align-items:center;gap:12px;padding:2px 10px 47px}.logo-mark{width:37px;height:37px;background:linear-gradient(135deg,#8d75fa,#5e51dc);border-radius:12px;display:grid;place-items:center;font-size:27px;color:white;font-weight:700;box-shadow:0 7px 20px #7561f239}.brand-word{font-size:16px;font-weight:800;letter-spacing:1.6px}.brand-word span,.login-logo strong span{color:#a8a0ff}.brand-word small{font-size:8px;color:#8290a8;letter-spacing:2.5px;display:block;margin-top:5px;font-weight:500}.workspace-label,.nav-group-label{color:#76839b;font-size:10px;font-weight:800;letter-spacing:1.65px;margin:0 12px 13px}.sidebar-workspace{border:1px solid #2a3346;background:#1b263a;border-radius:12px;display:flex;align-items:center;gap:11px;padding:13px 10px;margin:0 2px 37px}.side-store-icon{border-radius:10px;background:#36335d;color:#ac9dff;width:35px;height:35px;display:grid;place-items:center;font-size:24px}.side-workspace-text{min-width:0}.side-workspace-text strong{display:block;font-size:12px;white-space:nowrap}.side-workspace-text small{color:#8d99b0;display:block;font-size:11px;padding-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{display:flex;flex-direction:column;gap:5px}.nav-button{width:100%;background:transparent;border:0;border-radius:10px;display:flex;align-items:center;gap:14px;padding:14px 14px;color:#9ba6ba;text-align:left;font-weight:600;font-size:13px;transition:background .15s,color .15s}.nav-button:hover{color:white;background:#222b40}.nav-button.active{background:#2c2c56;color:#d7d1ff}.nav-button.active:before{position:absolute;left:0;height:27px;width:3px;border-radius:0 3px 3px 0;background:#a295ff;content:""}.sidebar-bottom{margin-top:auto}.secure-badge{display:flex;gap:11px;align-items:center;border-radius:12px;background:#19283a;padding:16px 12px;margin-bottom:20px}.status-mini,.live-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#35d2ab;box-shadow:0 0 0 4px #35d2ab16}.secure-badge strong{font-size:12px;display:block}.secure-badge small{display:block;color:#8796ac;font-size:10px;margin-top:5px}.user-box{border-top:1px solid #2b3447;padding:20px 4px 0;display:flex;gap:10px;align-items:center}.avatar{height:36px;width:36px;border-radius:12px;background:#6255bd;color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center}.user-box-text{min-width:0;flex:1}.user-box-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.user-box-text small{display:block;color:#8391a8;font-size:10px;letter-spacing:1px;margin-top:4px}.icon-button{color:#9da7b8;border:0;background:transparent;padding:7px}.icon-button:hover{color:#fff}
.main{min-width:0;flex:1}.topbar{padding:35px clamp(24px,3vw,55px) 23px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;background:#fff;border-bottom:1px solid #ecf0f6}.topbar-caption>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#8170df}.header-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:9px}.header-line h1{font-size:28px;font-weight:800;letter-spacing:-.85px;margin:0}.heading-pill{color:#7a65db;background:#f1eeff;font-size:9px;font-weight:800;letter-spacing:.8px;padding:7px 10px;border-radius:6px}.topbar-caption p{margin:8px 0 0;color:#8892a4;font-size:12px}.topbar-tools{display:flex;gap:17px;align-items:center;padding-top:13px}.language-switch,.lang-login button{border:1px solid var(--line);background:#fff;color:#61708c;font-size:12px;border-radius:8px;padding:9px 12px}.date-range-controls{background:#f5f6fa;padding:4px;display:flex;border-radius:10px;gap:2px}.range-btn{border:0;background:transparent;border-radius:7px;padding:8px 12px;color:#8791a5;font-size:12px;font-weight:700}.range-btn.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px #29354d18}.page-content{padding:23px clamp(24px,3vw,55px) 0;max-width:1820px;margin:0 auto}.filter-row{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}.filter-block label,.custom-dates label span{display:block;font-size:10px;color:#929db0;letter-spacing:1.5px;font-weight:800;margin-bottom:8px}.select-wrap{position:relative;min-width:235px}.select-wrap select{appearance:none;-webkit-appearance:none;min-width:240px;background:#fff;border:1px solid #e1e6f0;border-radius:9px;padding:11px 36px 11px 15px;color:#24324b;font-weight:650;max-width:340px;width:100%}.select-wrap svg{position:absolute;right:12px;top:12px;pointer-events:none;width:16px}.custom-dates{display:flex;gap:9px;align-items:end}.custom-dates label{font-size:11px}.custom-dates input{display:block;background:#fff;border:1px solid #e1e6f0;border-radius:8px;padding:10px;color:#2b3752}.small-btn{padding:11px 14px;background:#6559e8;border:0;border-radius:8px;color:#fff;font-weight:700}.freshness{margin-left:auto;color:#9aa6b7;font-size:11px;padding-bottom:11px;min-width:180px;text-align:right}.data-notice{border:1px solid #ebe2bd;background:#fffaf0;color:#89703a;padding:13px 16px;border-radius:10px;margin:0 0 30px;display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.5}.data-notice.live-notice{border-color:#d2e9e2;background:#f0fbf8;color:#327a6b}.notice-icon{font-size:17px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 0 19px;gap:12px}.section-overline,.panel-kicker{letter-spacing:1.65px;font-size:10px;font-weight:800;color:#9789dc}.section-title h2{margin:6px 0 0;font-weight:790;font-size:20px;letter-spacing:-.4px}.section-right{color:#9ba4b6;font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpi-card{background:white;border-radius:13px;padding:21px 21px 15px;border:1px solid #ecf0f5;box-shadow:var(--shadow);min-height:175px;overflow:hidden}.kpi-upper{display:flex;justify-content:space-between;gap:8px;align-items:center}.metric-title{font-size:12px;font-weight:700;color:#6c788e}.metric-glyph{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:17px}.kpi-value{font-size:30px;font-weight:800;letter-spacing:-1.1px;margin:14px 0 4px;font-variant-numeric:tabular-nums}.kpi-bottom{display:flex;align-items:end;gap:8px;justify-content:space-between}.metric-delta{font-size:11px;color:#8795a9;line-height:1.5}.delta-arrow{font-weight:750}.delta-arrow.good{color:#0fa48c}.delta-arrow.bad{color:#dc7882}.metric-spark{width:102px;flex:0 0 102px;height:39px}.chart-section-heading{margin-top:45px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel,.chart-card{background:#fff;border:1px solid #edf0f5;border-radius:13px;box-shadow:var(--shadow)}.chart-card{padding:23px 22px 14px;min-width:0}.chart-card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.chart-card h3,.panel h3{font-size:14px;font-weight:780;letter-spacing:-.1px;margin:4px 0}.chart-card-sub{font-size:11px;color:#9aa5b7;margin-top:6px}.chart-total{font-size:21px;letter-spacing:-.4px;font-weight:800;text-align:right;white-space:nowrap}.chart-total small{display:block;font-size:10px;font-weight:500;color:#98a3b6;letter-spacing:0;margin-top:4px}.svg-chart{width:100%;height:189px;display:block;overflow:visible}.chart-render{margin-top:18px;position:relative}.chart-tooltip{position:absolute;top:8px;left:20px;z-index:2;pointer-events:none;background:#17213a;color:white;border-radius:7px;padding:9px 12px;font-size:11px;box-shadow:0 12px 30px #131e3038}.chart-tooltip strong{display:block;margin-bottom:3px}.bottom-grid{display:grid;grid-template-columns:1.36fr 1fr;gap:16px;margin-top:17px}.hourly-panel,.insights-panel{padding:21px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-header h3{font-size:16px;margin:7px 0}.panel-header .panel-kicker{font-size:9px}.chart-legend{display:flex;gap:15px;font-size:10px;color:#8996a8;white-space:nowrap}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{height:8px;width:8px;border-radius:50%;display:inline-block}.legend-dot.today{background:#6559ef}.legend-dot.yesterday{background:#27b4a1}.large-chart .svg-chart{height:198px}.large-chart{margin-top:8px}.insights{display:flex;flex-direction:column;margin-top:8px}.insight{border-bottom:1px solid #eff1f5;display:flex;align-items:center;gap:13px;padding:13px 0}.insight:last-child{border-bottom:0}.insight-symbol{width:36px;height:36px;border-radius:10px;background:#f0edff;color:#7562e9;display:grid;place-items:center;flex-shrink:0;font-size:16px}.insight strong{font-size:12px;display:block}.insight p{font-size:11px;color:#8c98a9;margin:4px 0 0;line-height:1.4}.table-panel{margin-top:17px;padding:20px 22px 8px}.table-scroll{width:100%;overflow-x:auto}.table-panel table,.admin-table table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}.table-panel th,.admin-table th{font-size:10px;font-weight:800;letter-spacing:.5px;color:#91a0b1;padding:17px 13px;background:#fafbff}.table-panel td,.admin-table td{padding:15px 13px;border-bottom:1px solid #f0f2f7;font-size:12px;color:#53617b;font-variant-numeric:tabular-nums}.table-panel td:first-child{font-weight:700;color:#2c3953}.table-panel tbody tr:last-child td,.admin-table tbody tr:last-child td{border:0}.table-panel tbody tr:hover,.admin-table tbody tr:hover{background:#fafaff}.outline-btn{border:1px solid #e3e6ef;background:#fff;border-radius:8px;padding:10px 13px;color:#67758f;font-size:11px;font-weight:750}.outline-btn:hover{border-color:#aaa1fb;color:#6c59e6}.footer{border-top:1px solid #e9edf3;padding:25px 0 35px;font-size:10px;color:#a1aaba;margin-top:30px;letter-spacing:.2px}.footer span{margin:0 4px}
.page-intro{margin:16px 0 25px}.page-intro h2{font-size:23px;margin:0 0 8px}.page-intro p{font-size:13px;color:var(--sub);line-height:1.6}.admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:17px}.admin-form{padding:25px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.admin-form h3{font-size:18px;margin:5px 0 15px}.admin-form label,.settings-form label{font-size:12px;font-weight:700;color:#58657c;margin-top:3px}.admin-form input,.admin-form select,.settings-form input{border:1px solid #dfe5ef;padding:12px 13px;border-radius:8px;background:#fff;color:#26354a;width:100%}.primary-btn{background:linear-gradient(105deg,#725bf1,#6156e0);color:white;border:0;padding:13px 16px;border-radius:9px;font-weight:750;box-shadow:0 8px 18px #6959e62f}.primary-btn:hover{filter:brightness(1.05)}.admin-form .primary-btn{margin-top:13px}.admin-table{padding:20px;margin-top:17px}.admin-table select{border:1px solid #e1e6ee;border-radius:6px;padding:8px 10px;max-width:190px}.admin-table button{border:1px solid #dedff8;background:#f6f5ff;color:#6755ca;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700;margin:3px}.docs-panel{padding:27px;max-width:1000px}.docs-panel h3{font-size:21px;margin:13px 0}.docs-panel p,.docs-points p{line-height:1.7;color:#7d899d;font-size:13px;max-width:760px}.docs-tag{background:#eefaf5;color:#16755e;display:inline-block;padding:9px 11px;font-family:monospace;font-size:12px;border-radius:8px;margin:8px 0 5px}.docs-panel pre{white-space:pre-wrap;word-break:break-word;color:#d1dff7;background:#141d31;padding:21px;border-radius:10px;line-height:1.55;font-size:12px;overflow:auto}.docs-panel .hint{color:#af7a36;font-size:11px}.docs-points{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.docs-points .panel{padding:23px}.settings-form{max-width:540px;padding:30px;display:flex;flex-direction:column;gap:14px}.settings-form h3{font-size:19px;margin-bottom:10px}.settings-form .primary-btn{margin-top:12px}.toast{position:fixed;bottom:28px;right:29px;border-radius:11px;padding:13px 18px;background:#162036;color:#fff;box-shadow:0 18px 48px #18274150;z-index:200;font-size:13px;opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s;pointer-events:none;max-width:400px}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#a7384c}.mobile-top{display:none}
.login-screen{min-height:100vh;display:grid;grid-template-columns:51% 49%;background:#fff}.login-art{background:#121b2f;color:#fff;min-height:100vh;padding:44px 60px 35px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-art:before{content:"";width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#4b4aaf77,transparent 68%);position:absolute;right:-260px;top:18%;pointer-events:none}.login-art:after{content:"";width:540px;height:540px;border-radius:50%;border:1px solid #c6c0ff21;position:absolute;right:-140px;bottom:-230px;box-shadow:0 0 0 80px #a3baff07,0 0 0 165px #a3baff05;pointer-events:none}.login-logo{display:flex;gap:12px;align-items:center;font-size:17px;letter-spacing:1.4px;z-index:1}.login-logo strong{font-weight:900}.login-art-content{z-index:1;margin:auto 0;padding:55px 0}.tiny-overline{letter-spacing:2.1px;color:#a29bf5;font-weight:800;font-size:10px}.login-art-content h1{font-size:clamp(34px,4vw,59px);line-height:1.17;letter-spacing:-1.65px;font-weight:780;margin:23px 0}.login-art-content h1 em{color:#aba1ff;font-style:normal}.login-art-content p{color:#a2adc3;line-height:1.8;font-size:15px;max-width:390px}.login-preview{margin-top:45px;display:inline-flex;align-items:center;gap:13px;background:#273149;border:1px solid #3d4263;border-radius:10px;padding:18px 21px;color:#ced5e5;font-size:12px}.art-footer{z-index:1;font-size:11px;color:#71809a;letter-spacing:.6px}.login-form-pane{display:flex;align-items:center;justify-content:center;padding:70px 8vw;position:relative}.lang-login{position:absolute;right:40px;top:40px}.login-form{max-width:410px;width:100%}.form-eyebrow{color:#7867e7;font-weight:850;letter-spacing:2px;font-size:10px}.login-form h2{font-size:29px;letter-spacing:-.8px;line-height:1.25;margin:13px 0 10px}.form-desc{color:#8d99ad;font-size:13px;margin-bottom:42px}.login-form label{display:block;margin:19px 0 9px;font-size:12px;font-weight:750;color:#5a6781}.login-form input{width:100%;border-radius:9px;border:1px solid #dfe4ed;padding:14px 15px;font-size:13px;color:#21354b}.login-form input:focus{border-color:#8772f6}.login-submit{width:100%;margin-top:26px;display:flex;align-items:center;justify-content:space-between;padding:15px 20px}.login-disclaimer{color:#a6afbf;font-size:11px;text-align:center;border-top:1px solid #e9edf4;margin-top:38px;padding-top:22px}.error-text{color:#cc485b;min-height:17px;font-size:12px;line-height:1.5}.mobile-brand{display:none}
@media(max-width:1230px){.sidebar{width:225px;flex-basis:225px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.main .topbar{padding-left:28px;padding-right:28px}.main .page-content{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 40px #12203911}.sidebar.open{transform:translateX(0)}.mobile-top{display:flex;gap:13px;align-items:center;padding:16px 23px;background:#fff;border-bottom:1px solid #edf0f5;font-size:14px;letter-spacing:1px}.menu-toggle{border:0;background:#f2f0ff;color:#6352d8;border-radius:8px;padding:9px 12px}.topbar{padding-top:25px}.login-art{padding:30px}.login-form-pane{padding:50px 5vw}}
@media(max-width:680px){.topbar{flex-direction:column;gap:13px}.topbar-tools{padding-top:0;width:100%;justify-content:space-between}.header-line h1{font-size:24px}.main .page-content{padding:21px 14px}.main .topbar{padding:24px 18px}.filter-row{gap:11px}.freshness{margin:0;text-align:left;padding-bottom:3px}.kpi-grid,.chart-grid,.admin-forms,.docs-points{grid-template-columns:1fr}.kpi-card{min-height:155px}.chart-section-heading{margin-top:31px}.bottom-grid{grid-template-columns:1fr}.chart-card{padding:19px 14px}.panel-header{align-items:flex-start}.table-panel{padding:14px}.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-form-pane{min-height:100vh;padding:60px 8vw}.mobile-brand{display:block;color:#705eec;font-weight:900;margin-bottom:45px}.login-form h2{font-size:26px}.custom-dates{flex-wrap:wrap}.page-intro{margin-top:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v2 multi-account / creator operations */
.small-help{font-size:12px;color:#8c97a9;line-height:1.6;margin:0 0 7px}.admin-form h3{margin-bottom:4px}
.access-check{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;font-size:11px;margin:5px 12px 5px 0}
.access-check input{width:auto}.subdued{font-size:11px;color:#8795a9;margin-top:5px}
.link-group-select{display:block;margin-top:7px}
.compare-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px;justify-content:space-between}
.compare-ranges{display:flex;gap:6px;padding:4px;border-radius:9px;background:#eef0f7}
.compare-dates{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8795a9}
.compare-dates input{border:1px solid #dfe5ef;border-radius:7px;background:#fff;padding:9px 10px;color:#27344e}
.comparison-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin:0 0 17px}
.compare-kpi{border:1px solid #edf0f5;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:19px 15px}
.compare-kpi small{display:block;color:#8190a8;font-size:11px;margin-bottom:10px;font-weight:700}
.compare-kpi strong{display:block;font-size:21px;letter-spacing:-.6px;word-break:break-word}
.comparison-panel{padding:25px;margin-bottom:19px}
.compare-bars{margin-top:24px;display:flex;flex-direction:column;gap:20px}
.compare-bar-item{min-width:0}.compare-bar-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#7a879b;margin-bottom:8px}.compare-bar-label strong{color:#283856;font-size:13px}
.compare-bar-track{height:13px;background:#edf0fa;border-radius:99px;overflow:hidden}
.compare-bar-track>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#8a77fa,#5d59e4);transition:width .2s}
#compareTable td{white-space:nowrap}
@media(max-width:1150px){.comparison-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.comparison-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3: three-language selection on login, dashboard and settings */
.language-select{appearance:auto;border:1px solid #dee4ef;background:#fff;color:#35435d;border-radius:9px;padding:10px 12px;min-width:135px;max-width:185px;font-size:12px;font-weight:700;cursor:pointer;}
.lang-login .language-select{min-width:140px;}
.topbar-tools .language-select{flex-shrink:0;}
.language-settings{margin-bottom:18px;}
.language-settings .language-select{width:100%;max-width:320px;}
.language-settings p{margin-top:0;}
html[lang=de] .sidebar .nav-button{font-size:12px;}
@media(max-width:680px){.lang-login{right:20px;top:18px}.topbar-tools{flex-wrap:wrap;gap:10px}.language-select{min-width:138px;}}

/* V4: explicit test-data deletion action and admin edit controls */
.danger-text{color:#c02c48!important;border-color:#f4c8d1!important;margin-left:6px;}
.danger-text:hover{background:#fff0f3!important;}
.admin-table td button{margin:3px 4px 3px 0;}

/* V5 commissions: admin opt-in, creator-only earnings */
.commission-controls,.commission-payout,.commission-table,.commission-chart{padding:24px;margin-bottom:18px}
.commission-form{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:16px 0}
.commission-form label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:185px;font-size:12px;font-weight:650;color:#3c4965}
.commission-form select,.commission-form input:not([type=checkbox]){background:white;border:1px solid #dbe2ef;padding:11px 12px;border-radius:9px;min-height:42px;width:100%}
.commission-form .commission-checkbox{flex-direction:row;align-items:center;justify-content:flex-start}
.commission-checkbox input{width:18px;height:18px}
.commission-form .primary-btn{width:auto;min-width:185px;padding:12px 20px}
.commission-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#78849b;font-size:12px;margin:20px 0}
.commission-status>b{font-size:18px;color:#162441}
.commission-pill{padding:7px 11px;background:#ecf9f2;color:#15855b;font-weight:700;border-radius:50px}
.commission-pill.inactive{background:#fff2e8;color:#ad6237}
.commission-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 20px}
.commission-kpi{padding:20px!important;display:flex;flex-direction:column;gap:11px;min-width:0}
.commission-kpi span{font-size:11px;color:#8691a3;font-weight:700}
.commission-kpi strong{font-size:23px;letter-spacing:-.6px;color:#14223a;word-break:break-word}
.commission-table table{min-width:670px}
.commission-table td,.commission-table th{padding:14px 12px}
@media(max-width:920px){.commission-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.commission-form{display:block}.commission-form label,.commission-form .primary-btn{margin:12px 0;width:100%}.commission-kpis{grid-template-columns:1fr}}

/* V6.2: small spacing only — original palette and visual system unchanged. */
.date-control-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.date-control-label{font-size:12px;color:#5a6781;font-weight:750;white-space:nowrap}.date-control-group .range-btn{white-space:nowrap}.topbar-tools{gap:12px}.default-lang-select{max-width:170px;min-width:105px;margin:4px 7px 4px 0;border:1px solid #dee4ef;background:#fff;color:#35435d;border-radius:8px;padding:8px;font-size:12px}.lang-help-text{font-size:11px;color:#8795a9;line-height:1.5;margin-top:4px}
@media(max-width:680px){.date-control-group{gap:7px}.date-control-label{width:100%}.topbar-tools{align-items:flex-start}.date-control-group .range-btn{padding-left:9px;padding-right:9px}}

/* V6.3 – Layout only. Preserve all existing theme colors, cards and chart styles. */
.topbar-caption{flex:1 1 auto;min-width:0;}
.topbar-tools{margin-left:auto;flex:0 0 auto;align-self:flex-start;}
.period-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:14px 19px;margin:0 0 23px;background:#fff;border:1px solid #e8ecf4;border-radius:11px;min-width:0;}
.period-toolbar .date-control-group{display:flex;align-items:center;gap:18px;min-width:0;}
.period-toolbar .date-control-label{font-size:12px;font-weight:750;letter-spacing:.2px;color:#52627e;}
.period-toolbar .date-range-controls{display:flex;align-items:center;gap:3px;}
.period-toolbar .custom-dates{align-items:flex-end;flex-wrap:wrap;min-width:0;gap:10px;}
.period-toolbar .custom-dates label{min-width:135px;}
.period-toolbar .custom-dates input{min-height:39px;}
.period-toolbar .small-btn{min-height:39px;}
@media(max-width:900px){
  .topbar{flex-direction:row;align-items:flex-start;}
  .topbar-tools{width:auto;padding-top:0;justify-content:flex-end;}
}
@media(max-width:680px){
  .main .topbar{padding:19px 14px 18px;gap:8px;flex-direction:row;align-items:flex-start;}
  .topbar-caption{min-width:0;flex:1 1 0;}
  .topbar-tools{margin-left:auto;width:auto;min-width:0;display:flex;flex:0 0 auto;flex-wrap:nowrap;align-self:flex-start;padding-top:0;}
  .topbar-tools .language-select{width:103px;min-width:103px;max-width:103px;padding:7px 5px;font-size:11px;border-radius:8px;}
  .topbar-caption>span{display:block;}
  .topbar-caption .header-line{gap:6px 8px;}
  .topbar-caption .header-line h1{font-size:22px;line-height:1.25;overflow-wrap:anywhere;}
  .topbar-caption .heading-pill{font-size:8px;padding:5px 7px;white-space:nowrap;}
  .period-toolbar{display:block;padding:13px 13px 14px;margin:0 0 18px;}
  .period-toolbar .date-control-group{display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
  .period-toolbar .date-control-label{display:block;width:auto;font-size:12px;}
  .period-toolbar .date-range-controls{max-width:100%;}
  .period-toolbar .range-btn{font-size:12px;padding:9px 13px;}
  .period-toolbar .custom-dates{margin-top:13px;display:flex;width:100%;gap:9px;}
  .period-toolbar .custom-dates.hidden{display:none;}
  .period-toolbar .custom-dates label{flex:1 1 130px;min-width:0;}
  .period-toolbar .custom-dates input{width:100%;max-width:100%;min-width:0;}
  .period-toolbar .custom-dates .small-btn{flex:1 1 100%;}
}
@media(max-width:355px){
  .topbar-tools .language-select{width:92px;min-width:92px;max-width:92px;font-size:10px;}
  .topbar-caption .header-line h1{font-size:20px;}
  .period-toolbar .range-btn{padding:8px 10px;font-size:11px;}
}