*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-heading: "JetBrains Mono", monospace;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--sidebar-width: 240px;--sidebar-collapsed: 60px;--header-height: 56px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}:root,[data-theme=dark]{--color-bg: #0C111B;--color-bg-elevated: #1E2433;--color-surface: #151A27;--color-surface-hover: rgba(30, 36, 51, .8);--color-elevated: #1E2433;--color-overlay: #283040;--color-header: rgba(12, 17, 27, .85);--color-sidebar: #0F1520;--color-border: #2E3A4F;--color-border-subtle: #232D3F;--color-border-active: rgba(94, 106, 210, .3);--color-border-hover: #3A4A63;--color-primary: #5E6AD2;--color-primary-hover: #7078E0;--color-primary-dim: rgba(94, 106, 210, .12);--color-secondary: #A78BFA;--color-secondary-dim: rgba(167, 139, 250, .15);--color-success: #10B981;--color-success-dim: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-dim: rgba(245, 158, 11, .1);--color-danger: #EF4444;--color-danger-dim: rgba(239, 68, 68, .1);--color-text: #E8ECF2;--color-text-muted: #8694A8;--color-text-dim: #5A6A80;--color-input-bg: rgba(12, 17, 27, .6);--glass: saturate(180%) blur(20px);--shadow-glow: 0 0 30px rgba(94, 106, 210, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 0 40px rgba(94, 106, 210, .03);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .6);--ambient-1: rgba(94, 106, 210, .04);--ambient-2: rgba(167, 139, 250, .03);--ambient-3: rgba(16, 185, 129, .015);--grid-color: rgba(94, 106, 210, .02);--nav-active-bg: rgba(94, 106, 210, .1);--nav-active-glow: inset 0 0 20px rgba(94, 106, 210, .04);--table-row-border: rgba(94, 106, 210, .03);--table-row-hover-bg: rgba(94, 106, 210, .04);--card-highlight: rgba(94, 106, 210, .15);--score-pursue-glow: 0 0 12px rgba(16, 185, 129, .1);--score-review-glow: 0 0 12px rgba(245, 158, 11, .08);--live-bg: rgba(16, 185, 129, .06);--live-border: rgba(16, 185, 129, .15);--avatar-bg: linear-gradient(135deg, rgba(94, 106, 210, .2), rgba(167, 139, 250, .2));--avatar-glow: 0 0 12px rgba(94, 106, 210, .1);--link-hover: #7078E0;--link-hover-glow: 0 0 12px rgba(94, 106, 210, .3);--btn-primary-bg: linear-gradient(135deg, #5E6AD2, #4F5BC7);--btn-primary-text: #FFFFFF;--btn-primary-shadow: 0 0 20px rgba(94, 106, 210, .2);--btn-primary-hover-shadow: 0 0 30px rgba(94, 106, 210, .35);--logo-glow: 0 0 20px rgba(94, 106, 210, .3);--skip-badge-bg: rgba(90, 106, 128, .3);--expired-badge-bg: rgba(90, 106, 128, .3);--selection-bg: rgba(94, 106, 210, .3);--selection-text: #E8ECF2;--focus-ring: rgba(94, 106, 210, .5);--scrollbar-thumb: #232D3F;--scrollbar-thumb-hover: #2E3A4F}[data-theme=light]{--color-bg: #F8F9FB;--color-bg-elevated: #F1F3F7;--color-surface: #FFFFFF;--color-surface-hover: rgba(241, 243, 247, .9);--color-elevated: #F1F3F7;--color-overlay: #E8EBF0;--color-header: rgba(248, 249, 251, .85);--color-sidebar: #FFFFFF;--color-border: #E2E5EB;--color-border-subtle: #ECEEF2;--color-border-active: rgba(94, 106, 210, .3);--color-border-hover: #D0D4DC;--color-primary: #4F5BC7;--color-primary-hover: #5E6AD2;--color-primary-dim: rgba(79, 91, 199, .08);--color-secondary: #7C6DB8;--color-secondary-dim: rgba(124, 109, 184, .1);--color-success: #059669;--color-success-dim: rgba(5, 150, 105, .08);--color-warning: #D97706;--color-warning-dim: rgba(217, 119, 6, .08);--color-danger: #DC2626;--color-danger-dim: rgba(220, 38, 38, .08);--color-text: #1A202C;--color-text-muted: #64748B;--color-text-dim: #94A3B8;--color-input-bg: rgba(255, 255, 255, .8);--glass: saturate(120%) blur(20px);--shadow-glow: 0 2px 12px rgba(79, 91, 199, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .08);--ambient-1: rgba(79, 91, 199, .03);--ambient-2: rgba(124, 109, 184, .02);--ambient-3: rgba(5, 150, 105, .015);--grid-color: rgba(79, 91, 199, .02);--nav-active-bg: rgba(79, 91, 199, .08);--nav-active-glow: inset 0 0 20px rgba(79, 91, 199, .04);--table-row-border: rgba(79, 91, 199, .04);--table-row-hover-bg: rgba(79, 91, 199, .04);--card-highlight: rgba(79, 91, 199, .15);--score-pursue-glow: 0 0 12px rgba(5, 150, 105, .1);--score-review-glow: 0 0 12px rgba(217, 119, 6, .08);--live-bg: rgba(5, 150, 105, .06);--live-border: rgba(5, 150, 105, .18);--avatar-bg: linear-gradient(135deg, rgba(79, 91, 199, .15), rgba(124, 109, 184, .15));--avatar-glow: 0 2px 8px rgba(79, 91, 199, .1);--link-hover: #3D48A8;--link-hover-glow: 0 0 8px rgba(79, 91, 199, .15);--btn-primary-bg: linear-gradient(135deg, #4F5BC7, #4550B5);--btn-primary-text: #FFFFFF;--btn-primary-shadow: 0 2px 12px rgba(79, 91, 199, .25);--btn-primary-hover-shadow: 0 4px 20px rgba(79, 91, 199, .35);--logo-glow: 0 0 12px rgba(79, 91, 199, .2);--skip-badge-bg: rgba(148, 163, 184, .2);--expired-badge-bg: rgba(148, 163, 184, .2);--selection-bg: rgba(79, 91, 199, .2);--selection-text: #1A202C;--focus-ring: rgba(79, 91, 199, .4);--scrollbar-thumb: #D0D4DC;--scrollbar-thumb-hover: #B8BDC8}html,body,#root,.app-header,.app-sidebar,.card,.kpi-card,.input,.btn,.data-table tbody tr,.score-badge,.status-badge{transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}::selection{background:var(--selection-bg);color:var(--selection-text)}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.app-layout{display:flex;height:100vh;overflow:hidden;position:relative}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 600px at 20% 20%,var(--ambient-1) 0%,transparent 70%),radial-gradient(ellipse 600px 500px at 80% 80%,var(--ambient-2) 0%,transparent 70%),radial-gradient(ellipse 900px 400px at 50% 50%,var(--ambient-3) 0%,transparent 60%);pointer-events:none;z-index:0;animation:ambientShift 30s ease-in-out infinite alternate}.app-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0;opacity:.5}@keyframes ambientShift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-2%,1%)}to{transform:scale(.98) translate(1%,-1%)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;letter-spacing:-.03em}h1{font-size:26px;font-weight:700}h2{font-size:18px}h3{font-size:14px}a{color:var(--color-primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--link-hover);text-shadow:var(--link-hover-glow)}a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.app-header{height:var(--header-height);background:var(--color-header);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);flex-shrink:0;z-index:10}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;position:relative;z-index:1}.app-content::-webkit-scrollbar{width:5px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.card{background:var(--color-surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-highlight),transparent)}.card:hover{border-color:var(--color-border-active);box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-2px) scale(1.005)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.card-title{font-family:var(--font-heading);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.kpi-card{background:var(--color-surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{content:"";position:absolute;top:-50%;right:-20%;width:120px;height:120px;border-radius:50%;filter:blur(40px);opacity:.15;transition:opacity .3s ease}.kpi-card:hover:before{opacity:.25}.kpi-card:hover{border-color:var(--color-border-active);transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-glow)}.kpi-card[data-accent=primary]:before{background:var(--color-primary)}.kpi-card[data-accent=secondary]:before{background:var(--color-secondary)}.kpi-card[data-accent=success]:before{background:var(--color-success)}.kpi-card[data-accent=warning]:before{background:var(--color-warning)}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);opacity:.4}.kpi-card[data-accent=secondary]:after{background:var(--color-secondary)}.kpi-card[data-accent=success]:after{background:var(--color-success)}.kpi-card[data-accent=warning]:after{background:var(--color-warning)}.kpi-label{font-family:var(--font-heading);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:8px;position:relative}.kpi-value{font-family:var(--font-heading);font-size:32px;font-weight:700;line-height:1;color:var(--color-text);position:relative}.kpi-subtitle{font-size:11px;color:var(--color-text-dim);margin-top:6px;position:relative}.score-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em}.score-badge.pursue{background:var(--color-success-dim);color:var(--color-success);box-shadow:var(--score-pursue-glow)}.score-badge.review{background:var(--color-warning-dim);color:var(--color-warning);box-shadow:var(--score-review-glow)}.score-badge.skip{background:var(--skip-badge-bg);color:var(--color-text-dim)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.status-badge.new{background:var(--color-primary-dim);color:var(--color-primary)}.status-badge.reviewing{background:var(--color-secondary-dim);color:var(--color-secondary)}.status-badge.pursuing{background:var(--color-success-dim);color:var(--color-success)}.status-badge.expired{background:var(--expired-badge-bg);color:var(--color-text-dim)}.status-badge.submitted{background:var(--color-warning-dim);color:var(--color-warning)}.status-badge.no-bid{background:var(--skip-badge-bg);color:var(--color-text-dim)}.status-badge.won{background:var(--color-success-dim);color:var(--color-success)}.status-badge.lost{background:var(--color-danger-dim);color:var(--color-danger)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{font-family:var(--font-heading);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);padding:10px var(--space-md);text-align:left;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s ease}.data-table thead th:hover{color:var(--color-primary)}.data-table tbody tr{border-bottom:1px solid var(--table-row-border);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:inset 0 0 0 var(--color-primary)}.data-table tbody tr:hover{background:var(--table-row-hover-bg);box-shadow:inset 3px 0 0 var(--color-primary)}.data-table tbody td{padding:10px var(--space-md);color:var(--color-text);vertical-align:middle}.data-table tbody td.muted{color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn:hover{transform:translateY(-1px) scale(1.02)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:var(--btn-primary-hover-shadow);transform:translateY(-1px) scale(1.02)}.btn-secondary{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px) scale(1.02)}.btn-sm{padding:5px 12px;font-size:12px}.input{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none;transition:all .25s ease;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input::placeholder{color:var(--color-text-dim)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim),var(--shadow-glow)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md)}.flex-row{display:flex;align-items:center;gap:var(--space-md)}.flex-between{display:flex;align-items:center;justify-content:space-between}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-in{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.animate-in-1{animation-delay:.06s}.animate-in-2{animation-delay:.12s}.animate-in-3{animation-delay:.18s}.animate-in-4{animation-delay:.24s}.animate-in-5{animation-delay:.3s}.animate-in-6{animation-delay:.36s}.pulse{animation:glowPulse 2.5s ease-in-out infinite}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:pageEnter .4s cubic-bezier(.22,1,.36,1) both}.scan-line{position:fixed;left:var(--sidebar-width);right:0;height:1px;background:linear-gradient(90deg,transparent,var(--grid-color),transparent);z-index:5;pointer-events:none;animation:scanDrop 12s linear infinite}@keyframes scanDrop{0%{top:var(--header-height)}to{top:100vh}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-item{opacity:0;animation:staggerFadeIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.stagger-row{opacity:0;animation:rowSlideIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-primary-dim) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.score-badge{transition:all .25s ease}.score-badge:hover{transform:scale(1.05)}.score-badge.pursue:hover{box-shadow:0 0 16px var(--color-success-dim),var(--score-pursue-glow)}.score-badge.review:hover{box-shadow:0 0 16px var(--color-warning-dim),var(--score-review-glow)}details>summary svg{transition:transform .2s ease}details[open]>summary svg{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scan-line{display:none}.page-transition,.stagger-item,.stagger-row{animation:none;opacity:1}.shimmer-skeleton{animation:none}}.view-mode-toggle{display:inline-flex;gap:0;border:1px solid var(--color-border);border-radius:28px;padding:3px;background:var(--color-surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}.view-mode-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;border:1px solid transparent;border-radius:24px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;font-family:var(--font-body)}.view-mode-btn:hover:not(.active){color:var(--color-text);background:var(--color-surface-hover)}.view-mode-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.view-mode-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:transparent;box-shadow:var(--btn-primary-shadow)}.view-mode-label{font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.view-mode-subtitle{font-size:10px;font-weight:400;opacity:.7;white-space:nowrap}.view-mode-btn.active .view-mode-subtitle{opacity:.85}@media(max-width:768px){.view-mode-toggle{flex-direction:column;border-radius:var(--radius-md);width:100%}.view-mode-btn{border-radius:var(--radius-sm);width:100%}}.data-table.no-row-click tbody tr{cursor:default}.data-table.no-row-click tbody tr:hover{box-shadow:none}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:18px;cursor:pointer;margin-right:10px;flex-shrink:0}@media(max-width:1200px){.grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}.bento-grid{display:flex;flex-direction:column;gap:20px}.bento-row-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bento-row-main{display:grid;grid-template-columns:2fr 1fr;gap:20px}.bento-row-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1200px){.bento-row-kpis{grid-template-columns:repeat(2,1fr)}.bento-row-main,.bento-row-bottom{grid-template-columns:1fr}}@media(max-width:768px){.mobile-menu-btn{display:flex}.grid-2,.grid-3,.grid-4,.grid-6,.bento-row-kpis,.bento-row-main,.bento-row-bottom{grid-template-columns:1fr}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}}