@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-base:#050608;--bg-surface:#0f1219;--bg-surface-elevated:#151923;--bg-surface-active:#1c202e;--bg-input:#0a0c10;--bg-hover:#ffffff0a;--bg-glass:#0f1219bf;--border-subtle:#ffffff14;--border-medium:#ffffff29;--border-accent:#38bdf859;--border-focus:#38bdf8;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#8b949e;--text-accent:#38bdf8;--success:#3fb950;--success-bg:#2da44e24;--success-border:#3fb95059;--success-text:#3fb950;--success-glow:#3fb95040;--warning:#f0883e;--warning-bg:#d2992224;--warning-border:#f0883e59;--warning-text:#f0883e;--warning-glow:#f0883e40;--info:#38bdf8;--info-bg:#38bdf824;--info-border:#38bdf859;--info-text:#38bdf8;--info-glow:#38bdf840;--danger:#f85149;--danger-bg:#f8514924;--danger-border:#f8514959;--danger-text:#f85149;--danger-glow:#f8514940;--primary:#38bdf8;--primary-hover:#0284c7;--primary-active:#0369a1;--primary-glow:#38bdf833;--primary-glow-bright:#38bdf866;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--primary-gradient-hover:linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--shadow-sm:0 4px 16px #0006;--shadow-md:0 10px 30px #0009;--shadow-lg:0 20px 50px #000000d9;--shadow-glow:0 0 30px var(--primary-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-surface-elevated:#334155;--bg-input:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,#root{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow-x:hidden;background:radial-gradient(circle at 50% 25%,#181c24 0%,#0d0f14 55%,#050608 100%) fixed!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.mono-text{font-family:var(--font-mono)}.tech-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;font-size:.72rem;font-weight:500}.decree-stamp{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-accent);border-radius:var(--radius-sm);background:#38bdf814;border:1px solid #38bdf840;align-items:center;gap:6px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#212638}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{color:#fff;background:#38bdf84d}.btn{border-radius:var(--radius-md);cursor:pointer;font-size:.86rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{color:#f8fafc;background:#38bdf81f;border:1px solid #38bdf859;box-shadow:0 4px 16px #0000004d}.btn-primary:hover:not(:disabled){color:#fff;background:#38bdf838;border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 6px 20px #38bdf840}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-active);border-color:var(--border-accent);color:var(--text-accent);transform:translateY(-1px);box-shadow:0 4px 16px #0006}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.btn-danger:hover:not(:disabled){border-color:var(--danger);box-shadow:0 4px 16px var(--danger-glow);background:#f8514938;transform:translateY(-1px)}.btn-pill{border-radius:var(--radius-pill)}.input-field,.textarea-field,.select-field{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);outline:none;padding:10px 16px;font-size:.88rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.input-field:hover,.textarea-field:hover,.select-field:hover{border-color:var(--border-medium)}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow), 0 0 16px var(--primary-glow);background:var(--bg-surface-elevated)}.input-field::placeholder,.textarea-field::placeholder{color:var(--text-muted)}.input-label{font-family:var(--font-mono);color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.74rem;font-weight:500;display:block}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);padding:24px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--border-accent);background:var(--bg-surface-elevated);box-shadow:var(--shadow-md), 0 0 24px var(--primary-glow);transform:translateY(-2px)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:16px;padding:16px 20px;transition:all .25s;display:flex}.stat-card:hover{border-color:var(--border-medium);background:var(--bg-surface-elevated);transform:translateY(-2px)}.stat-icon-wrapper{border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-accent);background:#38bdf81a;border:1px solid #38bdf833;justify-content:center;align-items:center;display:flex}.badge{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;padding:5px 12px;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot-active{background-color:var(--success);box-shadow:0 0 8px var(--success);animation:2s ease-in-out infinite pulseDot}.status-dot-review{background-color:var(--warning);box-shadow:0 0 8px var(--warning);animation:2s ease-in-out infinite pulseDot}.status-dot-info{background-color:var(--info);box-shadow:0 0 8px var(--info);animation:2s ease-in-out infinite pulseDot}.status-dot-danger{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.status-dot-draft{background-color:var(--text-muted)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.3)}}.badge-status-approved{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border);box-shadow:0 0 14px var(--success-glow)}.badge-status-rejected{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border);box-shadow:0 0 14px var(--danger-glow)}.badge-status-review{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border);box-shadow:0 0 14px var(--warning-glow)}.badge-status-revision{background:var(--info-bg);color:var(--info-text);border:1px solid var(--info-border);box-shadow:0 0 14px var(--info-glow)}.badge-status-draft{color:var(--text-secondary);background:#8b949e1f;border:1px solid #8b949e40}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#06080ce0;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg), 0 0 40px var(--primary-glow);animation:.25s cubic-bezier(.16,1,.3,1) modalPop;position:relative;overflow:hidden}.modal-content:before{content:"";background:linear-gradient(90deg, transparent, var(--border-focus), transparent);height:1px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.modal-body{padding:28px}.modal-footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.diff-add{color:#3fb950;font-family:var(--font-sans);background-color:#3fb9502e;border-bottom:1.5px solid #3fb950;border-radius:4px;padding:2px 6px;font-weight:600}.diff-remove{color:#f85149;font-family:var(--font-sans);background-color:#f851492e;border-bottom:1.5px solid #f85149;border-radius:4px;padding:2px 6px;font-weight:600;text-decoration:line-through}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.97)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSubtle{0%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes shimmerGlow{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes articleSlideIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes creationCelebration{0%{opacity:.3;filter:brightness(1.3);transform:scale(.96)}60%{opacity:1;filter:brightness(1.1);transform:scale(1.01)}to{opacity:1;filter:brightness();transform:scale(1)}}.article-card-entry{animation:.32s cubic-bezier(.16,1,.3,1) forwards articleSlideIn}.bill-creation-active{animation:.38s cubic-bezier(.16,1,.3,1) forwards creationCelebration}.animate-fade-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.modal-overlay{animation:.22s ease-out forwards fadeIn}.modal-content{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;animation:.28s cubic-bezier(.16,1,.3,1) forwards modalPopIn}.card,.bento-card,.bill-card{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s cubic-bezier(.16,1,.3,1),background-color .25s!important}.card-hover:hover{border-color:var(--border-accent);box-shadow:0 12px 32px #0009, 0 0 20px var(--primary-glow);transform:translateY(-3px)scale(1.002)}.btn{transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s,box-shadow .2s,color .2s!important}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)translateY(0)}.status-dot-active{animation:2.5s ease-in-out infinite pulseSubtle}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
