.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:40px;border-radius:10px;box-shadow:0 10px 30px #0003;width:400px;max-width:90vw}.login-form h2{text-align:center;margin-bottom:30px;color:#333;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#555;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.login-btn:hover{transform:translateY(-2px)}.sidebar{width:250px;background:#2c3e50;color:#fff;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:20px;font-weight:600}.toggle-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px;border-radius:3px;transition:background-color .3s}.toggle-btn:hover{background-color:#34495e}.sidebar-nav{flex:1;padding:20px 0}.nav-item{width:100%;padding:15px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background-color .3s;font-size:16px}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#3498db}.nav-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-label{flex:1}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:15px 10px}.sidebar.collapsed .nav-icon{margin-right:0}.main-content{flex:1;display:flex;flex-direction:column;margin-left:250px;transition:margin-left .3s ease}.main-content.collapsed{margin-left:70px}.header{background:#fff;padding:0 30px;height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #0000001a}.header-title h2{color:#2c3e50;font-size:24px;font-weight:600}.header-user{display:flex;align-items:center;gap:15px}.header-user span{color:#666;font-weight:500}.logout-btn{padding:8px 16px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s}.logout-btn:hover{background:#c0392b}.content{flex:1;padding:30px;overflow-y:auto;background:#f8f9fa}.page{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.page h1{color:#2c3e50;margin-bottom:30px;font-size:32px;font-weight:600}.page p{color:#666;font-size:16px;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:18px;margin-bottom:15px;opacity:.9}.stat-number{font-size:36px;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-table{font-size:12px}.ant-table-thead>tr>th{padding:6px 4px;font-size:12px}.ant-table-tbody>tr>td{padding:6px 4px;font-size:12px}.ant-table-cell{padding:6px 4px!important;font-size:12px}.ant-table-expanded-row>td{padding:6px 4px}.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}body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}