body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.about-tep-btn-top-right{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:12px 24px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:100}.about-tep-btn-top-right:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.login-header{color:#fff;display:flex;justify-content:flex-start;margin-bottom:15px;max-width:400px;padding-left:0;text-align:center;width:100%}.login-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:129px;transition:all .3s ease;width:auto}.login-logo:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));transform:scale(1.05)}.login-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-form h2{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.form-group label{font-size:14px;font-weight:500}.form-group input{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.invitation-code-input{color:#2c3e50;font-family:Courier New,monospace;font-weight:600;letter-spacing:2px;text-transform:uppercase}.help-text{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:6px}.login-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 8px 20px #3498db4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.form-switch{text-align:center}.switch-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .3s ease}.switch-button:hover{color:#2980b9}.forgot-password-link{margin:10px 0 15px;text-align:center}.link-button{background:none;border:none;color:#3498db;cursor:pointer;font-size:13px;padding:0;text-decoration:underline;transition:color .3s}.link-button:hover{color:#2980b9}.modal-overlay{animation:fadeIn .2s ease-out;z-index:10000}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 10px 40px #0000004d;max-width:450px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:2px solid #ecf0f1;margin-bottom:20px}.modal-header h2{font-size:24px}.btn-close-modal{align-items:center;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:color .3s;width:32px}.btn-close-modal:hover{color:#e74c3c}.reset-form{display:flex;flex-direction:column;gap:15px}.reset-instructions{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0 0 10px}.reset-email-input{border:2px solid #ecf0f1;border-radius:6px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.reset-email-input:focus{border-color:#3498db;outline:none}.reset-message{border-radius:6px;font-size:14px;font-weight:500;padding:12px;text-align:center}.reset-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.reset-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-actions{gap:10px;margin-top:10px}.btn-cancel{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .3s}.btn-cancel:hover{background:#7f8c8d}.btn-send-reset{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .3s,box-shadow .3s}.btn-send-reset:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.btn-send-reset:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#e74c3c;color:#fff;font-size:14px;margin-bottom:20px;text-align:center}@media (max-width:768px){.login-container{padding:10px}.login-form-container{margin:0 10px;padding:30px 20px}.tep-acronym{font-size:36px}.tep-arrows{height:30px;width:45px}.tep-arrow-solid{border-bottom:16px solid #3498db;border-left:12px solid #0000;border-right:12px solid #0000}.tep-arrow-outline{border-bottom:18px solid #fff;border-left:14px solid #0000;border-right:14px solid #0000}.tep-text{font-size:12px}.login-form h2{font-size:24px}.about-tep-btn-top-right{font-size:13px;left:50%;padding:10px 20px;position:fixed;right:auto;top:15px;transform:translateX(-50%)}.about-tep-btn-top-right:hover{transform:translateX(-50%) translateY(-2px)}}@media (max-width:480px){.login-form-container{padding:20px 15px}.tep-acronym{font-size:32px}.tep-arrows{height:25px;width:40px}.tep-arrow-solid{border-bottom:14px solid #3498db;border-left:10px solid #0000;border-right:10px solid #0000}.tep-arrow-outline{border-bottom:16px solid #fff;border-left:12px solid #0000;border-right:12px solid #0000}.about-tep-btn-top-right{font-size:12px;padding:8px 16px;top:10px}}.presentation-overlay{z-index:10001!important}.presentation-modal{max-height:90vh!important;max-width:95vw!important;overflow:hidden;padding:0!important;width:1200px!important}.presentation-modal .modal-header{background:linear-gradient(135deg,#3498db,#2980b9);border-bottom:2px solid #ecf0f1;color:#fff;margin:0;padding:20px 30px}.presentation-modal .modal-header h2{color:#fff;margin:0}.presentation-modal .btn-close-modal{color:#fff;font-size:36px}.presentation-modal .btn-close-modal:hover{color:#ecf0f1;transform:rotate(90deg)}.presentation-content{height:calc(90vh - 80px);overflow:hidden;width:100%}.presentation-iframe{border:none;height:100%;overflow-y:auto;width:100%}@media (max-width:768px){.presentation-modal{max-height:85vh!important;width:95vw!important}.presentation-modal .modal-header{padding:15px 20px}.presentation-modal .modal-header h2{font-size:18px}.presentation-content{height:calc(85vh - 60px)}}.transportation-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.transportation-modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 40px #0003;max-height:70vh;max-width:500px;overflow-y:auto;width:90%}.transportation-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;padding:15px 20px}.transportation-modal-header h5{color:#2c3e50;font-size:16px;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.modal-close-btn:hover{background:#e1e8ed;color:#2c3e50}.transportation-modal-body{padding:20px}.add-type-section h6,.types-list-section h6{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:12px}.add-type-form{display:flex;gap:10px}.type-input{border:2px solid #e1e8ed;border-radius:4px;flex:1 1;font-size:13px;padding:8px 12px}.type-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.add-type-btn{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.add-type-btn:hover{background:#229954}.types-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.type-item{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:4px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.type-item:hover{background:#ecf0f1;border-color:#bdc3c7}.type-name{color:#2c3e50;font-size:13px;font-weight:600}.remove-type-btn{background:#e74c3c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .3s ease}.remove-type-btn:hover:not(:disabled){background:#c0392b}.remove-type-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.5}.save-types-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px;transition:all .3s ease}.save-types-btn:hover{background:#2980b9}.cancel-types-btn{background:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px;transition:all .3s ease}.cancel-types-btn:hover{background:#7f8c8d}.status-edit-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2100}.status-edit-modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 40px #0003;max-height:70vh;max-width:500px;overflow-y:auto;width:90%}.status-edit-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;padding:15px 20px}.status-edit-modal-header h5{color:#2c3e50;font-size:16px;font-weight:700;margin:0}.status-edit-modal-body{padding:20px}.add-status-section h6,.statuses-list-section h6{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:12px}.add-status-form{display:flex;gap:10px}.status-input{border:2px solid #e1e8ed;border-radius:4px;flex:1 1;font-size:13px;padding:8px 12px}.status-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.add-status-btn{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .3s ease}.add-status-btn:hover{background:#229954}.statuses-list{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.status-item{align-items:center;background:#f8f9fa;border:1px solid #e1e8ed;border-radius:4px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.status-item:hover{background:#ecf0f1;border-color:#bdc3c7}.status-name{color:#2c3e50;font-size:13px;font-weight:600}.remove-status-btn{background:#e74c3c;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:5px 12px;transition:all .3s ease}.remove-status-btn:hover:not(:disabled){background:#c0392b}.remove-status-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.5}.modal-footer{margin-top:20px;padding-top:15px}.save-statuses-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px;transition:all .3s ease}.save-statuses-btn:hover{background:#2980b9}.cancel-statuses-btn{background:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 24px;transition:all .3s ease}.cancel-statuses-btn:hover{background:#7f8c8d}hr{margin:15px 0}.business-model-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.business-model-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e1e8ed;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.business-model-modal .modal-header h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.business-model-modal .close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.business-model-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.header-actions{gap:12px}.create-model-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.create-model-btn:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.business-model-modal .modal-body{flex:1 1;overflow-y:auto;padding:32px}.business-models-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:24px}.business-model-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.business-model-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.edit-card-btn{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px;transition:all .2s ease;z-index:10}.edit-card-btn:hover{background:#5568d3;transform:scale(1.05)}.card-sections-column{display:flex;flex-direction:column;gap:16px;margin-top:16px}.clickable-category{background:#fff;border:1px solid #e1e8ed;border-radius:6px;cursor:pointer;padding:10px 12px;transition:all .2s ease}.clickable-category:hover{background:linear-gradient(135deg,#f0f4ff,#e8f4fd);border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateX(4px)}.category-item{align-items:center;display:flex;gap:8px}.category-icon{flex-shrink:0;font-size:18px}.category-name{color:#2c3e50;flex:1 1}.category-desc{color:#7f8c8d;font-size:11px;font-style:italic}.card-icon{font-size:48px;margin-bottom:16px}.card-content,.card-icon{text-align:center}.card-title{color:#2c3e50;font-size:20px;font-weight:700;margin:0 0 8px}.card-description{color:#7f8c8d;font-size:14px;line-height:1.4;margin:0 0 16px}.card-transportation{margin-bottom:0}.card-transportation strong{color:#34495e;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.transportation-tags{display:flex;flex-wrap:wrap;gap:6px}.transportation-tag{background:#ecf0f1;border-radius:4px;color:#2c3e50;font-size:11px;font-weight:600;padding:6px 10px;transition:all .2s ease}.clickable-transport{border:1px solid #0000;cursor:pointer}.clickable-transport:hover{background:linear-gradient(135deg,#f0f4ff,#e8f4fd);border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-2px)}.card-categories{margin-bottom:0}.card-categories strong{color:#34495e;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.categories-list-column{display:flex;flex-direction:column;gap:8px}.modal-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:24px 32px}@media (max-width:768px){.business-model-modal{max-height:95vh;width:95%}.business-model-modal .modal-header{padding:20px 24px}.business-model-modal .modal-header h2{font-size:24px}.business-model-modal .modal-body{padding:24px}.business-models-grid{gap:16px;grid-template-columns:1fr}.business-model-card{padding:20px}.card-icon{font-size:40px}.card-title{font-size:18px}.categories-list,.transportation-tags{justify-content:flex-start}}.template-selection-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.template-selection-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e1e8ed;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.header-content{align-items:center;display:flex;gap:16px}.header-icon{font-size:48px}.header-content h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.header-description{font-size:14px;margin:4px 0 0;opacity:.9}.template-selection-modal .close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.template-selection-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.back-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-right:16px;padding:8px 16px;transition:all .2s ease}.back-btn:hover{background:#ffffff4d;transform:translateX(-2px)}.template-selection-modal .modal-body{flex:1 1;overflow-y:auto;padding:32px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.template-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.template-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.template-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea1f;transform:translateY(-2px)}.template-card:hover:before{transform:scaleX(1)}.default-template{background:linear-gradient(135deg,#fff9e6,#fff);border-color:#f39c12}.default-template:before{background:linear-gradient(135deg,#f39c12,#e67e22)}.default-badge{background:#f39c12;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.default-badge,.edit-template-btn{color:#fff;position:absolute;right:12px;top:12px}.edit-template-btn{background:#667eea;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s ease;z-index:10}.edit-template-btn:hover{background:#5568d3;transform:scale(1.1)}.default-template .edit-template-btn{right:80px}.create-template-header{display:flex;justify-content:flex-end;margin-bottom:16px}.create-template-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.create-template-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.create-template-btn-large{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;padding:14px 24px;transition:all .2s ease}.create-template-btn-large:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.template-icon{font-size:32px;margin-bottom:12px;text-align:center}.template-content{text-align:left}.template-title{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 8px;text-align:center}.template-description{color:#7f8c8d;font-size:13px;line-height:1.4;margin:0 0 16px;text-align:center}.template-meta{background:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:12px}.template-category{align-items:center;display:flex;gap:6px;margin-bottom:8px}.category-icon{font-size:16px}.category-name{color:#495057;font-size:13px;font-weight:600}.template-stats{display:flex;gap:16px}.stat{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px}.stat-value{font-size:14px}.template-preview{background:#e8f4fd;border-radius:4px;font-size:12px;margin-bottom:16px;padding:8px 12px}.template-preview strong{color:#2980b9;margin-right:8px}.transportation-method{color:#2c3e50;font-weight:600}.template-tasks-preview{margin-bottom:16px}.template-tasks-preview strong{color:#6c757d;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.tasks-list{gap:4px}.task-preview{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:3px;display:flex;font-size:11px;justify-content:space-between;padding:4px 8px}.task-name{color:#495057;font-weight:500}.task-status{color:#6c757d;font-size:10px}.task-preview.more{color:#6c757d;font-style:italic;justify-content:center}.template-arrow{color:#bdc3c7;font-size:20px;position:absolute;right:20px;top:20px;transition:all .3s ease}.template-card:hover .template-arrow{color:#667eea;transform:translateX(4px)}.error,.loading{padding:48px}.error{text-align:center}.error p{color:#e74c3c;font-size:16px;margin-bottom:16px}.retry-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#2980b9;transform:translateY(-1px)}.no-templates{color:#6c757d;padding:48px;text-align:center}.no-templates-icon{font-size:64px;margin-bottom:16px}.no-templates h3{color:#495057;font-size:20px;margin:0 0 8px}.no-templates p{font-size:14px;margin:0 0 8px}.no-templates-note{color:#6c757d;font-size:12px;font-style:italic}.template-selection-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;justify-content:flex-end;padding:24px 32px}.cancel-btn:hover{background:#7f8c8d;transform:translateY(-1px)}@media (max-width:768px){.template-selection-modal{max-height:95vh;width:95%}.template-selection-modal .modal-header{padding:20px 24px}.header-content{gap:12px}.header-icon{font-size:40px}.header-content h2{font-size:24px}.template-selection-modal .modal-body{padding:24px}.templates-grid{gap:16px;grid-template-columns:1fr}.template-card{padding:16px}.template-icon{font-size:28px}.template-title{font-size:16px}.template-stats{justify-content:center}}.business-model-editor-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.business-model-editor-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e1e8ed;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.business-model-editor-modal .modal-header h2{font-size:24px;font-weight:700;margin:0}.business-model-editor-modal .close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.business-model-editor-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.business-model-editor-modal .modal-body{flex:1 1;overflow-y:auto;padding:32px}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;margin-bottom:16px;padding:12px}.editor-section{margin-bottom:24px}.editor-section label{color:#34495e;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.editor-section input[type=text],.editor-section textarea{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.editor-section input[type=text]:focus,.editor-section textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.list-items{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.list-item{align-items:center;background:#ecf0f1;border-radius:6px;color:#2c3e50;display:flex;font-size:13px;gap:8px;padding:6px 12px}.list-item .remove-btn{align-items:center;background:#0000;border:none;color:#e74c3c;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.list-item .remove-btn:hover{color:#c0392b;transform:scale(1.2)}.add-item-row{display:flex;gap:8px}.add-item-row input{flex:1 1}.add-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.add-btn:hover{background:#2980b9;transform:translateY(-1px)}.categories-editor{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.category-editor-item{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:12px}.category-row{display:flex;gap:8px;margin-bottom:8px}.icon-input{font-size:18px;text-align:center;width:60px!important}.name-input{flex:1 1!important}.desc-input{color:#6c757d;font-size:12px;width:100%!important}.category-editor-item .remove-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;height:auto;padding:8px 12px;transition:all .2s ease;width:auto}.category-editor-item .remove-btn:hover{background:#c0392b;transform:scale(1.05)}.add-category-btn{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease;width:100%}.add-category-btn:hover{background:#27ae60;transform:translateY(-1px)}.business-model-editor-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.cancel-btn{background:#95a5a6;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;padding:12px 24px;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.business-model-editor-modal{max-height:95vh;width:95%}.business-model-editor-modal .modal-header{padding:20px 24px}.business-model-editor-modal .modal-body{padding:24px}.category-row{flex-wrap:wrap}.icon-input{width:50px!important}}.template-editor-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.template-editor-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e1e8ed;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.template-editor-modal .modal-header h2{font-size:24px;font-weight:700;margin:0}.template-editor-modal .close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.template-editor-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.template-editor-modal .modal-body{flex:1 1;overflow-y:auto;padding:32px}.template-editor-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:350px 1fr}.template-editor-left,.template-editor-right{display:flex;flex-direction:column;gap:16px}.tasks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tasks-header label{color:#34495e;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.add-task-btn-small{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.add-task-btn-small:hover{background:#2980b9;transform:translateY(-1px)}.tasks-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.task-editor-item{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;padding:16px;transition:all .2s ease}.task-editor-item:hover{background:#fff;border-color:#667eea}.task-editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.task-number{background:#667eea1a;border-radius:4px;color:#667eea;font-size:12px;font-weight:700;padding:4px 8px}.task-controls{display:flex;gap:4px}.move-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.move-btn:hover:not(:disabled){background:#2980b9;transform:scale(1.1)}.move-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.5}.remove-task-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:4px 10px;transition:all .2s ease}.remove-task-btn:hover{background:#c0392b;transform:scale(1.1)}.task-name-input{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:14px;font-weight:600;margin-bottom:12px;padding:10px 12px;transition:all .2s ease;width:100%}.task-name-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.task-row{display:flex;gap:12px}.task-field{flex:1 1}.task-field label{color:#6c757d;display:block;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.task-field input,.task-field select{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-size:13px;min-width:180px;padding:8px 10px;transition:all .2s ease;width:100%}.task-field select{min-width:200px}.task-field input:focus,.task-field select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.add-task-btn-large{background:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 16px;transition:all .2s ease;width:100%}.add-task-btn-large:hover{background:#27ae60;transform:translateY(-1px)}.checkbox-label{align-items:center;color:#2c3e50!important;cursor:pointer;display:flex!important;font-size:14px!important;font-weight:500!important;gap:8px;letter-spacing:normal!important;text-transform:none!important}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{-webkit-user-select:none;user-select:none}.checkbox-label-small{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:6px;margin-bottom:8px}.checkbox-label-small input[type=checkbox]{cursor:pointer;height:16px;width:16px}.transportation-methods-grid{grid-gap:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:8px;padding:12px}.template-editor-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}@media (max-width:1024px){.template-editor-grid{grid-template-columns:1fr}.template-editor-left{order:1}.template-editor-right{order:2}}@media (max-width:768px){.template-editor-modal{max-height:98vh;width:98%}.template-editor-modal .modal-header{padding:20px 24px}.template-editor-modal .modal-body{padding:24px}.task-controls{flex-wrap:wrap}}.contract-editor-container{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.editor-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.header-left{gap:20px}.back-button{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff80}.header-left h1{font-size:28px;font-weight:700;margin:0}.header-right{display:flex;gap:15px}.save-button{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.delete-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.delete-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 20px #e74c3c66;transform:translateY(-2px)}.editor-content{margin:0 auto;max-width:1200px;padding:30px}.contract-info-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:30px;padding:30px}.contract-info-section h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-group{display:flex;flex-direction:column}.info-group label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.info-group input,.info-group select{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.info-group input:focus,.info-group select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.progress-display{align-items:center;display:flex;gap:15px}.progress-display span{color:#2c3e50;font-weight:600;min-width:50px}.progress-bar{background:#ecf0f1;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:6px;height:100%;transition:width .3s ease}.tasks-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:30px}.tasks-section h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 25px}.tasks-container{grid-gap:20px;display:grid;gap:20px}.task-card{border:2px solid #e1e8ed;border-radius:10px;padding:20px;transition:all .3s ease}.task-card:hover{border-color:#3498db;box-shadow:0 4px 15px #3498db1a}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.task-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.task-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.task-field{display:flex;flex-direction:column}.task-field label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:8px}.task-field input,.task-field textarea{border:2px solid #e1e8ed;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease}.task-field input:focus,.task-field textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.task-field textarea{min-height:60px;resize:vertical}.delete-confirm-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:12px;max-width:400px;padding:30px;text-align:center}.modal-content h3{color:#e74c3c;font-size:20px;margin:0 0 15px}.modal-content p{color:#2c3e50;line-height:1.5;margin:0 0 25px}.modal-actions{justify-content:center}.cancel-button{background:#95a5a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{background:#7f8c8d}.confirm-delete-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.confirm-delete-button:hover{background:linear-gradient(135deg,#c0392b,#a93226)}@media (max-width:768px){.editor-header{flex-direction:column;gap:15px;padding:15px 20px;text-align:center}.header-left{flex-direction:column;gap:10px}.header-left h1{font-size:24px}.header-right{flex-direction:column;width:100%}.contract-info-section,.editor-content,.tasks-section{padding:20px}.info-grid,.task-content{gap:15px;grid-template-columns:1fr}.progress-display{align-items:stretch;flex-direction:column;gap:10px}.modal-content{margin:20px;padding:20px}.modal-actions{flex-direction:column}}@media (max-width:480px){.editor-header{padding:10px 15px}.header-left h1{font-size:20px}.contract-info-section,.editor-content,.task-card,.tasks-section{padding:15px}.task-header h3{font-size:16px}}.main-dashboard{background:#f8f9fa;display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.contract-details-row{flex-wrap:nowrap;gap:15px;margin-bottom:15px;overflow-x:auto;padding:10px 0}.contract-details-row,.contract-details-row .detail-field{align-items:center;display:flex;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.contract-details-row .detail-field{flex-shrink:0;gap:6px;min-height:28px}.contract-details-row .detail-field label{color:#34495e;font-size:12px;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.contract-details-row .detail-field input,.contract-details-row .detail-field select{border:1px solid #ddd;border-radius:4px;font-size:12px;height:26px;max-width:80px;min-width:80px;padding:3px 6px;width:80px}.contract-details-row .manage-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;height:26px;padding:3px 8px;white-space:nowrap;width:70px}.contract-details-row .manage-btn:hover{background:#5a6268}.created-by-field{align-items:center;display:flex;flex-shrink:0;font-size:11px;gap:4px;white-space:nowrap;width:250px}.created-by-field .audit-label{color:#6c757d;font-weight:500;white-space:nowrap}.created-by-field .audit-nickname{background:#e9ecef;border-radius:10px;color:#495057;font-size:10px;font-weight:500;padding:1px 4px;white-space:nowrap}.created-by-field .audit-name{color:#6c757d;font-size:10px;white-space:nowrap}.created-by-field .audit-at,.created-by-field .audit-on{color:#6c757d;font-size:10px}.created-by-field .audit-date,.created-by-field .audit-time{color:#6c757d;font-size:10px;font-weight:500}.status-completed-field{gap:4px}.status-completed-field .completed-select{background:#fff;border-radius:3px;font-size:10px;height:20px;max-width:45px;min-width:45px;padding:1px 3px}.contract-details-row .detail-field:nth-child(2){width:140px}.contract-details-row .detail-field:nth-child(2) input{max-width:100px;min-width:100px;width:100px}.status-completed-field{align-items:center;display:flex;flex-shrink:0;gap:6px;width:160px}.status-completed-field .status-bar{background:#e9ecef;border-radius:3px;flex-shrink:0;height:6px;overflow:hidden;width:40px}.status-completed-field .status-bar-fill{background:#28a745;height:100%;transition:width .3s ease}.status-completed-field .completion-text{color:#6c757d;flex-shrink:0;font-size:11px;white-space:nowrap}.status-completed-field .completed-select{border:1px solid #ddd;border-radius:4px;flex-shrink:0;font-size:12px;height:26px;padding:3px 6px;width:45px}@media (max-width:768px){.main-dashboard{margin:0;overflow-x:hidden;padding:0}.contract-list,.tasks-table{-webkit-overflow-scrolling:touch;overflow-x:visible}.row-col{overflow:visible;text-overflow:ellipsis;white-space:nowrap}button{min-height:44px;min-width:44px}.main-dashboard>*{max-width:100vw;overflow-x:auto}*{box-sizing:border-box}}.app-main-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 30px}@media (max-width:768px){.app-main-header{flex-direction:column;gap:10px;padding:8px 15px}.header-left,.header-right{justify-content:center;width:100%}}.header-left,.header-logo-section{align-items:center;display:flex}.header-logo-section{flex-direction:column;gap:8px}.header-logo{filter:brightness(1.1);height:60px;transition:all .3s ease;width:auto}.header-logo:hover{filter:brightness(1.3);transform:scale(1.05)}.header-subtitle{color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:400;letter-spacing:.3px;margin:0;opacity:.85;text-align:center}.header-actions{align-items:center;display:flex;gap:10px}.company-btn{background:#9b59b6e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.company-btn:hover{background:#9b59b6}.settings-btn{background:#3498dbe6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.settings-btn:hover{background:#3498db}.logout-btn{background:#e74c3ce6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.logout-btn:hover{background:#e74c3c}.user-info-bar{background:#ecf0f1;border-bottom:1px solid #bdc3c7;display:flex;flex-wrap:wrap;gap:30px;overflow-x:auto;padding:6px 30px}@media (max-width:768px){.user-info-bar{gap:15px;padding:8px 15px}.user-info-bar,.user-info-field{align-items:stretch;flex-direction:column}.user-info-field{gap:4px}.user-info-field input{min-width:auto;width:100%}}.user-info-field{align-items:center;display:flex;gap:8px}.user-info-field label{color:#2c3e50;font-size:13px;font-weight:600;white-space:nowrap}.user-info-field input{background:#fff;border:1px solid #bdc3c7;border-radius:3px;font-size:13px;padding:4px 8px}.nickname-display{align-items:center;display:flex;min-height:32px;padding:4px 0}.user-nickname-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 4px #667eea4d;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;padding:6px 16px}.no-nickname-text{color:#e0245e;font-size:13px;font-weight:600;min-width:150px}.select-template-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;min-width:160px;padding:6px 20px;transition:all .3s ease;white-space:nowrap}.select-template-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.select-template-btn:active{box-shadow:0 2px 4px #667eea4d;transform:translateY(0)}.filtering-interface{align-items:center;background:#fff;border-bottom:2px solid #e1e8ed;display:flex;flex-wrap:wrap;gap:10px;overflow-x:auto;padding:8px 30px}@media (max-width:768px){.filtering-interface{flex-wrap:wrap;gap:8px;padding:8px 15px}.filter-input,.filter-select{font-size:12px;min-width:80px;padding:4px 8px}}.filter-input,.filter-select{border:1px solid #ced4da;border-radius:4px;flex:1 1;font-size:13px;min-width:120px;padding:6px 10px}.filter-input::placeholder{color:#6c757d}.filter-select{background:#fff;color:#495057}.bulk-actions-bar{align-items:center;animation:slideDown .3s ease;background:#3498db;border-bottom:2px solid #2980b9;color:#fff;display:flex;justify-content:space-between;padding:12px 30px}.bulk-info{font-size:14px;font-weight:600}.bulk-info strong{font-size:18px;margin-right:5px}.bulk-buttons{display:flex;gap:10px}.bulk-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .3s ease}.duplicate-btn{background:#9b59b6;color:#fff}.duplicate-btn:hover{background:#8e44ad}.export-btn{background:#27ae60;color:#fff}.export-btn:hover{background:#229954}.delete-btn:hover{background:#c0392b}.cancel-btn{background:#fff3;border:1px solid #fff6;color:#fff}.cancel-btn:hover{background:#ffffff4d}.contract-list-header{align-items:center;background:#34495e;border-bottom:2px solid #2c3e50;color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:space-between;overflow-x:auto;padding:8px 30px}.contract-list-header .table-header-row{grid-gap:10px;align-items:center;display:grid;flex:1 1;gap:10px;grid-template-columns:40px 200px 180px 150px 80px 120px 150px 100px}@media (max-width:768px){.contract-list-header{display:flex;flex-direction:column;font-size:11px;gap:8px;overflow-x:visible;padding:8px 15px}.contract-list-header .table-header-row{grid-gap:5px;display:grid;gap:5px;grid-template-columns:30px 100px 120px 100px 60px 80px 100px 70px;min-width:600px;overflow-x:auto}.contract-list-header .add-contract-area{align-self:center;margin-top:8px}.contract-list-header .add-contract-btn{font-size:12px;min-width:120px;padding:8px 16px;white-space:nowrap;width:auto}}.col-checkbox{text-align:center}.col-checkbox input[type=checkbox]{cursor:pointer;transform:scale(1.2)}.header-col{text-align:left}.add-contract-area{align-items:center;display:flex;gap:12px;justify-content:flex-end;overflow:visible}.add-contract-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;min-width:160px;padding:6px 20px;transition:all .3s ease;white-space:nowrap}@media (max-width:768px){.add-contract-area{flex-direction:column;gap:8px;padding:8px}.add-contract-btn,.select-template-btn{font-size:12px;max-width:200px;min-width:auto;padding:8px 12px;width:100%}}.add-contract-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px)}.contract-list{background:#fff;flex:1 1;overflow-y:auto}.no-contracts{color:#6c757d;font-size:16px;padding:60px 30px;text-align:center}.contract-row-container{border-bottom:1px solid #e1e8ed}.contract-row{grid-gap:10px;align-items:center;border-left:4px solid #0000;cursor:pointer;display:grid;font-size:13px;gap:10px;grid-template-columns:40px 200px 180px 150px 80px 120px 150px 100px;overflow-x:auto;padding:8px 30px;transition:all .3s ease}@media (max-width:768px){.contract-row{font-size:11px;gap:5px;grid-template-columns:30px 100px 120px 100px 60px 80px 100px 70px;min-width:600px;overflow-x:auto;padding:8px 15px}}.contract-row:hover{background:linear-gradient(90deg,#f8f9fa,#e8f4f8);border-left-color:#3498db;box-shadow:0 2px 8px #3498db26;transform:translateX(2px)}.contract-row.open{background:linear-gradient(90deg,#e3f2fd,#d1ecf1);border-left:4px solid #3498db;box-shadow:0 4px 12px #3498db33}.contract-row.open:hover{background:linear-gradient(90deg,#d1ecf1,#bee5eb);box-shadow:0 6px 16px #3498db40;transform:translateX(4px)}.contract-row.selected{background:linear-gradient(90deg,#fff3cd,#ffe9a0);border-left:4px solid #f39c12;box-shadow:0 2px 8px #f39c1226}.contract-row.selected:hover{background:linear-gradient(90deg,#ffe9a0,#ffd966);box-shadow:0 4px 12px #f39c1233;transform:translateX(2px)}.contract-row.selected.open{background:linear-gradient(90deg,#d6eaf8,#bee5eb);border-left:4px solid #3498db;box-shadow:0 4px 12px #3498db33}.contract-row.selected.open:hover{background:linear-gradient(90deg,#bee5eb,#a8dce6);box-shadow:0 6px 16px #3498db40;transform:translateX(4px)}.row-col{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.row-col.col-actions{align-items:center!important;display:flex!important;justify-content:center!important;min-width:200px!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.status-badge{border-radius:12px!important;color:#fff!important;display:inline-block!important;font-size:11px!important;font-weight:700!important;letter-spacing:.5px!important;padding:4px 12px!important;text-shadow:0 1px 2px #0000004d!important;text-transform:uppercase!important}.status-cancelled,.status-in-progress,.status-no,.status-pending{background:#e74c3c!important;box-shadow:0 2px 4px #e74c3c4d!important}.status-booked,.status-completed,.status-confirmed,.status-nominated,.status-presented,.status-received,.status-sent,.status-yes{background:#27ae60!important;box-shadow:0 2px 4px #27ae604d!important}.progress-bar-mini{background:#ecf0f1;border-radius:4px;display:inline-block;height:8px;margin-right:8px;overflow:hidden;vertical-align:middle;width:100px}.progress-fill-mini{background:linear-gradient(90deg,#3498db,#2980b9);height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;font-size:12px;font-weight:600}.action-btn{border:none!important;border-radius:6px!important;cursor:pointer!important;flex-shrink:0!important;font-size:12px!important;font-weight:600!important;min-width:70px!important;padding:6px 16px!important;text-align:center!important;transition:all .3s ease!important;white-space:nowrap!important}.open-btn{background:#3498db!important;box-shadow:0 2px 4px #3498db4d!important;color:#fff!important}.open-btn:hover{background:#2980b9!important;box-shadow:0 4px 8px #3498db66!important;transform:translateY(-1px)!important}.close-btn{background:#e74c3c!important;box-shadow:0 2px 4px #e74c3c4d!important;color:#fff!important}.close-btn:hover{background:#c0392b!important;box-shadow:0 4px 8px #e74c3c66!important;transform:translateY(-1px)!important}.contract-work-area{background:#f8f9fa;border-top:2px solid #3498db;bottom:0;height:calc(100vh - 60px);left:0;overflow-y:auto;padding:0;position:fixed;right:0;top:60px;width:100%;z-index:1000}.work-area-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 30px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.contract-number-section{align-items:center;display:flex;gap:10px}.contract-number-section label{color:#2c3e50;font-size:14px;font-weight:600}.contract-number-input{border:2px solid #3498db;border-radius:4px;font-size:14px;font-weight:600;min-width:200px;padding:6px 12px}.header-buttons{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.header-buttons{gap:8px;justify-content:center}.header-buttons button{font-size:12px;min-width:auto;padding:6px 12px}}.save-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;transition:all .3s ease}.save-btn:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-1px)}.close-contract-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 24px;transition:all .3s ease}.close-contract-btn:hover{background:linear-gradient(135deg,#7f8c8d,#566465);transform:translateY(-1px)}.task-buttons-section{align-items:center;background:#fff;border-bottom:1px solid #e1e8ed;display:flex;flex-wrap:wrap;gap:6px;overflow-x:auto;padding:8px 30px;position:-webkit-sticky;position:sticky;top:51px;z-index:99}@media (max-width:768px){.task-buttons-section{flex-wrap:wrap;gap:4px;padding:8px 15px}.task-buttons-section button{flex-shrink:0;font-size:10px;min-width:auto;padding:4px 8px}}.task-btn{background:#34495e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 16px;transition:all .3s ease}.task-btn:hover{background:#2c3e50;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.undo-btn{background:#3498db}.undo-btn:hover{background:#2980b9}.redo-btn{background:#27ae60}.redo-btn:hover{background:#229954}.button-divider{background:#ffffff4d;height:24px;margin:0 4px;width:2px}.contract-details-section{background:#f8f9fa;border-bottom:1px solid #e1e8ed;flex-wrap:nowrap;gap:15px;overflow-x:auto;padding:6px 30px;position:-webkit-sticky;position:sticky;top:43px;z-index:98}.detail-field{align-items:center;display:flex;flex-shrink:0;gap:8px}.detail-field label{color:#2c3e50;font-size:13px;font-weight:600;white-space:nowrap}.detail-field input,.detail-field select{border:1px solid #ced4da;border-radius:3px;box-sizing:border-box;font-size:12px;height:28px;min-width:100px;padding:4px 8px}.manage-btn{background:#95a5a6;border:none;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;height:28px;margin-left:6px;padding:4px 10px}.manage-btn:hover{background:#7f8c8d}.status-completed-block{align-items:center;display:flex;gap:8px;margin-left:auto}.tasks-table-header{grid-gap:10px;align-items:center;background:#34495e;box-shadow:0 2px 4px #0000001a;color:#fff;display:grid;font-size:12px;font-weight:600;gap:10px;grid-template-columns:40px 200px 140px 180px 200px 200px 40px 120px;min-height:32px;overflow:visible;padding:6px 30px;position:-webkit-sticky;position:sticky;top:83px;z-index:97}@media (max-width:768px){.tasks-table-header{font-size:10px;gap:4px;grid-template-columns:40px 180px 100px 120px 100px 100px 40px 80px;min-width:650px;padding:8px 15px}}.task-header-col{align-items:center;display:flex;height:100%;vertical-align:middle}.col-line-number,.task-header-col{justify-content:center;text-align:center}.col-line-number{color:#95a5a6;font-size:12px;font-weight:600;-webkit-user-select:none;user-select:none}.line-number{color:#95a5a6;font-size:12px;font-weight:500}.completion-section{align-items:center;display:flex;gap:8px;justify-content:flex-end;max-width:200px;padding-right:10px}.status-bar{background:#e8f4f8;border:1px solid #bdc3c7;border-radius:5px;flex-shrink:0;height:10px;overflow:hidden;width:70px}.status-bar-fill{background:#27ae60;height:100%;transition:width .3s ease}.completion-text{white-space:nowrap}.completed-select,.completion-text{color:#2c3e50;flex-shrink:0;font-size:10px;font-weight:600}.completed-select{background:#fff;border:1px solid #bdc3c7;border-radius:3px;box-sizing:border-box;cursor:pointer;height:28px;min-width:60px;padding:2px 6px}.tasks-table{background:#fff;margin-right:20px;max-height:calc(100vh - 260px);overflow-x:visible;overflow-y:auto;padding:0 30px 10px;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.tasks-table::-webkit-scrollbar{height:12px;width:12px}.tasks-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.tasks-table::-webkit-scrollbar-thumb{background:#cbd5e0;border:2px solid #f1f5f9;border-radius:6px}.tasks-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.task-row{grid-gap:10px;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:1px solid #e1e8ed;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:40px 200px 140px 180px 200px 200px 40px 120px;min-height:32px;overflow:visible;padding:6px 10px;transition:background .15s ease;will-change:background}@media (max-width:768px){.task-row{font-size:10px;gap:5px;grid-template-columns:40px 180px 100px 120px 100px 100px 40px 80px;min-width:700px;padding:6px 15px}}.task-row:hover{background:#f8f9fa}.task-row:last-child{border-bottom:none}.task-col{align-items:center;display:flex;gap:5px;justify-content:center;text-align:center}.task-col input,.task-col select{border:1px solid #ced4da;border-radius:3px;box-sizing:border-box;font-size:11px;height:24px;padding:2px 4px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.task-col input:focus,.task-col select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.task-col input::placeholder{text-align:center}.status-wrapper{align-items:center;display:flex;gap:5px;justify-content:center;width:100%}.edit-status-btn{background:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:3px 8px;transition:all .2s ease;white-space:nowrap}.edit-status-btn:hover{background:#2980b9}.task-action-btn{align-items:center;background:#ecf0f1;border:1px solid #bdc3c7;border-radius:3px;color:#2c3e50;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;padding:1px 3px;transition:all .2s ease;width:24px}.task-action-btn:hover{background:#bdc3c7}.col-task-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-start;overflow:visible;width:200px}.add-task-btn{background:#27ae601a;border-color:#27ae60;color:#27ae60}.add-task-btn:hover{background:#27ae60;color:#fff}.delete-task-btn{background:#e74c3c1a;border-color:#e74c3c;color:#e74c3c}.delete-task-btn:hover{background:#e74c3c;color:#fff}.move-btn{border-color:#95a5a6;color:#95a5a6;cursor:move}.move-btn:hover{background:#95a5a6;color:#fff}.task-row{cursor:move}.task-row:active{opacity:.7}.no-company-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #6c757d;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:30px;padding:40px;text-align:center}.no-company-content h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 15px}.no-company-content p{color:#6c757d;font-size:16px;line-height:1.5;margin:0 0 25px}.create-company-btn{background:#3498db;border:none;border-radius:8px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.create-company-btn:hover{background:#2980b9;box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}@media (max-width:1400px){.contract-list-header,.contract-row{font-size:12px;grid-template-columns:40px 200px 180px 150px 80px 120px 150px 100px}.task-row,.tasks-table-header{font-size:11px;grid-template-columns:40px 200px 140px 180px 200px 200px 40px 120px}}.col-audit-data,.col-audit-datetime,.col-audit-status{color:#7f8c8d;font-size:11px;text-align:center}.col-audit-data span,.col-audit-status span{background:#f8f9fa;border-radius:3px;color:#7f8c8d;display:inline-block;font-weight:600;padding:2px 6px}.audit-date,.audit-time{color:#7f8c8d;font-size:10px;line-height:1.3}.audit-date{font-weight:600}.audit-date,.audit-time{color:#7f8c8d}.audit-empty{background:none;border:none;color:#bdc3c7;font-style:normal;margin:0;padding:0}.audit-dropdown{background:#fff;border:1px solid #bdc3c7;border-radius:3px;box-sizing:border-box;color:#7f8c8d;cursor:pointer;font-size:11px;height:24px;line-height:1.2;padding:2px 4px;text-align:center;width:100%}.audit-dropdown:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.audit-dropdown option{line-height:1.2;padding:2px 4px;white-space:pre-line}.col-status-bar{gap:8px}.col-completed-dropdown,.col-status-bar{align-items:center;display:flex}.col-completed-header,.col-status-header{justify-content:center;text-align:center}.contract-audit-info{align-items:center;background:#e8f4f8;border-left:3px solid #3498db;border-radius:3px;box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:nowrap;font-size:11px;gap:4px;height:28px;margin-bottom:0;margin-left:0;margin-right:0;padding:4px 8px;vertical-align:middle}.contract-details-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.audit-label{color:#7f8c8d;font-weight:600}.audit-nickname{background:#f8f9fa;border-radius:4px;color:#7f8c8d;cursor:help;font-weight:700;padding:2px 8px}.audit-name{color:#7f8c8d;font-style:italic}.audit-at,.audit-on{color:#7f8c8d;font-size:12px}.contract-audit-info .audit-date,.contract-audit-info .audit-time{color:#7f8c8d;font-size:13px;font-weight:600}@media (max-width:1200px){.filtering-interface{flex-wrap:wrap}.filter-input,.filter-select{min-width:100px}}.company-management{margin:0 auto;max-width:1200px;padding:20px}.company-header{align-items:center;border-bottom:2px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.company-header h2{color:#2c3e50;font-size:28px;margin:0}.company-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.company-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:all .3s ease}.company-card:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db33}.company-card.selected{background:#f8f9fa;border-color:#3498db;box-shadow:0 4px 16px #3498db4d}.company-info h3{color:#2c3e50;font-size:20px;margin:0 0 10px}.company-info p{color:#6c757d;line-height:1.4;margin:0 0 15px}.company-meta{display:flex;font-size:14px;gap:15px}.company-meta .industry{background:#e3f2fd;border-radius:4px;color:#1976d2;padding:4px 8px}.company-meta .website{color:#6c757d}.company-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.company-actions button{flex:1 1;font-size:12px;min-width:100px;padding:8px 12px}.company-details{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.details-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.details-header h3{color:#2c3e50;font-size:24px;margin:0}.details-actions{align-items:center;display:flex;gap:10px}.details-actions .btn-primary,.details-actions .btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.details-actions .btn-primary{background-color:#3498db;color:#fff}.details-actions .btn-primary:hover{background-color:#2980b9;transform:translateY(-1px)}.details-actions .btn-secondary{background-color:#6c757d;color:#fff}.details-actions .btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}.members-section{margin-bottom:30px}.members-section h4{color:#2c3e50;font-size:18px;margin:0}.refresh-members-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.refresh-members-btn:hover{background:#2980b9;transform:translateY(-1px)}.members-list{display:flex;flex-direction:column;gap:10px}.member-card{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;justify-content:space-between;padding:15px}.member-card,.member-info{align-items:center;display:flex}.member-info{gap:15px}.member-identity{display:flex;flex-direction:column;gap:4px}.member-nickname{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.member-email{color:#2c3e50;font-size:13px;font-weight:500}.member-role{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.role-owner{background:#ffebee;color:#c62828}.role-admin{background:#f3e5f5;color:#7b1fa2}.role-manager{background:#e8f5e8;color:#2e7d32}.role-user{background:#e3f2fd;color:#1976d2}.member-status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-active{background:#e8f5e8;color:#2e7d32}.status-pending{background:#fff3e0}.status-suspended{background:#ffebee;color:#c62828}.member-actions{align-items:center;display:flex;gap:10px}.role-display{color:#666;text-transform:uppercase}.no-action,.role-display{background:#f5f5f5;border-radius:4px;font-size:12px;font-weight:600;min-width:80px;padding:6px 12px;text-align:center}.no-action{color:#999;font-style:italic}.role-select{border:1px solid #ced4da;font-size:12px;padding:6px 8px}.invitations-section{margin-bottom:20px}.invitations-section h4{color:#2c3e50;font-size:18px;margin:0 0 15px}.invitations-list{display:flex;flex-direction:column;gap:10px}.invitation-card{align-items:center;background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.invitation-info{align-items:center;display:flex;gap:15px}.invitation-email{color:#2c3e50;font-weight:500}.invitation-role{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.invitation-date{color:#6c757d;font-size:12px}.invitation-status{font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{color:#f57c00}.status-accepted{color:#2e7d32}.status-expired{color:#c62828}.modal{box-shadow:0 10px 30px #0000004d;max-width:500px;padding:0;width:90%}.modal-header{padding:20px 25px}.modal-header h3{font-size:20px}.close-btn{align-items:center;border-radius:50%;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.close-btn:hover{background:#f8f9fa;color:#2c3e50}.modal-form{padding:25px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;padding:12px;transition:border-color .2s ease}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{margin-top:25px}.modal-actions button{border:none;font-size:14px;padding:12px 24px}.modal-actions button[type=button]{background:#6c757d}.modal-actions button[type=button]:hover{background:#5a6268}.btn-primary{border-radius:8px;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:#6c757d;font-size:12px;padding:8px 16px}.btn-secondary:hover{background:#5a6268}.btn-danger{border-radius:6px;font-size:12px;padding:8px 16px;transition:all .2s ease}.loading{color:#6c757d;padding:40px}@media (max-width:768px){.company-management{padding:15px}.company-list{grid-template-columns:1fr}.company-header{align-items:stretch;flex-direction:column;gap:15px}.invitation-card,.member-card{align-items:stretch;flex-direction:column;gap:10px}.member-actions{justify-content:space-between}.modal{margin:20px;width:95%}}.settings-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.settings-modal-header{align-items:center;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px 25px}.settings-modal-header h5{color:#2c3e50;font-weight:700;margin:0}.settings-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.settings-close-btn:hover{background:#f8f9fa;color:#2c3e50}.settings-modal-body{padding:25px}.settings-section{margin-bottom:25px}.settings-section h6{color:#2c3e50;font-weight:600;margin-bottom:15px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:14px;margin-bottom:8px}.form-control{border:2px solid #e1e8ed;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-control:focus{box-shadow:0 0 0 3px #3498db1a;outline:none}.form-control:read-only{background:#f8f9fa;color:#6c757d}.btn{border:none;border-radius:6px;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-outline-primary{background:#0000;border:2px solid #3498db}.btn-outline-primary:hover{background:#3498db}.btn-sm{font-size:12px;padding:6px 12px}.alert{border-radius:6px;font-size:14px;margin-bottom:0;padding:12px 16px}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb}.alert-success{background:#d4edda;border:1px solid #c3e6cb}hr{border:none;border-top:1px solid #e1e8ed;margin:20px 0}.account-info{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.info-row{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:10px}.info-row:last-child{margin-bottom:0}.info-label{color:#2c3e50;font-weight:600;margin-right:10px;min-width:120px}.info-value{color:#495057;flex:1 1;font-weight:500;margin-right:10px}.status-badge{border-radius:4px;padding:4px 8px}.status-badge.verified{background:#d4edda;color:#155724}.status-badge.unverified{background:#fff3cd;color:#856404}.security-note{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;margin-top:10px;padding:12px}.security-note p{color:#004085;font-size:13px;line-height:1.4;margin:0}.restricted-action{margin-top:15px}.restriction-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;text-align:center}.restriction-icon{display:block;font-size:24px;margin-bottom:10px}.restriction-message p{color:#856404;font-size:14px;line-height:1.4;margin:0}.restriction-message p:first-of-type{font-weight:600;margin-bottom:8px}.email-change-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin-top:15px;padding:12px}.email-change-warning p{color:#856404;font-size:13px;line-height:1.4;margin:0}.btn-outline-warning{background:#0000;border:2px solid #f39c12;color:#f39c12}.btn-outline-warning:hover{background:#f39c12;color:#fff}@media (max-width:768px){.settings-modal-content{margin:20px;width:95%}.settings-modal-header{padding:15px 20px}.settings-modal-body{padding:20px}.settings-section{margin-bottom:20px}}.admin-panel{background:#f8f9fa;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:2000}.admin-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 4px 15px #00000026;color:#fff;display:flex;justify-content:space-between;padding:25px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-header h2{font-size:28px;font-weight:700;margin:0}.admin-header-actions{display:flex;gap:15px}.admin-header-actions .btn-primary,.admin-header-actions .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.admin-header-actions .btn-primary{background-color:#3498db;color:#fff}.admin-header-actions .btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.admin-header-actions .btn-secondary{background-color:#fff3;border:1px solid #ffffff4d;color:#fff}.admin-header-actions .btn-secondary:hover{background-color:#ffffff4d}.codes-list{margin:0 auto;max-width:1400px;padding:30px 40px}.codes-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-radius:12px;box-shadow:0 2px 8px #00000014;flex-direction:column;gap:8px}.stat-label{color:#6c757d;font-size:13px;font-weight:500}.stat-value{font-size:32px}.codes-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.codes-table thead{background:#f8f9fa;border-bottom:2px solid #e1e8ed}.codes-table th{color:#2c3e50;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.codes-table td{border-bottom:1px solid #e1e8ed;color:#34495e;font-size:14px;padding:16px}.codes-table tr:last-child td{border-bottom:none}.codes-table tbody tr:hover{background-color:#f8f9fa}.code-display{background-color:#f0f2f5;border-radius:6px;color:#2c3e50;font-family:Courier New,monospace;font-size:13px;font-weight:600;letter-spacing:1px;padding:6px 12px}.copy-btn{background:none;border:none;cursor:pointer;font-size:16px;margin-left:8px;transition:transform .2s ease}.copy-btn:hover{transform:scale(1.2)}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-single-use{background-color:#e3f2fd;color:#1976d2}.badge-multi-use{background-color:#f3e5f5;color:#7b1fa2}.badge-master{background-color:#fff3e0;color:#e65100}.status-badge{color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px}.date-cell{color:#6c757d;font-size:12px}.notes-cell{color:#6c757d;font-size:13px;font-style:italic;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-danger-small{background-color:#dc3545;border-radius:6px;font-size:12px;font-weight:600;transition:all .2s ease}.btn-danger-small:hover{background-color:#c82333;transform:translateY(-1px)}.no-codes{color:#6c757d;font-size:16px;padding:60px 20px;text-align:center}.loading-spinner{align-items:center;color:#6c757d;display:flex;font-size:18px;justify-content:center;min-height:400px}.modal-overlay{background:#0009;z-index:3000}.modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0003;max-height:90vh;max-width:550px;overflow-y:auto;padding:30px;width:100%}.modal-header{border-bottom:1px solid #e1e8ed;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin:0}.close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:28px;transition:color .2s ease}.close-btn:hover{color:#e74c3c}.modal-form .form-group{margin-bottom:20px}.modal-form label{color:#34495e;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.modal-form input[type=email],.modal-form input[type=number],.modal-form input[type=text],.modal-form select,.modal-form textarea{border:1px solid #ced4da;border-radius:6px;color:#34495e;font-size:15px;padding:12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}.modal-form textarea{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e1e8ed;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.modal-actions button{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:all .2s ease}.modal-actions .btn-primary{background-color:#3498db;border:none;color:#fff}.modal-actions .btn-primary:hover{background-color:#2980b9;transform:translateY(-1px)}.modal-actions button[type=button]{background-color:#6c757d;border:none;color:#fff}.modal-actions button[type=button]:hover{background-color:#5a6268;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.view-nicknames-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;width:90%}.view-nicknames-modal .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e1e8ed;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.view-nicknames-modal .modal-header h2{font-size:24px;font-weight:600;margin:0}.view-nicknames-modal .close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.view-nicknames-modal .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.view-nicknames-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px 30px}.search-section{display:flex;gap:10px;margin-bottom:20px}.search-input{border:2px solid #e1e8ed;border-radius:6px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.refresh-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.refresh-btn:hover{background:#5568d3;transform:translateY(-1px)}.migrate-btn{background:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.migrate-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-1px)}.migrate-btn:disabled{cursor:not-allowed;opacity:.6}.delete-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:10px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.delete-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.select-btn{background:#3498db}.select-all-btn,.select-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-right:10px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.select-all-btn{background:#9b59b6}.select-btn:hover{background:#2980b9;transform:translateY(-1px)}.select-all-btn:hover{background:#8e44ad;transform:translateY(-1px)}.user-checkbox{cursor:pointer;height:18px;width:18px}.users-count{color:#657786;font-size:14px;font-weight:500;margin-bottom:15px}.users-table-container{border:1px solid #e1e8ed;border-radius:6px;margin-bottom:20px;overflow-x:auto}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:#f8f9fa;border-bottom:2px solid #e1e8ed}.users-table th{color:#14171a;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid #e1e8ed;transition:background .2s ease}.users-table tbody tr:hover{background:#f8f9fa}.users-table td{padding:12px 16px}.nickname-cell{font-weight:600}.nickname-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;color:#fff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.no-nickname{color:#e0245e;font-size:12px;font-weight:600}.email-cell{color:#657786;font-size:13px}.userid-cell{color:#95a5a6;font-family:Courier New,monospace;font-size:11px}.userid-code{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:3px;color:#7f8c8d;font-size:10px;padding:2px 6px}.role-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-master{background:#ff6b6b;color:#fff}.role-admin{background:#f39c12;color:#fff}.role-manager{background:#3498db;color:#fff}.role-user{background:#95a5a6;color:#fff}.status-active{color:#17bf63;font-size:13px;font-weight:600}.status-pending{color:#ff9500;font-size:13px;font-weight:600}.no-data{font-style:italic;text-align:center}.loading,.no-data{color:#657786;padding:40px 20px}.loading{font-size:16px}.info-section{background:#f8f9fa;border-radius:6px;margin-top:20px;padding:20px}.info-section h3{color:#14171a;font-size:16px;margin:0 0 15px}.info-section ul{margin:0;padding-left:20px}.info-section li{color:#657786;line-height:1.5;margin-bottom:8px}.info-section strong{color:#14171a}.view-nicknames-modal .modal-footer{border-top:1px solid #e1e8ed;display:flex;gap:10px;justify-content:flex-end;padding:15px 30px}.btn-secondary{border-radius:6px;transition:all .2s ease}.master-control-panel{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.panel-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.panel-header h1{color:#2c3e50;font-size:28px;margin:0}.platform-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{padding:25px;text-align:center}.stat-value{color:#3498db;font-size:36px;margin-bottom:10px}.actions-bar{display:flex;gap:10px;margin-bottom:30px}.companies-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.companies-section h2{color:#2c3e50;margin:0 0 20px}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.company-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s}.company-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.company-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:15px}.company-card-header h3{font-size:18px;margin:0}.status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#27ae60;color:#fff}.status-badge.inactive{background:#95a5a6;color:#fff}.company-card-body{padding:15px}.company-info p{color:#555;font-size:14px;margin:8px 0}.company-card-actions{border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:15px}.company-card-actions button{flex:1 1;font-size:13px;padding:8px}.empty-state{color:#7f8c8d;padding:60px 20px;text-align:center}.empty-state p{font-size:18px;margin-bottom:20px}.empty-state-small{color:#95a5a6;font-style:italic;padding:20px;text-align:center}.company-details-section{margin-bottom:30px}.company-details-section h3{border-bottom:2px solid #3498db;color:#2c3e50;margin:0 0 15px;padding-bottom:10px}.company-details-section p{color:#555;margin:10px 0}.section-header{margin-bottom:15px}.section-header h3{border:none;margin:0;padding:0}.users-list{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.user-row{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px;transition:background .2s}.user-row:last-child{border-bottom:none}.user-row:hover{background:#f8f9fa}.user-info{flex:1 1}.user-email{color:#2c3e50;font-weight:600;margin-bottom:4px}.user-meta{color:#7f8c8d;font-size:12px}.user-actions{align-items:center;display:flex;gap:10px}.role-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 10px}.role-select:focus{border-color:#3498db;outline:none}.btn-danger-small{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.btn-danger-small:hover{background:#c0392b}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#2c3e50;margin:0}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.btn-primary{background:#3498db;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#95a5a6;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-secondary:hover{background:#7f8c8d}.btn-danger{background:#e74c3c;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.btn-danger:hover{background:#c0392b}.btn-close{align-items:center;background:#0000;color:#95a5a6;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:color .2s;width:30px}.btn-close:hover{color:#2c3e50}.btn-back-dashboard{align-items:center;background:#3498db;border:none;border-radius:6px;box-shadow:0 2px 4px #3498db33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.btn-back-dashboard:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-1px)}.btn-back-dashboard:active{box-shadow:0 2px 4px #3498db33;transform:translateY(0)}@media (max-width:768px){.companies-grid{grid-template-columns:1fr}.platform-stats{grid-template-columns:repeat(2,1fr)}.company-card-actions,.user-row{flex-direction:column}.user-row{align-items:flex-start;gap:10px}.user-actions{width:100%}}.security-dashboard{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h1{color:#2c3e50;font-size:28px;margin:0}.auto-refresh-toggle{align-items:center;color:#7f8c8d;cursor:pointer;display:flex;font-size:14px;gap:8px}.auto-refresh-toggle input[type=checkbox]{margin:0}.btn-refresh{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.btn-refresh:hover{background:#2980b9}.btn-force-refresh{background:#e67e22;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.btn-force-refresh:hover{background:#d35400}.btn-close{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .3s}.btn-close:hover{background:#c0392b}.security-score-section{margin-bottom:30px}.security-score-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px;text-align:center}.security-score-card h2{color:#2c3e50;font-size:24px;margin:0 0 20px}.security-score-value{font-size:48px;font-weight:700;margin-bottom:20px}.security-score-bar{background:#ecf0f1;border-radius:10px;height:20px;overflow:hidden;width:100%}.security-score-fill{border-radius:10px;height:100%;transition:width .5s ease}.security-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card.critical{border-left:4px solid #e74c3c}.stat-card.high{border-left:4px solid #e67e22}.stat-card.medium{border-left:4px solid #f39c12}.stat-card.low{border-left:4px solid #27ae60}.stat-card.login-failures{border-left:4px solid #e74c3c}.stat-card.login-successes{border-left:4px solid #27ae60}.stat-card.total-alerts{border-left:4px solid #34495e}.stat-icon{font-size:24px}.stat-content{flex:1 1}.stat-value{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:5px}.stat-label{color:#7f8c8d;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.security-alerts-section{margin-bottom:30px}.section-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.section-header h2{color:#2c3e50;font-size:20px;margin:0}.btn-clear-alerts{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.btn-clear-alerts:hover{background:#c0392b}.alerts-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.no-alerts{color:#27ae60;font-size:16px;padding:40px 20px;text-align:center}.alert-item{border-bottom:1px solid #ecf0f1;display:flex;padding:15px 20px;transition:background .2s}.alert-item:hover{background:#f8f9fa}.alert-item:last-child{border-bottom:none}.alert-severity{border-radius:4px;color:#fff;font-size:12px;font-weight:700;margin-right:15px;min-width:80px;padding:4px 8px;text-align:center;text-transform:uppercase}.alert-content{flex:1 1}.alert-message{color:#2c3e50;font-weight:600;margin-bottom:5px}.alert-details{color:#7f8c8d;display:flex;font-size:12px;gap:15px}.alert-time{font-weight:500}.alert-user{font-style:italic}.login-successes-section{background:#fff;border-left:4px solid #27ae60;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.successes-table{overflow-x:auto}.successes-table table{border-collapse:collapse;width:100%}.successes-table thead{background:#f0f9f4;border-bottom:2px solid #27ae60}.successes-table th{color:#495057;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.successes-table td{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:14px;padding:12px}.successes-table tr:hover{background:#f0f9f4}.success-email{color:#27ae60;font-weight:500}.success-ip{color:#16a085;font-family:monospace;font-weight:600}.success-agent{color:#7f8c8d;font-size:13px}.login-failures-section{background:#fff;border-left:4px solid #e74c3c;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.failures-table{overflow-x:auto}.failures-table table{border-collapse:collapse;width:100%}.failures-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.failures-table th{color:#495057;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.failures-table td{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:14px;padding:12px}.failures-table tr:hover{background:#f8f9fa}.failure-email{color:#e74c3c;font-weight:500}.failure-ip{color:#3498db;font-family:monospace;font-weight:600}.failure-agent{color:#7f8c8d;font-size:13px}.audit-logs-section{margin-bottom:30px}.logs-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.no-logs{color:#7f8c8d;font-size:16px;padding:40px 20px;text-align:center}.log-item{border-bottom:1px solid #ecf0f1;display:flex;padding:15px 20px;transition:background .2s}.log-item:hover{background:#f8f9fa}.log-item:last-child{border-bottom:none}.log-severity{border-radius:4px;color:#fff;font-size:12px;font-weight:700;margin-right:15px;min-width:80px;padding:4px 8px;text-align:center;text-transform:uppercase}.log-content{flex:1 1}.log-action{color:#2c3e50;font-weight:600;margin-bottom:5px}.log-details{color:#7f8c8d;display:flex;font-size:12px;gap:15px;margin-bottom:5px}.log-time{font-weight:500}.log-user{font-style:italic}.log-resource{font-weight:500}.log-error{color:#e74c3c;font-size:12px;font-style:italic;margin-top:5px}.loading{color:#7f8c8d;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.security-dashboard{padding:10px}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.header-controls{flex-wrap:wrap;justify-content:center}.security-stats{grid-template-columns:1fr}.section-header{flex-direction:column;gap:10px;text-align:center}.alert-details,.log-details{flex-direction:column;gap:5px}}.toast{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:500px;min-width:300px;overflow:hidden;padding:14px 16px;position:fixed;position:relative;right:20px;top:20px;z-index:9999}.toast:after{animation:shrink 3s linear;background:#ffffff80;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}@keyframes shrink{0%{width:100%}to{width:0}}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:linear-gradient(135deg,#27ae60,#229954)}.toast-error{background:linear-gradient(135deg,#e74c3c,#c0392b)}.toast-info{background:linear-gradient(135deg,#3498db,#2980b9)}.toast-warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.toast-icon{font-size:24px;font-weight:700}.toast-message{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:28px;justify-content:center;opacity:.9;padding:4px;transition:all .2s;width:28px}.toast-close:hover{background:#ffffff4d;opacity:1;transform:scale(1.1)}:root{--primary-color:#2c3e50;--secondary-color:#34495e;--success-color:#27ae60;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#3498db;--light-color:#ecf0f1;--dark-color:#2c3e50;--background-color:#f8f9fa;--text-color:#2c3e50;--text-muted:#6c757d;--border-color:#dee2e6;--card-background:#fff;--hover-color:#ecf0f1;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 15px #00000014;--shadow-lg:0 8px 25px #00000026;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}*{box-sizing:border-box}body{background:linear-gradient(135deg,#2c3e50,#34495e);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#2c3e50;color:var(--text-color);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;padding:0}.App{min-height:100vh}.email-verification-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 8px #0003;color:#fff;left:0;padding:12px 20px;position:fixed;right:0;top:0;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto;max-width:1200px}.banner-icon{font-size:24px}.banner-message{flex:1 1;font-weight:500;min-width:250px}.banner-actions{display:flex;gap:10px}.btn-check,.btn-resend,.btn-skip{background:#fff;border:none;border-radius:4px;color:#e67e22;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s}.btn-skip{background:#ffffff4d;border:1px solid #fff;color:#fff}.btn-check:hover,.btn-resend:hover{background:#ecf0f1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-skip:hover{background:#ffffff80}.btn-check:active,.btn-resend:active,.btn-skip:active{transform:translateY(0)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#6c757d;color:var(--text-muted)}.text-primary{color:#2c3e50;color:var(--primary-color)}.text-success{color:#27ae60;color:var(--success-color)}.text-warning{color:#f39c12;color:var(--warning-color)}.text-danger{color:#e74c3c;color:var(--danger-color)}.text-info{color:#3498db;color:var(--info-color)}.bg-primary{background-color:#2c3e50;background-color:var(--primary-color)}.bg-secondary{background-color:#34495e;background-color:var(--secondary-color)}.bg-success{background-color:#27ae60;background-color:var(--success-color)}.bg-warning{background-color:#f39c12;background-color:var(--warning-color)}.bg-danger{background-color:#e74c3c;background-color:var(--danger-color)}.bg-info{background-color:#3498db;background-color:var(--info-color)}.bg-light{background-color:#ecf0f1;background-color:var(--light-color)}.bg-white{background-color:#fff;background-color:var(--card-background)}.shadow-sm{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 15px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:4px;border-radius:var(--border-radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--border-radius-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.d-flex{display:flex}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.justify-content-start{justify-content:flex-start}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}.gap-5{gap:2rem;gap:var(--spacing-xl)}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.fs-1{font-size:1.875rem;font-size:var(--font-size-3xl)}.fs-2{font-size:1.5rem;font-size:var(--font-size-2xl)}.fs-3{font-size:1.25rem;font-size:var(--font-size-xl)}.fs-4{font-size:1.125rem;font-size:var(--font-size-lg)}.fs-5{font-size:1rem;font-size:var(--font-size-base)}.fs-6{font-size:.875rem;font-size:var(--font-size-sm)}.loading-container{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500}.app-header{background:linear-gradient(135deg,#2c3e50,#34495e);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 15px #00000014;box-shadow:var(--shadow-md);display:flex;justify-content:flex-end;padding:15px 30px}.header-controls{align-items:center;display:flex;gap:15px}.logout-button{background:#e74c3ccc;border:1px solid #e74c3c4d;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-button:hover{background:#e74c3c;border-color:#e74c3c80;transform:translateY(-1px)}.form-control{background-clip:padding-box;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);display:block;font-size:1rem;font-size:var(--font-size-base);font-weight:400;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control,.form-control:focus{background-color:#fff;background-color:var(--card-background);color:#2c3e50;color:var(--text-color)}.form-control:focus{border-color:#3498db;border-color:var(--info-color);box-shadow:0 0 0 .2rem #3498db40;outline:0}.form-control::placeholder{color:#6c757d;color:var(--text-muted);opacity:1}.form-label{font-weight:600;margin-bottom:.5rem}.btn,.form-label{color:#2c3e50;color:var(--text-color)}.btn{background-color:initial;border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-block;font-size:1rem;font-size:var(--font-size-base);font-weight:400;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}.btn,.btn:hover{text-decoration:none}.btn:focus{box-shadow:0 0 0 .2rem #3498db40;outline:0}.btn:disabled{opacity:.65;pointer-events:none}.btn-primary{background-color:#3498db;background-color:var(--info-color);border-color:#3498db;border-color:var(--info-color);color:#fff}.btn-primary:hover{background-color:#2980b9;border-color:#2980b9;color:#fff}.btn-secondary{background-color:#34495e;background-color:var(--secondary-color);border-color:#34495e;border-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#2c3e50;border-color:#2c3e50;color:#fff}.btn-success{background-color:#27ae60;background-color:var(--success-color);border-color:#27ae60;border-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#229954;border-color:#229954;color:#fff}.btn-danger{background-color:#e74c3c;background-color:var(--danger-color);border-color:#e74c3c;border-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#c0392b;border-color:#c0392b;color:#fff}.btn-warning{background-color:#f39c12;background-color:var(--warning-color);border-color:#f39c12;border-color:var(--warning-color)}.btn-warning,.btn-warning:hover{color:#2c3e50;color:var(--text-color)}.btn-warning:hover{background-color:#e67e22;border-color:#e67e22}.btn-outline-primary{color:#3498db;color:var(--info-color)}.btn-outline-primary,.btn-outline-primary:hover{border-color:#3498db;border-color:var(--info-color)}.btn-outline-primary:hover{background-color:#3498db;background-color:var(--info-color);color:#fff}.btn-outline-secondary{color:#34495e;color:var(--secondary-color)}.btn-outline-secondary,.btn-outline-secondary:hover{border-color:#34495e;border-color:var(--secondary-color)}.btn-outline-secondary:hover{background-color:#34495e;background-color:var(--secondary-color);color:#fff}.btn-sm{border-radius:4px;border-radius:var(--border-radius-sm);font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem}.btn-lg{border-radius:12px;border-radius:var(--border-radius-lg);font-size:1.125rem;font-size:var(--font-size-lg);padding:.75rem 1.5rem}.alert{border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-md);margin-bottom:1rem;padding:.75rem 1.25rem;position:relative}.alert-primary{background-color:#cce7ff;border-color:#b3d7ff;color:#004085}.alert-secondary{background-color:#e2e3e5;border-color:#d6d8db;color:#383d41}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.card{word-wrap:break-word;background-clip:initial;background-color:#fff;background-color:var(--card-background);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-width:0;position:relative}.card-body{flex:1 1 auto;padding:1.25rem}.card-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);border-top-left-radius:11px;border-top-left-radius:calc(var(--border-radius-lg) - 1px);border-top-right-radius:11px;border-top-right-radius:calc(var(--border-radius-lg) - 1px);margin-bottom:0}.card-footer,.card-header{background-color:#ecf0f1;background-color:var(--hover-color);padding:.75rem 1.25rem}.card-footer{border-bottom-left-radius:11px;border-bottom-left-radius:calc(var(--border-radius-lg) - 1px);border-bottom-right-radius:11px;border-bottom-right-radius:calc(var(--border-radius-lg) - 1px);border-top:1px solid #dee2e6;border-top:1px solid var(--border-color)}.company-management-container{background:#f8f9fa;min-height:100vh}.company-management-container .company-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 8px #00000026;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.company-management-container .company-header h1{font-size:28px;font-weight:600;margin:0}.company-management-container .header-actions{display:flex;gap:15px}.company-management-container .btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.company-management-container .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.company-management-container .btn-secondary:disabled{background:#adb5bd;cursor:not-allowed;transform:none}@media (max-width:768px){.app-header{padding:10px 20px}.loading-container p{font-size:1rem;font-size:var(--font-size-base)}.btn{padding:.375rem .75rem}.btn,.form-control{font-size:.875rem;font-size:var(--font-size-sm)}.form-control{padding:.375rem .5rem}}@media (max-width:480px){.app-header{padding:8px 15px}.logout-button{padding:8px 16px}.btn,.logout-button{font-size:.875rem;font-size:var(--font-size-sm)}.btn{padding:.25rem .5rem}.card-body{padding:1rem}}
/*# sourceMappingURL=main.8187cf93.css.map*/