@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.103uf.8aa8pr3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.0m4wt3xm5i890.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.0zqusx.h7vgvl.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.0fw52gc_mc5b0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.04z8pihzuh7s1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_bd165013-module__SG1uDq__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_bd165013-module__SG1uDq__variable{--font-pixel:"Press Start 2P", "Press Start 2P Fallback"}
:root{--pig-pink-100:#f9a5a4;--pig-pink-200:#f99499;--pig-pink-300:#f9818d;--pig-pink-400:#f46173;--pig-pink-500:#c12a57;--pig-pink-600:#ac1b3a;--pig-pink-700:#95082a;--pig-yellow:#fbfb4d;--pig-gold:#f9df04;--pig-orange-100:#fb9b03;--pig-orange-200:#de6d03;--pig-brown:#893b0a;--gradient-primary:linear-gradient(135deg, #f46173, #c12a57);--gradient-warm:linear-gradient(135deg, #fb9b03, #f46173);--gradient-gold:linear-gradient(135deg, #f9df04, #fb9b03);--gradient-sunset:linear-gradient(135deg, #f9a5a4, #f46173, #c12a57);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-pixel:4px;--pixel-border-light:#fff3;--pixel-border-dark:#0006;--radius-sm:4px;--radius-md:4px;--radius-lg:4px;--radius-xl:4px;--radius-full:4px;--shadow-sm:0 2px 0 #00000040;--shadow-md:0 3px 0 #00000059;--shadow-lg:0 4px 0 #00000073;--shadow-xl:0 5px 0 #00000080;--shadow-glow:0 0 30px #f4617333;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-sans)}[data-theme=light]{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f5f5f7;--bg-elevated:#fff;--bg-overlay:#0006;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-tertiary:#8a8aa0;--text-inverse:#fff;--border-primary:#e5e5ea;--border-secondary:#f0f0f5;--border-focus:#f46173;--surface-card:#fff;--surface-hover:#f5f5f7;--surface-active:#eeeff2;--status-success:#34c759;--status-warning:#ff9500;--status-error:#ff3b30;--status-info:#007aff;--status-pending:#f9df04;--scrollbar-track:#f0f0f5;--scrollbar-thumb:#c5c5d0}[data-theme=dark]{--bg-primary:#0f0f14;--bg-secondary:#1a1a24;--bg-tertiary:#22222e;--bg-elevated:#252535;--bg-overlay:#000000b3;--text-primary:#f0f0f5;--text-secondary:#b0b0c0;--text-tertiary:#6a6a80;--text-inverse:#1a1a2e;--border-primary:#2a2a3a;--border-secondary:#222232;--border-focus:#f46173;--surface-card:#1a1a24;--surface-hover:#22222e;--surface-active:#2a2a3a;--status-success:#30d158;--status-warning:#ffd60a;--status-error:#ff453a;--status-info:#0a84ff;--status-pending:#f9df04;--scrollbar-track:#1a1a24;--scrollbar-thumb:#3a3a4a;--pixel-border-light:#ffffff26;--pixel-border-dark:#0009}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-pixel,monospace);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);font-size:10px;line-height:2}h1,h2,h3{font-family:var(--font-pixel), monospace;letter-spacing:.5px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pig-pink-400)}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.card{background:var(--surface-card);border:3px solid var(--border-primary);border-top-color:var(--pixel-border-light);border-left-color:var(--pixel-border-light);padding:var(--space-lg);transition:all var(--transition-normal);border-radius:4px;box-shadow:0 3px #0000004d}.card:hover{border-color:var(--pig-pink-400);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-pixel,monospace);transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;border:3px solid;border-radius:4px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex;position:relative}.btn-primary{background:var(--pig-pink-500,#f46173);color:#fff;border-color:#f8899a #c12a57 #c12a57 #f8899a;box-shadow:0 4px #a0203f}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px #a0203f}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #a0203f}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:3px solid var(--border-primary);border-top-color:var(--pixel-border-light);border-left-color:var(--pixel-border-light);border-bottom-color:var(--pixel-border-dark);border-right-color:var(--pixel-border-dark);box-shadow:0 3px #0000004d}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--pig-pink-300);transform:translateY(-1px);box-shadow:0 4px #0000004d}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.btn-success{color:#fff;background:#34c759;border-color:#5dd97a #1a8a3a #1a8a3a #5dd97a;box-shadow:0 4px #1a8a3a}.btn-success:hover{transform:translateY(-1px);box-shadow:0 5px #1a8a3a}.btn-success:active{transform:translateY(2px);box-shadow:0 1px #1a8a3a}.btn-danger{color:#fff;background:#ff3b30;border-color:#ff6b63 #a01020 #a01020 #ff6b63;box-shadow:0 4px #a01020}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 5px #a01020}.btn-danger:active{transform:translateY(2px);box-shadow:0 1px #a01020}.btn-ghost{color:var(--text-secondary);background:0 0;border:3px solid #0000}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--pixel-border-light)}.btn-lg{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:16px}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:13px}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:3px solid var(--border-primary);color:var(--text-primary);transition:all var(--transition-normal);border-color:#0003 #ffffff1a #ffffff1a #0003;border-radius:4px;outline:none;font-size:15px;box-shadow:inset 2px 2px #0000001a}.input:focus{border-color:var(--pig-pink-400);background:var(--bg-secondary);box-shadow:0 0 0 3px #f4617326}.input::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;border:3px solid var(--border-primary);border-color:#0003 #ffffff1a #ffffff1a #0003;border-radius:4px;min-height:120px;box-shadow:inset 2px 2px #0000001a}.label{margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:14px;font-weight:600;display:block}.badge{border-radius:4px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.badge-pending{color:#b8a000;background:#f9df0426;border:2px solid #b8a000}[data-theme=dark] .badge-pending{color:#f9df04;border-color:#c4a800}.badge-reviewing{color:#0a84ff;background:#007aff1f;border:2px solid #0a84ff}.badge-approved{color:#34c759;background:#34c7591f;border:2px solid #2aa34a}.badge-rejected{color:#ff3b30;background:#ff3b301f;border:2px solid #cc2f26}.badge-info{color:#f46173;background:#f461731f;border:2px solid #c14e5c}.badge-team{color:#fff;background:#c12a57;border:2px solid #95082a}.badge-system{color:#1a1a2e;background:#f9df04;border:2px solid #c4a800}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width,0%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-up{animation:.5s forwards slideUp}.animate-scale-in{animation:.3s forwards scaleIn}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--surface-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.spinner{border:3px solid var(--border-primary);border-top-color:var(--pig-pink-400);border-radius:4px;width:24px;height:24px;animation:.8s linear infinite spin}.fade-in{animation:.35s forwards fadeIn}main>*{animation:.25s fadeIn}@media (max-width:768px){.container{padding:0 var(--space-md)}.card{padding:var(--space-md)}}.custom-checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex}.custom-checkbox-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkbox-box{background-color:var(--bg-primary);border:1px solid var(--border-primary);width:24px;height:24px;transition:all var(--transition-fast);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.custom-checkbox-wrapper:hover .custom-checkbox-input:not(:checked)~.custom-checkbox-box{background-color:var(--bg-tertiary);border-color:#0a84ff}.custom-checkbox-input:checked~.custom-checkbox-box{background-color:#0a84ff;border-color:#0a84ff}.custom-checkbox-box:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:6px;height:12px;margin-bottom:2px;display:none;transform:rotate(45deg)}.custom-checkbox-input:checked~.custom-checkbox-box:after{animation:.2s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn;display:block}.custom-checkbox-label{color:var(--text-primary);font-size:15px;font-weight:500}
