.crm-container{padding:20px;max-width:1400px;margin:0 auto}.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #ddd}.crm-header h1{margin:0;color:#333;font-size:28px}.header-controls{display:flex;gap:10px;align-items:center}.nav-btn{padding:10px 20px;background:#f0f0f0;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;transition:all .2s}.nav-btn:hover{background:#e0e0e0}.nav-btn.active{background:#06c;color:#fff;border-color:#06c}.notif-btn{position:relative;padding:10px 15px;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:18px}.notif-btn .badge{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.crm-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.rfq-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rfq-controls h2{margin:0}.btn-primary{padding:10px 20px;background:#06c;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.btn-secondary{padding:10px 20px;background:#999;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.btn-secondary:hover{background:#777}.rfq-form{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #0066cc}.rfq-form h3{margin-top:0;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}.rfq-form input,.rfq-form select,.rfq-form textarea{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;font-family:inherit}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.rfq-form textarea{grid-column:1 / -1}.form-actions{display:flex;gap:10px}.rfq-list{display:grid;gap:15px}.rfq-card{background:#f9f9f9;padding:15px;border-radius:8px;cursor:pointer;transition:all .2s}.rfq-card:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.rfq-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.rfq-header h3{margin:0 0 5px;color:#333}.rfq-header .customer{margin:0;color:#666;font-size:14px}.rfq-badges{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge.category{background:#e6f0ff;color:#06c}.badge.status,.badge.priority{color:#fff}.rfq-card .date{margin:0;font-size:12px;color:#999}.empty{text-align:center;color:#999;padding:40px}.rfq-detail{margin-top:15px;border-top:1px solid #ddd;background:#fafafa;padding:15px;border-radius:5px}.rfq-detail h4{margin-top:15px;margin-bottom:10px;color:#333}.tasks-list{display:grid;gap:10px;margin-bottom:20px}.task-item{background:#fff;padding:10px;border-radius:5px;border-left:3px solid #0066cc;cursor:pointer;transition:all .2s}.task-item:hover{box-shadow:0 2px 8px #0000001a}.task-header{display:flex;justify-content:space-between;align-items:center}.task-header strong{color:#333}.status-badge{padding:3px 8px;background:#e0e0e0;border-radius:15px;font-size:12px;color:#666}.task-detail{margin-top:10px;padding:10px;background:#fff;border-radius:5px}.task-timeline{margin-bottom:15px}.task-timeline h5{margin:0 0 10px;color:#333}.remark{padding:10px;background:#f9f9f9;border-left:3px solid #0066cc;margin-bottom:8px;border-radius:4px}.remark-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:12px}.remark-header .completion{background:#0c0;color:#fff;padding:2px 6px;border-radius:3px;font-weight:600}.remark-header .date{color:#999}.remark p{margin:5px 0 0;color:#555;font-size:14px}.add-remark{margin-top:10px;padding:10px;background:#f0f8ff;border-radius:5px}.add-remark textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:14px;margin-bottom:8px}.form-row{display:flex;gap:10px}.form-row input{flex:1;padding:8px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-row button{padding:8px 16px}.file-upload{margin:15px 0}.file-upload label{display:block;padding:15px;background:#f0f0f0;border:2px dashed #ccc;border-radius:5px;text-align:center;cursor:pointer;transition:all .2s}.file-upload label:hover{background:#e0e0e0;border-color:#06c}.file-upload input[type=file]{display:none}.files-list{display:grid;gap:10px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f9f9f9;border-radius:5px;border-left:3px solid #00cc00}.file-category{background:#e0e0e0;padding:3px 8px;border-radius:15px;font-size:12px;color:#666}.dashboard-controls{margin-bottom:20px}.dashboard-controls h2{margin:0 0 15px}.dashboard-buttons{display:flex;gap:10px;flex-wrap:wrap}.dashboard{margin-top:20px}.dashboard h3{margin-top:0;color:#333}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.dashboard-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 12px #00000026;transition:all .2s}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0003}.dashboard-card:nth-child(2n){background:linear-gradient(135deg,#f093fb,#f5576c)}.dashboard-card:nth-child(3n){background:linear-gradient(135deg,#4facfe,#00f2fe)}.dashboard-card:nth-child(4n){background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-value{font-size:36px;font-weight:700;margin-bottom:10px}.card-label{font-size:16px;font-weight:600;margin-bottom:5px;opacity:.9}.card-priority,.card-status{font-size:12px;opacity:.8}@media (max-width: 768px){.crm-header,.rfq-controls{flex-direction:column;gap:15px;align-items:flex-start}.form-grid{grid-template-columns:1fr}.rfq-header{flex-direction:column;gap:10px}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2c3e50;--secondary: #3498db;--success: #27ae60;--warning: #f39c12;--danger: #e74c3c;--light: #ecf0f1;--dark: #2c3e50;--border: #bdc3c7;--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 8px 16px rgba(0,0,0,.15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f5f7fa;color:var(--dark)}.crm-v2-container{min-height:100vh;display:flex;flex-direction:column}.crm-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.loader{text-align:center;padding:3rem;font-size:1.1rem;color:var(--secondary)}.crm-nav{background-color:var(--primary);padding:0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.nav-tabs{display:flex;overflow-x:auto;max-width:1400px;margin:0 auto}.nav-tab{padding:1rem 1.5rem;border:none;background:transparent;color:#ecf0f1;cursor:pointer;font-size:.95rem;font-weight:500;border-bottom:3px solid transparent;white-space:nowrap;transition:all .3s ease}.nav-tab:hover{background-color:#ffffff1a;color:#fff}.nav-tab.active{border-bottom-color:var(--secondary);color:var(--secondary);background-color:#3498db1a}.master-dashboard h1,.common-dashboard h1,.sales-dashboard h1,.npd-dashboard h1,.plant-dashboard h1,.admin-dashboard h1{font-size:2rem;margin-bottom:.5rem;color:var(--primary)}.subtitle{color:#7f8c8d;margin-bottom:2rem;font-size:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);border-left:4px solid var(--secondary);transition:all .3s ease}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-card.urgent{border-left-color:var(--danger)}.kpi-card h3{margin-bottom:1rem;color:var(--primary);font-size:1.1rem}.industry-grid{display:grid;gap:1rem}.industry-box{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;border-radius:6px;color:#fff}.industry-box h4{margin-bottom:.75rem;font-size:1rem}.metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.metric .label{font-size:.85rem;opacity:.9}.metric .value{font-size:1.3rem;font-weight:700}.metric .value.success{color:#27ae60}.metric .value.highlight{color:#f1c40f}.status-list{display:flex;flex-direction:column;gap:1rem}.status-bar{display:flex;align-items:center;gap:1rem}.status-label{width:150px;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-container{flex:1;height:8px;background-color:var(--light);border-radius:4px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,var(--secondary),var(--secondary));transition:width .3s ease}.status-count{width:40px;text-align:right;font-weight:700;color:var(--secondary)}.big-number{font-size:3rem;font-weight:700;color:var(--danger);margin:1rem 0}.common-dashboard{background:#fff;border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.filters{display:flex;gap:1rem;margin-bottom:2rem}.filters select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:4px;background-color:#fff;font-size:.95rem;cursor:pointer}.rfq-table{width:100%;border-collapse:collapse;font-size:.9rem}.rfq-table thead{background-color:var(--primary);color:#fff}.rfq-table th{padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border)}.rfq-table td{padding:.75rem 1rem;border-bottom:1px solid #e8e8e8}.rfq-table tbody tr:hover{background-color:#f9f9f9}.status-tag{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background-color:var(--light);color:var(--primary)}.industry-tag{display:inline-block;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;background-color:var(--secondary);color:#fff}.small-text{font-size:.85rem;color:#7f8c8d}.highlight{color:var(--success);font-weight:600}.sales-dashboard{background:#fff;border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.industry-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--light);padding-bottom:1rem}.industry-btn{padding:.75rem 1.5rem;border:2px solid var(--border);background-color:#fff;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.industry-btn:hover{border-color:var(--secondary);color:var(--secondary)}.industry-btn.active{background-color:var(--secondary);color:#fff;border-color:var(--secondary)}.create-btn{padding:.75rem 1.5rem;background-color:var(--success);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;margin-bottom:1.5rem;transition:all .3s ease}.create-btn:hover{background-color:#229954;box-shadow:var(--shadow)}.sales-table table{width:100%;border-collapse:collapse;margin-top:1rem}.sales-table thead{background-color:var(--primary);color:#fff}.sales-table th,.sales-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e8e8e8;font-size:.85rem}.sales-table tbody tr:hover{background-color:#f9f9f9}.checkbox-cell{text-align:center}.checkbox-cell input[type=checkbox]{width:20px;height:20px;cursor:pointer}.button-cell{text-align:center}.send-btn,.save-btn{padding:.5rem 1rem;background-color:var(--secondary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.send-btn:hover,.save-btn:hover{background-color:#2980b9;box-shadow:var(--shadow)}.npd-dashboard{background:#fff;border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.npd-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.9rem}.npd-table thead{background-color:var(--primary);color:#fff}.npd-table th,.npd-table td{padding:1rem;text-align:left;border-bottom:1px solid #e8e8e8}.npd-table tbody tr:hover{background-color:#f9f9f9}.file-cell input[type=file]{padding:.5rem;font-size:.8rem}.plant-dashboard{background:#fff;border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.costing-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;margin-top:2rem}.costing-card{background:#fff;border:2px solid var(--light);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.costing-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary)}.costing-card h3{color:var(--primary);margin-bottom:1rem}.costing-card p{margin-bottom:.5rem;color:#555;font-size:.95rem}.costing-form{margin-top:1.5rem}.form-row{display:flex;flex-direction:column;margin-bottom:1rem}.form-row label{font-weight:600;margin-bottom:.35rem;color:var(--primary);font-size:.9rem}.form-row input,.form-row select{padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:.95rem;font-family:inherit}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #3498db1a}.cost-summary{background-color:var(--light);padding:1rem;border-radius:4px;margin:1rem 0}.cost-summary p{margin-bottom:.5rem;font-weight:600;color:var(--primary)}.costing-form textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:.95rem;font-family:inherit;resize:vertical;margin:1rem 0}.admin-dashboard{background:#fff;border-radius:8px;padding:2rem;box-shadow:var(--shadow)}.approval-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.approval-card{background:#fff;border:2px solid var(--light);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease}.approval-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary)}.card-header{border-bottom:2px solid var(--light);padding-bottom:1rem;margin-bottom:1rem}.card-header h3{color:var(--primary);margin-bottom:.25rem}.customer{color:#7f8c8d;font-size:.9rem}.approval-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f0f0f0}.detail-row span{color:#7f8c8d;font-size:.9rem}.detail-row strong{color:var(--primary);font-weight:600}.approval-form textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:.95rem;font-family:inherit;margin-bottom:1rem}.approval-buttons{display:flex;gap:1rem}.approve-btn,.reject-btn{flex:1;padding:.75rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.approve-btn{background-color:var(--success);color:#fff}.approve-btn:hover{background-color:#229954;box-shadow:var(--shadow)}.reject-btn{background-color:var(--danger);color:#fff}.reject-btn:hover{background-color:#c0392b;box-shadow:var(--shadow)}.cancel-btn{padding:.75rem 1.5rem;background-color:var(--light);color:var(--primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background-color:#bdc3c7}.create-form-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.create-form{background:#fff;border-radius:8px;padding:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.create-form h2{margin-bottom:1.5rem;color:var(--primary)}.create-form .form-buttons{display:flex;gap:1rem;margin-top:2rem}.create-form .form-buttons button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.create-form .save-btn{background-color:var(--success);color:#fff}.create-form .save-btn:hover{background-color:#229954}@media (max-width: 768px){.crm-content{padding:1rem}.nav-tabs{overflow-x:auto}.kpi-grid,.costing-cards,.approval-cards{grid-template-columns:1fr}.rfq-table,.npd-table{font-size:.75rem}.rfq-table th,.rfq-table td,.npd-table th,.npd-table td{padding:.5rem}.approval-buttons,.filters{flex-direction:column}.industry-tabs{flex-wrap:wrap}}@media (max-width: 480px){h1{font-size:1.5rem}.create-form{max-width:95%}.detail-row{flex-direction:column;align-items:flex-start}.detail-row strong{margin-top:.25rem}}:root{--bg-app: #ece6d6;--bg-panel: #f5f1e8;--bg-input: #ffffff;--bg-toolbar: #5c6b5c;--bg-grid-header: #6b7a6b;--bg-grid-row: #faf8f2;--bg-grid-row-alt: #f2efe6;--bg-grid-hover: #e8e4d8;--bg-statusbar: #5c6b5c;--text-dark: #2c2c2c;--text-body: #3d3d3d;--text-muted: #7a7a6e;--text-light: #f0ede6;--border-light: #d4ccb8;--border-dark: #b8b0a0;--border-fieldset: #a8a090;--border-input: #bbb8b0;--accent: #6b7a5c;--accent-hover: #5a6a4e;--status-open: #c4785a;--status-progress: #c49a3a;--status-completed: #5a8a5a;--status-review: #7a6a9a;--status-blocked: #b85a5a;--priority-low: #6a9a6a;--priority-medium: #b89a40;--priority-high: #c47a3a;--priority-critical: #b85a5a;--font-body: "Söhne", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 3px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:13px;transition:font-size .2s ease;overflow-x:hidden;width:100%}body{font-family:var(--font-body);background:var(--bg-app);color:var(--text-body);line-height:1.5;min-height:100vh;transition:background .2s,color .2s;overflow-x:hidden;width:100%;word-wrap:break-word;overflow-wrap:break-word}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}.fieldset{border:1px solid var(--border-fieldset);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px;background:var(--bg-panel);transition:background .2s,border-color .2s}.fieldset-legend{font-size:.92rem;font-weight:600;color:var(--accent);padding:0 8px}.btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;font-family:var(--font-body);font-size:.88rem;border:1px solid var(--border-dark);border-radius:var(--radius);cursor:pointer;background:var(--bg-panel);color:var(--text-dark);box-shadow:0 1px 2px #0000000f;white-space:nowrap;transition:background .1s,color .1s,border-color .1s}.btn:hover{background:var(--bg-grid-hover)}.btn:active{box-shadow:inset 0 1px 3px #0000001f}.btn-primary{background:var(--accent);color:var(--text-light);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--status-blocked);color:#fff;border-color:#8a3a3a}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn-ghost:hover{background:var(--bg-grid-hover);border-color:var(--border-light)}.btn-sm{padding:3px 10px;font-size:.82rem}.btn-tab{background:transparent;border:1px solid transparent;border-bottom:none;padding:6px 18px;font-weight:500;color:var(--text-muted);border-radius:var(--radius) var(--radius) 0 0;margin-bottom:-1px;position:relative;font-family:var(--font-body);text-decoration:none;font-size:.92rem;transition:background .15s,color .15s}.btn-tab:hover{color:var(--text-body)}.btn-tab.active{background:var(--bg-panel);border-color:var(--border-dark);color:var(--accent);font-weight:700}.input,.select,.textarea{width:100%;padding:5px 10px;font-family:var(--font-body);font-size:.92rem;color:var(--text-dark);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius);outline:none;transition:border-color .15s,background .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6b7a5c26}.textarea{min-height:70px;resize:vertical}.label{display:block;font-size:.88rem;font-weight:600;color:var(--text-body);margin-bottom:3px}.table-container{border:1px solid var(--border-dark);border-radius:var(--radius);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:7px 12px;font-size:.82rem;font-weight:600;color:var(--text-light);background:var(--bg-grid-header);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(0,0,0,.15);text-transform:uppercase;letter-spacing:.03em}.data-table th:last-child{border-right:none}.data-table td{padding:6px 12px;font-size:.92rem;border-bottom:1px solid var(--border-light);background:var(--bg-grid-row);transition:background .1s}.data-table tr:nth-child(2n) td{background:var(--bg-grid-row-alt)}.data-table tr:hover td{background:var(--bg-grid-hover)!important}.data-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:2px 10px;font-size:.78rem;font-weight:600;color:#fff;border-radius:3px;min-width:60px;text-align:center}.stat-box{border:1px solid var(--border-dark);background:var(--bg-panel);padding:12px 18px;text-align:center;min-width:105px;border-radius:var(--radius);transition:background .2s}.stat-box .stat-value{font-size:1.7rem;font-weight:700;line-height:1.2}.stat-box .stat-label{font-size:.75rem;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.04em}.stat-box-clickable{cursor:pointer}.stat-box-clickable:hover{background:var(--bg-grid-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.daily-check{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px}.modal-window{background:var(--bg-panel);border:1px solid var(--border-dark);border-radius:var(--radius);box-shadow:0 8px 32px #0003;width:100%;max-height:85vh;overflow:auto;position:relative}.modal-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-toolbar);color:var(--text-light);font-weight:600;font-size:.92rem;border-radius:var(--radius) var(--radius) 0 0}.modal-titlebar button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1rem;padding:0 4px}.modal-titlebar button:hover{color:#fff}.modal-body{padding:18px}.statusbar{position:fixed;bottom:0;left:0;right:0;height:26px;background:var(--bg-statusbar);color:var(--text-light);font-size:.75rem;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid rgba(0,0,0,.15);z-index:50;transition:background .2s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.ml-auto{margin-left:auto}.w-full{width:100%}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){html{font-size:12.5px}.stat-box{min-width:75px;padding:8px 12px}.stat-box .stat-value{font-size:1.4rem}.modal-overlay{padding:12px}.modal-window{max-height:90vh}.statusbar{display:none}}@media (max-width: 640px){html{font-size:12px;overflow-x:hidden}body{overflow-x:hidden;width:100%}*{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.stat-box{min-width:55px;padding:6px 8px}.stat-box .stat-value{font-size:1.1rem}.stat-box .stat-label{font-size:.65rem}.fieldset{padding:8px 10px;margin-bottom:10px}.fieldset-legend{font-size:.85rem}.btn{padding:4px 10px;font-size:.82rem;white-space:nowrap}.btn-sm{padding:3px 8px;font-size:.75rem;white-space:nowrap}.btn-tab{padding:5px 10px;font-size:.78rem}.input,.select,.textarea{font-size:.85rem;padding:4px 8px}.label{font-size:.82rem}.modal-overlay{padding:6px}.modal-window{max-height:95vh;max-width:100%!important}.modal-body{padding:12px}.modal-titlebar{padding:6px 10px;font-size:.85rem}.data-table th{padding:5px 6px;font-size:.72rem}.data-table td{padding:5px 6px;font-size:.82rem}.statusbar{display:none}.badge{font-size:.68rem;padding:1px 6px;min-width:44px;white-space:nowrap}.hide-mobile{display:none!important}}