:root{--g-black: #0A0A0A;--g-surface: #111111;--g-surface-raised: #1A1A1A;--g-surface-hover: #1F1F1F;--g-border: rgba(37, 99, 235, .15);--g-border-hover: rgba(37, 99, 235, .3);--g-border-active: rgba(37, 99, 235, .5);--g-blue: #2563EB;--g-blue-light: #3B82F6;--g-blue-dark: #1D4ED8;--g-blue-glow: rgba(37, 99, 235, .2);--g-blue-bg: rgba(37, 99, 235, .1);--g-blue-bg-strong: rgba(37, 99, 235, .15);--g-text-primary: #FFFFFF;--g-text-secondary: #9CA3AF;--g-text-muted: #6B7280;--g-text-accent: #2563EB;--g-green: #22C55E;--g-green-bg: rgba(34, 197, 94, .1);--g-amber: #F59E0B;--g-amber-bg: rgba(245, 158, 11, .1);--g-red: #EF4444;--g-red-bg: rgba(239, 68, 68, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-glow: 0 0 20px rgba(37, 99, 235, .1);--shadow-glow-strong: 0 0 40px rgba(37, 99, 235, .15);--sidebar-width: 260px;--header-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--g-black);color:var(--g-text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}*:focus-visible{outline:2px solid var(--g-blue);outline-offset:2px}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-muted{color:var(--g-text-secondary)}.text-dim{color:var(--g-text-muted)}.text-accent{color:var(--g-text-accent)}.mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn .3s ease}.animate-slide{animation:slideInLeft .3s ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.open{display:block}.mobile-menu-btn{display:none;width:40px;height:40px;background:var(--g-surface-raised);border:1px solid var(--g-border);border-radius:var(--radius-md);color:var(--g-text-secondary);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.grid-stats-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-rank-row{display:grid;grid-template-columns:50px 1fr 120px 100px;align-items:center}.grid-rhythm-row{display:grid;grid-template-columns:180px 1fr 80px 80px;align-items:center;gap:12px}.grid-scoring{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-start}.filter-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-bar::-webkit-scrollbar{display:none}.tender-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tender-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.notif-dropdown{position:absolute;top:48px;right:0;width:320px;background:var(--g-surface);border:1px solid var(--g-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;z-index:100;max-height:400px;overflow:auto}.clock-area{text-align:right}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 1024px){:root{--sidebar-width: 220px}.grid-stats-4{grid-template-columns:repeat(2,1fr)}.grid-2col{grid-template-columns:1fr}.grid-3col{grid-template-columns:1fr 1fr 1fr}.grid-scoring{grid-template-columns:1fr}.grid-rank-row{grid-template-columns:40px 1fr 80px 70px}.grid-rhythm-row{grid-template-columns:140px 1fr 60px 60px}}@media (max-width: 768px){:root{--sidebar-width: 280px}.sidebar{position:fixed!important;left:0;top:0;z-index:999;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000080}.mobile-menu-btn{display:flex}.mobile-header-bar{display:flex!important;align-items:center;gap:12px}.main-content{padding:16px!important}.page-header{flex-direction:column;gap:12px}.page-header>*:last-child{align-self:flex-start}.grid-stats,.grid-stats-4{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2col{grid-template-columns:1fr;gap:14px}.grid-3col{grid-template-columns:1fr;gap:12px}.grid-form-2col,.grid-scoring{grid-template-columns:1fr}.grid-rank-row{grid-template-columns:36px 1fr 60px}.grid-rank-row .rank-progress{display:none}.grid-rhythm-row{grid-template-columns:1fr 80px;gap:8px}.grid-rhythm-row .rhythm-bar,.grid-rhythm-row .rhythm-fraction{display:none}.notif-dropdown{position:fixed;top:60px;left:8px;right:8px;width:auto}.tender-actions{flex-wrap:wrap;gap:6px}.clock-area{display:none}.filter-bar{width:100%;flex-wrap:nowrap}}@media (max-width: 480px){.main-content{padding:12px!important}.grid-stats,.grid-stats-4{grid-template-columns:1fr 1fr;gap:8px}.grid-3col{grid-template-columns:1fr}h1{font-size:22px!important}.tender-header{flex-direction:column;gap:10px}.tender-actions{justify-content:flex-start}}