:root{--primary:#2c82e0;--primary-light:#5fa6f5;--primary-dark:#1e5fa8;--success:#3cd4a0;--warning:#ffd43a;--danger:#e34b4a;--info:#158de3;--bg:#0f1729;--surface:#1a2332;--surface-hover:#232d3f;--border:#2c3e50;--divider:#1e2a3a;--sidebar-bg:#151f2e;--text-primary:#eceff4;--text-secondary:#a0aec0;--text-disabled:#6b7280;--font-sans:"Inter","Noto Sans SC",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Consolas",monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-md:0 4px 6px rgba(0,0,0,.2)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px}body{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.btn-primary{align-items:center;background:var(--primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:9px 18px;transition:background .2s}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:9px 18px;transition:all .2s}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:600;padding:3px 10px}.badge-pending{background:#ffd43a26;color:#ffd43a}.badge-confirmed{background:#3cd4a026;color:#3cd4a0}.badge-processing{background:#2c82e026;color:#2c82e0}.badge-cancelled{background:#e34b4a26;color:#e34b4a}.badge-completed{background:#3cd4a026;color:#3cd4a0}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-title{color:var(--text-primary);font-size:24px;font-weight:600}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.filter-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;min-width:160px;outline:none;padding:8px 12px}.filter-input:focus{border-color:var(--primary)}.filter-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:13px;min-width:160px;outline:none;padding:8px 12px}.filter-select:focus{border-color:var(--primary)}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table th{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid var(--divider);color:var(--text-primary);padding:11px 14px}.data-table tr:hover td{background:var(--surface-hover)}.action-link{background:none;border:none;color:var(--primary);cursor:pointer;font-family:var(--font-sans);font-size:13px;padding:0}.action-link:hover{text-decoration:underline}.pagination{align-items:center;border-top:1px solid var(--divider);display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}.page-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:16px;padding:6px 14px}.page-btn:disabled{cursor:not-allowed;opacity:.4}.alert-bar{background:#ffd43a1a;border:1px solid rgba(255,212,58,.3);border-radius:var(--radius-md);color:var(--warning);font-size:14px;gap:8px;padding:12px 16px}.alert-bar,.modal-overlay{align-items:center;display:flex}.modal-overlay{background:#0009;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:85vh;max-width:520px;overflow-y:auto;padding:24px;width:100%}.modal-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 16px}.modal-footer{border-top:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.form-row{display:grid;gap:16px 20px;grid-template-columns:1fr 1fr;margin-bottom:4px}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:14px}.form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-sans);font-size:14px;outline:none;padding:10px 12px;width:100%}.form-input:focus{border-color:var(--primary)}textarea.form-input{min-height:80px;resize:vertical}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.kpi-card{cursor:default}.kpi-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.kpi-label{color:var(--text-secondary);font-size:13px}.kpi-value{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1.2;margin:0}.section-title,h2.section-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 16px}.btn-success{align-items:center;background:#3cd4a026;border:1px solid rgba(60,212,160,.35);border-radius:var(--radius-sm);color:var(--success);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:600;justify-content:center;padding:8px 16px;transition:background .15s,border-color .15s}.btn-success:hover{background:#3cd4a040}.btn-danger{align-items:center;background:#e34b4a26;border:1px solid rgba(227,75,74,.35);border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:600;justify-content:center;padding:8px 16px;transition:background .15s,border-color .15s}.btn-danger:hover{background:#e34b4a40}.btn-icon{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:16px;line-height:1;padding:6px 8px}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary)}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr}}