:root{--navy:#1f2a44;--navy-light:#2c3a5c;--navy-hover:#34456e;--primary:#4b5b7d;--primary-hover:#3d4c69;--page-bg:#f5f6f8;--card-bg:#fff;--border:#e6e8ec;--text:#1f2733;--text-muted:#8992a3;--green-bg:#e6f4ea;--green-text:#1e7e34;--red-bg:#fdecea;--red-text:#c0392b;--gray-badge-bg:#eef1f5;--gray-badge-text:#5b6472}*{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--text);background:var(--page-bg);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}input,select,textarea,button{font-family:inherit;font-size:14px}a{color:inherit}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:9px 16px;font-weight:500;line-height:1.2;transition:background-color .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--navy-hover)}.btn-secondary{color:var(--text);border-color:var(--border);background:#fff}.btn-secondary:hover:not(:disabled){background:#f2f3f5}.btn-danger{color:var(--red-text);border-color:var(--border);background:#fff}.btn-danger:hover:not(:disabled){background:var(--red-bg)}.btn-link{color:var(--navy);cursor:pointer;background:0 0;border:none;padding:0}.btn-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px}.btn-icon:hover{color:var(--text);background:#f2f3f5}.btn-sm{padding:6px 10px;font-size:13px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.page-title{margin:0;font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:13px}.page-actions{align-items:center;gap:10px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px}.field{margin-bottom:16px}.field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=password],.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fafbfc;border-radius:6px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);background:#fff;outline:none}.field-checkbox{align-items:center;gap:8px;margin-bottom:16px;display:flex}.field-checkbox input{width:16px;height:16px}.field-checkbox label{margin:0;font-weight:500}.hint-box{color:var(--text-muted);background:#f2f4f8;border-radius:6px;padding:10px 12px;font-size:13px}.hint-box strong{color:var(--text)}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.data-table tbody tr:hover{background:#fafbfc}.data-table tbody tr:last-child td{border-bottom:none}.data-table td.num,.data-table th.num{text-align:right}.data-table tfoot td{background:#f7f8fa;font-weight:700}.subtotal-row td{background:#eef2f8;font-weight:600}.badge{white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-red{background:var(--red-bg);color:var(--red-text)}.badge-gray{background:var(--gray-badge-bg);color:var(--gray-badge-text)}.progress-track{background:var(--gray-badge-bg);vertical-align:middle;border-radius:20px;width:100px;height:6px;display:inline-block;overflow:hidden}.progress-fill{background:var(--green-text);height:100%}.progress-fill.full{background:var(--red-text)}.modal-overlay{z-index:50;background:#14182273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:10px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{margin:0;font-size:17px}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.filters-panel{margin-bottom:16px;padding:16px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;display:grid}.filters-grid .field{margin-bottom:0}.search-box{max-width:320px;margin-bottom:16px;position:relative}.search-box input{border:1px solid var(--border);background:#fafbfc;border-radius:6px;width:100%;padding:9px 12px 9px 34px}.search-box svg{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.error-banner{background:var(--red-bg);color:var(--red-text);border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);padding:40px 0}