@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";:root{--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--color-brand: #EE4136;--color-brand-hover: #D93A30;--color-brand-light: rgba(238, 65, 54, .1);--color-background: #F2F2F2;--color-surface: #FFFFFF;--color-surface-alt: #D6DBE1;--color-text-primary: #222020;--color-text-secondary: #737070;--color-text-muted: #9C9696;--color-border: #C9CFD7;--color-border-light: #D6DBE1;--color-success: #22C55E;--color-success-light: rgba(34, 197, 94, .1);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .1);--color-error: #DC2626;--color-error-light: rgba(220, 38, 38, .1);--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .1);--color-sider-bg: #222020;--color-sider-text: #F2F2F2;--color-sider-hover: rgba(255, 255, 255, .08);--color-sider-selected: rgba(238, 65, 54, .15);--font-size-display-lg: 31px;--font-size-display: 27px;--font-size-h1: 23px;--font-size-h2: 19px;--font-size-h3: 17px;--font-size-body: 15px;--font-size-small: 13px;--font-size-caption: 11px;--font-size-tiny: 9px;--line-height-display-lg: 1.15;--line-height-display: 1.2;--line-height-h1: 1.25;--line-height-h2: 1.3;--line-height-h3: 1.35;--line-height-body: 1.5;--line-height-small: 1.45;--line-height-caption: 1.4;--line-height-tiny: 1.35;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(34, 32, 32, .05);--shadow-md: 0 4px 6px -1px rgba(34, 32, 32, .1);--shadow-lg: 0 10px 15px -3px rgba(34, 32, 32, .1);--shadow-xl: 0 20px 25px -5px rgba(34, 32, 32, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:400;color:var(--color-text-primary);background-color:var(--color-background)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:700;color:var(--color-text-primary);margin:0}h1,.h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2,.h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:600}h3,.h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:600}p{margin:0;color:var(--color-text-secondary)}small,.text-small{font-size:var(--font-size-small);line-height:var(--line-height-small)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}code{font-family:Montserrat,monospace;font-size:var(--font-size-small);background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-layout{min-height:100vh;background:var(--color-background)}.app-content{padding:var(--space-lg);min-height:calc(100vh - 133px);background:var(--color-background)}.app-sider{background:var(--color-sider-bg)!important}.app-sider .ant-layout-sider-children{background:var(--color-sider-bg)}.app-sider .ant-menu-dark,.app-sider .ant-menu-dark .ant-menu-sub{background:transparent!important}.app-sider .ant-menu-dark .ant-menu-item{background:transparent;margin:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-body);font-weight:500}.app-sider .ant-menu-dark .ant-menu-item:hover{background:var(--color-sider-hover)!important}.app-sider .ant-menu-dark .ant-menu-item-selected{background:var(--color-sider-selected)!important}.app-sider .ant-menu-dark .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-brand);border-radius:0 2px 2px 0}.app-menu{padding:var(--space-sm)}.app-header{background:var(--color-surface)!important;border-bottom:1px solid var(--color-border-light);height:64px}.app-footer{background:transparent!important;color:var(--color-text-muted);font-size:var(--font-size-small);padding:var(--space-lg);text-align:center}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);gap:var(--space-md)}.page-header h2,.page-header .ant-typography{font-size:var(--font-size-h1);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.page-header p,.page-header .ant-typography-secondary{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0}.page-subtitle{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.ant-card{border-radius:var(--radius-md);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);background:var(--color-surface)}.ant-card-head{border-bottom:1px solid var(--color-border-light);padding:var(--space-md) var(--space-lg);min-height:auto}.ant-card-head-title{font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);padding:0}.ant-card-body{padding:var(--space-lg)}.stat-card{border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card .ant-card-body{padding:var(--space-md) var(--space-lg)}.stat-card .ant-statistic-title{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.stat-card .ant-statistic-content-value{font-size:var(--font-size-display);font-weight:700;color:var(--color-text-primary)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.table-toolbar .ant-space{flex-wrap:wrap}.users-header{align-items:flex-start}.users-header-main{display:flex;flex-direction:column;gap:var(--space-xs)}.users-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.users-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.users-stat-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#fff,#faf7f7)}.users-stat-label{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.users-stat-value{font-size:28px;font-weight:700;color:var(--color-text-primary)}.users-stat-success{color:#1e9b4c}.users-stat-danger{color:#d83a34}.users-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-md)}.users-search{width:min(520px,100%)}.users-toolbar-actions{display:flex;gap:var(--space-sm)}.users-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.users-filter{width:100%}.users-detail-drawer .ant-drawer-header{border-bottom:1px solid var(--color-border-light)}.user-detail{display:flex;flex-direction:column}.user-detail-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.user-detail-name{font-size:20px;font-weight:700;color:var(--color-text-primary)}.user-detail-email{color:var(--color-text-secondary)}.user-detail-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;justify-content:center}.user-detail-cta{width:100%}.user-detail-cta .ant-btn{height:40px}.user-detail-section-title{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:var(--space-sm)}.user-detail-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.users-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-xs) var(--space-md)}.ant-table{font-size:var(--font-size-body)}.ant-table-thead>tr>th{background:var(--color-surface)!important;font-weight:600;font-size:var(--font-size-small);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border-light);padding:var(--space-md)}.ant-table-tbody>tr>td{padding:var(--space-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.ant-table-tbody>tr:hover>td{background:var(--color-background)!important}.ant-table-wrapper{border-radius:var(--radius-md);overflow:hidden}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{font-family:var(--font-family)!important;font-size:var(--font-size-body)!important;border-radius:var(--radius-sm)!important;border-color:var(--color-border)!important;background:var(--color-surface)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--color-text-primary)!important;box-shadow:none!important}.ant-input::placeholder,.ant-select-selection-placeholder{color:var(--color-text-muted)}.ant-input-affix-wrapper{padding:var(--space-sm) var(--space-md)}.ant-form-item-label>label{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-primary)}.ant-form-item-has-error .ant-input,.ant-form-item-has-error .ant-input-affix-wrapper,.ant-form-item-has-error .ant-select-selector{border-color:var(--color-error)!important}.ant-form-item-explain-error{color:var(--color-error);font-size:var(--font-size-small)}.ant-btn{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:600;border-radius:var(--radius-sm);height:auto;padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.ant-btn-primary{background:var(--color-brand)!important;border-color:var(--color-brand)!important;color:#fff!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--color-brand-hover)!important;border-color:var(--color-brand-hover)!important}.ant-btn-primary:disabled{background:var(--color-border)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important}.ant-btn-default{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.ant-btn-default:hover,.ant-btn-default:focus{background:var(--color-background);border-color:var(--color-text-primary);color:var(--color-text-primary)}.ant-btn-text,.ant-btn-link{color:var(--color-text-secondary)}.ant-btn-text:hover,.ant-btn-link:hover{color:var(--color-text-primary);background:var(--color-background)}.ant-btn-dangerous{background:var(--color-error)!important;border-color:var(--color-error)!important;color:#fff!important}.ant-btn-dangerous:hover{background:#b91c1c!important;border-color:#b91c1c!important}.ant-tag{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:500;border-radius:var(--radius-sm);padding:2px var(--space-sm);border:none;line-height:1.4}.ant-tag-success,.ant-tag-green{background:var(--color-success-light);color:var(--color-success)}.ant-tag-warning,.ant-tag-gold,.ant-tag-orange{background:var(--color-warning-light);color:var(--color-warning)}.ant-tag-error,.ant-tag-red{background:var(--color-error-light);color:var(--color-error)}.ant-tag-processing,.ant-tag-blue{background:var(--color-info-light);color:var(--color-info)}.ant-tag-default{background:var(--color-surface-alt);color:var(--color-text-secondary)}.ant-tag-brand{background:var(--color-brand-light);color:var(--color-brand)}.ant-select{font-family:var(--font-family)}.ant-select-dropdown{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs)}.ant-select-item{font-size:var(--font-size-body);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.ant-select-item-option-selected{background:var(--color-brand-light)!important;color:var(--color-brand);font-weight:500}.ant-select-item-option-active{background:var(--color-background)}.ant-modal-content{border-radius:var(--radius-lg);overflow:hidden}.ant-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.ant-modal-title{font-size:var(--font-size-h2);font-weight:600}.ant-modal-body{padding:var(--space-lg)}.ant-modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light)}.ant-drawer-title{font-size:var(--font-size-h2);font-weight:600}.ant-alert{border-radius:var(--radius-md);font-size:var(--font-size-body)}.ant-alert-success{background:var(--color-success-light);border-color:var(--color-success)}.ant-alert-warning{background:var(--color-warning-light);border-color:var(--color-warning)}.ant-alert-error{background:var(--color-error-light);border-color:var(--color-error)}.ant-alert-info{background:var(--color-info-light);border-color:var(--color-info)}.ant-message-notice-content{border-radius:var(--radius-md);font-family:var(--font-family)}.ant-pagination{font-family:var(--font-family)}.ant-pagination-item{border-radius:var(--radius-sm);font-size:var(--font-size-body)}.ant-pagination-item-active{background:var(--color-brand);border-color:var(--color-brand)}.ant-pagination-item-active a{color:#fff}.ant-dropdown-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs)}.ant-dropdown-menu-item{border-radius:var(--radius-sm);font-size:var(--font-size-body);padding:var(--space-sm) var(--space-md)}.ant-dropdown-menu-item:hover{background:var(--color-background)}.ant-avatar{background:var(--color-brand);font-family:var(--font-family);font-weight:600}.ant-tabs-tab{font-size:var(--font-size-body);font-weight:500}.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-brand)}.ant-tabs-ink-bar{background:var(--color-brand)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#fff,#f2f2f2)}.login-card{width:420px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-light);background:var(--color-surface)}.login-card .ant-card-body{padding:var(--space-xl)}.login-card .ant-form-item-label>label{font-size:var(--font-size-body);color:var(--color-text-primary)}.login-card .ant-input-affix-wrapper{padding:var(--space-sm) var(--space-md)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.ant-descriptions-item-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-text-secondary)}.ant-descriptions .ant-descriptions-item-container .ant-descriptions-item-label{display:flex!important;gap:5px}.ant-descriptions-item-content{font-size:var(--font-size-body);color:var(--color-text-primary)}.ant-empty-description{font-size:var(--font-size-body);color:var(--color-text-muted)}.ant-spin-dot-item{background-color:var(--color-brand)}.ant-tooltip-inner{font-family:var(--font-family);font-size:var(--font-size-small);border-radius:var(--radius-sm);color:var(--color-text-primary)!important;background:var(--color-surface)!important}.ant-tooltip .ant-tooltip-arrow:before{background:var(--color-surface)!important}.ant-popconfirm .ant-popover-inner,.ant-picker-panel-container{border-radius:var(--radius-md)}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--color-brand)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease-out}@media (max-width: 768px){.app-content{padding:var(--space-md)}.dashboard-stats,.dashboard-charts{grid-template-columns:1fr}.login-card{width:100%;margin:var(--space-md);border-radius:var(--radius-md)}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar .ant-space{width:100%;justify-content:space-between}.users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.users-header,.users-toolbar{flex-direction:column;align-items:flex-start}}:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media print{.app-sider,.app-header,.app-footer,.ant-btn{display:none!important}.app-content{margin:0!important;padding:0!important}}.app-sider .ant-menu-item-group-title{font-size:10px!important;font-weight:600!important;letter-spacing:.5px;color:#fff6!important;padding:16px 24px 8px!important;text-transform:uppercase}.app-sider .ant-menu-item-group:not(:first-child) .ant-menu-item-group-title{margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:16px!important}.header-toggle-btn:hover,.header-icon-btn:hover,.user-dropdown-trigger:hover{background:var(--color-background)}.ant-breadcrumb{font-size:var(--font-size-small)}.ant-breadcrumb a{color:var(--color-text-muted);transition:color .2s}.ant-breadcrumb a:hover{color:var(--color-brand)}.ant-breadcrumb-link{display:inline-flex;align-items:center;gap:4px}.page-content{animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-actions{display:flex;align-items:center;gap:var(--space-sm)}.clickable-card{cursor:pointer;transition:all .2s ease}.clickable-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-brand)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.active{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-light)}.status-dot.inactive{background:var(--color-text-muted)}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-light)}.status-dot.error{background:var(--color-error);box-shadow:0 0 0 3px var(--color-error-light)}.skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ant-empty{padding:var(--space-2xl) var(--space-lg)}.ant-empty-description{color:var(--color-text-muted);font-size:var(--font-size-body)}.empty-state-action{margin-top:var(--space-md)}.chart-container{position:relative;padding:var(--space-md)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md);justify-content:center}.chart-legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--color-text-secondary)}.chart-legend-color{width:12px;height:12px;border-radius:2px}.ant-drawer-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.ant-drawer-title{font-weight:600;font-size:var(--font-size-h3)}.ant-drawer-body{padding:var(--space-lg)}.drawer-section{margin-bottom:var(--space-lg)}.drawer-section-title{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.action-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.action-buttons .ant-btn{flex:1}.form-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-light)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-title{font-weight:600;font-size:var(--font-size-h3);color:var(--color-text-primary);margin-bottom:var(--space-md)}.form-section-description{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--space-md)}.info-box{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex;align-items:flex-start;gap:var(--space-sm)}.info-box.info{background:var(--color-info-light);border-left:3px solid var(--color-info)}.info-box.warning{background:var(--color-warning-light);border-left:3px solid var(--color-warning)}.info-box.success{background:var(--color-success-light);border-left:3px solid var(--color-success)}.info-box.error{background:var(--color-error-light);border-left:3px solid var(--color-error)}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.data-grid-item{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.data-grid-label{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.data-grid-value{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-primary)}.quick-stats{display:flex;gap:var(--space-lg);padding:var(--space-md) 0;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light)}.quick-stat{display:flex;align-items:center;gap:var(--space-sm)}.quick-stat-label{font-size:var(--font-size-small);color:var(--color-text-muted)}.quick-stat-value{font-weight:600;color:var(--color-text-primary)}@media (max-width: 768px){.app-header{padding:0 var(--space-md)!important}.user-dropdown-trigger .ant-space-item:last-child{display:none}.page-header{flex-direction:column;gap:var(--space-md)}.page-actions{width:100%;justify-content:flex-start}.quick-stats{flex-wrap:wrap;gap:var(--space-md)}.data-grid{grid-template-columns:1fr}}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:500;color:var(--color-text-muted);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 1px 0 var(--color-border)}