.dashboard{flex:1;background-color:#fff;padding:24px 32px;overflow-y:auto;display:flex;flex-direction:column}.dashboard-top-bar{margin-bottom:24px;display:flex;justify-content:flex-start}.search-box{position:relative;width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#666}.search-input{width:100%;padding:12px 16px 12px 48px;font-size:14px;border:1px solid #e0e0e0;border-radius:12px;background-color:#efefef;transition:all .3s ease}.breadcrumb{display:flex;align-items:center;font-size:15px;margin-bottom:24px;color:#666}.breadcrumb-item{color:#666}.breadcrumb-item.active{color:#333;font-weight:500}.kpi-section{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.content-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:20px;margin-bottom:24px}.chart-container,.activity-container,.sales-people-list-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.section-title{font-size:16px;font-weight:600;color:#555;margin:0 0 16px}.activity-container{border:1px solid #e8e8e8}.section-title{font-size:14px;font-weight:600;color:#333;margin:0 0 16px}.sales-people-container{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:16px;flex:1}.loading,.error{padding:40px 20px;text-align:center;font-size:14px;color:#666}.error{color:#d32f2f;background-color:#ffebee;border:1px solid #ef5350;border-radius:8px}@media (max-width: 1200px){.kpi-section{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (max-width: 768px){.kpi-section{grid-template-columns:1fr}.dashboard{padding:12px}.search-box{width:100%}}.chart-section h2,.activity-section h2,.sales-people-section h2{font-size:18px;font-weight:600;margin-bottom:20px;color:#333}.sales-people-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading,.error{padding:40px;text-align:center;font-size:16px;color:#666}.error{background-color:#fee;color:#c33;border-radius:8px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{padding:16px}.kpi-cards-section{grid-template-columns:repeat(2,1fr)}.search-input,.search-results{max-width:100%}}.kpi-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;transition:all .3s ease;min-height:100px}.kpi-icon-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;flex-shrink:0;padding:6px}.kpi-icon-img{width:100%;height:100%;object-fit:contain;opacity:.7}.kpi-content{display:flex;flex-direction:column}.kpi-title{font-size:13px;font-weight:500;color:#888;margin:0;text-transform:none}.kpi-value{font-size:18px;font-weight:700;color:#333;margin:0}@media (max-width: 768px){.kpi-card{padding:12px;gap:12px}.kpi-icon-wrapper{width:40px;height:40px}.kpi-icon-wrapper svg{width:20px;height:20px}.kpi-value{font-size:20px}}font-size: 24px; } } .sales-graph{width:100%;padding:12px 0}@media (max-width: 768px){.sales-graph{height:250px}}.activity-feed{padding:0}.activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto}.activity-item{display:flex;gap:12px;align-items:flex-start}.activity-item .dot{width:5px;height:5px;background-color:#333;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-text{font-size:14px;color:#555;margin:0;line-height:1.5}.activity-text .time{color:#777;font-weight:500}.empty-state{padding:24px;text-align:center;color:#999;font-size:14px}} @media (max-width: 768px){.activity-list{max-height:300px}.activity-item{padding:10px}.activity-icon{font-size:16px}.activity-description{font-size:12px}}.sales-people-list-scroll{max-height:400px;overflow-y:auto}.sales-people-table{width:100%;border-collapse:collapse}.sales-people-table th{text-align:left;padding:16px;font-size:13px;font-weight:500;color:#666;border-bottom:1px solid #f0f0f0}.sales-people-table td{padding:16px;border-bottom:1px solid #f9f9f9;vertical-align:middle}.name-cell{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;background-color:#ffe0da;color:#c45d48;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.person-info{display:flex;flex-direction:column}.full-name{font-size:14px;font-weight:600;color:#333}.email{font-size:12px;color:#888}.employee-id-badge{background-color:#efefef;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;color:#444;border:1px solid #ddd}.center-cell{text-align:center;font-weight:500;color:#555}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background-color:#e8f5ed;color:#2e7d32}.status-dot{width:6px;height:6px;background-color:#2e7d32;border-radius:50%}.th-assigned,.th-closed{text-align:center!important}.th-id{padding-left:24px!important}} .settings{flex:1;background-color:#f3f3f3;padding:78px 26px 24px;overflow-y:hidden}.settings-content{width:100%;max-width:none;margin:0 auto}.settings-breadcrumb{display:flex;align-items:center;gap:10px;color:#5f5f5f;font-size:14px;font-weight:600;margin:0 0 18px}.settings-breadcrumb .breadcrumb-item.current{color:#4f4f4f}.settings-breadcrumb .breadcrumb-separator{color:gray;line-height:1}.settings-card{background:#f5f5f5;border-radius:12px;border:1px solid #bebebe;box-shadow:none;overflow:hidden}.card-header{position:relative;padding:14px 14px 0;border-bottom:none}.card-header h2{display:inline-block;font-size:14px;font-weight:600;color:#666;margin:0;padding:0 12px 8px;border-bottom:2px solid #8b8b8b}.card-header:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;border-bottom:1px solid #c7c7c7}.settings-form{padding:18px 10px 16px}.settings .form-group{margin:0 0 14px;width:50%;max-width:100%}.settings .form-group label{display:block;font-size:14px;font-weight:500;color:#5f5f5f;margin-bottom:6px}.form-input{width:100%;padding:10px 16px;font-size:14px;border:1px solid #8e8e8e;border-radius:10px;background:#f5f5f5;font-family:inherit;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#707070;box-shadow:none}.form-input::placeholder{color:#999}.message{padding:12px 16px;border-radius:8px;margin:10px 0 0;font-size:14px;max-width:420px}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-actions{display:flex;justify-content:flex-end;margin-top:0}.btn-save{min-width:142px;padding:11px 32px;background-color:#c9c9c9;color:#5b5b5b;font-size:14px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease}.settings .form-actions .btn-save{width:auto;min-width:130px;display:inline-flex;align-items:center;justify-content:center}.btn-save:hover:not(:disabled){background-color:#bdbdbd}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.settings{padding:14px 14px 18px}.settings-breadcrumb{margin-bottom:12px;font-size:13px}.settings-card{border-radius:8px}.settings-form{padding:16px}.card-header{padding:12px 12px 0}.settings .form-group{max-width:100%}.form-actions{margin-top:28px}}.leads-page{flex:1;padding:0;background-color:#f8f9fa;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.leads-search-container{background-color:#fff;padding:12px 24px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center}.leads-search{position:relative;width:250px}.leads-content{padding:24px;flex:1}.separator-line{display:none}.leads-header{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border:none;box-shadow:none;margin-bottom:24px}.breadcrumb span{color:#333;margin-left:6px}.leads-actions{display:flex;gap:16px}.btn-secondary{background-color:#d8d8d8;color:#555;border:none}.btn-secondary:hover{background-color:#ccc;transform:translateY(-1px)}.btn-save{background-color:#d8d8d8;color:#333;border:none;padding:8px 40px;border-radius:10px;font-weight:600;margin-top:8px;width:100%;display:block}.leads-table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;padding:0;margin-bottom:8px;box-shadow:0 4px 12px #00000008}.leads-table{width:100%;border-collapse:separate;border-spacing:0 10px;font-size:13px;background:#fff;padding-right:12px;padding-left:12px}.leads-table thead{background-color:#fff;border-bottom:1px solid #f0f0f0}.leads-table th{text-align:left;font-weight:600;color:#666;white-space:nowrap;font-size:12px;letter-spacing:.2px;border-bottom:2px solid #f0f0f0}.leads-table tbody tr{transition:background-color .2s ease}.leads-table tbody tr:hover{background-color:#f9f9f9}.leads-table td{color:#333;border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a;word-break:break-word;font-size:13px;font-weight:600;background:#f7f7f7}.leads-table tbody td:first-child{border-left:1px solid #5a5a5a;border-radius:14px 0 0 14px;padding-left:18px}.leads-table tbody td:last-child{border-right:1px solid #5a5a5a;border-radius:0 14px 14px 0;padding-right:18px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.leads-page .modal-overlay{justify-content:center!important;align-items:center!important}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:480px;width:90%;max-height:90vh;overflow:hidden;border:1px solid #eee;display:flex;flex-direction:column}.leads-page .modal{margin:0 auto!important}.leads-add-modal{width:440px;max-width:calc(100vw - 32px);border-radius:14px}.leads-add-modal .modal-header{padding:16px 18px}.leads-add-modal .modal-header h2{font-size:16px;font-weight:700}.leads-add-modal .modal-body{padding:0 18px 18px}.leads-add-modal .form-group{margin-bottom:14px}.leads-add-modal .form-group label{font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.leads-add-modal .form-group input{width:100%;padding:12px 14px;font-size:13px;border:1px solid #999;border-radius:12px;background:#fff}.leads-add-modal .btn-save{width:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 34px;border-radius:12px;margin-top:6px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:none}.modal-header h2{margin:0;font-size:18px;font-weight:600;color:#333}.modal-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:0 24px 24px}.csv-upload-area{border:2px dashed #ccc;border-radius:8px;padding:30px 20px;text-align:center;display:flex;flex-direction:column;gap:15px;background:#fff}.csv-upload-main{display:flex;flex-direction:column;align-items:center;gap:12px}.csv-icon{width:50px;height:auto;margin-bottom:5px}.csv-drag-text{font-size:14px;color:#333;margin:0}.csv-divider{width:100%;display:flex;align-items:center;justify-content:center;margin:5px 0}.csv-divider:before,.csv-divider:after{content:"";flex:1;height:1px;background:#eee}.csv-divider span{padding:0 10px;color:#999;font-size:11px;font-weight:500}.csv-browse-btn{padding:8px 24px;border:1.5px solid #333;border-radius:8px;background:#fff;color:#333;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.csv-browse-btn:hover{background:#f9f9f9}.csv-file-box{background:#fcfcfc;border:1px solid #eee;border-radius:6px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px}.csv-file-name{color:#999;font-size:13px}.csv-download-icon{color:#666;display:flex;align-items:center;cursor:pointer;transition:color .2s}.csv-download-icon:hover{color:#000}.csv-uploading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:15px;min-height:250px}.csv-progress-wrapper{position:relative;width:80px;height:80px}.csv-progress-svg{transform:rotate(-90deg);width:100%;height:100%}.csv-progress-bg{fill:none;stroke:#f1f1f1;stroke-width:6}.csv-progress-bar{fill:none;stroke:#0d1b1e;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.csv-progress-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:#333}.csv-verifying-text{font-size:14px;color:#666;margin:0}.csv-cancel-btn{background:#fff;border:1.5px solid #eee;border-radius:8px;padding:6px 16px;font-size:13px;color:#333;cursor:pointer;margin-top:10px}.modal-actions-csv{display:flex;justify-content:flex-end;gap:12px;margin-top:30px}.btn-modal-cancel{padding:10px 30px;border:1.5px solid #eee;border-radius:10px;background:#fff;color:#666;font-size:14px;font-weight:600;cursor:pointer}.btn-modal-next{padding:10px 25px;border:none;border-radius:10px;background:#0d1b1e;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;opacity:.5;pointer-events:none}.btn-modal-next.active{opacity:1;pointer-events:auto}.form-group{margin-bottom:8px}.form-group label{display:block;margin-bottom:2px;font-weight:500;color:#666;font-size:11px}.form-group input,.form-group select{width:100%;padding:6px 10px;border:1px solid #999;border-radius:8px;font-size:12px;background:#fff;color:#333;outline:none}@media (max-width: 768px){.leads-header{flex-direction:column;gap:10px}}.employees{flex:1;padding:0;background-color:#f8f9fa;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.employees-top-bar{background-color:#fff;padding:12px 24px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;margin-bottom:0}.search-box{position:relative;width:250px}.employees-content{padding:24px;flex:1;display:flex;flex-direction:column}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#999;stroke:currentColor;flex-shrink:0;pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 34px;border:1px solid #e0e0e0;outline:none;font-size:13px;background:#f5f5f5;color:#333;border-radius:8px;transition:all .3s ease}.search-input:focus{outline:none;background-color:#fff;border-color:#ccc}.search-input::placeholder{color:#bbb}.breadcrumb{display:flex;align-items:center;font-size:14px;margin:0;color:#999;font-weight:500}.breadcrumb-item{color:#999}.breadcrumb-item.active{color:#333;font-weight:500;margin-left:6px}.breadcrumb-separator{margin:0 8px;color:#999}.employees-header{display:flex;justify-content:space-between;align-items:center;padding:0;background:transparent;border:none;box-shadow:none;margin-bottom:24px}.employees-actions{display:flex;gap:16px;margin-bottom:0}.btn{padding:10px 24px;border:1px solid #ccc;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:#d8d8d8;color:#555;border:none}.btn-primary:hover{background-color:#ccc;transform:translateY(-1px)}.btn-danger{background-color:#ffebee;color:#d32f2f;border:1px solid #ef5350}.btn-danger:hover{background-color:#ffcdd2}.btn:disabled{opacity:.6;cursor:not-allowed}.error-banner{padding:12px 16px;background-color:#ffebee;border:1px solid #ef5350;border-radius:6px;color:#d32f2f;font-size:13px;margin-bottom:16px}.employees-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;padding:0;margin-bottom:8px;box-shadow:0 4px 12px #00000008;flex:1}.employees-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.employees-table thead{background-color:#fff;position:sticky;top:0;z-index:10}.employees-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:12px;color:#666;border-bottom:2px solid #f0f0f0;text-transform:capitalize;letter-spacing:.2px}.employees-table td{padding:16px 12px;border-bottom:1px solid #f0f0f0;font-size:13px;color:#333;font-weight:500}.employees-table tbody tr:hover{background-color:#f9f9f9}.table-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#333;border:1px solid #ddd;border-radius:4px}.employee-cell{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5;color:#333;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;border:1px solid #eee;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-name{font-weight:600;color:#333}.employee-email{font-size:12px;color:#999}.employee-id-badge{background-color:#f0f2f5;padding:4px 8px;border-radius:6px;font-family:monospace;font-size:11px;color:#555;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-active{background-color:#e6f7ed;color:#1a8a4d}.status-active:before{background-color:#1a8a4d}.status-inactive{background-color:#fff2f0;color:#cf1322}.status-inactive:before{background-color:#cf1322}.action-cell{position:relative;text-align:right;padding-right:20px!important}.menu-container{position:relative;display:inline-block}.menu-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:4px 8px;transition:color .3s ease;line-height:1}.menu-btn:hover{color:#333}.menu-dropdown{position:absolute;top:0;right:100%;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 30px #0000001a;z-index:100;min-width:120px;overflow:hidden;margin-right:10px;display:flex;flex-direction:column;padding:6px}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:none;text-align:left;font-size:13px;color:#555;cursor:pointer;transition:all .2s ease;border-radius:8px;font-weight:500}.menu-item:hover{background-color:#f5f5f5;color:#333}.menu-item.delete{background-color:#f5f5f5;margin-top:4px}.menu-item.delete:hover{background-color:#eee}.menu-icon{width:16px;height:16px}.loading,.empty-state{padding:60px 20px;text-align:center;font-size:14px;color:#666}.pagination{display:flex;align-items:center;justify-content:space-between;padding:24px 0;background:transparent;margin-top:10px;position:relative;width:100%}.pagination-left,.pagination-right{flex:1;display:flex}.pagination-right{justify-content:flex-end}.pagination-numbers{flex:2;display:flex;gap:8px;align-items:center;justify-content:center}.pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e0e0e0;background-color:#fff;color:#555;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#ccc}.pagination-btn:disabled{color:#ccc;cursor:not-allowed;border-color:#f0f0f0}.pagination-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;color:#999;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.pagination-number:hover:not(.active){background-color:#f0f0f0;color:#333}.pagination-number.active{background-color:#313131;color:#fff}.pagination-dots{color:#999;font-size:14px}.employees .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding-left:0}.employees .modal{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;width:92%;max-width:980px;max-height:90vh;overflow:hidden;border:1px solid #eee;display:flex;flex-direction:column}.employees .modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px 10px;border-bottom:none}.employees .modal-header h2{font-size:16px;font-weight:700;color:#333;margin:0}.employees .modal-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:5px;line-height:1}.employees .modal-body{padding:10px 40px 20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.employees .form-group{display:flex;flex-direction:column;gap:6px}.employees .form-group label{font-size:12px;font-weight:600;color:#666;margin-left:2px}.employees .form-group input{padding:14px 18px;font-size:13px;border:1px solid #999;border-radius:12px;background-color:#fff;transition:all .2s ease;color:#333;width:40%}.employees .form-group input:focus{outline:none;border-color:#333;box-shadow:0 0 0 1px #333}.employees .form-group input::placeholder{color:#bbb}.employees .modal-footer{display:flex;padding:10px 40px 40px;justify-content:flex-end}.employees .btn-save{background-color:#e0e0e0;color:#666;border:none;padding:12px 60px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;width:auto}.employees .btn-save:hover{background-color:#d0d0d0;color:#333}.employees .info-icon{position:absolute;right:-30px;color:#999;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.employees .lang-tooltip{position:absolute;bottom:120%;right:-20px;width:250px;background:#333;color:#fff;padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.4;z-index:1001;box-shadow:0 4px 15px #0003}.employees .lang-tooltip:after{content:"";position:absolute;top:100%;right:25px;border:6px solid transparent;border-top-color:#333}.employees .lang-input{flex:0 0 40%;width:40%}@media (max-width: 768px){.employees-content{padding:16px}.employees-top-bar{padding:12px 16px}.search-box{width:100%}.employees-header{flex-direction:column;align-items:flex-start;gap:16px}.employees-actions{width:100%}.btn{flex:1;padding:10px 16px}.pagination{flex-direction:column;gap:16px}.pagination-left,.pagination-right{width:100%;justify-content:center}}.app{min-height:100vh;display:flex;flex-direction:column}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:400px}.login-container h1{text-align:center;font-size:28px;font-weight:700;margin-bottom:32px;color:#333}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:8px}.login-form label{font-size:14px;font-weight:600;color:#333}.login-form input{padding:12px;font-size:14px;border:1px solid #ddd;border-radius:8px;font-family:inherit;transition:all .3s ease}.login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-login{padding:12px;background-color:#667eea;color:#fff;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:12px}.btn-login:hover{background-color:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.login-form .error{padding:12px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;font-size:13px}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:16px;color:#666}.error{padding:16px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;font-size:14px}@media (max-width: 768px){.login-container{margin:16px}.login-container h1{font-size:24px}}.sidebar{width:200px;background-color:#efefef;height:100vh;display:flex;flex-direction:column;border-right:1px solid #e0e0e0}.sidebar-header{padding:30px 24px;border-bottom:#c4b8b8 1px solid}.logo{font-size:18px;font-weight:700;color:#333}.logo span{color:#03f}.sidebar-nav{display:flex;flex-direction:column;padding:10px 12px;gap:8px}.nav-item{display:flex;align-items:center;padding:12px 16px;color:#333;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;transition:all .2s}.nav-item:hover{background-color:#e0e0e0}.nav-item.active{background-color:#b0b0b0;color:#fff}.nav-text{flex:1;border-left-color:#007bff}.nav-icon{font-size:18px;display:inline-flex;align-items:center}.nav-text{flex:1}@media (max-width: 768px){.sidebar{width:60px}.sidebar-header{padding:12px;text-align:center}.logo{font-size:14px}.nav-text{display:none}.nav-item{justify-content:center;padding:12px}}.layout{display:flex;height:100vh;background-color:#fff;width:100%}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff}@media (max-width: 768px){.layout{flex-direction:column}.main-content{flex:1}}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-input{flex:1;padding:10px 44px 10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;font-family:inherit;background-color:#fff;transition:all .3s ease}.password-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .3s ease}.password-toggle-btn:hover:not(:disabled){color:#2563eb}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.password-toggle-btn svg{width:20px;height:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333}html,body,#root{height:100%;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:50%}.shadow{box-shadow:0 2px 8px #0000001a}.shadow-lg{box-shadow:0 8px 16px #00000026}button{cursor:pointer;border:none;font-size:14px;font-weight:500;border-radius:6px;padding:10px 16px;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}input,select,textarea{font-family:inherit;font-size:14px;padding:10px;border:1px solid #ddd;border-radius:6px;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}table{width:100%;border-collapse:collapse;background-color:#fff}table th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6}table td{padding:12px;border-bottom:1px solid #dee2e6}table tbody tr:hover{background-color:#f8f9fa}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}