:root{--primary:#c0c1ff;--primary-rgb:192, 193, 255;--primary-container:#8083ff;--inverse-primary:#494bd6;--secondary:#4edea3;--secondary-rgb:78, 222, 163;--secondary-container:#00a572;--tertiary:#ffb783;--tertiary-rgb:255, 183, 131;--tertiary-container:#d97721;--error:#ffb4ab;--error-container:#93000a;--bg:#13131b;--surface:#13131b;--surface-container:#1f1f27;--surface-container-low:#1b1b23;--surface-container-high:#292932;--surface-container-highest:#34343d;--surface-dim:#13131b;--text:#e4e1ed;--text-secondary:#c7c4d7;--text-muted:#908fa0;--border:#ffffff1a;--outline-variant:#464554;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition:all .25s cubic-bezier(.16, 1, .3, 1);--shadow:0 4px 20px #0006;--shadow-lg:0 8px 32px #0009;--glass-bg:#1f1f27b3}:root[data-theme=light]{--primary:#4f46e5;--primary-rgb:79, 70, 229;--primary-container:#e0e7ff;--inverse-primary:#818cf8;--secondary:#059669;--secondary-rgb:5, 150, 105;--secondary-container:#d1fae5;--tertiary:#d97706;--tertiary-rgb:217, 119, 6;--tertiary-container:#fef3c7;--error:#e11d48;--error-container:#ffe4e6;--bg:#f8fafc;--surface:#fff;--surface-container:#fff;--surface-container-low:#f1f5f9;--surface-container-high:#e2e8f0;--surface-container-highest:#cbd5e1;--surface-dim:#e2e8f0;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#00000014;--outline-variant:#cbd5e1;--shadow:0 4px 20px #0f172a0f;--shadow-lg:0 10px 30px #0f172a1a;--glass-bg:#ffffffeb;--glass-border:#00000014}:root[data-theme=light] body,:root[data-theme=light] #root{background-color:#f8fafc;background-image:radial-gradient(circle at 50% -20%,#4f46e514 0%,#f8fafc 60%)}:root[data-theme=light] .glass-panel{background:#ffffffeb;border-color:#00000014;box-shadow:0 4px 20px #0f172a0d}:root[data-theme=light] .glass-panel:hover{background:#fff;border-color:#4f46e533}:root[data-theme=light] .glass-input-container{background:#fff;border-color:#0000001a;box-shadow:0 2px 8px #00000008}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea{color:var(--text);background-color:#fff;border-color:#0000001f}:root[data-theme=light] .btn-primary{background-color:var(--primary);color:#fff}:root[data-theme=light] .btn-primary:hover:not(:disabled){color:#fff;background-color:#4338ca}:root[data-theme=light] .btn-secondary{color:var(--text);background-color:#f1f5f9;border-color:#0000001a}:root[data-theme=light] .btn-secondary:hover:not(:disabled){background-color:#e2e8f0}:root[data-theme=light] .badge-open{color:#047857;background-color:#d1fae5;border-color:#a7f3d0}:root[data-theme=light] .badge-progress{color:#4338ca;background-color:#e0e7ff;border-color:#c7d2fe}:root[data-theme=light] .badge-completed{color:#475569;background-color:#f1f5f9;border-color:#e2e8f0}:root[data-theme=light] .fab-btn,:root[data-theme=light] .fab-scanner-btn{background-color:var(--primary);color:#fff;box-shadow:0 8px 24px #4f46e559}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% -20%,#8083ff26 0%,#13131b 60%);min-height:100vh;font-size:16px;line-height:1.5;overflow-x:hidden}#root{border-inline:1px solid var(--border);background-color:var(--bg);background-image:radial-gradient(circle at 50% -20%,#8083ff1f 0%,#13131b 60%);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width<=480px){#root{border-inline:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);font-weight:600;line-height:1.25}h1{letter-spacing:-.02em;font-size:2rem}h2{letter-spacing:-.01em;font-size:1.5rem}h3{font-size:1.25rem}p{color:var(--text-secondary)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);padding:16px}.glass-panel:hover{background:#2b2b35d9;border-color:#ffffff26}.glass-input-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;height:56px;transition:var(--transition);align-items:center;padding:0 16px;display:flex}.glass-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb), .3)}.glass-input{color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;height:100%;font-size:1rem}.glass-input::placeholder{color:var(--text-muted);opacity:.7}input,select,textarea{width:100%;font-family:var(--font-body);color:var(--text);background-color:var(--surface-container);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);outline:none;padding:12px 16px;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .2)}input::placeholder{color:var(--text-muted)}.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#13131b}.btn-primary:hover:not(:disabled){box-shadow:0 4px 14px rgba(var(--primary-rgb), .3);background-color:#d1d2ff;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:#ffffff0d}.btn-success{background-color:var(--secondary);color:#13131b}.btn-success:hover:not(:disabled){background-color:#6effbe;box-shadow:0 4px 14px #4edea34d}.btn-danger{color:#ffb4ab;background-color:#ef444433;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background-color:#ef44444d}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon-only{border-radius:var(--radius-lg);aspect-ratio:1;padding:12px}.badge{border-radius:var(--radius-full);backdrop-blur:4px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-open{color:var(--secondary);background-color:#4edea326;border:1px solid #4edea34d}.badge-progress{color:var(--primary);background-color:#c0c1ff26;border:1px solid #c0c1ff4d}.badge-completed{color:var(--text-secondary);background-color:#ffffff26;border:1px solid #ffffff26}.glow-effect{position:relative}.glow-effect:before{content:"";filter:blur(15px);z-index:-1;border-radius:inherit;opacity:0;transition:var(--transition);background:#c0c1ff26;position:absolute;inset:-6px}.glow-effect:hover:before{opacity:1}.progress-bar-container{background-color:var(--surface-container-highest);border-radius:var(--radius-full);width:100%;height:6px;margin-top:16px;overflow:hidden}.progress-bar-fill{background-color:var(--primary);border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px rgba(var(--primary-rgb), .6);transition:width .3s}.custom-checkbox{border:2px solid var(--outline-variant);cursor:pointer;width:24px;height:24px;transition:var(--transition);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.custom-checkbox.checked{border-color:var(--primary);background-color:rgba(var(--primary-rgb), .15)}.custom-checkbox.checked-success{border-color:var(--secondary);background-color:rgba(var(--secondary-rgb), .15)}.fab-btn{background-color:var(--primary);color:#13131b;width:56px;height:56px;box-shadow:0 8px 32px rgba(var(--primary-rgb), .3);z-index:50;transition:var(--transition);border-radius:16px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:96px;right:24px}.fab-btn:hover{box-shadow:0 12px 40px rgba(var(--primary-rgb), .5);background-color:#d1d2ff;transform:translateY(-3px)}.fab-btn:active{transform:translateY(0)scale(.95)}.fab-scanner-btn{border-radius:var(--radius-full);background-color:var(--primary);cursor:pointer;z-index:50;width:56px;height:56px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:24px}.fab-scanner-btn:hover{box-shadow:0 12px 40px rgba(var(--primary-rgb), .5);background-color:#d1d2ff;transform:translateY(-3px)}.fab-scanner-btn:active{transform:translateY(0)scale(.95)}@media (width>=480px){.fab-btn,.fab-scanner-btn{right:calc(50% - 216px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-container-highest);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}