:root{--gold:#C9A66B;--ink:#0b1320;--ivory:#FCF8F1;--bg:#f7f8fa;--surface:#fff;--card:#fff;--text:#0b1320;--muted:#6b7280;--border:#e5e7eb;--danger:#ef4444;--success:#22c55e;--warn:#f59e0b;--sidebar:#0b1320;--topbar:#0b1320}.theme-dark{--bg:#0f1117;--surface:#1a1d24;--card:#1e2128;--text:#f3f4f6;--muted:#9ca3af;--border:#2d3748;--sidebar:#060810}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}input,textarea,select,button{font-size:16px!important}input[type=search]{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .15s;text-decoration:none;line-height:1}.btn-sm{padding:5px 12px;font-size:12px;border-radius:6px}.btn-lg{padding:12px 24px;font-size:16px}.btn-primary{background:var(--gold);color:#fff}.btn-primary:hover{background:#b08a52}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#c9a66b1a}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:16px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a66b26}.input-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:5px}.input-group{margin-bottom:15px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-pending{background:#fef3c7;color:#92400e}.badge-progress,.badge-in_progress{background:#dbeafe;color:#1e40af}.badge-completed{background:#d1fae5;color:#065f46}.badge-cancelled,.badge-cancel{background:#fee2e2;color:#991b1b}.badge-approved{background:#ede9fe;color:#5b21b6}.badge-confirmed{background:#d1fae5;color:#065f46}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;border-left:4px solid var(--gold)}.stat-value{font-size:28px;font-weight:800;color:var(--gold)}.stat-label{font-size:13px;color:var(--muted);margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--card);border-radius:16px;padding:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border)}td{padding:12px;font-size:14px;border-bottom:1px solid var(--border)}tr:hover td{background:#c9a66b0a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,rgba(255,255,255,.3) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}select.input option{background:var(--surface);color:var(--text)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab-btn{padding:8px 18px;background:none;border:none;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab-btn.active{font-weight:700;color:var(--gold);border-bottom-color:var(--gold)}.tab-btn:hover{color:var(--gold)}