*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";background:#f8fafc;color:#0f172a}.ant-layout{min-height:100vh;background:#f8fafc}.ant-layout-sider{background:linear-gradient(180deg,#0f172a,#1e293b)!important;box-shadow:2px 0 8px #00000014}.ant-layout-header{border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a!important;line-height:normal!important}.hq-user-info{display:flex;flex-direction:row;align-items:baseline;gap:.4em;min-width:0;max-width:160px;overflow:hidden}.hq-user-info-name{font-weight:600;font-size:14px;line-height:18px;height:18px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hq-user-info-role{font-size:12px;line-height:16px;height:16px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-layout-content{background:#f8fafc}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item{margin:4px 8px;border-radius:8px;transition:all .2s ease}.ant-menu-dark .ant-menu-item:hover{background:#ffffff14!important}.ant-menu-dark .ant-menu-item-selected{background:#2563eb!important;box-shadow:0 2px 8px #2563eb59}.ant-menu-dark .ant-menu-submenu-title{margin:4px 8px;border-radius:8px;transition:all .2s ease}.ant-menu-dark .ant-menu-submenu-title:hover{background:#ffffff14!important}.ant-menu-dark .ant-menu-sub{background:#0003!important;border-radius:8px;margin:4px 8px;padding:4px 0}.ant-menu-dark .ant-menu-sub .ant-menu-item{margin:2px 4px;padding-left:24px!important}.ant-card{border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #0000000a;transition:all .2s ease}.ant-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px -2px #0000000f}.ant-card-head{border-bottom:1px solid #f1f5f9;padding:16px 24px;min-height:auto}.ant-card-head-title{font-weight:600;font-size:16px;color:#0f172a}.ant-card-body{padding:24px}.stat-card{border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;transition:all .2s ease;overflow:hidden}.stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.stat-card .ant-card-body{padding:24px}.stat-card .ant-statistic-title{font-size:13px;font-weight:500;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.025em}.stat-card .ant-statistic-content{font-size:28px;font-weight:600;color:#0f172a;line-height:1.2}.ant-table-wrapper{border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.ant-table{background:transparent}.ant-table-thead>tr>th{background:#f8fafc!important;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #e2e8f0;padding:14px 16px}.ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}.ant-table-tbody>tr:hover>td{background:#f8fafc!important}.ant-table-tbody>tr:last-child>td{border-bottom:none}.ant-btn{border-radius:8px;font-weight:500;height:40px;padding:0 20px;transition:all .2s ease}.ant-btn-sm{height:32px;padding:0 12px;font-size:13px}.ant-btn-lg{height:48px;padding:0 28px;font-size:16px}.ant-btn-primary{box-shadow:0 2px 4px #2563eb40}.ant-btn-primary:hover{box-shadow:0 4px 8px #2563eb59;transform:translateY(-1px)}.ant-btn-default{border-color:#e2e8f0;color:#334155}.ant-btn-default:hover{border-color:#94a3b8;color:#0f172a;background:#f8fafc}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-radius:8px!important;border-color:#e2e8f0!important;transition:all .2s ease}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:#94a3b8!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.ant-form-item-label>label{font-weight:500;color:#334155;font-size:13px}.ant-form-item-required:before{color:#dc2626!important}.ant-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.ant-modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9}.ant-modal-title{font-size:18px;font-weight:600;color:#0f172a}.ant-modal-body{padding:24px}.ant-modal-footer{padding:16px 24px;border-top:1px solid #f1f5f9}.ant-drawer-content{border-radius:0}.ant-drawer-header{padding:20px 24px;border-bottom:1px solid #f1f5f9}.ant-drawer-title{font-size:18px;font-weight:600;color:#0f172a}.ant-drawer-body{padding:24px}.ant-tag{border-radius:6px;padding:2px 10px;font-weight:500;font-size:12px;border:none}.ant-tag-success{background:#ecfdf5;color:#059669}.ant-tag-warning{background:#fffbeb;color:#d97706}.ant-tag-error{background:#fef2f2;color:#dc2626}.ant-tag-processing{background:#eff6ff;color:#2563eb}.ant-tag-default{background:#f1f5f9;color:#475569}.ant-tabs-nav{margin-bottom:24px}.ant-tabs-tab{font-weight:500;padding:12px 16px;color:#64748b;transition:all .2s ease}.ant-tabs-tab:hover{color:#2563eb}.ant-tabs-tab-active .ant-tabs-tab-btn{color:#2563eb;font-weight:600}.ant-tabs-ink-bar{background:#2563eb;height:3px;border-radius:2px}.ant-alert{border-radius:12px;border:none;padding:16px 20px}.ant-alert-info{background:#f0f9ff}.ant-alert-success{background:#ecfdf5}.ant-alert-warning{background:#fffbeb}.ant-alert-error{background:#fef2f2}.ant-dropdown-menu{border-radius:12px;padding:8px;box-shadow:0 10px 40px -8px #00000026,0 4px 12px -2px #00000014;border:1px solid #e2e8f0}.ant-dropdown-menu-item{border-radius:8px;padding:10px 16px;font-size:14px;color:#334155;transition:all .15s ease}.ant-dropdown-menu-item:hover{background:#f8fafc}.ant-dropdown-menu-item-danger{color:#dc2626!important}.ant-dropdown-menu-item-danger:hover{background:#fef2f2!important}.ant-popover-inner{border-radius:12px;box-shadow:0 10px 40px -8px #00000026}.ant-avatar{font-weight:600;font-size:14px}.ant-avatar-lg{font-size:16px}.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#f8fafc;font-weight:500;color:#64748b;font-size:13px}.ant-descriptions-bordered .ant-descriptions-item-content{color:#0f172a}.ant-pagination-item{border-radius:8px;border-color:#e2e8f0}.ant-pagination-item:hover{border-color:#2563eb}.ant-pagination-item-active{background:#2563eb;border-color:#2563eb}.ant-pagination-item-active a{color:#fff}.ant-empty-description{color:#64748b;font-size:14px}.ant-progress-bg{background:linear-gradient(90deg,#2563eb,#3b82f6)}.ant-skeleton-content .ant-skeleton-title,.ant-skeleton-content .ant-skeleton-paragraph>li{border-radius:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:#0f172a;margin:0 0 4px}.page-description{font-size:14px;color:#64748b;margin:0}.section-title{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 16px}.card-grid{display:grid;gap:24px}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.card-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}