*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#f5f7fa;color:#333;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit}button{cursor:pointer;min-height:44px}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(102,126,234,.2)}@media screen and (max-width:768px){input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{font-size:16px!important}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){::-webkit-scrollbar{height:4px;width:4px}}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior-y:contain}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}.error-icon{color:#f39c12;display:flex;justify-content:center;margin-bottom:20px}.error-boundary-content h1{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:16px}.error-message{color:#7f8c8d;font-size:16px;line-height:1.6;margin-bottom:30px}.error-actions{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.error-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background:#667eea}.btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#ecf0f1;color:#2c3e50}.btn-secondary:hover{background:#dfe4e6;transform:translateY(-1px)}.error-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;padding:16px;text-align:left}.error-details summary{color:#495057;cursor:pointer;font-weight:600;padding:8px;-webkit-user-select:none;user-select:none}.error-details summary:hover{color:#212529}.error-stack{margin-top:12px}.error-stack h3{color:#495057;font-size:14px;font-weight:600;margin:16px 0 8px}.error-stack pre{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#e74c3c;font-family:Courier New,monospace;font-size:12px;line-height:1.5;overflow-x:auto;padding:12px}.error-warning{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:14px;gap:12px;margin-top:20px;padding:12px 16px}.error-warning svg{flex-shrink:0}@media (max-width:600px){.error-boundary-content{padding:30px 20px}.error-boundary-content h1{font-size:24px}.error-message{font-size:14px}.error-actions{flex-direction:column}.error-actions button{justify-content:center;width:100%}.error-stack pre{font-size:11px}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:8px}.auth-header p{color:#718096;font-size:14px}.auth-tabs{background:#f7fafc;border-radius:8px;display:flex;gap:10px;margin-bottom:30px;padding:4px}.auth-tabs button{background:#0000;border:none;border-radius:6px;color:#718096;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.auth-tabs button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input{font-size:16px}.error-message{background:#fee;border-radius:8px;color:#c53030;font-size:14px;padding:12px;text-align:center}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s}.submit-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.auth-demo{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px;text-align:center}.auth-demo p{color:#718096;font-size:13px;margin:4px 0}.demo-credentials{background:#f7fafc;border-radius:6px;font-family:monospace;font-size:12px;padding:8px}@media (max-width:768px){.auth-container{padding:16px}.auth-card{padding:32px 24px}.auth-header h1{font-size:24px}}@media (max-width:480px){.auth-container{align-items:flex-start;padding:40px 12px 12px}.auth-card{border-radius:12px;padding:24px 20px}.auth-header{margin-bottom:24px}.auth-header h1{font-size:22px}.auth-header p{font-size:13px}.auth-tabs{gap:8px}.auth-tabs button{font-size:13px;padding:12px 8px}.auth-form{gap:16px}.form-group label{font-size:13px}.form-group input{font-size:16px;padding:14px 16px}.submit-btn{font-size:16px;padding:16px}.auth-demo{margin-top:20px;padding-top:20px}.demo-credentials{font-size:11px}}@media (max-width:360px){.auth-card{padding:20px 16px}.auth-header h1{font-size:20px}.auth-tabs button{font-size:12px}}.task-board{display:flex;flex-direction:column;height:100%}.board-header{justify-content:space-between;margin-bottom:24px}.board-filters,.board-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.board-filters .filter-group{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 16px}.board-filters .filter-group svg{color:#667eea;flex-shrink:0}.board-filters .filter-group label{color:#4a5568;font-size:14px;font-weight:600;white-space:nowrap}.add-task-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.add-task-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.board-columns{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));overflow-x:auto;padding-bottom:20px}.board-column{background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 250px);min-height:400px}.column-header{align-items:center;background:#fff;border-radius:12px 12px 0 0;border-top:3px solid;display:flex;justify-content:space-between;padding:16px 20px}.column-header h3{color:#2d3748;font-size:16px;font-weight:600}.task-count{background:#e2e8f0;border-radius:12px;color:#4a5568;font-size:13px;font-weight:600;padding:4px 10px}.column-content{background:#f1f3f5;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;cursor:pointer;padding:16px;transition:all .2s}.task-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.task-header h4{color:#2d3748;flex:1 1;font-size:15px;font-weight:600;line-height:1.4}.delete-task-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.delete-task-btn:hover{background:#fee;color:#e53e3e}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:12px;overflow:hidden}.task-job{align-items:center;background:#f0f4ff;border:1px solid #d4e0ff;border-radius:6px;display:flex;gap:6px;margin-bottom:10px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.task-job svg{color:#667eea;flex-shrink:0}.task-job span{color:#667eea;font-size:12px;font-weight:600}.task-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.task-tag{background:#e6f7ff;color:#1890ff}.priority-badge,.task-tag{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px}.priority-badge{color:#fff;text-transform:capitalize}.task-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.task-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{align-items:center;color:#a0aec0;display:flex;font-size:12px;gap:4px}.task-assignees{display:flex;gap:-8px}.assignee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:28px;justify-content:center;margin-left:-8px;width:28px}.assignee-avatar:first-child{margin-left:0}.assignee-avatar.more{background:#e2e8f0;color:#4a5568}.task-form{display:flex;flex-direction:column;gap:20px;padding:24px}@media (max-width:1024px){.board-columns{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.add-task-btn{font-size:13px;padding:10px 16px}}@media (max-width:768px){.board-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.board-filters{order:1}.add-task-btn{min-height:44px;order:2}.board-filters .filter-group{padding:12px 16px;width:100%}.job-filter-select{flex:1 1;min-width:0;padding:10px 12px}.board-columns{gap:16px;grid-template-columns:1fr}.board-column{max-height:none;min-height:auto}.column-content{max-height:400px}.task-card{-webkit-tap-highlight-color:transparent;cursor:pointer}.delete-task-btn{min-height:32px;min-width:32px}.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:18px}.close-btn{min-height:40px;min-width:40px}.task-form{gap:16px;padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{min-height:44px;width:100%}}@media (max-width:480px){.add-task-btn{justify-content:center;width:100%}.board-filters .filter-group label{font-size:13px}.job-filter-select{font-size:13px;padding:6px 10px}.task-card{padding:12px}.task-header h4{font-size:14px}.task-description{font-size:12px}.task-footer{align-items:flex-start;flex-direction:column;gap:12px}.modal-overlay{padding:12px}.modal-header,.task-form{padding:16px}}.inventory{display:flex;flex-direction:column;height:100%}.inventory-tabs{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;margin-bottom:24px;padding:6px;width:-webkit-fit-content;width:fit-content}.inventory-tabs button{align-items:center;background:#0000;border:none;border-radius:8px;color:#718096;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.inventory-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.items-view,.warehouses-view{flex:1 1;overflow-y:auto}.items-header,.warehouses-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.filter-groups{display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.search-box-inventory{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:500px;min-width:300px;padding:10px 16px}.search-box-inventory svg{color:#a0aec0;flex-shrink:0}.search-box-inventory input{background:#0000;border:none;color:#2d3748;font-size:14px;outline:none;width:100%}.search-box-inventory input::placeholder{color:#a0aec0}.search-box-inventory .clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.search-box-inventory .clear-search:hover{background:#f7fafc;color:#4a5568}.search-results-info{background:#f0f4ff;border:1px solid #d4e0ff;border-radius:8px;color:#667eea;font-size:14px;font-weight:600;margin-bottom:16px;padding:12px 16px}.clear-search-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .2s}.clear-search-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.quick-add-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.quick-add-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.warehouse-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.warehouse-filters .filter-group{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 16px}.warehouse-filters .filter-group svg{color:#667eea;flex-shrink:0}.warehouse-filters .filter-group label{color:#4a5568;font-size:14px;font-weight:600;white-space:nowrap}.job-filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:14px;min-width:200px;outline:none;padding:8px 12px}.job-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-group{gap:12px}.filter-group label{color:#4a5568;font-size:14px;font-weight:600}.filter-group select{border:1px solid #e2e8f0;border-radius:6px;padding:8px 12px}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.item-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .2s}.item-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.item-card.low-stock{background:linear-gradient(180deg,#fff5f5 0,#fff 40%);border-color:#ff7875}.low-stock-badge{align-items:center;background:#ff7875;border-radius:20px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px}.item-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.item-header h3{color:#2d3748;flex:1 1;font-size:18px;font-weight:600}.item-actions,.warehouse-actions{display:flex;gap:6px}.item-info{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.info-row .label{color:#718096;font-weight:500}.info-row .value{color:#2d3748;font-weight:600}.info-row .value.quantity{background:#e6f7ff;border-radius:12px;color:#1890ff;font-size:13px;padding:4px 12px}.info-row .value.price{color:#27ae60}.item-footer{border-top:1px solid #f0f0f0;padding-top:12px}.total-value{color:#2d3748;font-size:15px;font-weight:700}.warehouses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.warehouse-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s}.warehouse-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.warehouse-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:16px;width:60px}.warehouse-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.warehouse-header h3{color:#2d3748;flex:1 1;font-size:18px;font-weight:600}.warehouse-job{align-items:center;background:#f0f4ff;border:1px solid #d4e0ff;border-radius:6px;display:flex;gap:6px;margin-bottom:12px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.warehouse-job svg{color:#667eea;flex-shrink:0}.warehouse-job span{color:#667eea;font-size:13px;font-weight:600}.warehouse-info{display:flex;flex-direction:column;gap:10px}.item-form,.warehouse-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.quick-add-modal{max-height:85vh;max-width:900px}.quick-add-content{display:flex;flex-direction:column;gap:24px;padding:24px}.quick-add-description{color:#718096;font-size:14px;margin:0}.category-section{display:flex;flex-direction:column;gap:12px}.category-title{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:16px;font-weight:700;margin:0;padding-bottom:8px}.quick-items-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.quick-item-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;font-size:13px;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s}.quick-item-btn:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 2px 8px #667eea33;color:#667eea;transform:translateY(-2px)}.empty-state-small{align-items:center;color:#a0aec0;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 20px;text-align:center}.empty-state-small svg{margin-bottom:16px;opacity:.5}.empty-state-small p{color:#718096;font-size:16px;margin:0}@media (max-width:1024px){.items-grid,.warehouses-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.inventory-tabs{width:100%}.inventory-tabs button{flex:1 1;min-height:44px}.quick-items-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.inventory-tabs{margin-bottom:16px}.inventory-tabs button{padding:12px 16px}.items-header,.warehouses-header{align-items:stretch;flex-direction:column;margin-bottom:16px}.filter-groups{order:1;width:100%}.search-box-inventory{max-width:none;min-width:0;padding:12px 16px;width:100%}.action-buttons{order:2;width:100%}.filter-group{justify-content:space-between;padding:12px 16px;width:100%}.add-btn,.quick-add-btn{justify-content:center;min-height:44px;width:100%}.items-grid,.warehouses-grid{gap:16px;grid-template-columns:1fr}.item-card,.warehouse-card{-webkit-tap-highlight-color:transparent}.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:18px}.item-form,.warehouse-form{gap:16px;padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{min-height:44px;width:100%}}@media (max-width:480px){.inventory-tabs button{font-size:13px;padding:8px 12px}.item-card,.warehouse-card{padding:16px}.item-header h3,.warehouse-header h3{font-size:16px}.info-row{font-size:13px}.low-stock-badge{font-size:10px;padding:4px 8px}.modal-overlay{padding:12px}.item-form,.modal-header,.warehouse-form{padding:16px}.warehouse-icon{height:50px;width:50px}.quick-items-grid{grid-template-columns:1fr}.quick-item-btn{font-size:12px;padding:10px 12px}.category-title{font-size:14px}}.manage-view{flex:1 1;overflow-y:auto}.manage-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.manage-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.manage-header h2{color:#2d3748;font-size:24px;font-weight:700}.categories-list{display:flex;flex-direction:column;gap:20px}.category-block{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.category-block:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.category-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.category-header h3{color:#2d3748;flex:1 1;font-size:18px;font-weight:700}.category-actions{display:flex;gap:8px}.add-template-btn{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.add-template-btn:hover{background:#5568d3;transform:translateY(-1px)}.templates-list{display:flex;flex-direction:column;gap:12px}.no-templates{color:#a0aec0;padding:24px;text-align:center}.no-templates p{font-size:14px;margin:0 0 12px}.add-template-link{background:#0000;border:2px dashed #cbd5e0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.add-template-link:hover{background:#f0f4ff;border-color:#667eea}.template-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.template-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000d}.template-info{align-items:center;display:flex;flex:1 1;gap:16px}.template-name{color:#2d3748;flex:1 1;font-size:15px;font-weight:600}.template-sku{background:#f7fafc;border-radius:6px;color:#718096;font-family:Courier New,monospace;font-size:13px;padding:6px 12px}.template-price{color:#27ae60;font-size:14px;font-weight:700;min-width:80px;text-align:right}.template-actions{display:flex;gap:6px}.empty-state svg{color:#a0aec0;opacity:.3}.empty-state p{font-size:16px}.modal-small{max-width:400px}.category-form,.template-form{display:flex;flex-direction:column;gap:20px;padding:24px}@media (max-width:768px){.manage-section{padding:16px}.manage-header{align-items:stretch;flex-direction:column;gap:12px}.manage-header .add-btn{width:100%}.category-block{padding:16px}.category-header{flex-wrap:wrap;gap:12px}.category-actions{justify-content:flex-end;width:100%}.template-info{align-items:flex-start;flex-direction:column;gap:8px}.template-price,.template-sku{align-self:flex-start}.template-price{min-width:auto}}@media (max-width:480px){.template-item{gap:12px}.template-info,.template-item{align-items:stretch;flex-direction:column}.template-actions{justify-content:flex-end}}.jobs{display:flex;flex-direction:column;height:100%}.jobs-header{align-items:flex-start;gap:20px;justify-content:space-between;margin-bottom:30px}.jobs-header,.jobs-stats{display:flex;flex-wrap:wrap}.jobs-stats{gap:16px}.stat-card{min-width:180px;transition:all .2s}.stat-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.stat-icon.active{background:linear-gradient(135deg,#27ae60,#2ecc71)}.stat-icon.inactive{background:linear-gradient(135deg,#95a5a6,#bdc3c7)}.stat-value{font-size:28px}.jobs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow-y:auto}.empty-state{color:#a0aec0}.empty-state svg{opacity:.5}.empty-state h3{color:#4a5568;margin-bottom:8px}.empty-state p{margin-bottom:24px}.job-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .2s}.job-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.job-card.inactive{background:#f7fafc;opacity:.7}.job-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.job-title-section{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.job-title-section svg{color:#667eea;flex-shrink:0}.job-title-section h3{color:#2d3748;font-size:18px;font-weight:600;margin:0;word-break:break-word}.job-actions{display:flex;flex-shrink:0;gap:6px}.status-toggle{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.status-toggle.active{color:#27ae60}.status-toggle.active:hover{background:#d4edda}.status-toggle.inactive{color:#95a5a6}.status-toggle.inactive:hover{background:#f1f1f1}.job-status-badge{display:flex;gap:8px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 14px}.badge.active{background:#d4edda;color:#27ae60}.badge.inactive{background:#e2e8f0;color:#718096}.job-dates{background:#f7fafc;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.date-item{align-items:center;display:flex;font-size:13px;gap:8px}.date-item svg{color:#a0aec0;flex-shrink:0}.date-item .label{color:#718096;font-weight:500}.date-item .value{color:#2d3748;font-weight:600}.job-stats{border-top:1px solid #e2e8f0;justify-content:space-around;padding-top:16px}.job-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:4px}.stat-number{color:#667eea;font-size:24px;font-weight:700}.stat-text{color:#718096;font-size:12px;font-weight:500}.stat-divider{background:#e2e8f0;height:40px;width:1px}.job-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-label{font-weight:500;gap:10px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.form-hint{color:#718096;font-size:12px;margin-top:4px}@media (max-width:1024px){.jobs-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.jobs-stats{width:100%}.stat-card{flex:1 1;min-width:150px}}@media (max-width:768px){.jobs-header{align-items:stretch;flex-direction:column;gap:16px;margin-bottom:20px}.jobs-stats{order:2}.add-btn{justify-content:center;min-height:44px;order:1;width:100%}.jobs-grid{gap:16px;grid-template-columns:1fr}.job-card{-webkit-tap-highlight-color:transparent}.job-actions button{min-height:36px;min-width:36px}.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:18px}.close-btn{min-height:40px;min-width:40px}.job-form{gap:16px;padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{min-height:44px;width:100%}}@media (max-width:480px){.stat-card{min-width:0;padding:16px}.stat-icon{height:40px;width:40px}.stat-value{font-size:24px}.job-card{padding:16px}.job-title-section h3{font-size:16px}.stat-number{font-size:20px}.modal-overlay{padding:12px}.job-form,.modal-header{padding:16px}}.drives{display:flex;flex-direction:column;height:100%}.drives-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.header-stats{display:flex;flex-wrap:wrap;gap:16px}.stat-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;min-width:200px;padding:20px}.stat-card svg{color:#667eea;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{color:#2d3748;font-size:24px;font-weight:700;line-height:1}.stat-label{color:#718096;font-size:13px;font-weight:500}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-box-drives{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:500px;min-width:300px;padding:10px 16px}.search-box-drives svg{color:#a0aec0;flex-shrink:0}.search-box-drives input{background:#0000;border:none;color:#2d3748;font-size:14px;outline:none;width:100%}.search-box-drives input::placeholder{color:#a0aec0}.search-box-drives .clear-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.search-box-drives .clear-search:hover{background:#f7fafc;color:#4a5568}.filter-group{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:10px;padding:10px 16px}.filter-group svg{color:#667eea;flex-shrink:0}.filter-group select{background:#0000;border:none;color:#2d3748;cursor:pointer;font-size:14px;min-width:120px;outline:none}.custom-date-range{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:10px 16px}.custom-date-range input{background:#0000;border:none;color:#2d3748;font-size:14px;outline:none}.custom-date-range span{color:#718096;font-size:14px;font-weight:500}.drives-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto}.drive-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.drive-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.drive-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.drive-date-time{display:flex;flex-direction:column;gap:8px}.drive-date,.drive-time{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.drive-date svg,.drive-time svg{color:#667eea;flex-shrink:0}.drive-date span{font-weight:600}.drive-time .duration{color:#718096;font-weight:500}.drive-actions{display:flex;gap:6px}.delete-btn,.edit-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.edit-btn{color:#667eea}.edit-btn:hover{background:#f0f4ff}.delete-btn{color:#e53e3e}.delete-btn:hover{background:#fee}.drive-content{display:flex;gap:24px}.drive-route{display:flex;flex-direction:column;gap:4px;min-width:200px}.route-point{align-items:flex-start;display:flex;gap:12px}.route-marker{border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.route-point.start .route-marker{background:#48bb78;box-shadow:0 0 0 3px #48bb7833}.route-point.end .route-marker{background:#e53e3e;box-shadow:0 0 0 3px #e53e3e33}.route-point.return .route-marker{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 0 0 3px #48bb7833}.route-point.return .route-label{color:#48bb78;font-weight:700}.route-line{background:linear-gradient(180deg,#48bb78,#e53e3e);height:20px;margin-left:5px;opacity:.3;width:2px}.route-line.return{background:linear-gradient(180deg,#e53e3e,#48bb78);background:#0000;border-left:2px dashed #48bb78;opacity:.5}.route-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.route-label{color:#a0aec0;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.route-location{color:#2d3748;font-size:14px;font-weight:600}.drive-details{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#718096;font-size:12px;font-weight:600}.detail-value{color:#2d3748;font-size:14px;font-weight:500}.detail-value.job-badge{background:#f0f4ff;border-radius:6px;color:#667eea;font-size:13px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.detail-value.distance{align-items:center;color:#667eea;display:flex;flex-wrap:wrap;font-size:16px;font-weight:700;gap:8px}.round-trip-badge{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:12px;box-shadow:0 2px 4px #48bb784d;color:#fff;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.detail-value.notes{color:#4a5568;line-height:1.5}.drive-form{display:flex;flex-direction:column;gap:20px;padding:24px}.checkbox-group{background:#f0f4ff;border:2px solid #cbd5e0;border-radius:8px;padding:16px;transition:all .2s}.checkbox-group:hover{border-color:#667eea}.checkbox-label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-weight:600;gap:12px;margin-bottom:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label span{font-size:15px}.checkbox-description{color:#4a5568;font-size:13px;line-height:1.6;margin:0;padding-left:32px}.form-hint{margin-top:8px}.distance-hint{animation:slideIn .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:8px 14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:1024px){.drive-content{flex-direction:column;gap:20px}.drive-route{min-width:0}.drive-details{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.drives-header{align-items:stretch;flex-direction:column;gap:16px}.header-stats{width:100%}.stat-card{flex:1 1;min-width:0}.add-btn{justify-content:center;min-height:44px;width:100%}.filters-section{align-items:stretch;flex-direction:column;gap:12px}.search-box-drives{max-width:none;min-width:0;padding:12px 16px;width:100%}.filter-group{justify-content:space-between;padding:12px 16px;width:100%}.filter-group select{padding:8px 12px}.custom-date-range{flex-wrap:wrap;padding:12px 16px;width:100%}.drive-content{gap:16px}.drive-details{grid-template-columns:1fr}.drive-card{-webkit-tap-highlight-color:transparent}.drive-actions button{min-height:36px;min-width:36px}.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:20px}.close-btn{min-height:40px;min-width:40px}.drive-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{min-height:44px;width:100%}}@media (max-width:480px){.stat-card{padding:16px}.stat-value{font-size:20px}.drive-card{padding:16px}.drive-header{flex-direction:column;gap:12px}.drive-actions{align-self:flex-end}.modal-content{border-radius:12px;max-width:100%}.drive-form,.modal-header{padding:20px}}.calendar{border-radius:12px;flex-direction:column;height:100%;overflow:hidden}.calendar,.calendar-header{background:#fff;display:flex}.calendar-header{align-items:center;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px}.calendar-title{align-items:center;display:flex;gap:12px}.calendar-title svg{color:#667eea}.calendar-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:700;margin:0}.calendar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.view-switcher{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:4px;padding:4px}.view-switcher button{background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.view-switcher button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.view-switcher button:hover:not(.active){background:#edf2f7;color:#2d3748}.navigation-controls{align-items:center;display:flex;gap:8px}.nav-btn,.today-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:600;transition:all .2s}.nav-btn{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.today-btn{background:#667eea;border:1px solid #667eea;color:#fff;font-size:14px;padding:8px 16px}.nav-btn:hover,.today-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.nav-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.today-btn:hover{background:#5568d3;border-color:#5568d3}.calendar-legend{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008;flex-wrap:wrap;gap:16px;padding:16px 24px}.calendar-legend,.legend-item{align-items:center;display:flex}.legend-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:6px 12px;transition:all .2s}.legend-item:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.legend-color{border-radius:3px;box-shadow:0 0 0 2px #fffc;flex-shrink:0;height:12px;width:12px}.legend-label{color:#2d3748;font-size:13px;font-weight:600;white-space:nowrap}.legend-empty{background:#f7fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#a0aec0;font-size:13px;font-style:italic;padding:6px 12px}.calendar-content{flex:1 1;overflow:hidden;padding:24px}.calendar-content,.month-view{display:flex;flex-direction:column}.month-view{flex:1 1;gap:0;height:100%}.weekday-header{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-bottom:none;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.weekday-name{background:#fff;color:#4a5568;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:center;text-transform:uppercase}.month-grid{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);height:100%}.month-day{background:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:8px;position:relative;transition:all .2s}.month-day:hover{background:#f7fafc}.month-day.other-month{background:#fafafa;opacity:.5}.month-day.today{background:#f0f4ff}.day-number{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:8px}.month-day.today .day-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.day-events-month{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-top:4px;overflow:hidden}.month-event-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:11px;gap:6px;min-height:20px;padding:4px 6px;transition:all .2s}.month-event-item:hover{box-shadow:0 1px 3px #0000001a;transform:translateX(2px)}.month-event-icon{align-items:center;display:flex;flex-shrink:0;opacity:.7}.month-event-text{color:#2d3748;flex:1 1;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-events{display:flex;flex-direction:column;gap:4px}.event-dot{border-radius:50%;height:6px;width:6px}.more-events{color:#718096;font-size:11px;font-weight:600;margin-top:2px}.week-view{display:flex;flex:1 1;flex-direction:column;gap:0;height:100%;overflow:hidden}.week-header{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-bottom:none;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.week-day-header{background:#fff;padding:16px;text-align:center}.week-day-header.today{background:#f0f4ff}.week-day-name{color:#4a5568;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.week-day-number{color:#2d3748;font-size:24px;font-weight:700}.week-day-header.today .week-day-number{color:#667eea}.week-grid{grid-gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);height:100%}.week-day{background:#fff;display:flex;flex-direction:column;overflow:hidden;padding:12px}.week-day.today{background:#f0f4ff}.week-day-events{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto}.no-events{color:#a0aec0;font-size:13px;font-style:italic;padding:20px;text-align:center}.event-item{align-items:flex-start;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px;transition:all .2s}.event-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateX(2px)}.event-icon{flex-shrink:0;opacity:.7}.event-content{flex:1 1;min-width:0}.event-title{color:#2d3748;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{align-items:center;color:#718096;display:flex;font-size:11px;gap:4px;margin-bottom:4px}.event-job{font-size:11px;font-weight:600}.day-view{display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%;overflow:hidden}.day-view-header h2{color:#2d3748;font-size:28px;font-weight:700;margin:0}.day-view-content{flex:1 1;overflow-y:auto}.no-events-message{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-events-message svg{color:#cbd5e0;margin-bottom:20px}.no-events-message p{color:#718096;font-size:16px;margin:0}.day-events-list{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.day-event-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s}.day-event-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.day-event-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.day-event-icon{align-items:center;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.day-event-type{color:#718096;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.day-event-content{display:flex;flex-direction:column;gap:12px}.day-event-title{color:#2d3748;font-size:20px;font-weight:700;margin:0}.day-event-description{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.drive-details-day{display:flex;flex-direction:column;gap:8px}.drive-detail{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px}.drive-detail svg{color:#667eea;flex-shrink:0}.distance-badge{background:#f0f4ff;border-radius:12px;color:#667eea;font-size:13px;font-weight:700;padding:4px 12px}.drive-purpose{color:#718096;font-size:14px;font-style:italic}.day-event-job{border-radius:8px;font-size:13px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.task-details-day{display:flex;flex-wrap:wrap;gap:8px}.priority-badge,.status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:capitalize}.priority-badge.low{background:#e6f7ff;color:#1890ff}.priority-badge.medium{background:#fff7e6;color:#fa8c16}.priority-badge.high{background:#fff1f0;color:#f5222d}.status-badge.planning{background:#f0f4ff;color:#667eea}.status-badge.in-progress{background:#fff7e6;color:#fa8c16}.status-badge.completed{background:#f6ffed;color:#52c41a}@media (max-width:1024px){.calendar-header{padding:20px}.calendar-title h1{font-size:22px}}@media (max-width:768px){.calendar-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.calendar-title{justify-content:center}.calendar-controls{flex-direction:column;gap:12px}.view-switcher{width:100%}.view-switcher button{flex:1 1;min-height:44px;padding:12px}.navigation-controls{justify-content:center;width:100%}.nav-btn,.today-btn{min-height:44px}.calendar-legend{gap:10px;padding:12px 20px}.calendar-content{padding:16px 12px}.month-day{padding:6px 4px}.day-number{font-size:13px}.weekday-name{font-size:11px;padding:10px 4px}.month-event-item{font-size:10px;min-height:22px;padding:4px 6px}.week-day-header{padding:12px 8px}.week-day-name{font-size:11px}.week-day-number{font-size:20px}.day-event-title{font-size:18px}.day-event-card{-webkit-tap-highlight-color:transparent;cursor:pointer}}@media (max-width:480px){.calendar-title h1{font-size:20px}.calendar-header{padding:16px}.view-switcher button{font-size:13px;padding:10px 8px}.nav-btn{height:40px;width:40px}.today-btn{font-size:13px;padding:10px 16px}.month-day{padding:4px 2px}.day-number{font-size:12px;margin-bottom:4px}.month-day.today .day-number{height:24px;width:24px}.weekday-name{font-size:10px;padding:8px 2px}.month-event-item{font-size:9px;gap:4px;min-height:18px;padding:3px 4px}.month-event-icon{height:10px;width:10px}.more-events{font-size:9px}.week-day-header{padding:8px 4px}.week-day-name{font-size:10px;margin-bottom:4px}.week-day-number{font-size:18px}.week-day{padding:6px}.event-item{font-size:12px;min-height:44px;padding:8px}.calendar-content{padding:8px}.day-view-header h2{font-size:20px}.day-event-card{padding:16px}.day-event-title{font-size:16px}.day-event-icon{height:32px;width:32px}.legend-item{font-size:11px}.legend-color{height:12px;width:12px}.calendar-legend{gap:8px}}@media (max-width:360px){.weekday-name{font-size:9px;letter-spacing:0;padding:6px 1px}.month-day{padding:3px 1px}.day-number{font-size:11px}.month-event-item{font-size:8px;min-height:16px;padding:2px 3px}.more-events{font-size:8px}}.event-form{display:flex;flex-direction:column;gap:20px;padding:24px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.event-view-modal{max-width:500px}.event-details{display:flex;flex-direction:column;gap:20px;padding:24px}.event-detail-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;gap:16px;padding-bottom:20px}.event-detail-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.event-detail-header h3{color:#2d3748;font-size:22px;font-weight:700;line-height:1.3;margin:0}.event-detail-section{display:flex;flex-direction:column;gap:8px}.event-detail-section label{color:#718096;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.event-detail-section p{color:#2d3748;font-size:15px;line-height:1.6;margin:0}.event-job-badge{border-radius:8px;font-size:14px;font-weight:600;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.event-detail-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;padding-top:12px}.delete-event-btn,.edit-event-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.edit-event-btn{background:#667eea;color:#fff}.edit-event-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.delete-event-btn{background:#fff;border:2px solid #e53e3e;color:#e53e3e}.delete-event-btn:hover{background:#e53e3e;box-shadow:0 4px 12px #e53e3e4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:20px}.modal-header h2{font-size:18px}.event-details,.event-form{gap:16px;padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{min-height:44px;width:100%}.event-detail-actions{flex-direction:column}.delete-event-btn,.edit-event-btn{min-height:44px;width:100%}.event-detail-header h3{font-size:18px}.event-detail-icon{height:50px;width:50px}}@media (max-width:480px){.modal-overlay{padding:12px}.event-details,.event-form,.modal-header{padding:16px}}.checklist-page{display:flex;flex-direction:column;height:100%}.checklist-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.header-title{align-items:center;color:#2d3748;display:flex;gap:12px}.header-title h1{font-size:28px;font-weight:700;margin:0}.add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.add-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.checklists-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));overflow-y:auto}.empty-state{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#cbd5e0;margin-bottom:20px}.empty-state h3{color:#2d3748;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:#718096;font-size:14px;margin:0 0 24px;max-width:400px}.add-btn-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;transition:all .2s}.add-btn-large:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.checklist-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s}.checklist-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.checklist-card.complete{background:linear-gradient(180deg,#f0fff4 0,#fff 40%);border-color:#48bb78}.checklist-card-header{align-items:flex-start;display:flex;gap:12px}.expand-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.expand-btn:hover{background:#f7fafc;color:#667eea}.checklist-title-section{flex:1 1;min-width:0}.checklist-title-section h3{color:#2d3748;font-size:18px;font-weight:700;margin:0 0 4px}.checklist-description{color:#718096;font-size:13px;line-height:1.5;margin:0}.checklist-actions{display:flex;flex-shrink:0;gap:6px}.action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.action-btn.duplicate{color:#667eea}.action-btn.duplicate:hover{background:#f0f4ff}.action-btn.edit{color:#667eea}.action-btn.edit:hover{background:#f0f4ff}.action-btn.delete{color:#e53e3e}.action-btn.delete:hover{background:#fee}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-info{align-items:center;display:flex;justify-content:space-between}.progress-text{color:#4a5568;font-size:13px;font-weight:600}.progress-percentage{color:#667eea;font-size:14px;font-weight:700}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.checklist-card.complete .progress-fill{background:linear-gradient(90deg,#48bb78,#38a169)}.checklist-items{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;padding-top:8px}.no-items{color:#a0aec0;font-size:13px;font-style:italic;padding:20px;text-align:center}.checklist-item{align-items:center;background:#f7fafc;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.checklist-item:hover{background:#edf2f7;border-color:#cbd5e0}.checklist-item.checked{background:#f0fff4;border-color:#48bb78}.item-checkbox{align-items:center;display:flex;flex-shrink:0}.checked-icon{color:#48bb78}.unchecked-icon{color:#a0aec0}.item-text{color:#2d3748;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.checklist-item.checked .item-text{color:#718096;text-decoration:line-through}.reset-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s}.reset-btn:hover{background:#f7fafc;border-color:#cbd5e0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#2d3748;font-size:20px;font-weight:700}.close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-btn:hover{background:#f7fafc;color:#4a5568}.checklist-form{gap:20px;padding:24px}.checklist-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2d3748;font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:60px;resize:vertical}.items-input-section{display:flex;flex-direction:column;gap:12px}.add-item-input{display:flex;gap:8px}.add-item-input input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:all .2s}.add-item-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-item-btn{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.add-item-btn:hover:not(:disabled){background:#5568d3}.add-item-btn:disabled{cursor:not-allowed;opacity:.5}.items-list{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:12px}.no-items-message{color:#a0aec0;font-size:13px;font-style:italic;padding:20px;text-align:center}.item-edit-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:10px;padding:10px}.item-icon{color:#a0aec0;flex-shrink:0}.item-edit-input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:6px 10px;transition:all .2s}.item-edit-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.remove-item-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.remove-item-btn:hover{background:#fee;color:#e53e3e}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.save-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.checklists-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.checklist-header{align-items:stretch;flex-direction:column;gap:16px}.add-btn{justify-content:center;min-height:44px;width:100%}.checklists-grid{grid-template-columns:1fr}.checklist-card{-webkit-tap-highlight-color:transparent}.checklist-card-header{flex-wrap:wrap}.checklist-actions{justify-content:flex-end;order:3;width:100%}.action-btn{min-height:36px;min-width:36px}.checklist-item{-webkit-tap-highlight-color:transparent;min-height:44px}.modal-content{border-radius:12px;max-width:100%}.modal-header{padding:20px}.close-btn{min-height:40px;min-width:40px}.checklist-form{padding:20px}.form-actions{flex-direction:column}.cancel-btn,.save-btn{min-height:44px;width:100%}.add-item-input{flex-direction:column}.add-item-btn{justify-content:center;min-height:44px;width:100%}}@media (max-width:480px){.header-title h1{font-size:24px}.checklist-card{padding:16px}.checklist-title-section h3{font-size:16px}.checklist-item{padding:10px}.modal-overlay{padding:12px}.checklist-form,.modal-header{padding:16px}.items-list{max-height:200px}}.settings-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;height:100%;overflow:hidden}.settings-loading{align-items:center;color:#4a5568;display:flex;font-size:16px;height:100%;justify-content:center;width:100%}.settings-sidebar{background:#f8f9fa;border-right:1px solid #e2e8f0;flex-shrink:0;padding:24px 0;width:240px}.settings-sidebar-title{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:18px;font-weight:700;margin:0;padding:0 24px 16px}.settings-tabs{display:flex;flex-direction:column;margin-top:16px}.settings-tab{background:#0000;border:none;border-left:3px solid #0000;color:#4a5568;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;text-align:left;transition:all .2s;width:100%}.settings-tab:hover{background:#3498db14;color:#2d3748}.settings-tab.active{background:#3498db1f;border-left-color:#3498db;color:#3498db}.settings-content{flex:1 1;overflow-y:auto;padding:32px}.settings-section{max-width:800px}.settings-section-header{margin-bottom:32px}.settings-section-title{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 8px}.settings-section-subtitle{color:#718096;font-size:14px;line-height:1.6;margin:0}.settings-message{border-radius:6px;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.settings-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.settings-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.preferences-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.preference-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s}.preference-item:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.preference-item-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.visibility-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.visibility-toggle:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.preference-item-info{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:space-between}.preference-label{color:#2d3748;font-size:15px;font-weight:600;margin:0}.preference-status{border-radius:12px;font-size:13px;font-weight:500;padding:4px 12px}.preference-status.visible{background:#d4edda;color:#155724}.preference-status.hidden{background:#f8d7da;color:#721c24}.preference-item-body{padding-left:52px}.preference-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.preference-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.preference-input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.settings-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}@media (max-width:768px){.settings-container{flex-direction:column}.settings-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;padding:16px 0;width:100%}.settings-sidebar-title{padding:0 16px 12px}.settings-tabs{flex-direction:row;margin-top:12px;overflow-x:auto;padding:0 8px}.settings-tab{border-bottom:3px solid #0000;border-left:none;padding:10px 16px;white-space:nowrap}.settings-tab.active{border-bottom-color:#3498db;border-left-color:#0000}.settings-content{padding:20px 16px}.settings-section-title{font-size:20px;margin-bottom:20px}.preference-item-header{flex-wrap:wrap}.preference-item-body{padding-left:0}.settings-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.user-menu-wrapper{min-width:0;position:relative}.user-profile-clickable{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2d3748;cursor:pointer;display:flex;gap:12px;overflow:visible;padding:8px 12px;position:relative;text-align:left;transition:all .3s ease;z-index:1}.user-profile-clickable:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-profile-clickable:hover:before{opacity:1}.user-profile-clickable:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.user-profile-clickable:active{transform:translateY(0)}.user-profile-clickable .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.user-profile-clickable .user-avatar:after{background:#48bb78;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #48bb7833;content:"";height:12px;position:absolute;right:-2px;top:-2px;width:12px}.user-profile-clickable:hover .user-avatar{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.user-profile-clickable .user-info{flex:1 1;min-width:0;transition:all .3s ease}.user-profile-clickable .user-name{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:2px}.user-profile-clickable .user-email,.user-profile-clickable .user-name{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-clickable .user-email{color:#718096;font-size:12px}.user-menu-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #00000026,0 2px 8px #00000014;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{align-items:center;background:#0000;border:none;color:#2d3748;cursor:pointer;display:flex;font-size:14px;gap:12px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.user-menu-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .2s ease;width:3px}.user-menu-item:hover:before{transform:scaleY(1)}.user-menu-item:hover{background:linear-gradient(90deg,#667eea14,#0000);color:#667eea;padding-left:20px}.user-menu-item svg{flex-shrink:0;transition:transform .2s ease}.user-menu-item:hover svg{transform:scale(1.1)}.user-menu-item span{font-weight:600}.user-menu-divider{background:linear-gradient(90deg,#0000,#e2e8f0 20%,#e2e8f0 80%,#0000);height:1px;margin:4px 0}.user-menu-item.logout-item{color:#e53e3e}.user-menu-item.logout-item:hover{background:linear-gradient(90deg,#e53e3e14,#0000);color:#c53030}.user-menu-item.logout-item:before{background:#e53e3e}@media (max-width:768px){.user-profile-clickable{padding:8px}.user-profile-clickable .user-avatar{font-size:14px;height:36px;width:36px}.user-profile-clickable .user-info{display:none}.user-menu-dropdown{left:auto;min-width:200px}.user-menu-item{font-size:15px;padding:16px}.user-menu-item:hover{padding-left:16px}}@media (max-width:480px){.user-profile-clickable{padding:6px}.user-profile-clickable .user-avatar{height:34px;width:34px}.user-menu-dropdown{left:auto}}.user-profile-clickable.menu-open{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 8px #0000001a}.user-profile-clickable:focus-visible{outline:2px solid #667eea;outline-offset:2px}.user-menu-item:focus-visible{outline:2px solid #667eea;outline-offset:-2px}.user-profile-clickable:active .user-avatar{transform:scale(.95)}.notification-center{position:relative}.notification-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.notification-button:hover{background:var(--bg-secondary)}.notification-badge{align-items:center;background:var(--color-danger);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}.notification-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #0000001f;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:1000}.notification-header{border-bottom:1px solid var(--border-color);padding:16px}.notification-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.notification-empty svg{margin-bottom:12px;opacity:.3}.notification-empty p{font-size:14px;margin:0}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:16px;transition:background .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#3b82f60d}.notification-item.unread:before{background:var(--color-primary);border-radius:50%;content:"";height:6px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notification-content{position:relative}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.notification-message{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{color:var(--text-tertiary);font-size:12px}@media (max-width:480px){.notification-dropdown{left:8px;position:fixed;right:8px;top:60px;width:auto}}.dashboard{background:#f5f7fa;height:100vh}.dashboard,.sidebar{display:flex;position:relative}.sidebar{background:#2c3e50;box-shadow:2px 0 10px #0000001a;color:#fff;flex-direction:column;transition:all .3s ease;width:280px;z-index:1000}.sidebar.closed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;height:73px;padding:0 20px;transition:all .3s ease}.sidebar.closed .sidebar-header{justify-content:center;padding:0 10px}.sidebar-header h2{font-size:20px;font-weight:700;line-height:1;transition:opacity .2s ease;white-space:nowrap}.sidebar-header h2.hidden{opacity:0;overflow:hidden;width:0}.sidebar-nav{flex:1 1;padding:20px 0}.nav-item{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;gap:12px;padding:14px 20px;position:relative;text-align:left;transition:all .2s;width:100%}.sidebar.closed .nav-item{justify-content:center;padding:14px 10px}.nav-item span{transition:opacity .2s ease;white-space:nowrap}.nav-item span.hidden{opacity:0;overflow:hidden;width:0}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#ffffff1a;border-left:3px solid #3498db;color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;transition:all .3s ease}.top-bar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;box-sizing:border-box;flex-shrink:0;height:73px;justify-content:space-between;padding:0 30px}.top-bar,.top-bar-left{align-items:center;display:flex}.top-bar-left{gap:16px;height:100%}.top-bar-right{align-items:center;display:flex;gap:16px}.toggle-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.toggle-sidebar-btn:hover{background:#f7fafc}.top-bar-left h1{color:#2d3748;font-size:24px;font-weight:700;line-height:1}.content-area{flex:1 1;overflow:auto;padding:30px}.sidebar-overlay,.sidebar-overlay.mobile-only{display:none}@media (max-width:1024px){.sidebar{width:260px}.sidebar.closed{width:70px}.top-bar{padding:0 20px}.top-bar-left h1{font-size:20px}.content-area{padding:20px}}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1001}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%);width:280px}.sidebar-overlay.mobile-only{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.main-content{width:100%}.top-bar{height:73px;padding:0 20px}.top-bar-left h1{font-size:18px}.content-area{padding:16px}}@media (max-width:480px){.top-bar{height:65px;padding:0 16px}.sidebar-header{height:65px;padding:0 20px}.sidebar.closed .sidebar-header{padding:0 10px}.top-bar-left{gap:12px}.top-bar-left h1{font-size:16px}.toggle-sidebar-btn{padding:6px}.content-area{padding:12px}}.App,.loading-screen{min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a39efa0f.css.map*/