:root[data-theme=dark]{--hp-bg-gradient:linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 70%, #533483 100%);--hp-glass-border:#ffffff1a;--hp-glass-shadow:0 4px 24px #00000059;--hp-logo-gradient:linear-gradient(90deg, #a78bfa, #60a5fa);--hp-logo-color:#c4b5fd;--hp-header-border:#ffffff14;--hp-scrollbar-track:#ffffff0a;--hp-scrollbar-thumb:#ffffff26}:root[data-theme=light]{--hp-bg-gradient:linear-gradient(135deg, #c7d2fe 0%, #e0e7ff 30%, #ddd6fe 60%, #bae6fd 100%);--hp-glass-border:#fff6;--hp-glass-shadow:0 4px 24px #6450c81f;--hp-logo-gradient:linear-gradient(90deg, #7c3aed, #4f46e5);--hp-logo-color:#7c3aed;--hp-header-border:#ffffff59;--hp-scrollbar-track:#fff3;--hp-scrollbar-thumb:#7c3aed40}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:var(--hp-bg-gradient,#1a1a2e);background-attachment:fixed;height:100%}.hp-sider .ant-layout-sider-children,.hp-sider .ant-layout-sider-children>*,.hp-sider .ant-menu,.hp-sider .ant-menu-root{background:0 0!important}:root[data-theme=dark] .hp-sider{background:#0f14328c!important}:root[data-theme=light] .hp-sider{background:#ffffff59!important}.hp-sider{-webkit-backdrop-filter:blur(20px)!important;border-right:1px solid var(--hp-glass-border)!important;box-shadow:var(--hp-glass-shadow)!important}.hp-header{-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--hp-header-border)!important;box-shadow:none!important}.ant-card{-webkit-backdrop-filter:blur(14px)!important;border-color:var(--hp-glass-border)!important;box-shadow:var(--hp-glass-shadow)!important}.ant-table-wrapper .ant-table{-webkit-backdrop-filter:blur(12px)!important}.ant-modal-content,.ant-drawer-content{-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--hp-glass-border)!important}.ant-dropdown .ant-dropdown-menu,.ant-select-dropdown{-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--hp-glass-border)!important}.hp-logo-text{background:var(--hp-logo-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800}.hp-logo-sub{color:var(--hp-logo-color);opacity:.55;margin-top:1px;font-size:10px;font-weight:400}.hp-theme-btn{opacity:.75;transition:opacity .15s}.hp-theme-btn:hover{opacity:1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--hp-scrollbar-track,transparent)}::-webkit-scrollbar-thumb{background:var(--hp-scrollbar-thumb,#fff3);border-radius:10px}::-webkit-scrollbar-thumb:hover{opacity:.8}@media (width<=600px){.hp-sider{z-index:1000;height:100vh;transition:transform .25s;top:0;left:0;transform:translate(-100%);box-shadow:none!important;position:fixed!important}.hp-sider.open{transform:translate(0);box-shadow:4px 0 24px #0006!important}.hp-overlay{display:block!important}.hp-layout-main{margin-left:0!important}.hp-header{padding:0 8px!important}.hp-content{padding:8px!important}.ant-table-wrapper{overflow-x:auto}.ant-card-body{padding:10px!important}.ant-statistic-title{font-size:11px}.ant-tabs-tab{font-size:12px;padding:6px 8px!important}.ant-popconfirm,.ant-tooltip{max-width:260px}.ant-drawer-content-wrapper{width:100%!important;max-width:100vw!important}.ant-modal{max-width:98vw!important;margin:4px auto!important}.ant-modal-content{padding:12px!important}.ant-form-item{margin-bottom:10px!important}.hp-btn-label{display:none}.hp-toolbar{flex-wrap:wrap;gap:4px}h2{margin-bottom:8px!important;font-size:15px!important}.ant-tag{padding:0 4px;font-size:10px;line-height:18px}.ant-collapse-header{padding:8px 12px!important}.ant-row{margin-left:-4px!important;margin-right:-4px!important}.ant-col{padding-left:4px!important;padding-right:4px!important}.ant-space-horizontal{flex-wrap:wrap}.hp-grid-3,.hp-grid-2{grid-template-columns:1fr!important}}@media (width<=320px){.hp-content{padding:4px!important}.ant-card-body{padding:8px!important}.ant-table{font-size:11px}.ant-btn{height:28px;padding:2px 6px;font-size:11px}h2{font-size:13px!important}.ant-statistic-content-value{font-size:20px!important}}body{height:100vh;overflow:hidden}@media (width>=601px){.hp-sider{align-self:flex-start!important;height:100vh!important;position:sticky!important;top:0!important;overflow:hidden auto!important}}.hp-content{overflow-x:hidden;height:calc(100vh - 48px)!important;overflow-y:auto!important}.hp-overlay{z-index:999;background:#00000073;display:none;position:fixed;inset:0}
