.layout{display:flex;min-height:100vh}.sidebar{background:#1a1a2e;color:#fff;display:flex;flex-direction:column;height:100vh;min-width:260px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:260px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 8px}.logo{font-size:20px;font-weight:700;letter-spacing:-.5px}.sidebar-close{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:18px}.role-badge{background:#4f46e54d;border:1px solid #4f46e580;border-radius:6px;color:#a5b4fc;display:inline-block;font-size:11px;font-weight:600;letter-spacing:1px;margin:0 24px 16px;padding:4px 10px}.nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 12px}.nav-item{align-items:center;border-radius:10px;color:#94a3b8;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;transition:all .2s}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#4f46e5;color:#fff}.nav-icon{font-size:18px;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:12px;padding:16px}.user-info{gap:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#4f46e5;border-radius:50%;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{color:#fff;font-size:13px;font-weight:600}.user-email{color:#64748b;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{display:flex;flex:1 1;flex-direction:column;min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;height:60px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.menu-btn{background:none;border:none;color:#374151;cursor:pointer;display:none;font-size:22px}.topbar-title{font-size:18px;font-weight:600}.content{flex:1 1;padding:28px}@media (max-width:768px){.sidebar{left:-260px;position:fixed;top:0;transition:left .3s;z-index:200}.sidebar.open{left:0}.menu-btn,.sidebar-close{display:block}.content{padding:16px}}*,:after,:before{box-sizing:border-box}.spa-root{--bg:#f5f7fa;--surface:#fff;--surface-2:#f9fafb;--card:#fff;--card-hover:#f9fafb;--border:#e5e7eb;--border-hi:#c4b5fd;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--accent:#4f46e5;--accent-2:#8b5cf6;--glow:#4f46e526;background:var(--bg);color:var(--text-1);display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;height:100dvh;overflow:hidden}.spa-topbar{align-items:center;background:#fff;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;z-index:50}.spa-topbar-logo{color:#4f46e5;font-size:17px;font-weight:800;letter-spacing:-.4px}.spa-topbar-right{align-items:center;display:flex;gap:10px}.spa-topbar-user{color:var(--text-3);font-size:12px;font-weight:600;letter-spacing:.2px}.spa-logout-btn{background:#f3f4f6;border:1px solid var(--border);border-radius:8px;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.3px;padding:6px 12px;transition:all .2s}.spa-logout-btn:hover{background:#e5e7eb;color:var(--text-1)}.spa-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(68px + env(safe-area-inset-bottom));scrollbar-width:none}.spa-content::-webkit-scrollbar{display:none}.spa-bottom-nav{background:#fff;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 12px #0000000f;display:flex;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:100}.spa-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:var(--text-3);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:60px;padding:10px 4px 8px;position:relative;text-decoration:none;transition:color .2s;-webkit-user-select:none;user-select:none}.spa-nav-item.active{color:#4f46e5}.spa-nav-item:before{background:#4f46e5;border-radius:0 0 4px 4px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%) scaleX(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1);width:28px}.spa-nav-item.active:before{transform:translateX(-50%) scaleX(1)}.spa-nav-icon{align-items:center;display:flex;font-size:22px;line-height:1;margin-bottom:4px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.spa-nav-item.active .spa-nav-icon{transform:translateY(-2px)}.spa-nav-label{font-size:9px;font-weight:700;letter-spacing:.7px;line-height:1;text-transform:uppercase}.spa-page{min-height:100%}.lp-root{display:flex;font-family:Inter,sans-serif;min-height:100vh}.lp-left{background:#0d0d14;display:flex;flex-direction:column;overflow:hidden;padding:40px 48px;position:relative;width:52%}.lp-orb{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute}.lp-orb-1{background:radial-gradient(circle,#6366f159 0,#0000 70%);height:420px;left:-80px;top:-100px;width:420px}.lp-orb-2{background:radial-gradient(circle,#8b5cf640 0,#0000 70%);bottom:60px;height:320px;right:-60px;width:320px}.lp-orb-3{background:radial-gradient(circle,#10b98126 0,#0000 70%);bottom:200px;height:200px;left:200px;width:200px}.lp-brand{gap:12px;position:relative;z-index:1}.lp-brand,.lp-brand-icon{align-items:center;display:flex}.lp-brand-icon{background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;font-size:28px;height:48px;justify-content:center;width:48px}.lp-brand-name{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px}.lp-left-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:48px 0;position:relative;z-index:1}.lp-headline{color:#fff;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:20px}.lp-tagline{color:#ffffff80;font-size:16px;line-height:1.7;margin-bottom:36px;max-width:400px}.lp-pills{display:flex;flex-wrap:wrap;gap:10px}.lp-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;color:#ffffffb3;font-size:13px;font-weight:500;padding:8px 16px}.lp-left-footer{color:#ffffff40;font-size:12px;position:relative;z-index:1}.lp-right{align-items:center;background:#f8f9fc;display:flex;flex:1 1;justify-content:center;padding:40px 24px}.lp-form-card{background:#fff;border-radius:24px;box-shadow:0 0 0 1px #0000000d,0 8px 24px #0000000f,0 32px 64px #0000000f;max-width:420px;padding:44px 40px;width:100%}.lp-role-badge{align-items:center;background:#f3f0ff;border:1px solid #e0d9ff;border-radius:100px;color:#6366f1;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.2px;margin-bottom:20px;padding:6px 14px}.lp-welcome{margin-bottom:28px}.lp-form-title{color:#0d0d14;font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.lp-form-sub{color:#9ca3af;font-size:14px}.lp-error{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:13px;gap:8px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.lp-form{gap:18px}.lp-field,.lp-form{display:flex;flex-direction:column}.lp-field{gap:7px}.lp-label{color:#374151;font-size:13px;font-weight:600}.lp-input-wrap{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;display:flex;position:relative;transition:border-color .2s,background .2s,box-shadow .2s}.lp-field--active .lp-input-wrap{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f114}.lp-field-icon{color:#9ca3af;flex-shrink:0;left:14px;pointer-events:none;position:absolute;transition:color .2s}.lp-field--active .lp-field-icon{color:#6366f1}.lp-input{background:#0000;border:none;color:#111827;font-family:inherit;font-size:14px;outline:none;padding:14px 14px 14px 44px;width:100%}.lp-input::placeholder{color:#d1d5db}.lp-eye{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:4px;position:absolute;right:12px;transition:color .2s,background .2s}.lp-eye:hover{background:#6366f114;color:#6366f1}.lp-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.2px;margin-top:4px;padding:15px;transition:opacity .2s,transform .15s,box-shadow .2s;width:100%}.lp-btn:hover:not(:disabled){box-shadow:0 8px 20px #6366f166;opacity:.92;transform:translateY(-1px)}.lp-btn:active:not(:disabled){transform:translateY(0)}.lp-btn:disabled{cursor:not-allowed;opacity:.65}.lp-spinner{animation:lp-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes lp-spin{to{transform:rotate(1turn)}}.lp-register{color:#9ca3af;font-size:13px;margin-top:22px;text-align:center}.lp-register a{color:#6366f1;font-weight:600;text-decoration:none}.lp-register a:hover{text-decoration:underline}.lp-divider{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:12px;margin:4px 0 16px}.lp-divider:after,.lp-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.lp-google-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:4px;padding:12px;transition:background .15s,border-color .15s,box-shadow .15s;width:100%}.lp-google-btn:hover:not(:disabled){background:#f9fafb;border-color:#c4b5fd;box-shadow:0 2px 8px #0000000f}.lp-google-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.lp-left{display:none}.lp-right{background:linear-gradient(135deg,#0d0d14,#1a1a2e)}.lp-form-card{box-shadow:0 24px 64px #0000004d}}@media (max-width:480px){.lp-form-card{border-radius:20px;padding:32px 24px}}.rg-steps{gap:0;margin-bottom:28px}.rg-step,.rg-steps{align-items:center;display:flex}.rg-step{color:#9ca3af;flex-direction:column;font-size:12px;font-weight:600;gap:6px;transition:color .2s}.rg-step--done{color:#6366f1}.rg-step-dot{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;display:flex;font-size:13px;font-weight:700;height:32px;justify-content:center;transition:background .2s,border-color .2s,color .2s;width:32px}.rg-step--done .rg-step-dot{background:#6366f1;border-color:#6366f1;color:#fff}.rg-step-line{background:#e5e7eb;flex:1 1;height:2px;margin:0 8px 18px}.lp-input-wrap--select{position:relative}.lp-select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px}.lp-input-wrap--select:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #9ca3af;content:"";height:0;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0}.rg-btn-row{display:flex;gap:12px;margin-top:4px}.rg-btn-back{background:#f3f4f6;box-shadow:none;color:#374151;flex:0 0 auto;padding:15px 20px;width:auto}.rg-btn-back:hover:not(:disabled){background:#e5e7eb;box-shadow:none;opacity:1;transform:none}.rg-optional{color:#9ca3af;font-weight:400}.rg-hint{color:#9ca3af;font-size:12px;margin:0;padding-left:2px}.rg-pending-card{text-align:left}.rg-pending-icon{font-size:48px;margin-bottom:16px;text-align:center}.rg-info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px 18px}.rg-info-row{color:#374151;display:flex;font-size:13px;justify-content:space-between}.rg-info-label{color:#9ca3af;font-weight:500}.rg-pending-note{color:#9ca3af;font-size:13px;line-height:1.6;margin-bottom:20px}.scan-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);display:flex;justify-content:center;min-height:100vh;padding:20px}.scan-card{background:#fff;border-radius:24px;box-shadow:0 30px 80px #0000004d;max-width:380px;padding:36px 28px;width:100%}.scan-logo{font-size:22px}.scan-logo,.scan-seat-badge{font-weight:800;margin-bottom:16px;text-align:center}.scan-seat-badge{background:#ede9fe;border-radius:16px;color:#4f46e5;display:block;font-size:28px;letter-spacing:-.5px;padding:12px}.scan-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;margin:0 auto;width:40px}.scan-status-box{align-items:center;border-radius:12px;display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:14px 16px}.scan-status-box.checked-in{background:#d1fae5}.scan-status-box.not-checked-in{background:#f3f4f6}.scan-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.scan-status-dot.green{background:#10b981;box-shadow:0 0 0 4px #10b98133}.scan-status-dot.gray{background:#9ca3af}.scan-booking-info{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:14px}.scan-booking-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:6px 0}.scan-booking-row:last-child{border-bottom:none}.scan-booking-row span{color:#9ca3af;flex-shrink:0}.scan-booking-row strong{text-align:right}.scan-no-booking{background:#f9fafb;border-radius:12px;color:#9ca3af;font-size:14px;margin-bottom:20px;padding:20px;text-align:center}.scan-action-btn{border-radius:14px;font-size:16px;padding:16px;width:100%}.scan-action-btn,.scan-result-icon{font-weight:700;justify-content:center}.scan-result-icon{align-items:center;border-radius:50%;display:flex;font-size:32px;height:72px;margin:0 auto 20px;width:72px}.scan-result-icon.success{background:#d1fae5;color:#059669}.scan-result-icon.checkout{background:#dbeafe;color:#2563eb;font-size:28px}.scan-result-icon.error{background:#fee2e2;color:#dc2626}.scan-result-title{font-size:24px;font-weight:800;margin-bottom:8px;text-align:center}.scan-result-msg{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.scan-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.scan-info-item{background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.scan-info-label{color:#9ca3af;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.scan-info-value{color:#1f2937;font-size:15px;font-weight:700}.scan-timer-box{background:#fef3c7;border-radius:14px;margin-bottom:16px;padding:20px;text-align:center}.db-root{display:flex;flex-direction:column;gap:28px}.db-greeting{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.db-greeting-title{color:#111827;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.db-greeting-sub{color:#9ca3af;font-size:14px;font-weight:400;margin-top:4px}.db-date-chip{background:#fff;border:1px solid #e5e7eb;border-radius:100px;box-shadow:0 1px 4px #0000000d;color:#6b7280;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.db-alert{align-items:center;border:1px solid;border-radius:16px;cursor:pointer;display:flex;gap:14px;padding:16px 20px;transition:opacity .2s,transform .2s}.db-alert:hover{opacity:.92;transform:translateY(-1px)}.db-alert--amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.db-alert-icon{flex-shrink:0;font-size:22px}.db-alert-text{flex:1 1}.db-alert-title{color:#92400e;font-size:14px;font-weight:700}.db-alert-sub{color:#b45309;font-size:13px;margin-top:1px}.db-alert-arrow{color:#b45309;flex-shrink:0;font-size:18px;font-weight:700}.db-stats{grid-gap:16px;display:grid;gap:16px}.db-stats--4{grid-template-columns:repeat(4,1fr)}.db-stats--3{grid-template-columns:repeat(3,1fr)}.db-stat{background:#fff;border:1px solid #f0f0f8;border-radius:20px;box-shadow:0 1px 3px #0000000a,0 6px 20px #0000000a;overflow:hidden;padding:22px 24px;position:relative;transition:transform .2s,box-shadow .2s}.db-stat:hover{box-shadow:0 4px 8px #0000000f,0 12px 32px #00000014;transform:translateY(-2px)}.db-stat:before{border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.db-stat--indigo:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.db-stat--blue:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.db-stat--green:before{background:linear-gradient(90deg,#10b981,#059669)}.db-stat--amber:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.db-stat--rose:before{background:linear-gradient(90deg,#ef4444,#f43f5e)}.db-stat--cyan:before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.db-stat-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.db-stat-icon{align-items:center;border-radius:13px;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.db-stat--indigo .db-stat-icon{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.db-stat--blue .db-stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.db-stat--green .db-stat-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.db-stat--amber .db-stat-icon{background:linear-gradient(135deg,#fef3c7,#fde68a)}.db-stat--rose .db-stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca)}.db-stat--cyan .db-stat-icon{background:linear-gradient(135deg,#cffafe,#a5f3fc)}.db-stat-value{color:#111827;font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1}.db-stat-label{color:#9ca3af;font-size:13px;font-weight:500;margin-top:6px}.db-section-title{align-items:center;color:#111827;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:14px}.db-panel{background:#fff;border:1px solid #f0f0f8;border-radius:20px;box-shadow:0 1px 3px #0000000a,0 6px 20px #0000000a;padding:24px}.db-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.db-action{align-items:center;background:#fafafa;border:1.5px solid #f0f0f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 12px;text-align:center;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.db-action:hover{background:#f5f3ff;border-color:#c4b5fd;transform:translateY(-2px)}.db-action-icon{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:14px;display:flex;font-size:28px;height:52px;justify-content:center;width:52px}.db-action-label{color:#374151;font-size:13px;font-weight:600;line-height:1.3}.db-steps{display:flex;flex-direction:column;gap:0}.db-step{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:14px;padding:14px 0}.db-step:last-child{border-bottom:none}.db-step-num{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;margin-top:1px;width:28px}.db-step-title{color:#111827;font-size:14px;font-weight:600}.db-step-sub{color:#9ca3af;font-size:12px;margin-top:2px}.db-membership-card{border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;overflow:hidden;padding:28px;position:relative}.db-membership-card:before{background:#ffffff14;border-radius:50%;content:"";height:220px;position:absolute;right:-40px;top:-60px;width:220px}.db-membership-card:after{background:#ffffff0f;border-radius:50%;bottom:-40px;content:"";height:140px;left:-20px;position:absolute;width:140px}.db-mc-top{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:1}.db-mc-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.db-mc-logo{font-size:22px;font-weight:800}.db-mc-bottom{position:relative;z-index:1}.db-mc-lib{font-size:18px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.db-mc-meta{display:flex;font-size:12px;gap:16px;opacity:.75}.db-booking-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:14px;padding:12px 0}.db-booking-row:last-child{border-bottom:none}.db-booking-dot{background:#6366f1;border-radius:50%;flex-shrink:0;height:10px;width:10px}.db-booking-date{color:#374151;font-size:13px;font-weight:600;min-width:80px}.db-booking-info{flex:1 1}.db-booking-lib{color:#111827;font-size:14px;font-weight:600}.db-booking-slot{color:#9ca3af;font-size:12px;margin-top:1px}.db-booking-status{background:#ede9fe;border-radius:100px;color:#6366f1;font-size:11px;font-weight:700;padding:3px 10px}.db-cta{background:linear-gradient(135deg,#0d0d14,#1a1a2e);border-radius:20px;color:#fff;overflow:hidden;padding:36px 28px;position:relative;text-align:center}.db-cta:before{background:radial-gradient(circle,#6366f14d 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-80px;top:-100px;width:300px}.db-cta-icon{font-size:48px;margin-bottom:16px}.db-cta-icon,.db-cta-title{position:relative;z-index:1}.db-cta-title{font-size:20px;font-weight:800;margin-bottom:8px}.db-cta-sub{color:#fff9;margin-bottom:24px}.db-cta-btn,.db-cta-sub{font-size:14px;position:relative;z-index:1}.db-cta-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 14px #6366f166;color:#fff;display:inline-flex;font-weight:700;gap:8px;padding:13px 28px;text-decoration:none;transition:opacity .2s,transform .15s}.db-cta-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:900px){.db-stats--3,.db-stats--4{grid-template-columns:repeat(2,1fr)}.db-root>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width:560px){.db-stats--3,.db-stats--4{grid-template-columns:1fr}.db-stat-value{font-size:30px}.db-actions{grid-template-columns:repeat(2,1fr)}}.seatmap{-webkit-user-select:none;user-select:none}.seatmap-empty{background:#f9fafb;border-radius:10px;color:#9ca3af;font-size:14px;padding:40px;text-align:center}.seatmap-podium{background:#1a1a2e;border-radius:8px;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:10px 32px;text-align:center;width:-webkit-fit-content;width:fit-content}.seatmap-grid{display:flex;flex-direction:column;gap:10px;overflow-x:auto;padding-bottom:8px}.seatmap-row{align-items:center;display:flex;gap:12px}.seatmap-row-label{color:#9ca3af;flex-shrink:0;font-size:11px;text-align:right;width:40px}.seatmap-seats{display:flex;flex-wrap:nowrap;gap:8px}.seat{align-items:center;border:2px solid;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:44px;justify-content:center;position:relative;transition:transform .15s,box-shadow .15s;width:44px}.seat.clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.seat-icon{font-size:10px;height:12px;line-height:1}.seat-num{font-size:11px;font-weight:700;line-height:1}.seat.selected{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.seatmap-legend{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;padding-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.legend-dot{border:2px solid;border-radius:4px;height:18px;width:18px}.sdb-root{display:flex;flex-direction:column;gap:16px;min-height:100%;padding:16px}.sdb-loading{align-items:center;display:flex;height:100%;justify-content:center;padding:60px}.sdb-spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.sdb-hero{background:linear-gradient(135deg,#1e1b4b,#3730a3 60%,#1d4ed8);border-radius:20px;overflow:hidden;padding:22px 20px 20px;position:relative}.sdb-orb{border-radius:50%;filter:blur(40px);pointer-events:none;position:absolute}.sdb-orb-1{background:#6366f180;height:140px;right:-20px;top:-40px;width:140px}.sdb-orb-2{background:#8b5cf666;bottom:-30px;height:100px;left:-10px;width:100px}.sdb-hero-content{position:relative;z-index:1}.sdb-hero-date{color:#ffffff80;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.sdb-hero-greeting{color:#fff;font-size:23px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin-bottom:6px}.sdb-hero-sub{color:#fff9;font-size:13px;font-weight:500;line-height:1.4}.sdb-stats-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.sdb-stat{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;gap:4px;padding:14px 8px 12px;text-align:center;transition:box-shadow .2s}.sdb-stat:hover{box-shadow:0 4px 12px #00000014}.sdb-stat-ico{align-items:center;display:flex;justify-content:center;margin-bottom:2px}.sdb-stat-val{font-feature-settings:"tnum";color:#111827;font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.sdb-stat-lbl{color:#9ca3af;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.sdb-section{display:flex;flex-direction:column}.sdb-section-hd{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sdb-section-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.sdb-section-link{align-items:center;color:#4f46e5;display:flex;font-size:11px;font-weight:700;gap:2px;letter-spacing:.3px;text-decoration:none}.sdb-mem-card{border:1px solid #ffffff1f;border-radius:18px;margin-bottom:10px;overflow:hidden;padding:18px;position:relative}.sdb-mem-card-shine{background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;left:0;position:absolute;right:0;top:0}.sdb-mem-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.sdb-mem-badge{background:#fff3;border-radius:6px;color:#ffffffe6;font-size:9px;font-weight:800;letter-spacing:1.2px;padding:3px 8px;text-transform:uppercase}.sdb-mem-logo{color:#ffffff80;font-size:11px;font-weight:800}.sdb-mem-lib{color:#fff;font-size:17px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.sdb-mem-meta{align-items:center;color:#fff9;display:flex;font-size:11px;font-weight:500;gap:8px;margin-bottom:14px}.sdb-mem-bar{background:#fff3;border-radius:4px;height:4px;overflow:hidden}.sdb-mem-bar-fill{border-radius:4px;height:100%;transition:width .8s ease}.sdb-mem-progress-row{color:#ffffff8c;display:flex;font-size:10px;font-weight:500;justify-content:space-between;margin-bottom:5px}.sdb-cta{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;padding:28px 20px;text-align:center}.sdb-cta-glow{display:none}.sdb-cta-title{color:#111827;font-size:17px;font-weight:700;margin-bottom:8px}.sdb-cta-sub{color:#6b7280;font-size:13px;line-height:1.55;margin-bottom:20px;max-width:280px}.sdb-cta-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#4f46e5;border-radius:12px;box-shadow:0 2px 8px #4f46e54d;color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:4px;padding:12px 24px;text-decoration:none;transition:background .15s,transform .15s}.sdb-cta-btn:active{transform:scale(.97)}.sdb-cta-btn:hover{background:#4338ca}.sdb-actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.sdb-action-tile{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:8px;padding:14px 8px 12px;text-decoration:none;transition:all .18s}.sdb-action-tile:hover{border-color:#c4b5fd;box-shadow:0 4px 12px #4f46e51a;transform:translateY(-1px)}.sdb-action-tile:active{transform:scale(.95)}.sdb-action-icon-wrap{align-items:center;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.sdb-action-label{color:#6b7280;font-size:9.5px;font-weight:700;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase}.tools-hub{padding:16px}.tools-hub-title{color:#64748b;font-size:13px;font-weight:700;letter-spacing:.6px;margin-bottom:14px;text-transform:uppercase}.tools-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.tool-card{-webkit-tap-highlight-color:transparent;align-items:center;background:#6366f1;background:var(--tc,#6366f1);border-radius:18px;box-shadow:0 2px 12px #0000001f;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:18px 10px 14px;position:relative;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.tool-card:before{background:#ffffff1a;border-radius:50%;content:"";height:70px;position:absolute;right:-20px;top:-30px;width:70px}.tool-card:active{transform:scale(.95)}.tool-card-icon{font-size:28px;line-height:1}.tool-card-label{color:#fffffff2;font-size:11px;font-weight:700;letter-spacing:.2px;line-height:1.2;text-align:center}.tool-view{display:flex;flex-direction:column;min-height:100%}.tool-view-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tool-back-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:4px;padding:8px 12px}.tool-back-btn:active{background:#e2e8f0}.tool-view-title{color:#111827;font-size:16px;font-weight:700}.tool-body{flex:1 1;padding:16px}.t-card{background:#fff;border-radius:18px;box-shadow:0 1px 8px #00000012;margin-bottom:14px;padding:20px}.time-display{padding:32px 0 24px;text-align:center}.time-display-main{font-feature-settings:"tnum";color:#0f172a;font-size:56px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-2px;line-height:1}.time-display-ms{color:#64748b;font-size:28px;font-weight:600;letter-spacing:-1px}.time-display-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:1px;margin-top:6px;text-transform:uppercase}.ctrl-row{gap:12px;margin-top:8px}.ctrl-btn,.ctrl-row{display:flex;justify-content:center}.ctrl-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:60px;transition:transform .1s,box-shadow .1s;width:60px}.ctrl-btn:active{transform:scale(.92)}.ctrl-btn--start{background:#22c55e;box-shadow:0 4px 16px #22c55e66}.ctrl-btn--pause{background:#f59e0b;box-shadow:0 4px 16px #f59e0b66}.ctrl-btn--stop{background:#ef4444;box-shadow:0 4px 16px #ef444466}.ctrl-btn--reset{background:#e2e8f0;box-shadow:none;color:#374151}.ctrl-btn--lap{background:#6366f1;box-shadow:0 4px 16px #6366f166;color:#fff;font-size:13px;font-weight:700}.lap-list{margin-top:4px;max-height:200px;overflow-y:auto}.lap-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.lap-item:last-child{border-bottom:none}.lap-num{color:#94a3b8;font-size:12px;font-weight:600}.lap-time{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700}.timer-ring-wrap{align-items:center;display:flex;justify-content:center;padding:24px 0 16px;position:relative}.timer-ring-label{position:absolute;text-align:center}.timer-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.timer-unit{align-items:center;display:flex;flex-direction:column;gap:4px}.timer-input{-moz-appearance:textfield;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:24px;font-weight:700;outline:none;padding:8px 4px;text-align:center;width:64px}.timer-input::-webkit-inner-spin-button,.timer-input::-webkit-outer-spin-button{-webkit-appearance:none}.timer-input:focus{border-color:#6366f1}.timer-unit-label{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase}.timer-sep{align-self:flex-start;color:#cbd5e1;font-size:28px;font-weight:700;padding-top:10px}.pomo-mode-row{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:8px;padding:4px}.pomo-mode-btn{background:#0000;border:none;border-radius:9px;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:8px;transition:all .15s}.pomo-mode-btn.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#6366f1}.pomo-sessions{display:flex;gap:6px;justify-content:center;margin:8px 0}.pomo-dot{background:#e2e8f0;border-radius:50%;height:10px;width:10px}.pomo-dot.done{background:#ef4444}.calc-wrap{background:#0f172a;border-radius:20px;overflow:hidden;padding:0}.calc-display{align-items:flex-end;background:#0f172a;display:flex;flex-direction:column;justify-content:flex-end;min-height:90px;padding:16px 16px 10px}.calc-expr{font-feature-settings:"tnum";color:#64748b;font-size:14px;font-variant-numeric:tabular-nums;min-height:20px}.calc-expr,.calc-result{text-align:right;word-break:break-all}.calc-result{font-feature-settings:"tnum";color:#f1f5f9;font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.calc-grid{grid-gap:1px;background:#1e293b;display:grid;gap:1px;grid-template-columns:repeat(4,1fr)}.calc-btn{-webkit-tap-highlight-color:transparent;background:#1e293b;border:none;color:#e2e8f0;cursor:pointer;font-size:16px;font-weight:600;line-height:1;padding:16px 8px;text-align:center;transition:background .1s}.calc-btn:active{background:#334155}.calc-btn--op{color:#818cf8}.calc-btn--fn{color:#34d399;font-size:13px}.calc-btn--eq{background:#6366f1;color:#fff}.calc-btn--eq:active{background:#4f46e5}.calc-btn--cl{color:#f87171}.calc-btn--0{grid-column:span 2}.calc-deg-row{background:#0f172a;display:flex;gap:6px;padding:8px 12px 4px}.calc-deg-btn{background:#0000;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:11px;font-weight:700;padding:4px 10px}.calc-deg-btn.active{background:#334155;color:#a5b4fc}.conv-cats{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.conv-cats::-webkit-scrollbar{display:none}.conv-cat-btn{-webkit-tap-highlight-color:transparent;background:#f1f5f9;border:none;border-radius:20px;color:#64748b;cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px;transition:all .15s;white-space:nowrap}.conv-cat-btn.active{background:#6366f1;color:#fff}.conv-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.conv-input-wrap{display:flex;flex:1 1;flex-direction:column;gap:4px}.conv-label{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase}.conv-input{-moz-appearance:textfield;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#0f172a;font-size:18px;font-weight:700;outline:none;padding:10px 12px;width:100%}.conv-input::-webkit-inner-spin-button,.conv-input::-webkit-outer-spin-button{-webkit-appearance:none}.conv-input:focus{border-color:#6366f1}.conv-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#374151;font-size:14px;font-weight:600;outline:none;padding:10px 12px;width:100%}.conv-select:focus{border-color:#6366f1}.conv-swap-btn{-webkit-tap-highlight-color:transparent;align-items:center;align-self:flex-end;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;margin-bottom:2px;width:38px}.conv-result-box{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;color:#fff;padding:20px;text-align:center}.conv-result-val{font-feature-settings:"tnum";font-size:32px;font-variant-numeric:tabular-nums;font-weight:800}.conv-result-unit{font-size:16px;margin-top:4px;opacity:.8}.conv-result-full{font-size:12px;margin-top:6px;opacity:.6}.pt-search{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:15px;margin-bottom:12px;outline:none;padding:10px 14px;width:100%}.pt-search:focus{border-color:#6366f1}.pt-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pt-legend-item{align-items:center;color:#64748b;display:flex;font-size:10px;font-weight:600;gap:4px}.pt-legend-dot{border-radius:3px;height:10px;width:10px}.pt-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:4px}.pt-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(18,44px);grid-template-rows:repeat(10,52px);width:-webkit-max-content;width:max-content}.pt-cell{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2px;position:relative;transition:transform .1s,opacity .1s}.pt-cell:active{transform:scale(.9)}.pt-cell.dimmed{opacity:.25}.pt-num{align-self:flex-start;color:#ffffffb3;font-size:7px;line-height:1;padding-left:2px}.pt-sym{color:#fff;font-size:14px;font-weight:800;line-height:1}.pt-mass{color:#ffffffb3;font-size:7px;line-height:1}.pt-placeholder{align-items:center;border:1px dashed #cbd5e1;border-radius:6px;color:#94a3b8;font-size:9px;font-weight:700}.pt-modal-overlay,.pt-placeholder{display:flex;justify-content:center}.pt-modal-overlay{align-items:flex-end;background:#0009;inset:0;padding:0 0 80px;position:fixed;z-index:200}.pt-modal{animation:slideUp .25s ease;background:#fff;border-radius:24px 24px 0 0;max-width:480px;padding:24px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.pt-modal-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.pt-modal-badge{align-items:center;border-radius:14px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:64px;justify-content:center;width:64px}.pt-modal-badge-num{font-size:11px;opacity:.8}.pt-modal-badge-sym{font-size:26px;font-weight:800}.pt-modal-name{color:#0f172a;font-size:22px;font-weight:800}.pt-modal-cat{color:#6b7280;font-size:13px;margin-top:2px;text-transform:capitalize}.pt-modal-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.pt-modal-prop{background:#f8fafc;border-radius:12px;padding:12px 14px}.pt-modal-prop-label{color:#94a3b8;font-size:11px;font-weight:600;margin-bottom:3px;text-transform:uppercase}.pt-modal-prop-val{color:#111827;font-size:16px;font-weight:700}.pt-modal-close{background:#f1f5f9;border:none;border-radius:12px;color:#374151;cursor:pointer;display:block;font-size:15px;font-weight:700;margin-top:16px;padding:14px;width:100%}.books-page,.todo-page{padding:16px}.bk-status-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:16px;padding:4px}.bk-tab{background:#0000;border:none;border-radius:9px;color:#64748b;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:9px 6px;text-align:center;transition:all .15s}.bk-tab.active{background:#fff;box-shadow:0 1px 4px #00000014;color:#6366f1}.bk-add-form{background:#fff;border-radius:18px;box-shadow:0 1px 8px #00000012;margin-bottom:16px;padding:16px}.bk-form-title{font-weight:700;margin-bottom:12px}.bk-field,.bk-form-title{color:#111827;font-size:14px}.bk-field{border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;margin-bottom:8px;outline:none;padding:10px 12px;width:100%}.bk-field:focus{border-color:#6366f1}.bk-field-row{display:flex;gap:8px}.bk-add-btn{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;padding:12px;width:100%}.bk-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 1px 6px #0000000f;display:flex;gap:12px;margin-bottom:10px;padding:14px 16px}.bk-card-spine{align-self:stretch;border-radius:4px;flex-shrink:0;width:4px}.bk-card-body{flex:1 1;min-width:0}.bk-card-title{color:#111827;font-size:15px;font-weight:700}.bk-card-author{color:#6b7280;font-size:12px;margin-top:1px}.bk-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.bk-badge{border-radius:20px;font-size:10px;font-weight:700;padding:2px 8px}.bk-badge--reading{background:#dbeafe;color:#1d4ed8}.bk-badge--want{background:#fef3c7;color:#92400e}.bk-badge--done{background:#dcfce7;color:#166534}.bk-delete-btn{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.4;padding:4px}.bk-delete-btn:active{opacity:1}.todo-add-row{display:flex;gap:8px;margin-bottom:16px}.todo-input{border:2px solid #e2e8f0;border-radius:12px;color:#111827;flex:1 1;font-size:15px;outline:none;padding:12px 14px}.todo-input:focus{border-color:#6366f1}.todo-add-btn{-webkit-tap-highlight-color:transparent;background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;padding:12px 16px}.todo-opts-row{display:flex;gap:8px;margin-bottom:16px}.todo-select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#374151;flex:1 1;font-size:13px;font-weight:600;outline:none;padding:8px 10px}.todo-select:focus{border-color:#6366f1}.todo-item{align-items:flex-start;background:#fff;border-radius:14px;box-shadow:0 1px 4px #0000000d;display:flex;gap:12px;margin-bottom:8px;padding:14px 16px;transition:opacity .15s}.todo-item.done{opacity:.55}.todo-check{-webkit-tap-highlight-color:transparent;align-items:center;border:2px solid #cbd5e1;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;transition:all .15s;width:22px}.todo-check.checked{background:#22c55e;border-color:#22c55e}.todo-check-icon{color:#fff;font-size:13px}.todo-body{flex:1 1;min-width:0}.todo-title{color:#111827;font-size:15px;font-weight:600;line-height:1.3}.todo-item.done .todo-title{text-decoration:line-through}.todo-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.todo-tag{border-radius:6px;font-size:10px;font-weight:700;padding:2px 7px}.todo-tag--high{background:#fee2e2;color:#dc2626}.todo-tag--medium{background:#fef3c7;color:#d97706}.todo-tag--low{background:#dcfce7;color:#16a34a}.todo-tag--cat{background:#ede9fe;color:#7c3aed}.todo-del{-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;flex-shrink:0;font-size:16px;opacity:.35;padding:2px}.todo-del:active{opacity:1}.todo-empty{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.todo-empty-icon{font-size:40px;margin-bottom:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;color:#1a1a2e;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000012;padding:24px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.btn-sm{font-size:12px;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-control{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}thead th{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}tbody td{border-bottom:1px solid #f3f4f6;padding:14px 16px}tbody tr:hover{background:#fafafa}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.badge-green{background:#d1fae5;color:#065f46}.badge-red{background:#fee2e2;color:#991b1b}.badge-yellow{background:#fef3c7;color:#92400e}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#6b7280}.stat-card{background:#fff;box-shadow:0 2px 8px #00000012;gap:16px;padding:20px 24px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{font-size:22px;height:48px;justify-content:center;width:48px}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:13px;margin-top:4px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;font-weight:700}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}.modal-title{font-size:18px;font-weight:700;margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.alert{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fee2e2;color:#991b1b}.alert-success{background:#d1fae5;color:#065f46}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.empty-state{color:#9ca3af;padding:60px 20px;text-align:center}.empty-state h3{color:#6b7280;font-size:18px;font-weight:600;margin-bottom:8px}