:root{--navy: #0a2b4e;--navy-deep: #061c33;--navy-mid: #123c6b;--accent: #ff6d45;--accent-soft: #fff1ec;--accent-hover: #eb5633;--bg-primary: #f5f7fb;--bg-secondary: #ffffff;--text-primary: #0f1d33;--text-secondary: #5b6b82;--border-color: #e4e9f1;--primary-color: var(--accent);--secondary-color: var(--navy);--accent-color: var(--accent);--hover-color: #eef2f8;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #ccd6e4;--sidebar-bg: var(--navy);--sidebar-text: #c6d3e2;--sidebar-text-muted: #7f97b0;--header-bg: #ffffff;--modal-overlay: rgba(6, 28, 51, .55);--badge-bg: #eef2f8;--success-bg: #ecfdf5;--success-text: #065f46;--warning-bg: #fffbeb;--warning-text: #92400e;--error-bg: #fef2f2;--error-text: #991b1b;--info-bg: #eff8ff;--info-text: #1e40af;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 12px;--radius-sm: 8px;--shadow-card: 0 1px 3px rgba(6, 28, 51, .08);--shadow-pop: 0 18px 45px -12px rgba(6, 28, 51, .28)}[data-theme=dark]{--navy: #0a2b4e;--navy-deep: #060f1c;--navy-mid: #14345c;--accent: #ff7a55;--accent-soft: #2d1d18;--accent-hover: #ff9a79;--bg-primary: #0b1120;--bg-secondary: #151d2e;--text-primary: #e8edf4;--text-secondary: #8896ab;--border-color: #253247;--primary-color: var(--accent);--secondary-color: var(--navy-mid);--accent-color: var(--accent);--hover-color: #1a2540;--card-bg: #151d2e;--input-bg: #0b1120;--input-border: #2d3f56;--sidebar-bg: #0d1b30;--sidebar-text: #bfcbe0;--sidebar-text-muted: #6f86a0;--header-bg: #151d2e;--modal-overlay: rgba(3, 8, 16, .75);--badge-bg: #1e293b;--success-bg: #064e3b;--success-text: #6ee7b7;--warning-bg: #78350f;--warning-text: #fcd34d;--error-bg: #7f1d1d;--error-text: #fca5a5;--info-bg: #1e3a5f;--info-text: #93c5fd;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-pop: 0 18px 45px -12px rgba(0, 0, 0, .6)}body{margin:0;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s,color .2s;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}*{box-sizing:border-box}[data-theme=dark],[data-theme=dark] *{color-scheme:dark}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--input-border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary)!important}[data-theme=dark] div[style*="background: #fff"],[data-theme=dark] div[style*="background:#fff"],[data-theme=dark] div[style*="background-color: #fff"],[data-theme=dark] div[style*="background-color:#fff"],[data-theme=dark] div[style*="background: white"],[data-theme=dark] div[style*="background:white"],[data-theme=dark] section[style*="background: #fff"],[data-theme=dark] aside[style*="background: #fff"]{background-color:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] table{background:var(--card-bg)!important}[data-theme=dark] th{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] td{color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] tr{border-color:var(--border-color)!important}[data-theme=dark] button[style*="background: white"],[data-theme=dark] button[style*="background:#fff"],[data-theme=dark] button[style*="background: #fff"],[data-theme=dark] button[style*="background-color: white"],[data-theme=dark] button[style*="background-color:#fff"],[data-theme=dark] button[style*="background-color: #fff"]{background-color:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] header,[data-theme=dark] nav{background-color:var(--header-bg)!important}[data-theme=dark] span[style*="background: #f1f5f9"],[data-theme=dark] div[style*="background: #f1f5f9"],[data-theme=dark] div[style*="background: #f8fafc"]{background-color:var(--badge-bg)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.font-display{font-family:var(--font-display)}@media (max-width: 768px){.page-content{padding:12px!important}.mobile-grid-2,.mobile-grid-3{grid-template-columns:1fr!important}.mobile-grid-4,.mobile-grid-6{grid-template-columns:repeat(2,1fr)!important}.data-table{font-size:12px!important}.data-table th,.data-table td{padding:8px 6px!important}.kanban-container{flex-direction:column!important}.kanban-column{min-width:100%!important;width:100%!important}.modal-content{width:100%!important;max-width:100%!important;height:100vh!important;border-radius:0!important;margin:0!important}.tabs-scroll{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.tabs-scroll::-webkit-scrollbar{display:none!important}.view-toggle{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;margin-left:auto!important}.view-toggle::-webkit-scrollbar{display:none!important}.kpi-card{padding:12px!important}.kpi-card .kpi-value{font-size:16px!important}}@media (max-width: 480px){.mobile-grid-4,.mobile-grid-6{grid-template-columns:1fr!important}}@media (max-width: 768px){table.responsive-table{display:block;border:none;background:transparent!important}table.responsive-table thead{display:none!important}table.responsive-table tbody{display:block}table.responsive-table tr{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin-bottom:12px;padding:6px 4px;box-shadow:var(--shadow-card);border-bottom:1px solid var(--border-color)!important}table.responsive-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 14px!important;border:none!important;border-bottom:1px solid var(--border-color)!important;text-align:right}table.responsive-table td:last-child{border-bottom:none!important}table.responsive-table td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);flex-shrink:0}table.responsive-table tr:last-child{margin-bottom:0}.data-table{display:block;width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table thead,.data-table tbody{display:table;width:100%;min-width:640px}}
