@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-card:#14141e;--bg-hover:#1e1e2a;--bg-active:#252535;--border-primary:#2a2a3a;--border-secondary:#1e1e2e;--border-accent:#3b82f6;--text-primary:#f0f0f5;--text-secondary:#9898a8;--text-tertiary:#6a6a7a;--text-inverse:#0a0a0f;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-muted:#1e3a5f;--energy-primary:#f59e0b;--energy-hover:#d97706;--energy-muted:#3d2e0a;--status-success:#22c55e;--status-success-muted:#0a2e1a;--status-warning:#f59e0b;--status-warning-muted:#3d2e0a;--status-error:#ef4444;--status-error-muted:#3d0a0a;--status-info:#3b82f6;--status-info-muted:#0a1e3d;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 20px #3b82f626;--sidebar-width:260px;--topbar-height:56px;--bottom-nav-height:72px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.font-mono{font-family:JetBrains Mono,monospace}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);background:#14141ecc;border-radius:12px}.badge{letter-spacing:.02em;border-radius:9999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-draft{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-submitted{background:var(--status-info-muted);color:var(--accent-primary)}.badge-approved{background:var(--status-success-muted);color:var(--status-success)}.badge-rejected{background:var(--status-error-muted);color:var(--status-error)}.badge-active{background:var(--energy-muted);color:var(--energy-primary)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.btn-danger{background:var(--status-error-muted);color:var(--status-error);border:1px solid #ef444433}.btn-danger:hover{background:#ef444433}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-lg{border-radius:12px;padding:14px 28px;font-size:1rem}.btn-icon{width:40px;height:40px;padding:10px}.input{background:var(--bg-secondary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--text-tertiary)}@media (max-width:768px){.btn{min-height:48px}.input{min-height:48px;font-size:1rem}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 12px #22c55e00}}.pulse-active{animation:2s ease-in-out infinite pulse-glow}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.3s ease-out slideUp}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}