:root{color-scheme:light;--app-bg: #f5f7fb;--surface: #ffffff;--text-muted: #64748b;--border: rgba(100, 116, 139, .18);--brand: #0f766e}:root[data-theme=dark]{color-scheme:dark;--app-bg: #0b1120;--surface: #111827;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .22);--brand: #2dd4bf}html,body,#root{min-height:100%;margin:0}body{background:var(--app-bg);overflow-x:hidden}a{color:inherit}.app-shell{min-height:100vh;background:var(--app-bg)}.app-sider{position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:var(--surface)!important}.mobile-nav .ant-drawer-body{padding:0}.brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 18px;font-weight:800;font-size:17px;color:var(--brand);white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:6px;display:inline-grid;place-items:center;color:#fff;background:#0f766e;font-size:14px;letter-spacing:0;flex:0 0 auto}.app-header{position:sticky;top:0;z-index:10;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.header-subtitle{color:var(--text-muted);font-size:12px;line-height:1.2;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{min-width:0}.theme-select{width:128px}.profile-button{display:inline-flex;align-items:center;gap:8px;max-width:220px}.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content{width:100%;max-width:1680px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-header-main{min-width:0}.page-header h2{margin:8px 0 4px}.section-row{margin-top:16px}.stack{display:grid;gap:16px}.filter-card{margin-bottom:16px}.filter-space,.filter-grid{width:100%}.filter-grid{display:flex;flex-wrap:wrap;gap:12px}.filter-input{width:240px;max-width:100%}.filter-mobile{margin-bottom:16px}.responsive-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.responsive-form .full-span{grid-column:1 / -1}.narrow-card{max-width:560px}.chart-box{width:100%;height:320px}.action-row{margin-top:16px;margin-bottom:16px}.customer-grid{display:grid;gap:16px}.customer-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-wide{grid-column:1 / -1}.customer-list-item{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.customer-list-item:last-child{border-bottom:0}.period-row{display:flex;width:100%;margin-bottom:8px}.notification-menu{width:min(420px,calc(100vw - 32px));max-height:520px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 40px #0f172a2e;padding:12px}.notification-menu-header,.notification-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-footer{padding-top:8px;color:var(--brand)}.diff-list{display:grid;gap:12px}.diff-item{display:grid;gap:6px;padding:10px;border:1px solid var(--border);border-radius:6px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0f172a94,#0f172a94),url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1600&q=80) center / cover}.login-card{width:min(420px,100%)}.fatal-error{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--app-bg)}.login-links{width:100%;justify-content:center;margin-top:12px}.ant-table-wrapper{width:100%}.ant-table-row{cursor:default}@media(max-width:992px){.app-content{padding:18px}.theme-select{width:104px}.profile-name{display:none}.customer-grid-3,.customer-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.app-header{padding:0 12px;gap:12px}.app-content{padding:14px}.page-header{flex-direction:column;align-items:stretch}.responsive-form{grid-template-columns:1fr}.filter-input{width:100%}.period-row{flex-direction:column}.chart-box{height:260px}.customer-grid-2,.customer-grid-3,.customer-grid-4{grid-template-columns:1fr}.customer-list-item{align-items:flex-start;flex-direction:column}}