:root{--bg: #fafbfc;--surface: #ffffff;--border: #e5e7eb;--border-strong: #d1d5db;--text: #0f172a;--text-2: #334155;--text-3: #64748b;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--success: #10b981;--success-soft: #d1fae5;--warning: #f59e0b;--warning-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--shadow-sm: 0 1px 2px rgba(16,24,40,.04);--shadow-md: 0 4px 12px rgba(16,24,40,.06);--shadow-lg: 0 12px 32px rgba(16,24,40,.08);--radius: 10px;--radius-lg: 14px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3,h4{margin:0;color:var(--text);font-weight:600;letter-spacing:-.01em}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}button{cursor:pointer;border:1.5px solid var(--primary);background:var(--primary);color:#fff;padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{background:var(--border);border-color:var(--border);color:var(--text-3);cursor:not-allowed}button.secondary{background:#fff;color:var(--text);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--bg);border-color:var(--text-2)}button.ghost{background:#fff;border-color:var(--border-strong);color:var(--text)}button.ghost:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:var(--text-2)}button.danger{background:#fff;color:var(--danger);border-color:#fca5a5}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}button.success{background:var(--success);border-color:var(--success)}button.success:hover:not(:disabled){background:#059669;border-color:#059669}button.small{padding:6px 12px;font-size:13px;gap:5px}input,textarea,select{width:100%;padding:10px 14px;border:1.5px solid var(--border-strong);border-radius:8px;font-size:15px;font-family:inherit;background:#fff;color:var(--text);transition:all .15s ease}input::placeholder,textarea::placeholder{color:var(--text-3)}input:hover,textarea:hover,select:hover{border-color:#9ca3af}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}textarea{resize:vertical;min-height:64px}select{cursor:pointer}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}th,td{padding:14px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--border);color:var(--text)}th{background:var(--bg);font-weight:600;color:var(--text-2);font-size:13px;white-space:nowrap}tbody tr{transition:background .1s}tbody tr:hover{background:var(--bg)}tbody tr:last-child td{border-bottom:none}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;line-height:1.4}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag.pending{background:var(--warning-soft);color:#92400e}.tag.approved,.tag.active{background:var(--success-soft);color:#065f46}.tag.rejected,.tag.disabled{background:var(--danger-soft);color:#991b1b}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.card.flush{padding:0}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:16px}.muted{color:var(--text-3);font-size:14px}.spacer{flex:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}