@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-color:#0d0e12;--panel-bg:#16181eb3;--panel-border:#ffffff14;--primary-color:#2240b1;--primary-hover:#172f88;--primary-glow:#2240b166;--accent-color:#3f5ee6;--text-color:#f3f4f6;--text-secondary:#9ca3af;--success-color:#10b981;--success-bg:#10b9811a;--success-border:#10b98133;--success-glow:#10b9814d;--warning-color:#f59e0b;--error-color:#ef4444;--card-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--transition-speed:.3s;--input-bg:#00000040;--input-color:#f3f4f6;--logo-color:#fff;--nav-link-hover:#fff;--select-option-bg:#1c1e24;font-family:Outfit,sans-serif;font-weight:400;line-height:1.5}body.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-color:#f3f4f6;--panel-bg:#ffffffd9;--panel-border:#0000001a;--text-color:#111827;--text-secondary:#4b5563;--card-shadow:0 10px 30px #0000000d;--success-color:#15803d;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-glow:#15803d26;--input-bg:#ffffffe6;--input-color:#111827;--logo-color:#111827;--nav-link-hover:#111827;--select-option-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(at 10% 10%,#2240b10f 0,#0000 50%),radial-gradient(at 90% 90%,#2240b10a 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font-family:inherit}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);box-shadow:var(--card-shadow);border-radius:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--panel-border);background:#0d0e12cc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo-container{letter-spacing:-.5px;color:var(--logo-color);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{width:32px;height:32px;color:var(--primary-color);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-speed);padding:.25rem 0;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--nav-link-hover)}.nav-link.active:after{content:"";background:var(--primary-color);width:100%;height:2px;box-shadow:0 0 8px var(--primary-glow);border-radius:2px;position:absolute;bottom:0;left:0}.nav-btn{border:1px solid var(--panel-border);cursor:pointer;transition:all var(--transition-speed);background:0 0;border-radius:8px;padding:.5rem 1rem;font-weight:600}.nav-btn:hover{border-color:var(--text-secondary);background:#ffffff0d}.nav-btn.primary{color:#fff!important;background:#2240b1!important;border-color:#2240b1!important;box-shadow:0 4px 14px #2240b166!important}.nav-btn.primary:hover{transform:translateY(-1px);color:#fff!important;background:#172f88!important;border-color:#172f88!important}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-input{background:var(--input-bg);color:var(--input-color);border:1px solid var(--panel-border);transition:all var(--transition-speed);border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem}select option{background-color:var(--select-option-bg);color:var(--text-color)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.75rem;display:flex}.form-checkbox input{accent-color:var(--primary-color);margin-top:.25rem}.btn{cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--panel-border);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;animation:modalEnter var(--transition-speed) cubic-bezier(.16, 1, .3, 1);padding:2rem;position:relative}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.footer{border-top:1px solid var(--panel-border);text-align:center;color:var(--text-secondary);margin-top:auto;padding:2rem;font-size:.875rem}.footer-links{justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.footer-link:hover{color:#fff;text-decoration:underline}.navbar .nav-link{color:#ffffffb3!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}.navbar .nav-btn:not(.primary){color:#fff!important;border-color:#fff3!important}.navbar .nav-btn:not(.primary):hover{background:#ffffff1a!important;border-color:#fff6!important}.navbar .nav-btn.btn-logout{color:var(--error-color)!important;border-color:var(--error-color)!important}.navbar .nav-btn.btn-logout:hover{border-color:var(--error-color)!important;background:#ef44441a!important}.portal-header-title{text-align:center;letter-spacing:.5px;color:#ccc;margin-bottom:.5rem;font-family:Patria,noso Sans,Helvetica,Arial,sans-serif;font-size:2.25rem;font-weight:800}body.light-theme .portal-header-title{color:#404041}.auth-card{z-index:1;background-image:url(/login_register_bg.png);position:relative;background-position:50%!important;background-size:cover!important;border:none!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 12px 40px #0009!important}.auth-card:before{content:"";-webkit-backdrop-filter:blur(3px);z-index:-1;position:absolute;inset:0;background:#0d0e1280!important}.auth-card .form-label{color:#e5e7eb!important}.auth-card h2{color:#fff!important}.auth-card p{color:#9ca3af!important}.auth-card .form-input{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.auth-card .form-input::placeholder{color:#fff6!important}.auth-card .form-input:focus{border-color:var(--primary-color)!important;background:#ffffff1f!important}.auth-card span,.auth-card label{color:#e5e7eb!important}.auth-card a{color:#3f5ee6!important}.auth-card a:hover{color:#fff!important}body.light-theme .auth-card{box-shadow:0 12px 40px #00000026!important}body.light-theme .auth-card.no-bg{background-color:#fff!important;background-image:none!important;box-shadow:0 8px 30px #00000014!important}body.light-theme .auth-card.no-bg:before{display:none!important}body.light-theme .auth-card .form-label{color:#374151!important}body.light-theme .auth-card h2{color:#111827!important}body.light-theme .auth-card p{color:#4b5563!important}body.light-theme .auth-card .form-input{color:#1f2937!important;background:#fff!important;border:1px solid #d1d5db!important}body.light-theme .auth-card .form-input::placeholder{color:#9ca3af!important}body.light-theme .auth-card .form-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px var(--primary-glow)!important;background:#fff!important}body.light-theme .auth-card span,body.light-theme .auth-card label{color:#374151!important}body.light-theme .auth-card a{color:var(--primary-color)!important}body.light-theme .auth-card a:hover{color:#172f88!important}body.light-theme .auth-card.has-bg:before{-webkit-backdrop-filter:blur(2px)!important;background:#0d0e1285!important}body.light-theme .auth-card.has-bg .form-label{color:#e5e7eb!important}body.light-theme .auth-card.has-bg h2{color:#fff!important}body.light-theme .auth-card.has-bg p{color:#9ca3af!important}body.light-theme .auth-card.has-bg .form-input{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff2e!important}body.light-theme .auth-card.has-bg .form-input::placeholder{color:#fff6!important}body.light-theme .auth-card.has-bg .form-input:focus{border-color:var(--primary-color)!important;background:#ffffff1f!important}body.light-theme .auth-card.has-bg span,body.light-theme .auth-card.has-bg label{color:#e5e7eb!important}body.light-theme .auth-card.has-bg a{color:#3f5ee6!important}body.light-theme .auth-card.has-bg a:hover{color:#fff!important}.hover-card{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s!important}.hover-card:hover{transform:translateY(-5px)scale(1.02)!important;box-shadow:0 12px 30px #2240b126!important}.parallax-bg{z-index:-10;pointer-events:none;filter:blur(2px);opacity:.9;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:120vw;height:120vh;position:fixed;top:-10vh;left:-10vw}
