#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#1e40af;--accent:#0891b2;--success:#059669;--danger:#dc2626;--warning:#d97706;--bg:#f9fafb;--bg-alt:#fff;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001f}body{background:#f9fafb;background:var(--bg);color:#111827;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}.app-layout{display:flex;min-height:100vh}.sidebar{background:linear-gradient(160deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;flex-direction:column;height:100vh;left:0;min-width:240px;overflow:hidden;position:fixed;top:0;width:240px;z-index:100}.sidebar-bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px 12px;position:relative;scrollbar-width:none;z-index:1}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:8px}.nav-group-label{color:#ffffff8c;display:block;font-size:.68rem;font-weight:800;letter-spacing:1.2px;padding:6px 12px 4px;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:10px;color:#ffffffd9;display:flex;font-size:.875rem;font-weight:700;overflow:hidden;padding:9px 14px;position:relative;text-decoration:none;transition:all .2s;white-space:nowrap}.sidebar-link:before{background:linear-gradient(90deg,#6366f14d,#8b5cf61a);border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.sidebar-link:hover{color:#fff}.sidebar-link:hover:before{opacity:1}.sidebar-link.active{background:linear-gradient(90deg,#6366f180,#8b5cf64d);border:1px solid #6366f166;box-shadow:0 0 20px #6366f14d,inset 0 1px 0 #ffffff1a;color:#fff;font-weight:600}.sidebar-user{align-items:center;background:#0003;border-top:1px solid #ffffff14;display:flex;gap:10px;padding:14px 16px;position:relative;z-index:1}.sidebar-user-info{flex:1 1;overflow:hidden}.user-name{color:#fff;font-size:.8rem;font-weight:600}.user-email,.user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#fff6;font-size:.7rem}.avatar{border:2px solid #6366f199;border-radius:50%;box-shadow:0 0 10px #6366f166;height:34px;min-width:34px;width:34px}.logout-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;box-shadow:none;color:#ffffff80;cursor:pointer;font-size:.75rem;font-weight:600;min-width:0;min-width:auto;padding:6px 12px;transition:all .2s;white-space:nowrap}.logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.main-content{background:linear-gradient(135deg,#f0f4ff,#faf5ff 50%,#f0f9ff);flex:1 1;margin-left:240px;min-height:100vh;overflow:hidden;position:relative}.main-bg-shapes{bottom:0;left:240px;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.main-shape{animation:floatShape linear infinite;border-radius:50%;position:absolute}.main-shape-1{animation-duration:30s;background:radial-gradient(circle,#6366f140,#0000);height:400px;right:-100px;top:-100px;width:400px}.main-shape-2{animation-delay:-8s;animation-duration:25s;background:radial-gradient(circle,#8b5cf638,#0000);height:300px;left:10%;top:40%;width:300px}.main-shape-3{animation-delay:-4s;animation-duration:20s;background:radial-gradient(circle,#06b6d433,#0000);height:200px;right:15%;top:70%;width:200px}.main-shape-4{animation-delay:-15s;animation-duration:35s;background:radial-gradient(circle,#3b82f638,#0000);height:250px;left:40%;top:20%;width:250px}.main-shape-5{animation-delay:-6s;animation-duration:22s;background:radial-gradient(circle,#a78bfa40,#0000);height:150px;left:30%;top:85%;width:150px}.main-shape-6{animation-delay:-20s;animation-duration:40s;background:radial-gradient(circle,#4f46e52e,#0000);height:350px;right:-50px;top:50%;width:350px}.main-shape-7{animation-delay:-10s;animation-duration:28s;background:radial-gradient(circle,#0ea5e933,#0000);height:180px;left:20%;top:10%;width:180px}.main-shape-8{animation-delay:-3s;animation-duration:18s;background:radial-gradient(circle,#6366f147,#0000);height:120px;left:60%;top:60%;width:120px}.main-inner{max-width:1100px;padding:36px 32px;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e1b4b,#4f46e5);-webkit-background-clip:text;color:#1e1b4b;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:28px}.page h3{color:#111827;color:var(--text);font-size:1.15rem;font-weight:600;margin-bottom:16px}.form-block{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#dce1ff8c;border:1px solid #6366f140;border-radius:16px;box-shadow:0 4px 24px #6366f11f;margin-bottom:28px;padding:28px;transition:all .2s ease}.form-block:hover{background:#d2daffa6;border-color:#6366f166;box-shadow:0 8px 32px #6366f133}.form-block>p{color:#111827;color:var(--text);font-weight:600;margin:16px 0 12px}.form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}input,select{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;color:#111827;color:var(--text);font-size:.875rem;font-weight:500;outline:none;padding:10px 14px;transition:all .2s ease}input::placeholder{color:#6b7280;color:var(--text-muted)}input:focus,select:focus{background:#fff;border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}input:hover,select:hover{border-color:#3b82f6;border-color:var(--primary-light)}input[type=number]{min-width:80px}button{background:#2563eb;background:var(--primary);border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s ease;white-space:nowrap}button:hover{background:#1d4ed8;background:var(--primary-dark);box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md)}button:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:scale(.98)}button[type=button]:not(.tab):not(.todo-check):not(.todo-delete):not(.todo-close):not(.todo-filter-btn):not(.todo-clear-btn):not(.hamburger){background:#6b7280}button[type=button]:not(.tab):not(.todo-check):not(.todo-delete):not(.todo-close):not(.todo-filter-btn):not(.todo-clear-btn):not(.hamburger):hover{background:#4b5563}button[style*="background: #dc2626"]{background:#dc2626!important;background:var(--danger)!important}button[style*="background: #dc2626"]:hover{background:#b91c1c!important;box-shadow:0 4px 6px -1px #00000014;box-shadow:var(--shadow-md)}table{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #6366f11f;border-collapse:collapse;border-radius:16px;box-shadow:0 4px 24px #6366f114;font-size:.875rem;margin-bottom:28px;overflow:hidden;width:100%}thead{background:#f3f4f6}th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#111827;color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none}th[style*="cursor: pointer"]{cursor:pointer;transition:background-color .2s ease}th[style*="cursor: pointer"]:hover{background-color:#e5e7eb}td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#111827;color:var(--text);padding:13px 16px}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f9fafb}tbody tr{transition:all .2s ease}.error{background:#ef44441a;border-left:4px solid #dc2626;border-left:4px solid var(--danger);border-radius:6px;color:#dc2626;color:var(--danger);font-size:.85rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.badge{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;transition:all .2s ease}.badge:hover{transform:scale(1.05)}.badge-green{background:#ecfdf5;color:#065f46}.badge-yellow{background:#fffbeb;color:#92400e}.badge-red{background:#fef2f2;color:#7f1d1d}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);max-width:480px;padding:32px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:#111827;color:var(--text);font-size:1.25rem;font-weight:700;margin-bottom:16px}.modal p{line-height:1.6;margin-bottom:10px}.modal p,.modal ul{color:#6b7280;color:var(--text-muted);font-size:.95rem}.modal ul{line-height:1.8;margin:12px 0 12px 24px}.mobile-topbar{align-items:center;background:linear-gradient(90deg,#0f172a,#1e1b4b);border-bottom:1px solid #ffffff14;box-shadow:0 2px 12px #0000004d;display:none;gap:8px;height:56px;left:0;overflow:hidden;padding:0 12px;position:fixed;right:0;top:0;z-index:200}.mobile-logo{border-radius:6px;flex-shrink:0;height:28px;object-fit:cover;width:28px}.mobile-brand-text{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.mobile-brand-text .brand-inventory{color:#fff;font-size:.82rem;font-weight:800;line-height:1.2}.mobile-brand-text .brand-book{color:#818cf8;font-size:.82rem;font-weight:800;line-height:1.2}.mobile-brand-text .brand-tagline{color:#ffffff59;font-size:.5rem;letter-spacing:1px;margin-top:1px;text-transform:uppercase}.hamburger{background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:36px;justify-content:center;min-width:0;min-width:auto;padding:8px;width:36px}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transition:all .2s}.hamburger:hover{background:#ffffff26}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;inset:0;position:fixed;z-index:149}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar-backdrop{display:block}.onboarding-overlay{align-items:center;justify-content:center;padding:16px}.onboarding-card{margin:auto;max-width:440px;width:100%}.onboarding-body{padding:12px 18px 16px}.onboarding-actions{padding:12px 16px 16px}.sidebar{height:calc(100vh - 56px);top:56px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.34,1.2,.64,1);z-index:150}.sidebar.sidebar-open{transform:translateX(0)}.main-content{margin-left:0;padding-top:56px}.main-bg-shapes{left:0}.main-inner{padding:20px 14px}.page h2{font-size:1.4rem;margin-bottom:20px}.form-block{margin-bottom:16px;padding:16px}.form-row{gap:8px}input,select{font-size:.82rem;padding:8px 10px}button{font-size:.82rem;padding:8px 14px}table{font-size:.78rem}th{font-size:.68rem;padding:10px}td{padding:9px 10px}.page{overflow-x:auto}.modal{padding:20px}.tab-bar{gap:6px}.tab{font-size:.8rem;padding:7px 14px}.policy-section{padding:16px}.policy-header h1{font-size:1.4rem}.todo-fab{bottom:16px;right:16px}.todo-panel{height:calc(100dvh - 56px);top:56px;width:100vw}.todo-add-btn,.todo-check,.todo-clear-btn,.todo-delete,.todo-filter-btn,.todo-input{width:auto!important}.todo-close{width:28px!important}}@media (max-width:480px){.form-row{align-items:stretch;flex-direction:column}.main-inner .form-row button,.main-inner input,.main-inner input[type=number],.main-inner select{width:100%}.todo-fab-label{display:none}.todo-fab{border-radius:50%;height:48px;justify-content:center;padding:0;width:48px}}.tab-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:8px;box-shadow:none;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.tab:hover{background:#f3f4f6;border-color:#3b82f6;border-color:var(--primary-light);color:#2563eb;color:var(--primary)}.tab.active{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary);box-shadow:0 2px 8px #2563eb4d;color:#fff}.loading{color:#888;font-size:1rem;height:100vh}.loading,.login-page{align-items:center;display:flex;justify-content:center}.login-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);min-height:100vh;overflow:hidden;position:relative}.bg-shapes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.shape{animation:floatShape linear infinite;border-radius:50%;opacity:.07;position:absolute}.shape-1{animation-delay:0s;animation-duration:18s;background:#3b82f6;height:80px;left:10%;top:10%;width:80px}.shape-2{animation-delay:-4s;animation-duration:22s;background:#8b5cf6;height:140px;left:75%;top:20%;width:140px}.shape-3{animation-delay:-8s;animation-duration:15s;background:#06b6d4;height:60px;left:20%;top:60%;width:60px}.shape-4{animation-delay:-2s;animation-duration:28s;background:#3b82f6;height:200px;left:80%;top:70%;width:200px}.shape-5{animation-delay:-6s;animation-duration:20s;background:#a78bfa;height:100px;left:50%;top:40%;width:100px}.shape-6{animation-delay:-10s;animation-duration:14s;background:#38bdf8;height:50px;left:40%;top:85%;width:50px}.shape-7{animation-delay:-3s;animation-duration:24s;background:#6366f1;height:120px;left:55%;top:5%;width:120px}.shape-7,.shape-8{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.shape-8{animation-delay:-7s;animation-duration:19s;background:#0ea5e9;height:90px;left:5%;top:50%;width:90px}.shape-9{animation-delay:-1s;animation-duration:26s;background:#7c3aed;height:160px;left:30%;opacity:.04;top:30%;width:160px}.shape-10{animation-delay:-9s;animation-duration:17s;background:#2563eb;height:70px;left:60%;top:75%;width:70px}.shape-11{animation-delay:-5s;animation-duration:21s;background:#4f46e5;border-radius:40% 60% 60% 40%/40% 40% 60% 60%;height:110px;left:40%;top:15%;width:110px}.shape-12{animation-delay:-12s;animation-duration:30s;background:#0284c7;height:180px;left:88%;opacity:.05;top:55%;width:180px}@keyframes floatShape{0%{transform:translate(0) rotate(0deg) scale(1)}25%{transform:translate(30px,-40px) rotate(90deg) scale(1.1)}50%{transform:translate(-20px,-80px) rotate(180deg) scale(.9)}75%{transform:translate(-40px,-30px) rotate(270deg) scale(1.05)}to{transform:translate(0) rotate(1turn) scale(1)}}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #0006;max-width:380px;padding:48px 40px;position:relative;text-align:center;width:90%;z-index:1}.login-logo{font-size:3rem;margin-bottom:12px}.login-card h1{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px}.login-card p{color:#fff9;font-size:.9rem;margin-bottom:28px}.google-btn{align-items:center;background:#fffffff2;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 12px #0003;color:#333;display:inline-flex;font-size:.9rem;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .2s}.google-btn:hover{background:#fff;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a1e99;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.onboarding-overlay.hiding{animation:fadeOut .3s ease forwards}@keyframes fadeOut{to{opacity:0}}.onboarding-card{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 24px 64px #0006,inset 0 1px 0 #ffffff26;max-width:480px;overflow:hidden;width:90%}.onboarding-progress-bar{background:#ffffff1a;height:3px}.onboarding-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);height:100%;transition:width .4s ease}.onboarding-step-count{color:#fff6;font-size:.75rem;font-weight:600;padding:12px 24px 0;text-align:right}.onboarding-body{padding:16px 28px 20px}.onboarding-body h2{-webkit-text-fill-color:#fff;background:none;color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:10px}.onboarding-body p{color:#ffffffbf;font-size:.9rem;line-height:1.6}.onboarding-tip{align-items:flex-start;background:#6366f133;border:1px solid #6366f159;border-radius:10px;color:#ffffffd9;display:flex;font-size:.85rem;gap:10px;line-height:1.5;margin-top:16px;padding:12px 14px}.tip-icon{font-size:1rem;margin-top:1px}.onboarding-dots{display:flex;gap:6px;justify-content:center;padding:4px 0 16px}.dot{background:#fff3;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:8px;min-width:0;min-width:auto;padding:0;transition:all .2s;width:8px}.dot.active{background:#a78bfa;transform:scale(1.3)}.dot.done{background:#a78bfa80}.dot:hover{background:#ffffff80}.onboarding-actions{align-items:center;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 24px 20px}.onboarding-nav{display:flex;gap:10px}.skip-btn{background:#0000;border:1px solid #fff3;border-radius:8px;box-shadow:none;color:#ffffff80;font-size:.8rem;padding:8px 14px}.skip-btn:hover{background:#ffffff14;color:#fffc}.prev-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;box-shadow:none;color:#ffffffb3;font-size:.85rem;padding:8px 16px}.prev-btn:hover{background:#ffffff26;color:#fff}.next-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f166;color:#fff;font-size:.85rem;font-weight:600;padding:8px 20px}.next-btn:hover{background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 6px 16px #6366f180}.onboarding-dismiss{color:#ffffff4d;cursor:pointer;font-size:.75rem;padding:0 0 16px;text-align:center;transition:color .2s}.onboarding-dismiss:hover{color:#fff9}.guide-btn{background:#6366f133;border:1px solid #6366f166;border-radius:10px;box-shadow:none;color:#ffffffe6;cursor:pointer;font-size:.875rem;font-weight:700;padding:9px 14px;text-align:left;width:100%}.guide-btn:hover{background:#6366f166;border-color:#6366f1b3;box-shadow:0 0 12px #6366f14d;color:#fff}.policy-page{max-width:760px}.policy-header{border-bottom:1px solid #6366f133;margin-bottom:32px;padding-bottom:20px}.policy-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1e1b4b,#4f46e5);-webkit-background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:6px}.policy-date{color:#888;font-size:.8rem;font-weight:500}.policy-body{display:flex;flex-direction:column;gap:8px}.policy-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#dce1ff73;border:1px solid #6366f133;border-radius:14px;padding:22px 24px}.policy-section h2{color:#3730a3;font-size:1rem;font-weight:700;margin-bottom:10px}.policy-section p{color:#374151;font-size:.875rem;line-height:1.7;margin-bottom:8px}.policy-section p:last-child{margin-bottom:0}.policy-section a{color:#4f46e5;font-weight:500;text-decoration:none}.policy-section a:hover{text-decoration:underline}.policy-list{display:flex;flex-direction:column;gap:4px;margin:8px 0 8px 20px}.policy-list li{color:#374151;font-size:.875rem;line-height:1.6}.todo-fab{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:22px;bottom:32px;box-shadow:0 4px 20px #6366f180;cursor:pointer;display:flex;gap:8px;height:44px;padding:0 18px 0 14px;position:fixed;right:32px;transition:all .2s;z-index:500}.todo-fab:hover{box-shadow:0 6px 28px #6366f1a6;transform:translateY(-2px)}.todo-fab-icon{font-size:1rem;line-height:1}.todo-fab-label{color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.2px;white-space:nowrap}.todo-fab-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.todo-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;inset:0;position:fixed;z-index:498}.todo-panel{background:linear-gradient(160deg,#0f172a,#1e1b4b);border-left:1px solid #6366f140;box-shadow:-8px 0 40px #0006;display:flex;flex-direction:column;height:100vh;height:100dvh;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:340px;z-index:499}.todo-panel.open{transform:translateX(0)}.todo-panel-header{align-items:flex-start;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px 20px 16px}.todo-panel-header h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:2px}.todo-subtitle{color:#fff6;font-size:.72rem}.todo-close{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;box-shadow:none;color:#ffffff80;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;min-width:0;min-width:auto;padding:0;width:28px}.todo-close:hover{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.todo-form{border-bottom:1px solid #ffffff0f;display:flex;gap:8px;padding:14px 16px}.todo-input{background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;color:#fff;flex:1 1;font-size:.85rem;padding:9px 12px}.todo-input::placeholder{color:#ffffff4d}.todo-input:focus{background:#ffffff1a;border-color:#6366f199;outline:none}.todo-add-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 2px 8px #6366f166;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:9px 14px;white-space:nowrap}.todo-add-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.todo-filters{border-bottom:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px}.todo-filter-btn{background:#0000;border:1px solid #ffffff1f;border-radius:20px;box-shadow:none;color:#ffffff73;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px;transition:all .15s}.todo-filter-btn:hover{border-color:#ffffff4d;color:#fff}.todo-filter-btn.active{background:#6366f159;border-color:#6366f180;color:#fff}.todo-clear-btn{background:#0000;border:1px solid #ef44444d;border-radius:20px;box-shadow:none;color:#ef4444b3;cursor:pointer;font-size:.75rem;font-weight:600;margin-left:auto;padding:4px 12px}.todo-clear-btn:hover{background:#ef444426;color:#fca5a5}.todo-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:10px 12px;scrollbar-width:none}.todo-list::-webkit-scrollbar{display:none}.todo-empty{color:#ffffff40;font-size:.82rem;padding:40px 0;text-align:center}.todo-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.todo-item:hover{background:#ffffff14;border-color:#6366f14d}.todo-item.done{opacity:.5}.todo-check{background:#0000;border:none;box-shadow:none;cursor:pointer;font-size:1rem;line-height:1;margin-top:1px;min-width:0;min-width:auto;padding:0}.todo-check:hover{transform:scale(1.2)}.todo-text-wrap{flex:1 1;min-width:0}.todo-text{color:#ffffffd9;display:block;font-size:.85rem;line-height:1.4;word-break:break-word}.todo-item.done .todo-text{color:#ffffff59;text-decoration:line-through}.todo-date{color:#ffffff40;display:block;font-size:.68rem;margin-top:3px}.todo-delete{background:#0000;border:none;border-radius:4px;box-shadow:none;color:#fff3;cursor:pointer;font-size:.7rem;min-width:0;min-width:auto;padding:2px 4px;transition:all .15s}.todo-delete:hover{background:#ef444426;color:#fca5a5}.orders-table-wrap{display:block}.orders-cards{display:none}@media (max-width:768px){.orders-table-wrap{display:none}.orders-cards{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}}.order-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#dce1ff8c;border:1px solid #6366f140;border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:16px}.order-card-header{align-items:center;display:flex;justify-content:space-between}.order-card-num{background:#6366f11a;border-radius:20px;color:#6366f1cc;font-size:.75rem;font-weight:700;padding:3px 10px}.order-card-row{align-items:center;border-bottom:1px solid #6366f11a;display:flex;font-size:.85rem;justify-content:space-between;padding:6px 0}.order-card-row span{color:#6b7280}.order-card-row strong{color:#111827;text-align:right}.order-card-materials{display:flex;flex-direction:column;gap:6px;padding-top:4px}.order-card-mat-label{color:#6366f1b3;font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.order-card-mat-item{background:#ffffff80;border-radius:8px;color:#111827;display:flex;flex-direction:column;font-size:.82rem;font-weight:600;gap:2px;padding:7px 10px}.order-card-mat-store{color:#6b7280;font-size:.75rem;font-weight:400}.order-card-actions{border-top:1px solid #6366f126;display:flex;flex-direction:column;gap:8px;padding-top:4px}.subscription-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a1ebf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.subscription-modal{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#0f172a,#1e1b4b);border:1px solid #6366f14d;border-radius:24px;box-shadow:0 24px 64px #00000080,inset 0 1px 0 #ffffff1a;max-width:520px;padding:40px 36px;width:90%}.subscription-header{margin-bottom:32px;text-align:center}.subscription-icon{display:block;font-size:2.5rem;margin-bottom:12px}.subscription-header h2{color:#fff;font-size:1.4rem;font-weight:800;margin-bottom:8px}.subscription-header p{color:#ffffff8c;font-size:.875rem}.subscription-plans{display:flex;gap:12px;margin-bottom:24px}.subscription-plan{background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:16px;cursor:pointer;flex:1 1;padding:18px 12px;position:relative;text-align:center;transition:all .2s}.subscription-plan:hover{background:#6366f11a;border-color:#6366f180}.subscription-plan.selected{background:#6366f133;border-color:#6366f1;box-shadow:0 0 20px #6366f14d}.subscription-plan.popular{border-color:#a78bfa80}.popular-badge{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:.65rem;font-weight:700;left:50%;padding:3px 10px;position:absolute;top:-10px;transform:translateX(-50%);white-space:nowrap}.plan-label{color:#fff9;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.plan-price{color:#fff;font-size:1.6rem;font-weight:800;margin-bottom:6px}.plan-desc{color:#fff6;font-size:.72rem;line-height:1.4}.subscription-error{background:#ef444426;border-radius:8px;color:#fca5a5;font-size:.82rem;margin-bottom:12px;padding:8px 12px;text-align:center}.subscription-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 20px #6366f180;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:all .2s;width:100%}.subscription-btn:hover:not(:disabled){background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 6px 28px #6366f1a6;transform:translateY(-1px)}.subscription-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.subscription-modal{padding:28px 20px}.subscription-plans{flex-direction:column}.plan-price{font-size:1.3rem}}.subscription-page h2{margin-bottom:24px}.sub-status-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#dce1ff8c;border:1px solid #6366f140;border-radius:16px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px 28px}.sub-status-badge{border-radius:20px;font-size:.85rem;font-weight:700;padding:6px 16px;white-space:nowrap}.sub-status-badge.active{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.sub-status-badge.trial{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.sub-status-badge.expired{background:#fef2f2;border:1px solid #fca5a5;color:#7f1d1d}.sub-status-info{color:#111827;color:var(--text);display:flex;flex-wrap:wrap;font-size:.875rem;gap:20px}.sub-status-info strong{color:#1e1b4b}.sub-days-left{color:#6366f1;font-weight:700}.sub-plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.sub-plan-card{align-items:center;background:#ffffffbf;border:1.5px solid #6366f133;border-radius:18px;display:flex;flex-direction:column;gap:8px;padding:28px 20px 24px;position:relative;text-align:center;transition:all .2s}.sub-plan-card:hover{border-color:#6366f180;box-shadow:0 8px 32px #6366f126;transform:translateY(-2px)}.sub-plan-card.popular{border-color:#6366f1;box-shadow:0 8px 32px #6366f133}.sub-plan-card.current{background:#ecfdf5cc;border-color:#059669}.sub-popular-badge{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.sub-current-badge,.sub-popular-badge{border-radius:20px;color:#fff;font-size:.68rem;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.sub-current-badge{background:#059669}.sub-plan-label{color:#6b7280;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.sub-plan-price{color:#1e1b4b;font-size:2rem;font-weight:800;line-height:1}.sub-plan-desc{color:#6b7280;color:var(--text-muted);font-size:.78rem}.sub-plan-saving{background:#ecfdf5;border-radius:20px;color:#059669;font-size:.75rem;font-weight:700;padding:3px 10px}.sub-plan-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f159;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;margin-top:8px;padding:11px;transition:all .2s;width:100%}.sub-plan-btn:hover:not(:disabled){background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f180}.sub-plan-btn:disabled{cursor:not-allowed;opacity:.6}.sub-plan-btn.current-btn{background:#059669;box-shadow:0 4px 12px #0596694d}.sub-success{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;color:#065f46;font-size:.875rem;font-weight:600;margin-top:16px;padding:12px 16px}@media (max-width:768px){.sub-plans-grid{grid-template-columns:1fr}.sub-status-card{align-items:flex-start;flex-direction:column;gap:12px}.sub-status-info{flex-direction:column;gap:6px}}.sub-renew-note{background:#dce1ff73;border:1px solid #6366f133;border-radius:12px;color:#6b7280;color:var(--text-muted);font-size:.875rem;margin-top:8px;padding:14px 18px}.sub-renew-note strong{color:#1e1b4b}.login-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a1e8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.login-modal-card{animation:slideUp .35s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(160deg,#0f172a,#1e1b4b);border:1px solid #6366f14d;border-radius:24px;box-shadow:0 24px 64px #00000080,inset 0 1px 0 #ffffff1a;max-width:380px;padding:48px 40px;text-align:center;width:90%}.login-modal-card .login-logo{display:block;font-size:3rem;margin-bottom:12px}.login-modal-card h1{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:8px}.login-modal-card p{color:#ffffff8c;font-size:.875rem;line-height:1.6;margin-bottom:28px}.main-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #6366f11f;box-shadow:0 2px 12px #6366f114;display:flex;gap:12px;height:64px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:90}.header-logo{border-radius:10px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.header-brand{display:flex;flex:1 1;flex-direction:column}.header-right{align-items:center;display:flex;gap:12px}.header-user-info{display:flex;flex-direction:column;text-align:right}.header-user-name{color:#1e1b4b;font-size:.82rem;font-weight:700}.header-user-email{color:#6b7280;color:var(--text-muted);font-size:.7rem}@media (max-width:768px){.main-header{display:none}}.brand-name{align-items:baseline;display:flex;font-size:1.15rem;font-weight:800;line-height:1}.brand-inventory{color:#1e1b4b}.brand-book{color:#4f46e5}.brand-tagline{color:#6b7280;color:var(--text-muted);font-size:.62rem;font-weight:600;letter-spacing:1.5px;margin-top:3px;text-transform:uppercase}.main-header .logout-btn{background:#f1f0ff;border:1.5px solid #c7d2fe;border-radius:8px;color:#4f46e5;font-weight:700;padding:7px 16px}.main-header .logout-btn:hover{background:#ede9fe;border-color:#a5b4fc;color:#3730a3}.plan-gst,.sub-plan-gst{color:#6b7280;color:var(--text-muted);font-size:.72rem}.plan-total,.sub-plan-total{background:#6366f114;border-radius:20px;color:#1e1b4b;font-size:.78rem;font-weight:700;padding:3px 10px}table .form-row button{padding:10px 0;width:80px}@media (max-width:768px){table .form-row button{padding:8px 0;width:70px}}
/*# sourceMappingURL=main.989803e0.css.map*/