.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.15) 0%,transparent 50%)}.login-overlay{position:relative;z-index:1;width:100%;max-width:400px;padding:20px}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a,0 2px 16px #00000014;border:1px solid rgba(255,255,255,.2);padding:40px 32px;text-align:center}.login-header{margin-bottom:32px}.login-title{color:#1a1a1a!important;margin-bottom:8px!important;font-weight:600;font-size:28px}.login-subtitle{color:#666;font-size:16px}.login-button{height:48px;font-size:16px;font-weight:500;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea66;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.login-button:active{transform:translateY(0)}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #f0f0f0}.ant-form-item-label>label{font-weight:500;color:#333}.ant-input-affix-wrapper{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}.ant-input-affix-wrapper:hover{border-color:#667eea}.ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.ant-input{font-size:16px}.ant-input-prefix{color:#999}.ant-alert{border-radius:8px}@media (max-width: 480px){.login-overlay{padding:16px}.login-card{padding:32px 24px}.login-title{font-size:24px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-button .ant-spin{animation:pulse 1.5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.login-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 6s ease-in-out infinite;opacity:.3}.statistics-compressed .ant-card{margin-bottom:12px!important;padding:12px 16px!important}.statistics-compressed .ant-card-head{min-height:32px!important;padding:0 8px!important}.statistics-compressed .ant-card-body{padding:8px!important}.statistics-compressed .ant-table-wrapper .ant-table{font-size:12px!important}.statistics-compressed .ant-table-thead>tr>th,.statistics-compressed .ant-table-tbody>tr>td{padding:4px 8px!important}.statistics-compressed .ant-tabs-nav{margin-bottom:8px!important}.statistics-compressed .ant-tabs-tab{padding:4px 8px!important;font-size:13px!important}.statistics-compressed .ant-typography{margin-bottom:8px!important;font-size:18px!important}.statistics-compressed .ant-space{margin-bottom:8px!important}.statistics-compressed .ant-picker,.statistics-compressed .ant-select,.statistics-compressed .ant-btn{height:28px!important;font-size:12px!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{display:flex;height:100vh;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-form{background:#fff;padding:28px;border-radius:8px;box-shadow:0 8px 24px #0003;width:360px;max-width:90vw}.login-form h2{text-align:center;margin-bottom:20px;color:#333;font-size:20px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:4px;color:#555;font-weight:500;font-size:13px}.form-group input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.login-btn{width:100%;padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.login-btn:hover{transform:translateY(-2px)}.sidebar{width:200px;background:#2c3e50;color:#fff;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:56px}.sidebar-header{padding:12px;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:16px;font-weight:600}.toggle-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;border-radius:3px;transition:background-color .3s}.toggle-btn:hover{background-color:#34495e}.sidebar-nav{flex:1;padding:8px 0}.nav-item{width:100%;padding:8px 12px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background-color .3s;font-size:13px}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#3498db}.nav-icon{font-size:16px;margin-right:8px;width:20px;text-align:center}.nav-label{flex:1}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:8px 6px}.sidebar.collapsed .nav-icon{margin-right:0}.main-content{flex:1;display:flex;flex-direction:column;margin-left:200px;transition:margin-left .3s ease}.main-content.collapsed{margin-left:56px}.header{background:#fff;padding:0 16px;height:48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;box-shadow:0 1px 4px #00000014}.header-title h2{color:#2c3e50;font-size:16px;font-weight:600}.header-user{display:flex;align-items:center;gap:10px}.header-user span{color:#666;font-weight:500;font-size:13px}.logout-btn{padding:4px 12px;background:#e74c3c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-weight:500;font-size:12px;transition:background-color .3s}.logout-btn:hover{background:#c0392b}.content{flex:1;padding:12px;overflow-y:auto;background:#f8f9fa}.page{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 6px #00000014}.page h1{color:#2c3e50;margin-bottom:12px;font-size:20px;font-weight:600}.page p{color:#666;font-size:13px;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{font-size:13px;margin-bottom:8px;opacity:.9}.stat-number{font-size:24px;font-weight:700;margin:0}@media (max-width: 768px){.sidebar{position:fixed;z-index:1000;height:100vh}.main-content,.main-content.collapsed{margin-left:0}.header{padding:0 15px}.header-title h2{font-size:20px}.content{padding:15px}.page{padding:20px}.page h1{font-size:24px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-number{font-size:28px}}@media (max-width: 480px){.login-form{padding:30px 20px}.sidebar{width:100%}.sidebar.collapsed{width:70px}}.text-center{text-align:center}.text-right{text-align:right}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.loading{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{padding:15px;border-radius:6px;margin-bottom:20px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.ant-typography,.ant-btn,.ant-input,.ant-select,.ant-form-item-label,.ant-modal-title,.ant-card-head-title,.ant-tabs-tab{font-size:12px!important}.ant-btn{height:28px!important;padding:2px 10px!important;font-size:12px!important;line-height:22px!important}.ant-btn-sm{height:24px!important;padding:0 8px!important;font-size:11px!important}.ant-btn-lg{height:32px!important;padding:4px 14px!important;font-size:13px!important}.ant-input{padding:4px 8px!important;font-size:12px!important;height:28px!important}.ant-input-sm{height:24px!important;padding:2px 6px!important;font-size:11px!important}.ant-input-lg{height:32px!important;padding:6px 10px!important}.ant-input-number{height:28px!important;font-size:12px!important}.ant-input-number-input{height:26px!important;padding:0 8px!important;font-size:12px!important}.ant-input-number-sm{height:24px!important}.ant-input-number-sm .ant-input-number-input{height:22px!important;font-size:11px!important}.ant-select{font-size:12px!important}.ant-select-selector{height:28px!important;padding:0 8px!important;font-size:12px!important}.ant-select-selection-item,.ant-select-selection-placeholder{line-height:26px!important;font-size:12px!important}.ant-select-sm .ant-select-selector{height:24px!important}.ant-select-sm .ant-select-selection-item,.ant-select-sm .ant-select-selection-placeholder{line-height:22px!important;font-size:11px!important}.ant-select-dropdown{font-size:12px!important}.ant-select-item{font-size:12px!important;padding:4px 8px!important;min-height:28px!important}.ant-form-item{margin-bottom:12px!important}.ant-form-item-label{padding:0 0 4px!important}.ant-form-item-label>label{font-size:12px!important;height:auto!important}.ant-form-item-control-input{min-height:28px!important}.ant-modal-header{padding:12px 16px!important}.ant-modal-title{font-size:14px!important}.ant-modal-body{padding:12px 16px!important}.ant-modal-footer{padding:8px 16px!important}.ant-card{font-size:12px!important}.ant-card-head{min-height:40px!important;padding:0 12px!important}.ant-card-head-title{padding:10px 0!important;font-size:13px!important}.ant-card-body{padding:12px!important}.ant-tabs-tab{padding:8px 12px!important;font-size:12px!important}.ant-tabs-nav{margin-bottom:8px!important}.ant-checkbox-wrapper,.ant-radio-wrapper{font-size:12px!important}.ant-checkbox-inner,.ant-radio-inner{width:14px!important;height:14px!important}.ant-tag{padding:0 6px!important;font-size:11px!important;line-height:20px!important;margin-right:4px!important}.ant-tooltip-inner{font-size:11px!important;padding:4px 8px!important;min-height:auto!important}.ant-alert{padding:6px 12px!important;font-size:12px!important}.ant-alert-message{font-size:12px!important}.ant-menu-item{height:32px!important;line-height:32px!important;margin:2px 0!important;padding:0 12px!important;font-size:12px!important}.ant-menu-submenu-title{height:32px!important;line-height:32px!important;font-size:12px!important}.ant-breadcrumb,.ant-pagination{font-size:12px!important}.ant-pagination-item{min-width:28px!important;height:28px!important;line-height:26px!important;font-size:12px!important}.ant-pagination-prev,.ant-pagination-next{min-width:28px!important;height:28px!important;line-height:26px!important}.ant-pagination-options{margin-left:8px!important}.ant-table{font-size:11px}.ant-table-thead>tr>th{padding:4px 6px;font-size:11px;font-weight:600}.ant-table-tbody>tr>td{padding:4px 6px;font-size:11px}.ant-table-cell{padding:4px 6px!important;font-size:11px}.ant-table-expanded-row>td{padding:4px 6px}.karat-calculator-compact table.ant-table .ant-table-cell{padding:4px 2px!important;font-size:11px!important;line-height:18px!important;vertical-align:middle!important;height:32px!important;max-height:32px!important}.karat-calculator-compact .ant-input,.karat-calculator-compact .ant-input-number .ant-input-number-input,.karat-calculator-compact .ant-select .ant-select-selector,.karat-calculator-compact .ant-auto-complete .ant-select-selector{font-size:11px!important;padding:2px 4px!important;height:24px!important;line-height:18px!important;min-height:24px!important}.karat-calculator-compact .ant-auto-complete .ant-select-selection-search-input,.karat-calculator-compact .ant-auto-complete input,.karat-calculator-compact .ant-auto-complete .ant-select-selector input,.karat-calculator-compact .ant-select-selection-search-input{font-size:11px!important;line-height:18px!important;height:20px!important}.karat-calculator-compact .ant-input-number{height:24px!important;min-height:24px!important}.karat-calculator-compact .ant-btn{font-size:11px!important;padding:2px 6px!important;height:24px!important;line-height:18px!important;min-height:24px!important}.karat-calculator-compact .ant-tabs-tab{font-size:11px!important;padding:4px 8px!important}.karat-calculator-compact table.ant-table .ant-table-thead>tr>th{padding:4px 2px!important;font-size:11px!important;line-height:18px!important;height:32px!important}.karat-calculator-compact table.ant-table .ant-table-tbody>tr>td{padding:4px 2px!important;font-size:11px!important;line-height:18px!important;vertical-align:middle!important;height:32px!important;max-height:32px!important}.karat-calculator-compact .ant-select .ant-select-selection-item{font-size:11px!important;line-height:18px!important;height:20px!important}.karat-calculator-compact .ant-select-dropdown{font-size:11px!important}.karat-calculator-compact .ant-select-item{font-size:11px!important;padding:2px 8px!important;min-height:20px!important;line-height:18px!important}.karat-calculator-compact .ant-input-number .ant-input-number-input-wrap,.karat-calculator-compact .ant-input-number .ant-input-number-handler-wrap{height:24px!important}.karat-calculator-compact .ant-input-number .ant-input-number-handler{height:12px!important;line-height:12px!important}.karat-calculator-compact table.ant-table .ant-table-tbody>tr{height:32px!important;max-height:32px!important}.karat-calculator-compact .ant-auto-complete input.ant-input{font-size:11px!important;height:24px!important;line-height:18px!important;padding:2px 4px!important}.karat-calculator-compact .ant-auto-complete .ant-select-selection-search-input{font-size:11px!important;height:24px!important;line-height:18px!important}.karat-calculator-compact tr.karat-calculator-row td{height:32px!important;max-height:32px!important;padding:4px 2px!important;font-size:11px!important;line-height:18px!important;vertical-align:middle!important;overflow:hidden!important}.karat-calculator-compact tr.karat-calculator-row td .ant-input,.karat-calculator-compact tr.karat-calculator-row td .ant-input-number-input,.karat-calculator-compact tr.karat-calculator-row td .ant-select-selector,.karat-calculator-compact tr.karat-calculator-row td .ant-auto-complete .ant-select-selector{height:24px!important;font-size:11px!important;line-height:18px!important;padding:2px 4px!important}.karat-calculator-compact .ant-auto-complete input[type=search],.karat-calculator-compact .ant-select-selection-search input,.karat-calculator-compact input.ant-select-selection-search-input{font-size:11px!important;line-height:18px!important;height:20px!important}.karat-calculator-compact input{font-size:11px!important}.karat-calculator-compact .ant-select-selection-search-input,.karat-calculator-compact .ant-auto-complete input[type=search],.karat-calculator-compact .ant-select input{font-size:11px!important;height:20px!important;line-height:18px!important;padding:0 4px!important}.karat-calculator-compact *{box-sizing:border-box!important}.karat-calculator-compact [class*=ant-select-selection-search-input]{font-size:11px!important}.karat-calculator-compact .ant-table-cell .ant-select.ant-select-outlined.ant-select-auto-complete input.ant-select-selection-search-input,.karat-calculator-compact td .ant-auto-complete input[role=combobox]{font-size:11px!important;height:20px!important;line-height:18px!important}.karat-input-autocomplete input,.karat-input-autocomplete .ant-select-selection-search-input{font-size:11px!important;height:20px!important;line-height:18px!important;padding:0 4px!important}:root{--primary-color: #1976d2;--secondary-color: #dc004e;--background-color: #f5f5f5;--paper-color: #ffffff;--text-primary: #2c3e50;--text-secondary: #666666;--base-font-size: 12px;--small-font-size: 11px;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--input-height: 28px;--button-height: 28px;--row-height: 32px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}