:root{--bg-main: #0B0F17;--bg-card: #111827;--bg-subtle: #1F2937;--bg-hover: #2D3748;--border: #374151;--border-light: #4B5563;--text-main: #F9FAFB;--text-muted: #9CA3AF;--text-dim: #6B7280;--accent-blue: #0284C7;--accent-cyan: #38BDF8;--accent-emerald: #10B981;--accent-amber: #F59E0B;--accent-rose: #F43F5E;--accent-purple: #8B5CF6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh;background-color:var(--bg-main)}.main-layout{display:flex;flex-direction:column;flex:1;width:100%;min-width:0}.content-area{padding:28px;flex:1;overflow-y:auto}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-main);font-weight:700;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{color:var(--text-muted)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:0 4px 12px #0006}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none}.btn-primary{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.btn-primary:hover{background-color:#0369a1}.btn-secondary{background-color:var(--bg-subtle);color:var(--text-main);border-color:var(--border)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-light)}.btn-success{background-color:var(--accent-emerald);color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--accent-rose);color:#fff}.btn-danger:hover{background-color:#e11d48}.btn-amber{background-color:var(--accent-amber);color:#000}.btn-amber:hover{background-color:#d97706}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{padding:6px;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:12px}.badge-draft{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-pending{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.badge-approved{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-rejected{background:#f43f5e26;color:#f87171;border:1px solid rgba(244,63,94,.3)}.badge-archived{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.badge-active{background:#10b98126;color:#34d399}.badge-inactive{background:#64748b26;color:#94a3b8}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.data-table th{background-color:#161f2e;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle}.data-table tbody tr:hover{background-color:var(--bg-subtle)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;background-color:#0e131f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-size:13px;outline:none;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38bdf833}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.items-center{align-items:center}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-5{display:grid;grid-template-columns:repeat(5,1fr)}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-right{text-align:right}.font-mono{font-family:monospace,sans-serif}.print-only-document{display:none}@media print{@page{size:A4 portrait;margin:10mm}html,body{background-color:#fff!important;color:#000!important;font-family:Inter,sans-serif!important;font-size:10pt!important;line-height:1.3!important;overflow:visible!important;height:auto!important;margin:0!important;padding:0!important}header,aside,nav,.sidebar,.navbar,.btn,.no-print,button,.tabs-navigation,.modal-overlay,.modal-container,.modal-header,.modal-body,.modal-footer,.confirm-dialog{display:none!important}.app-container,.main-layout,.content-area{padding:0!important;margin:0!important;background:transparent!important;display:block!important;width:100%!important;overflow:visible!important}.web-only-view{display:none!important}.print-only-document{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:visible!important;box-shadow:none!important;border:none!important}.print-header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:2px solid #000000!important;padding-bottom:12px!important;margin-bottom:16px!important}.print-table{width:100%!important;border-collapse:collapse!important;margin:16px 0!important;font-size:9pt!important}.print-table th,.print-table td{border:1px solid #333333!important;padding:6px 8px!important;color:#000!important}.print-table th{background-color:#e5e7eb!important;font-weight:700!important;text-transform:uppercase!important}.print-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin-bottom:16px!important}.print-box{border:1px solid #333333!important;padding:10px 12px!important;border-radius:0!important}.print-signatures{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important;margin-top:30px!important;padding-top:10px!important}.sig-box{border-top:1px solid #000000!important;padding-top:6px!important;text-align:center!important;font-size:9pt!important;font-weight:600!important}}