@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-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@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-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-full{min-width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.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,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-200{transition-delay:.2s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:shadow-\[0_0_15px_\#ff6a00\]:hover{--tw-shadow:0 0 15px var(--tw-shadow-color,#ff6a00);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}body{color:#f3f4f6;letter-spacing:.01em;background-image:url(/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Inter,sans-serif;transition:background .5s}::-webkit-scrollbar{background:#1e293b33;width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#a21caf);border-radius:8px}.glass{-webkit-backdrop-filter:blur(12px);background:#28283cb3;border:1px solid #ffffff1f;border-radius:1.5rem;box-shadow:0 8px 32px #1f26872e}.fade-in{animation:.8s cubic-bezier(.4,0,.2,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-title{-webkit-text-fill-color:transparent;text-fill-color:transparent;letter-spacing:-.02em;text-shadow:0 2px 16px #0000002e;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}@media (max-width:640px){.header-title{font-size:1.5rem}}.card,.panel,.stats-panel{background:#1e293bb3;border:1px solid #ffffff14;border-radius:1.25rem;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #1f26871f}.card:hover,.panel:hover{transform:scale(1.015);box-shadow:0 8px 32px #6366f12e}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#a21caf);border:none;border-radius:.75rem;padding:.5rem 1.5rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 8px #6366f11f}.btn-primary:hover{background:linear-gradient(90deg,#a21caf,#6366f1);transform:translateY(-2px)scale(1.03);box-shadow:0 4px 16px #6366f12e}.btn-danger{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ef4444,#f472b6);border:none;border-radius:.75rem;padding:.5rem 1.2rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 8px #ef44441f}.btn-danger:hover{background:linear-gradient(90deg,#f472b6,#ef4444);transform:translateY(-2px)scale(1.03);box-shadow:0 4px 16px #ef44442e}.input,input,select,textarea{color:#f3f4f6;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#28283cf2;border:1px solid #ffffff2e;border-radius:.75rem;outline:none;margin-bottom:.5rem;padding:.6rem 1rem;font-size:1rem;transition:border .2s,box-shadow .2s}.input:focus,input:focus,select:focus,textarea:focus{border:1.5px solid #6366f1;box-shadow:0 0 0 2px #6366f1aa}select option{color:#f3f4f6;background:#23243a}.tag{color:#fff;background:linear-gradient(90deg,#6366f1,#a21caf);border-radius:9999px;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .9rem;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 1px 4px #6366f11a}.problem-list{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:900px){.problem-list{grid-template-columns:1fr}}.problem-item{background:#28283cd9;border-radius:1.25rem;padding:1.2rem 1.5rem 1.5rem;transition:box-shadow .2s,transform .2s;position:relative;box-shadow:0 2px 12px #6366f11a}.problem-item:hover{transform:scale(1.01);box-shadow:0 6px 24px #6366f12e}.delete-btn{z-index:2;position:absolute;top:1.2rem;right:1.2rem}.add-problem-form{flex-direction:column;gap:1.2rem;display:flex}.stats-loading{justify-content:center;align-items:center;width:100%;min-height:80px;display:flex}.spinner{border:4px solid #6366f1;border-top-color:#a21caf;border-radius:50%;width:2.5rem;height:2.5rem;margin-right:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.header-title{font-size:1.2rem}.problem-list{grid-template-columns:1fr}.card,.panel,.stats-panel{padding:1rem}}.login-container{background:url(/background.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(12px);background:#28283cbf;border:1px solid #ffffff1f;border-radius:1.5rem;width:100%;max-width:20rem;padding:2rem;animation:.8s cubic-bezier(.4,0,.2,1) fadeIn;box-shadow:0 8px 32px #1f26872e}.login-card h2{text-align:center;-webkit-text-fill-color:transparent;text-shadow:0 2px 16px #0000002e;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;margin-bottom:1.5rem;font-size:1.75rem;font-weight:800}.login-card label{color:#e5e7eb;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.login-card input{color:#f3f4f6;background:#28283cf2;border:1px solid #ffffff2e;border-radius:.75rem;outline:none;width:100%;margin-bottom:1rem;padding:.5rem .75rem;font-size:.875rem;transition:border .2s,box-shadow .2s}.login-card input:focus{border:1.5px solid #6366f1;box-shadow:0 0 0 2px #6366f1aa}.btn-login{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6366f1,#a21caf);border:none;border-radius:.75rem;justify-content:center;align-items:center;width:100%;padding:.5rem 0;font-size:1rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.btn-login:hover{background:linear-gradient(90deg,#a21caf,#6366f1);transform:scale(1.03);box-shadow:0 4px 16px #6366f12e}.error-message{text-align:center;margin-bottom:1rem;font-size:.875rem;font-weight:600}.error-message.red{color:#f87171}.error-message.green{color:#34d399}.toggle-auth{text-align:center;color:#d1d5db;font-size:.75rem}.toggle-auth button{color:#6366f1;cursor:pointer;margin-left:.25rem;font-weight:600;text-decoration:underline}.toggle-auth button:hover{color:#a21caf}.spinner{border:2px solid #6366f1;border-top-color:#a21caf;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@media (max-width:640px){.login-card{max-width:16rem;padding:1.5rem}.login-card h2{font-size:1.5rem}.btn-login{font-size:.875rem}}@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-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}