:root{--primary-color: #3b82f6;--bg-color: #0c0c0e;--card-bg: rgba(28, 28, 33, .95);--border-color: rgba(63, 63, 70, .4);--text-primary: #ffffff;--text-secondary: #a1a1aa;--glass-bg: rgba(24, 24, 27, .85);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#3b82f6 #0c0c0e}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0c0c0e}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#6366f1);border-radius:10px;border:2px solid #0c0c0e}body{font-family:var(--font-main);background:radial-gradient(circle at top right,#1e1b4b,#0c0c0e 60%);color:var(--text-primary);min-height:100vh;overflow-x:hidden;width:100%}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px -10px #00000080;margin-bottom:24px}.ant-layout{background:transparent!important}.ant-layout-sider{background:var(--bg-color)!important;border-right:1px solid var(--border-color)}.ant-table{background:transparent!important;color:var(--text-primary)!important}.ant-table-thead>tr>th{background:#ffffff0d!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important;font-size:11px!important;text-transform:uppercase}.ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.05)!important}.ant-table-wrapper{overflow-x:auto!important;width:100%;-webkit-overflow-scrolling:touch}.ant-table{min-width:600px}@media(max-width:768px){.ant-table{min-width:800px}}@media(max-width:768px){.glass-card{padding:12px!important;border-radius:12px!important;margin-bottom:12px!important;border:none!important;background:#18181be6!important}.gradient-text{font-size:20px!important;line-height:1.2!important;display:block!important;margin-bottom:16px!important}.ant-form-item{margin-bottom:12px!important}.ant-col-xs-12,.ant-col-xs-8{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.keep-side-by-side .ant-col-xs-12{width:50%!important;max-width:50%!important;flex:0 0 50%!important}.main-content-area{margin:4px!important;padding:0!important}.main-card-container{padding:12px!important;border-radius:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden}.ant-statistic-title{font-size:10px!important}.ant-statistic-content-value{font-size:14px!important}.ant-row{margin-left:0!important;margin-right:0!important}.ant-col{padding-left:4px!important;padding-right:4px!important}}.ant-menu-item-selected{background-color:#3b82f633!important;color:var(--primary-color)!important;font-weight:600}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{background:#ffffff0d!important;border:1px solid var(--border-color)!important;color:#fff!important;transition:all .3s!important}.ant-input:focus,.ant-input-number-focused,.ant-picker-focused,.ant-select-focused,.ant-input:hover{border-color:var(--primary-color)!important;box-shadow:0 0 0 4px #3b82f626!important}.ant-form-item-label label{color:var(--text-secondary)!important;font-weight:500}.gradient-text{background:linear-gradient(to right,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;text-shadow:0 10px 20px rgba(0,0,0,.2)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.page-header .ant-btn,.page-header .ant-space{width:100%!important}.page-header .ant-title,.page-header h1,.page-header h2{font-size:18px!important;margin:0!important}}.ant-select-selection-item,.ant-picker-input>input{color:#fff!important}.ant-select-arrow,.ant-picker-suffix{color:var(--text-secondary)!important}.modern-table .ant-table{background:transparent!important}.modern-table .ant-table-thead>tr>th{background:#27272a66!important;color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important}.modern-table .ant-table-tbody>tr>td{border-bottom:1px solid var(--border-color)!important}.modern-table .ant-table-tbody>tr:hover>td{background:#3b82f60d!important}
