:root{--bg-main: #090d16;--bg-surface: #0f172a;--bg-card: #141e33;--bg-card-hover: #192640;--bg-input: #0b1120;--border: #22304d;--border-light: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--accent-blue: #3b82f6;--accent-blue-dark: #1d4ed8;--accent-gold: #f59e0b;--accent-green: #10b981;--accent-red: #ef4444;--accent-purple: #8b5cf6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:600;letter-spacing:-.01em}a{color:var(--accent-blue);text-decoration:none;transition:color .15s ease}a:hover{color:#60a5fa}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;outline:none;transition:all .15s ease}input,select,textarea{font-family:var(--font-body);background:var(--bg-input);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.badge-type{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}.badge-type.TYPE{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-type.UPLOAD{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-type.SELECT{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.badge-type.DATE{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-type.AUTO{background:#64748b33;color:#cbd5e1;border:1px solid rgba(100,116,139,.3)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 8px #2563eb4d}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--bg-card);border-color:var(--text-dim)}.btn-sm{padding:4px 10px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.demo-watermark{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.page-container{max-width:1100px;margin:24px auto;padding:0 24px;width:100%}@media (max-width: 768px){.page-container{margin:14px auto;padding:0 12px}}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}@media (max-width: 1024px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.dashboard-metrics-grid{grid-template-columns:1fr;gap:12px}}.dashboard-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}@media (max-width: 768px){.dashboard-action-grid{grid-template-columns:1fr;gap:16px}}.responsive-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 768px){.responsive-banner{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.responsive-banner button,.responsive-banner .btn-primary,.responsive-banner .btn-secondary{width:100%;justify-content:center}}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width: 768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}.responsive-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.sidebar-container{position:fixed!important;top:0!important;bottom:0!important;left:0!important;height:100vh!important;z-index:100!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 25px #000000b3!important;width:280px!important}.sidebar-container.open{transform:translate(0)!important}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-surface);border-top:1px solid var(--border);z-index:50;justify-content:space-around;align-items:center;padding:0 4px}@media (max-width: 768px){.mobile-bottom-nav{display:flex}main{padding-bottom:74px!important}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:var(--text-dim);font-size:10px;font-weight:500;flex:1;padding:6px 0;transition:all .15s ease;position:relative}.bottom-nav-item.active{color:var(--accent-blue);font-weight:600}.bottom-nav-badge{position:absolute;top:2px;right:calc(50% - 16px);background:var(--accent-gold);color:#000;font-size:9px;font-weight:700;padding:1px 4px;border-radius:6px;line-height:1}@media (max-width: 768px){.modal-overlay{padding:0!important}.modal-dialog{width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.modal-split-grid{grid-template-columns:1fr!important;overflow-y:auto!important}}.modal-viewer-split{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0}@media (max-width: 768px){.modal-viewer-split{display:flex;flex-direction:column}.modal-viewer-pane{flex:1;min-height:0;width:100%}.hide-on-mobile{display:none!important}}.form-row-responsive{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.form-row-responsive{grid-template-columns:1fr;gap:10px}}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 640px){.form-row-3{grid-template-columns:1fr;gap:10px}}