.main-layout{min-height:100vh}.main-sider{z-index:100;border-right:1px solid #ffffff0f;top:0;bottom:0;left:0;overflow:hidden auto;background:var(--bg-sidebar)!important;position:fixed!important}.main-sider .ant-layout-sider-children{flex-direction:column;height:100%;display:flex}.mobile-drawer .ant-drawer-header{border-bottom:1px solid #ffffff14;min-height:0;background:var(--bg-sidebar)!important;padding:12px 16px!important}.mobile-drawer .ant-drawer-body{flex-direction:column;display:flex;background:var(--bg-sidebar)!important}.drawer-close-btn{color:#ffffffb3!important;font-size:16px!important}.drawer-close-btn:hover{color:#fff!important;background:#ffffff1a!important}.sider-logo{cursor:pointer;transition:opacity var(--transition-fast);align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.sider-logo:hover{opacity:.85}.logo-icon{color:#fff;background:linear-gradient(135deg,#e8590c 0%,#fa8c16 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 12px #e8590c59}.logo-text{flex-direction:column;animation:.3s fadeIn;display:flex}.logo-title{color:#fff;letter-spacing:-.02em;font-size:16px;font-weight:700;line-height:1.2}.logo-subtitle{color:#ffffff73;font-size:11px;font-weight:400}.sider-divider{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);height:1px;margin:4px 20px 12px}.sider-menu{flex:1;padding:0 8px;background:0 0!important;border-inline-end:none!important}.sider-menu .ant-menu-item,.sider-settings-menu .ant-menu-item{font-weight:500;color:#ffffffa6!important;height:44px!important;transition:all var(--transition-normal)!important;border-radius:8px!important;margin:2px 0!important;line-height:44px!important}.sider-menu .ant-menu-item:hover,.sider-settings-menu .ant-menu-item:hover{color:#fff!important;background:#ffffff14!important}.sider-menu .ant-menu-item-selected,.sider-settings-menu .ant-menu-item-selected{box-shadow:0 2px 8px #e8590c4d;color:#fff!important;background:linear-gradient(135deg,#e8590cd9 0%,#fa8c16bf 100%)!important}.sider-menu .ant-menu-item .anticon,.sider-settings-menu .ant-menu-item .anticon{font-size:17px!important}.docs-external-icon{transition:transform .2s,opacity .2s,color .2s}.sider-settings-menu .ant-menu-item:hover .docs-external-icon{color:#ff7a45;transform:translate(2px,-2px);opacity:1!important}.sider-footer{text-align:center;padding:16px 20px;animation:.3s fadeIn}.sider-footer-text{font-size:11px;color:#ffffff40!important}.main-content-layout{transition:margin-left var(--transition-normal)}.main-content-layout.expanded{margin-left:260px}.main-content-layout.collapsed{margin-left:72px}.main-content-layout.mobile{margin-left:0}.main-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000000a;background:var(--bg-header)!important;padding:0 24px!important}.collapse-btn{justify-content:center;align-items:center;width:44px!important;height:44px!important;color:var(--text-secondary)!important;transition:all var(--transition-fast)!important;border-radius:8px!important;font-size:18px!important;display:flex!important}.collapse-btn:hover{color:var(--color-primary)!important;background:#e8590c0f!important}.header-right{align-items:center;gap:16px;display:flex}.theme-switch-btn{justify-content:center;align-items:center;width:40px!important;height:40px!important;color:var(--text-secondary)!important;transition:all var(--transition-fast)!important;border-radius:8px!important;font-size:18px!important;display:flex!important}.theme-switch-btn:hover{color:var(--color-primary)!important;background:#e8590c0f!important}.header-badge{cursor:pointer;-webkit-user-select:none;user-select:none;background:#e8590c0f;border:1px solid #e8590c1a;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;transition:all .25s;display:flex}.header-badge:hover{transform:translateY(-1px)}.badge-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.badge-text{font-size:13px;font-weight:500;transition:color .3s;color:var(--text-secondary)!important}.header-badge.status-verified{background:#52c41a14;border:1px solid #52c41a40}.header-badge.status-verified:hover{background:#52c41a26;box-shadow:0 2px 8px #52c41a33}.header-badge.status-verified .badge-dot{background:#52c41a;animation:2s infinite pulse-green;box-shadow:0 0 7px #52c41ab3}.header-badge.status-warning{background:#faad141a;border:1px solid #faad1459}.header-badge.status-warning:hover{background:#faad142e;box-shadow:0 2px 8px #faad1440}.header-badge.status-warning .badge-dot{background:#faad14;animation:1.5s infinite pulse-yellow;box-shadow:0 0 8px #faad14d9}.header-badge.status-warning .badge-text{font-weight:600;color:#d48806!important}.header-badge.status-protected{background:#1890ff17;border:1px solid #1890ff4d}.header-badge.status-protected:hover{background:#1890ff29;box-shadow:0 2px 8px #1890ff40}.header-badge.status-protected .badge-dot{background:#1890ff;animation:2s infinite pulse-blue;box-shadow:0 0 8px #1890ffcc}.header-badge.status-protected .badge-text{font-weight:600;color:#096dd9!important}.header-badge.status-offline{background:#ff4d4f14;border:1px solid #ff4d4f4d}.header-badge.status-offline .badge-dot{background:#ff4d4f;animation:none;box-shadow:0 0 6px #ff4d4f80}.header-badge.status-offline .badge-text{color:#cf1322!important}.header-badge.status-error{background:#ff4d4f1f;border:1px solid #ff4d4f66}.header-badge.status-error:hover{background:#ff4d4f33;box-shadow:0 2px 8px #ff4d4f4d}.header-badge.status-error .badge-dot{background:#ff4d4f;animation:1.5s infinite pulse-red;box-shadow:0 0 8px #ff4d4fd9}.header-badge.status-error .badge-text{font-weight:600;color:#cf1322!important}.header-badge.status-degraded{background:#fa8c161a;border:1px solid #fa8c1659}.header-badge.status-degraded:hover{background:#fa8c162e;box-shadow:0 2px 8px #fa8c1640}.header-badge.status-degraded .badge-dot{background:#fa8c16;animation:2s infinite pulse-orange;box-shadow:0 0 7px #fa8c16b3}.header-badge.status-degraded .badge-text{font-weight:600;color:#d46b08!important}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 #ff4d4fcc}70%{transform:scale(1.15);box-shadow:0 0 0 6px #ff4d4f00}to{transform:scale(.95);box-shadow:0 0 #ff4d4f00}}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #fa8c16b3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #fa8c1600}to{transform:scale(.95);box-shadow:0 0 #fa8c1600}}@keyframes pulse-yellow{0%{transform:scale(.95);box-shadow:0 0 #faad14b3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #faad1400}to{transform:scale(.95);box-shadow:0 0 #faad1400}}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #52c41ab3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #52c41a00}to{transform:scale(.95);box-shadow:0 0 #52c41a00}}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 #1890ffb3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #1890ff00}to{transform:scale(.95);box-shadow:0 0 #1890ff00}}.main-content{min-height:calc(100vh - 134px);padding:24px;animation:.3s fadeIn}.main-footer{text-align:center;background:0 0!important;padding:20px 24px!important}@media (width<=992px){.header-badge .badge-text{display:none}}@media (width<=767px){.main-header{height:56px;padding:0 16px!important}.main-content{min-height:calc(100vh - 116px);padding:16px}.main-footer{padding:14px 16px!important}.main-footer .ant-typography{font-size:11px!important}.header-badge{padding:4px 10px}.header-badge .badge-text{display:none}.collapse-btn{width:40px!important;height:40px!important}.mobile-drawer .sider-menu .ant-menu-item{font-size:15px;height:48px!important;margin:4px 0!important;line-height:48px!important}.mobile-drawer .sider-menu .ant-menu-item .anticon{font-size:19px!important}.mobile-drawer .sider-logo{padding:16px 20px 12px}}.sider-settings-menu{padding:0 8px;background:0 0!important;border-inline-end:none!important}.sider-settings-menu .ant-menu-item{font-weight:500;color:#fff!important;height:44px!important;transition:all var(--transition-normal)!important;border-radius:8px!important;margin:2px 0!important;line-height:44px!important}.sider-settings-menu .ant-menu-item:hover{color:#fff!important;background:#ffffff14!important}.sider-settings-menu .ant-menu-item-selected{box-shadow:0 2px 8px #e8590c4d;color:#fff!important;background:linear-gradient(135deg,#e8590cd9 0%,#fa8c16bf 100%)!important}.sider-settings-menu .ant-menu-item .anticon{color:#fff!important;font-size:17px!important}.sider-settings-menu .ant-menu-item:hover .anticon{color:#fff!important}@media (width<=480px){.main-content{padding:12px}.main-header{padding:0 12px!important}}:root{--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--color-primary:#e8590c;--color-primary-light:#ff7a45;--color-primary-dark:#ad2e00;--color-accent:#fa8c16;--color-gold:#faad14;--bg-body:#f7f5f2;--bg-sidebar:linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--bg-card:#fff;--bg-header:#fff;--text-primary:#1a1a2e;--text-secondary:#595959;--text-light:#ffffffe0;--text-muted:#ffffff8c;--border-color:#0000000f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-glow:0 0 20px #e8590c26}body.theme-light{--color-primary:#e8590c;--color-primary-light:#ff7a45;--color-primary-dark:#ad2e00;--color-accent:#fa8c16;--color-gold:#faad14;--bg-body:#f7f5f2;--bg-sidebar:linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--bg-card:#fff;--bg-header:#fff;--text-primary:#1a1a2e;--text-secondary:#595959;--border-color:#0000000f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-glow:0 0 20px #e8590c26}body.theme-dark{--color-primary:#ff7a45;--color-primary-light:#ff9c6e;--color-primary-dark:#ad2e00;--color-accent:#ff9c6e;--color-gold:#ffc069;--bg-body:#0f172a;--bg-sidebar:linear-gradient(180deg, #020617 0%, #0f172a 50%, #1e293b 100%);--bg-card:#1e293b;--bg-header:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ffffff14;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-glow:0 0 20px #ff7a4526}body.theme-emerald{--color-primary:#10b981;--color-primary-light:#34d399;--color-primary-dark:#047857;--color-accent:#34d399;--color-gold:#f59e0b;--bg-body:#022c22;--bg-sidebar:linear-gradient(180deg, #021e17 0%, #022c22 50%, #064e3b 100%);--bg-card:#064e3b;--bg-header:#064e3b;--text-primary:#ecfdf5;--text-secondary:#a7f3d0;--border-color:#ffffff14;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 30px #00000073;--shadow-glow:0 0 20px #10b98126}body.theme-ocean{--color-primary:#0ea5e9;--color-primary-light:#38bdf8;--color-primary-dark:#0369a1;--color-accent:#38bdf8;--color-gold:#eab308;--bg-body:#083344;--bg-sidebar:linear-gradient(180deg, #041d24 0%, #083344 50%, #0c4a6e 100%);--bg-card:#0c4a6e;--bg-header:#0c4a6e;--text-primary:#f0f9ff;--text-secondary:#bae6fd;--border-color:#ffffff14;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 30px #00000073;--shadow-glow:0 0 20px #0ea5e926}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-body);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}::selection{color:var(--text-primary);background:#e8590c33}.ant-layout{min-height:100vh;background:var(--bg-body)!important}.ant-layout-sider{box-shadow:2px 0 12px #00000026;background:var(--bg-sidebar)!important}.ant-card{box-shadow:var(--shadow-sm);border-radius:var(--radius-md)!important;transition:all var(--transition-normal)!important;border:1px solid var(--border-color)!important}.ant-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.6s cubic-bezier(.4,0,.2,1) both fadeInUp}.animate-fade-in{animation:.4s both fadeIn}.animate-slide-in-left{animation:.5s cubic-bezier(.4,0,.2,1) both slideInLeft}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media print{.main-sider,.mobile-drawer,.main-header,.main-footer,.results-header-nav,.ant-segmented,#balance-mode-toggle,#drum-balance-mode-toggle,.back-link,.export-btn,#btn-export-pdf,#btn-export-drum-pdf,button,.ant-btn{display:none!important}.ant-layout,.main-layout,.main-content-layout,.main-content,.results-view{background:0 0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.ant-card{page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important;margin-bottom:20px!important;transform:none!important}.ant-collapse{background:0 0!important;border:none!important}.ant-collapse-item{page-break-inside:avoid;border:1px solid #ddd!important;margin-bottom:10px!important}.ant-collapse-header{background:#f5f5f5!important}.ant-table{background:0 0!important}@page{size:auto;margin:15mm}body{color:#000!important;background:#fff!important}}