:root{--primary: #00c7be;--primary-dark: #00a89c;--primary-light: #00d4c8;--secondary: #00a89c;--accent: #10b981;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--text-dark: #1f2937;--text-gray: #6b7280;--text-muted: #9ca3af}:root,[data-theme=light]{--body-bg: linear-gradient(135deg, #e8f0fe, #f0e6ff);--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-blur: blur(16px);--glass-sider: rgba(255, 255, 255, .7);--glass-header: rgba(255, 255, 255, .78);--glass-card-bg: rgba(255, 255, 255, .78);--glass-tabs: rgba(255, 255, 255, .7);--glass-modal: rgba(255, 255, 255, .9);--glass-dropdown: rgba(255, 255, 255, .95);--glass-drawer: rgba(255, 255, 255, .95);--glass-footer: rgba(255, 255, 255, .8);--border-color: rgba(0, 0, 0, .06);--border-strong: rgba(0, 0, 0, .15);--border-light: rgba(0, 0, 0, .04);--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .55);--text-tertiary: rgba(0, 0, 0, .35);--text-disabled: rgba(0, 0, 0, .25);--fill-hover: rgba(0, 199, 190, .06);--fill-selected: rgba(0, 199, 190, .1);--fill-hover-blue: rgba(22, 119, 255, .06);--fill-selected-blue: rgba(22, 119, 255, .1);--shadow-card: 0 8px 32px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .15);--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .1);--input-bg: #fff;--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);--progress-bg: rgba(0, 0, 0, .06)}[data-theme=dark]{--body-bg: linear-gradient(135deg, #0f1729, #1a1a2e);--glass-bg: rgba(30, 41, 59, .8);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: blur(16px);--glass-sider: rgba(15, 23, 42, .85);--glass-header: rgba(30, 41, 59, .85);--glass-card-bg: rgba(30, 41, 59, .8);--glass-tabs: rgba(30, 41, 59, .8);--glass-modal: rgba(30, 41, 59, .9);--glass-dropdown: rgba(30, 41, 59, .95);--glass-drawer: rgba(30, 41, 59, .95);--glass-footer: rgba(30, 41, 59, .9);--border-color: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-light: rgba(255, 255, 255, .04);--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .55);--text-tertiary: rgba(255, 255, 255, .35);--text-disabled: rgba(255, 255, 255, .2);--fill-hover: rgba(0, 199, 190, .15);--fill-selected: rgba(0, 199, 190, .25);--fill-hover-blue: rgba(22, 119, 255, .12);--fill-selected-blue: rgba(22, 119, 255, .2);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-modal: 0 12px 48px rgba(0, 0, 0, .5);--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .45);--input-bg: rgba(255, 255, 255, .06);--scrollbar-thumb: rgba(255, 255, 255, .12);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--progress-bg: rgba(255, 255, 255, .06)}html,body,#root{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--body-bg);background-attachment:fixed}.ant-layout{height:100%;background:transparent!important}.ant-layout-sider{background:var(--glass-sider)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);box-shadow:4px 0 24px #0000000f;overflow:auto}.ant-layout-header{background:var(--glass-header)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);line-height:60px;height:60px;padding:0 24px}.ant-layout-content{background:transparent!important;overflow:auto;position:relative}.ant-layout-footer{background:var(--glass-footer)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color)}.app-layout{display:flex;min-height:100vh}.main-area{margin-left:var(--sidebar-width, 240px);flex:1;display:flex;flex-direction:column;min-height:100vh}.main-header{position:sticky;top:0;z-index:90;background:var(--glass-header);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px}.main-body{padding:24px;flex:1}.ant-card{background:var(--glass-card-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;border-radius:16px!important;box-shadow:var(--glass-shadow)!important}.ant-card-head{background:transparent!important;border-bottom:1px solid var(--glass-border)!important}.ant-card-body{padding:24px}.ant-card-actions{border-top:1px solid var(--glass-border);background:transparent!important}.ant-card-actions>li{border-right:1px solid var(--glass-border)}.glass-card .ant-card-head-title{color:var(--text-primary)}.glass-card .ant-table{background:transparent}.glass-card .ant-table-thead>tr>th{background:#00000005}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--glass-shadow);transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-icon.primary{background:#00c7be26;color:#00c7be}.stat-icon.success{background:#10b98126;color:#10b981}.stat-icon.warning{background:#f59e0b26;color:#f59e0b}.stat-icon.danger{background:#ef444426;color:#ef4444}.stat-num{font-size:28px;font-weight:700;color:var(--text-dark);line-height:1.2}.stat-label{font-size:14px;color:var(--text-gray);margin-top:2px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{margin:0;font-size:20px;font-weight:700}.page-actions{display:flex;gap:8px}.ant-table-wrapper{background:transparent}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:#00000005!important;border-bottom:1px solid var(--border-color)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-light);background:transparent!important}.ant-table-tbody>tr:hover>td{background:var(--fill-hover)!important}.ant-table-tbody>tr:nth-child(2n)>td{background:#00000003!important}.ant-table-tbody>tr:nth-child(2n):hover>td{background:var(--fill-hover)!important}.ant-tabs{background:var(--glass-tabs)!important;padding:4px 4px 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ant-tabs-nav{margin-bottom:0!important}.ant-tabs .ant-tabs-tab{border:1px solid var(--border-color)!important;background:#ffffff80!important;border-radius:6px 6px 0 0!important;font-size:12px!important;padding:4px 10px!important}.ant-tabs .ant-tabs-tab-active{background:#fff!important;border-color:#00c7be4d!important}[data-theme=dark] .ant-tabs .ant-tabs-tab{background:#ffffff0a!important}[data-theme=dark] .ant-tabs .ant-tabs-tab-active{background:#ffffff1a!important}.ant-modal-content{background:var(--glass-modal)!important;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--glass-border);border-radius:20px!important;box-shadow:var(--shadow-modal)}.ant-modal-header{background:transparent!important;border-bottom:1px solid var(--glass-border)}.ant-modal-footer{border-top:1px solid var(--glass-border)}.ant-dropdown .ant-dropdown-menu{background:var(--glass-dropdown)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-dropdown)}.ant-dropdown-menu-item:hover{background:var(--fill-hover)!important}.ant-popover-inner{background:var(--glass-dropdown)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-color);border-radius:10px}.ant-drawer-content{background:var(--glass-drawer)!important;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%)}.ant-drawer-header{background:transparent!important;border-bottom:1px solid var(--border-color)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker,.ant-input-number,.ant-input-number-affix-wrapper{background:var(--input-bg)!important;border:1px solid var(--border-strong)!important;border-radius:8px}.ant-input:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--primary)!important}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--primary)!important;box-shadow:0 0 0 2px #00c7be1a!important}.ant-select-dropdown{background:var(--glass-dropdown)!important;border:1px solid var(--border-color)}.ant-select-item-option-active{background:var(--fill-hover)!important}.ant-tag{border:1px solid var(--border-color);background:#00000005}.ant-badge-count{box-shadow:0 0 0 1px #fff}.ant-menu-light{background:transparent!important}.ant-menu-item{border-radius:8px!important}.ant-menu-item:hover{background:var(--fill-hover)!important}.ant-menu-item-selected{background:var(--fill-selected)!important}.ant-menu-submenu-title:hover{color:var(--primary)!important}.ant-menu-inline .ant-menu-sub{background:transparent!important}.ant-breadcrumb a:hover{color:var(--primary)}.ant-progress-inner{background:var(--progress-bg)}.ant-timeline-item-tail{border-left-color:var(--border-color)}.ant-checkbox-inner{border-color:var(--border-strong)}.ant-alert{border:1px solid var(--border-color)}.ant-divider{border-color:var(--border-color)}.ant-descriptions-item-label{background:#00000005!important}.ant-descriptions-item-content,.ant-tree{background:transparent!important}.ant-tree-treenode:hover{background:var(--fill-hover)}.ant-tree-treenode-selected{background:var(--fill-selected)!important}.ant-list-item{border-bottom:1px solid var(--border-light)!important}.ant-btn-default{background:var(--input-bg)!important;border:1px solid var(--border-strong)!important}.ant-btn-default:hover{border-color:var(--primary)!important;color:var(--primary)!important}.ant-btn-text:hover{background:var(--fill-hover)!important;color:var(--primary)!important}.ant-btn-primary{background:var(--primary)!important;border-color:var(--primary)!important}.ant-btn-primary:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.ant-radio-button-wrapper{border-color:var(--border-strong)!important}.ant-radio-button-wrapper:hover{color:var(--primary)!important}.ant-radio-button-wrapper-checked{background:var(--fill-hover)!important;border-color:var(--primary)!important;color:var(--primary)!important}.ant-switch{background:#00000026}.ant-statistic-content{text-shadow:0 1px 4px rgba(0,0,0,.04)}.ant-steps-item-wait .ant-steps-item-icon{background:#0000000a!important;border-color:#0000001a!important}.ant-steps-item-finish .ant-steps-item-icon{background:#00c7be1a!important}.sidebar-logo{height:60px;display:flex;align-items:center;gap:10px;padding:0 20px;border-bottom:1px solid var(--glass-border)}.sidebar-logo img{width:32px;height:32px}.sidebar-logo span{font-size:18px;font-weight:700;color:var(--text-dark)}.sidebar-menu{flex:1;overflow-y:auto;padding:12px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;color:var(--text-gray);font-size:14px;transition:all .2s;text-decoration:none}.sidebar-item:hover{background:var(--fill-hover-blue);color:var(--primary)}.sidebar-item.active{background:var(--fill-selected-blue);color:var(--primary);font-weight:500}.sidebar-footer{padding:12px;border-top:1px solid var(--glass-border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 12px}.sidebar-user .avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00d4c8,#00c7be);color:#fff;font-size:14px;font-weight:600}.sidebar-user .name{font-size:14px;font-weight:500;color:var(--text-dark)}.sidebar-user .role{font-size:12px;color:var(--text-muted)}.section-title{font-size:11px;color:var(--text-muted);padding:12px 14px 4px;font-weight:600;letter-spacing:.5px}.glass-modal{background:var(--glass-modal);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-modal)}.toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:280px}.tab-pane{display:none}.tab-pane.active{display:block}.empty-state{text-align:center;padding:40px;color:var(--text-muted)}.search-box{position:relative}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-box input{padding-left:36px!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-tips{padding:8px 12px;background:#00c7be0f;border-radius:8px;font-size:13px;color:var(--text-gray);margin-bottom:16px}.logo-icon-img{width:32px;height:32px;object-fit:contain}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=dark] .sidebar-logo span{color:#e2e8f0}[data-theme=dark] .sidebar-item{color:#ffffff8c}[data-theme=dark] .sidebar-item:hover{background:#ffffff0f;color:#fff}[data-theme=dark] .sidebar-item.active{background:#00c7be33;color:#00c7be}[data-theme=dark] .sidebar-user .name{color:#e2e8f0}[data-theme=dark] .sidebar-user .role{color:#fff6}[data-theme=dark] .section-title{color:#ffffff4d}[data-theme=dark] .main-header h1{color:#e2e8f0}[data-theme=dark] .main-body{background:transparent}[data-theme=dark] .stat-num{color:#e2e8f0}[data-theme=dark] .stat-label{color:#ffffff80}[data-theme=dark] .glass-card{border-color:var(--glass-border)!important}[data-theme=dark] .glass-card .ant-card-head-title{color:#e2e8f0}[data-theme=dark] .glass-card .ant-table-thead>tr>th{background:#ffffff0a;color:#ffffff80}[data-theme=dark] .glass-card .ant-table-tbody>tr>td{color:#cbd5e1}[data-theme=dark] .glass-card .ant-table-tbody>tr:hover>td{background:#ffffff0a}[data-theme=dark] .glass-modal span{color:#e2e8f0}[data-theme=dark] .form-tips{background:#00c7be1a;color:#00c7be}[data-theme=dark] .empty-state,[data-theme=dark] .search-box i{color:#ffffff4d}[data-theme=dark] .sidebar-logo,[data-theme=dark] .sidebar-footer{border-color:var(--glass-border)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#e8f0fe,#f0e6ff);position:relative;overflow:hidden}[data-theme=dark] .auth-container{background:linear-gradient(135deg,#0f1729,#1a1a2e)}.auth-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.auth-orb-1{width:400px;height:400px;background:#00c7be1f;top:-120px;right:-80px}.auth-orb-2{width:350px;height:350px;background:#8b5cf61a;bottom:-100px;left:-80px}[data-theme=dark] .auth-orb-1{background:#00c7be14}[data-theme=dark] .auth-orb-2{background:#8b5cf614}.auth-card{width:100%;max-width:440px;position:relative;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px!important;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border)!important}@media(prefers-reduced-motion:reduce){*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}