@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Oswald:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{height:100vh;margin:0;padding:0;overflow:hidden;transition:background-color .3s ease,color .3s ease}body.light-theme .new-header{background-color:#2d3748!important;color:#fff!important;border-bottom:1px solid #4A5568!important;box-shadow:0 1px 3px #0000004d!important}body.dark-theme .new-header{background-color:#1f2937!important;color:#f9fafb!important;border-bottom:1px solid #374151!important;box-shadow:0 1px 3px #0000004d!important}body.light-theme .new-header .welcome-text{color:#fff!important}body.dark-theme .new-header .welcome-text{color:#f9fafb!important}.MuiOutlinedInput-input:-webkit-autofill,.MuiOutlinedInput-input:-webkit-autofill:hover,.MuiOutlinedInput-input:-webkit-autofill:focus,.MuiOutlinedInput-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #4A5568 inset!important;-webkit-text-fill-color:#FFFFFF!important;background-color:#4a5568!important}.MuiOutlinedInput-input:-moz-autofill{background-color:#4a5568!important;color:#fff!important}.MuiTypography-root,.MuiInputLabel-root,.MuiFormLabel-root{background:transparent!important}#root{height:100vh;overflow:hidden}.user-dropdown-menu{z-index:999999!important;position:fixed!important}.user-profile-container{z-index:999999!important}:root{--color-dark-950: #020617;--color-dark-900: #0f172a;--color-dark-800: #1e293b;--color-dark-700: #334155;--color-dark-600: #475569;--color-dark-500: #64748b;--color-dark-400: #94a3b8;--color-dark-300: #cbd5e1;--color-dark-200: #e2e8f0;--color-dark-100: #f1f5f9;--color-primary-900: #0c4a6e;--color-primary-800: #075985;--color-primary-700: #0369a1;--color-primary-600: #0284c7;--color-primary-500: #0ea5e9;--color-primary-400: #38bdf8;--color-primary-300: #7dd3fc;--color-accent-900: #7f1d1d;--color-accent-800: #991b1b;--color-accent-700: #b91c1c;--color-accent-600: #dc2626;--color-accent-500: #ef4444;--color-accent-400: #f87171;--color-accent-300: #fca5a5}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.btn-primary{background:linear-gradient(to right,var(--color-primary-600),var(--color-primary-700));color:#fff;font-weight:700;padding:.5rem 1rem;border:2px solid var(--color-primary-800);border-radius:0;box-shadow:4px 4px #000;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease-in-out;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;min-height:2.5rem}@media (min-width: 640px){.btn-primary{padding:.75rem 1.5rem;font-size:.875rem;min-height:3rem}}@media (min-width: 1024px){.btn-primary{padding:.875rem 2rem;font-size:1rem}}.btn-primary:hover{background:linear-gradient(to right,var(--color-primary-700),var(--color-primary-800));box-shadow:2px 2px #000;transform:translateY(-2px)}.btn-secondary{background:var(--color-dark-800);color:#fff;font-weight:700;padding:.5rem 1rem;border:2px solid var(--color-dark-600);border-radius:0;box-shadow:4px 4px #000;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease-in-out;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;min-height:2.5rem}@media (min-width: 640px){.btn-secondary{padding:.75rem 1.5rem;font-size:.875rem;min-height:3rem}}@media (min-width: 1024px){.btn-secondary{padding:.875rem 2rem;font-size:1rem}}.btn-secondary:hover{background:var(--color-dark-700);box-shadow:2px 2px #000;transform:translateY(-2px)}.btn-danger{background:linear-gradient(to right,var(--color-accent-600),var(--color-accent-700));color:#fff;font-weight:700;padding:.75rem 1.5rem;border:2px solid var(--color-accent-800);border-radius:0;box-shadow:4px 4px #000;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease-in-out;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem}.btn-danger:hover{background:linear-gradient(to right,var(--color-accent-700),var(--color-accent-800));box-shadow:2px 2px #000;transform:translateY(-2px)}.form-input{width:100%;padding:.5rem .75rem;background:var(--color-dark-900);border:2px solid var(--color-dark-700);border-radius:0;color:#fff;font-weight:500;transition:border-color .2s ease-in-out;font-size:.75rem;min-height:2.5rem}@media (min-width: 640px){.form-input{padding:.75rem 1rem;font-size:.875rem;min-height:3rem}}@media (min-width: 1024px){.form-input{padding:.875rem 1.25rem;font-size:1rem}}.form-input:focus{outline:none;border-color:var(--color-primary-500)}.form-input::placeholder{color:var(--color-dark-400)}.form-label{display:block;font-size:.875rem;font-weight:700;color:var(--color-dark-200);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.card{background:var(--color-dark-900);border:2px solid var(--color-dark-700);border-radius:0;box-shadow:4px 4px #000;padding:1.5rem}.card-header{border-bottom:2px solid var(--color-dark-700);padding-bottom:1rem;margin-bottom:1.5rem}.header-title{font-family:Oswald,system-ui,sans-serif;font-size:1.875rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.header-subtitle{color:var(--color-dark-400);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.alert-error{background:var(--color-accent-900);border:2px solid var(--color-accent-600);color:var(--color-accent-300);padding:1rem;border-radius:0;box-shadow:4px 4px #000;font-weight:500}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;height:2rem;width:2rem;border:4px solid var(--color-dark-700);border-top-color:var(--color-primary-500)}@keyframes spin{to{transform:rotate(360deg)}}.text-white{color:#fff}.grid{display:grid}.hidden{display:none}.block{display:block}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.hamburger-menu-button{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));border:2px solid var(--color-primary-600);box-shadow:2px 2px #000c;transition:all .2s ease-in-out}.hamburger-menu-button:hover{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-1px);box-shadow:3px 3px #000000e6}.hamburger-menu-button:active{transform:translateY(0);box-shadow:1px 1px #000c}.brutal-profile-button-large{background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-700));border:2px solid var(--color-accent-800);box-shadow:3px 3px #000c;transition:all .2s ease-in-out;border-radius:50%!important}.brutal-profile-button-large:hover{background:linear-gradient(135deg,var(--color-accent-500),var(--color-accent-600));transform:translateY(-2px);box-shadow:5px 5px #000000e6}.brutal-profile-button-large:active{transform:translateY(0);box-shadow:2px 2px #000c}.brutal-dropdown-card{background:var(--color-dark-900);border:2px solid var(--color-primary-700);box-shadow:6px 6px #000000e6;animation:brutalDropdownSlideIn .3s cubic-bezier(.4,0,.2,1);z-index:9999!important}.brutal-dropdown-card-large{background:var(--color-dark-900);border:2px solid var(--color-primary-700);box-shadow:8px 8px #000000e6;animation:brutalDropdownSlideInLarge .3s cubic-bezier(.4,0,.2,1);transform-origin:top right;overflow:hidden;z-index:9999!important}.brutal-user-header{background:linear-gradient(135deg,var(--color-primary-800),var(--color-primary-900));border-bottom:2px solid var(--color-primary-600)}button.brutal-menu-item{transition:all .2s ease-in-out!important;border:none!important;background:transparent!important;position:relative;border-radius:4px;margin:2px 4px;text-decoration:none!important;color:var(--color-dark-100)!important}button.brutal-menu-item:hover{background:var(--color-primary-700)!important;border-left:4px solid var(--color-primary-300)!important;transform:translate(2px) scale(1.01)!important;box-shadow:2px 2px 8px #3b82f64d!important;color:#fff!important;text-decoration:none!important}.sidebar-menu-item.brutal-menu-item:hover{background:var(--color-primary-700)!important;border-left:4px solid var(--color-primary-300)!important;transform:translate(2px) scale(1.01)!important;box-shadow:2px 2px 8px #3b82f64d!important;color:#fff!important}.sidebar-menu-item.brutal-menu-item:hover svg{color:#fff!important}.brutal-menu-item:active{transform:translate(2px) scale(1.01)}button.brutal-menu-item:last-child{color:var(--color-accent-300)!important}button.brutal-menu-item:last-child:hover{background:var(--color-accent-800)!important;border-left:4px solid var(--color-accent-300)!important;box-shadow:2px 2px 8px #ef44444d!important;color:#fff!important;transform:translate(2px) scale(1.01)!important}@keyframes brutalDropdownSlideIn{0%{opacity:0;transform:translate(calc(-100% + 44px)) translateY(-12px) scale(.95);box-shadow:2px 2px #0006}to{opacity:1;transform:translate(calc(-100% + 44px)) translateY(0) scale(1);box-shadow:6px 6px #000000e6}}@keyframes brutalDropdownSlideInLarge{0%{opacity:0;transform:translateY(-8px) scale(.95);box-shadow:3px 3px #0006}to{opacity:1;transform:translateY(0) scale(1);box-shadow:8px 8px #000000e6}}.shadow-brutal-sm{box-shadow:2px 2px #000c}.shadow-brutal{box-shadow:4px 4px #000000e6}.shadow-brutal-lg{box-shadow:6px 6px #000000e6}.sidebar-collapsed{width:64px;overflow:hidden}.sidebar-expanded{width:256px;overflow:hidden}.sidebar-menu-item.brutal-menu-item{border-radius:4px;margin:2px 4px;text-decoration:none!important;background:transparent!important;border:none!important;color:var(--color-dark-100)!important}.sidebar-menu-item.brutal-menu-item svg{color:var(--color-primary-400)!important}.sidebar-menu-item.brutal-menu-item.active{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600))!important;border-left:4px solid var(--color-primary-300)!important;color:#fff!important;box-shadow:2px 2px 12px #3b82f666!important}.sidebar-menu-item.brutal-menu-item.active svg{color:#fff!important}.hamburger-button{transition:all .2s ease-in-out}.hamburger-button:hover{background:#f3f4f6;transform:scale(1.05)}.hamburger-button:active{transform:scale(.95)}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sidebar-expanded{width:100%;position:fixed;z-index:50}.sidebar-collapsed{width:0;overflow:hidden}.card{padding:1rem;margin:.5rem}.btn-primary,.btn-secondary,.form-input{min-height:2.75rem;font-size:.875rem}.brutal-dropdown-card-large{position:fixed;right:1rem;top:6.5rem;transform:none!important;width:calc(100vw - 2rem);max-width:22rem;box-shadow:6px 6px #000000e6;z-index:9999!important}}@media (hover: none) and (pointer: coarse){.sidebar-menu-item.brutal-menu-item:hover{background:var(--color-primary-700)!important;transform:none!important;border-left:2px solid var(--color-primary-300)!important;box-shadow:none!important;color:#fff!important}.sidebar-menu-item.brutal-menu-item:hover svg{color:#fff!important}.hamburger-menu-button:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));transform:none;box-shadow:2px 2px #000c}.brutal-profile-button-large:hover{background:linear-gradient(135deg,var(--color-accent-600),var(--color-accent-700));transform:none;box-shadow:3px 3px #000c}button.brutal-menu-item:hover{background:var(--color-primary-700)!important;transform:none!important;border-left:2px solid var(--color-primary-300)!important;box-shadow:none!important;color:#fff!important}button.brutal-menu-item:last-child:hover{background:var(--color-accent-800)!important;border-left:2px solid var(--color-accent-300)!important;color:#fff!important;transform:none!important}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{transform:none;box-shadow:4px 4px #000}}@media (min-width: 768px) and (max-width: 1024px){.sidebar-expanded{width:240px}.container{padding-left:1rem;padding-right:1rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.header-title,.btn-primary,.btn-secondary,.btn-danger{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@keyframes glowPulse{0%{text-shadow:0 3px 6px rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.2)}50%{text-shadow:0 4px 12px rgba(255,255,255,1),0 2px 4px rgba(0,0,0,.3)}to{text-shadow:0 3px 6px rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.2)}}.MuiDrawer-paper .MuiList-root,.MuiDrawer-paper .MuiListItem-root{background-color:transparent!important}