@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--planivio-primary-dark:#3a7a8e;--planivio-primary-light:#5ba0b4;--planivio-secondary-dark:#5b9883;--planivio-secondary-light:#7bb8a3;--planivio-accent-dark:#d8875c;--planivio-accent-light:#f8a77c;--bg-primary:#e8f4f8;--bg-secondary:#f0f9f6;--bg-warm:#fff7ed;--bg-white:#fff;--bg-gray:#f8f9fa;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-white:#fff;--text-on-primary:#fff;--border-light:#e5e7eb;--border-primary:#4a90a44d;--border-accent:#e8f4f8;--cat-privat:#4a90a4;--cat-arbeit:#8b5cf6;--cat-arzt:#ef4444;--cat-schule:#22c55e;--cat-sport:#06b6d4;--cat-familie:#ec4899;--cat-sonstiges:#6b7280;--success:#22c55e;--success-light:#d1fae5;--success-dark:#16a34a;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--error:#ef4444;--error-light:#fee2e2;--error-dark:#dc2626;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#1e40af;--shadow-sm:0 1px 2px #4a90a40d;--shadow-md:0 4px 6px #4a90a41a;--shadow-lg:0 10px 15px #4a90a426;--shadow-xl:0 20px 25px #4a90a433;--shadow-primary:0 4px 15px #4a90a44d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--transition-slow:0.3s ease;--btn-teal-hover:#3a7a8e;--btn-danger:#ef4444;--btn-danger-bg:#fee2e2;--btn-h-primary:52px;--btn-h-secondary:44px;--btn-h-tertiary:40px;--btn-size-icon:44px;--btn-touch-min:44px;--btn-r-primary:14px;--btn-r-secondary:12px;--btn-r-tertiary:10px;--btn-r-icon:12px;--btn-shadow-primary:0 4px 16px #4a90a440;--btn-font:"DM Sans","Inter",sans-serif;--btn-fs-primary:0.95rem;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}.dark-mode,[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-warm:#1f2937;--bg-white:#0f172a;--bg-gray:#1e293b;--text-primary:#eaeaea;--text-secondary:#a0aec0;--text-muted:#718096;--border-light:#2d3748;--border-primary:#4a90a466;--border-accent:#2d3748;--planivio-primary:#5ba0b4;--planivio-secondary:#7bb8a3;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080}@tailwind base;@tailwind components;@tailwind utilities;body{background:linear-gradient(to bottom right,var(--bg-primary),var(--bg-secondary));margin:0}.bg-gradient-primary{background:linear-gradient(to right,var(--planivio-primary),var(--planivio-secondary))}.bg-gradient-shopping{background:linear-gradient(to right,var(--success),#10b981)}.bg-gradient-calendar{background:linear-gradient(to right,var(--planivio-primary),#06b6d4)}.bg-gradient-budget{background:linear-gradient(90deg,#a855f7,#ec4899)}.bg-gradient-recipes{background:linear-gradient(to right,var(--planivio-accent),var(--planivio-accent-dark))}.shadow-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-card-hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}*{transition-duration:.2s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--planivio-primary),var(--planivio-secondary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--planivio-primary-dark),var(--planivio-secondary-dark))}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{max-width:100vw;overflow-x:hidden!important;width:100%}body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-primary) 0,#f0f9f6 50%,var(--bg-secondary) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column}#root,.App{max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--planivio-primary) 0,var(--planivio-secondary) 100%);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--planivio-primary-dark) 0,var(--planivio-secondary-dark) 100%)}*{scrollbar-color:var(--planivio-primary) var(--bg-primary)}@keyframes pressDown{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.95)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.spin{animation:spin 1s linear infinite}.bounce-in{animation:bounceIn .3s ease-out}.stagger-fade-in{animation:staggerFadeIn .3s ease-out backwards}[role=button]:active,button:active:not(:disabled){transform:scale(.97);transition:transform .1s ease}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.gradient-bg{background:linear-gradient(135deg,var(--planivio-primary) 0,var(--planivio-secondary) 100%)}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.card,.glass{border:2px solid var(--border-primary)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.btn-primary{background:linear-gradient(135deg,var(--planivio-primary) 0,var(--planivio-secondary) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--text-white)}.btn-primary,.btn-secondary{padding:12px 24px;transition:var(--transition-normal)}.btn-secondary{background:var(--bg-white);border:2px solid var(--border-primary);border-radius:var(--radius-md);font-size:1rem}.btn-secondary:hover{background:var(--bg-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;font-size:1rem;padding:12px 24px;transition:all .2s}.btn-danger:hover{box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;font-size:1rem;padding:12px 24px;transition:all .2s}.btn-success:hover{box-shadow:0 4px 15px #22c55e66;transform:translateY(-2px)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background:var(--bg-white);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;padding:12px 16px;transition:var(--transition-normal);width:100%}input:focus,select:focus,textarea:focus{background:var(--bg-white);border-color:var(--planivio-primary);box-shadow:0 0 0 3px #4a90a426}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:disabled,select:disabled,textarea:disabled{background:var(--bg-gray);cursor:not-allowed;opacity:.5}input[type=checkbox],input[type=radio]{accent-color:var(--planivio-primary);cursor:pointer;width:auto}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--planivio-primary);height:40px;width:40px}.overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.modal{background:var(--bg-white);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;padding:24px;width:90%}.alert{border:2px solid;border-radius:12px;margin:10px 0;padding:16px}.alert-success{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.alert-error{border-color:#fecaca;color:#991b1b}.alert-warning{background:#fef3c7;border-color:#fde68a;color:#92400e}.alert-info{background:#dbeafe;border-color:#bfdbfe;color:#1e40af}.container{margin:0 auto;max-width:1200px;padding:0 20px}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}nav{max-width:100%}@media (max-width:1024px){.container{padding:0 15px}}@media (max-width:768px){.container{padding:0}.App{font-size:14px}.btn-danger,.btn-primary,.btn-secondary,.btn-success{font-size:.9rem;padding:10px 20px}.modal{padding:20px}body{margin:0!important}#root,body{padding:0!important}}@media (max-width:768px){::-webkit-scrollbar{display:none!important;width:0!important}*{-ms-overflow-style:none!important;scrollbar-width:none!important}}@media (max-width:480px){.container{padding:0}input,select,textarea{font-size:16px}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid var(--planivio-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box!important}body,html{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}body{margin:0!important;padding:0!important}#root,.App,[class*=app],[style*="minHeight: 100vh"]{width:100%!important}#root,#root>div,.App,[class*=app],[style*="minHeight: 100vh"],body>div{max-width:100vw!important;overflow-x:hidden!important}[role=navigation],header,nav{-webkit-overflow-scrolling:touch;max-width:100vw!important;overflow-x:auto!important}nav::-webkit-scrollbar{display:none}nav{-ms-overflow-style:none;scrollbar-width:none}.flex,.grid,[style*="display: flex"],[style*="display: grid"]{max-width:100%!important}.card,.widget,[class*=card],[class*=widget],[style*=borderRadius]{max-width:100%!important;overflow:hidden!important}button{max-width:100%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){[style*="padding: 20px"]{padding:12px!important}[style*="padding: 40px"]{padding:16px!important}[style*="gap: 20px"]{gap:12px!important}nav{padding:8px!important}article,main,section{max-width:100vw!important;overflow-x:hidden!important;padding-left:0!important;padding-right:0!important}}.safe-area-top,[style*="position: fixed"][style*="top: 0"]{padding-top:env(safe-area-inset-top,0)!important}@supports (padding-top:env(safe-area-inset-top)){body.capacitor,body.cordova,html.plt-capacitor,html.plt-cordova{--safe-area-top:env(safe-area-inset-top,24px)}body.capacitor [style*="position: fixed"][style*="top: 0"],html.plt-capacitor [style*="position: fixed"][style*="top: 0"]{padding-top:env(safe-area-inset-top,24px)!important}}@media screen and (display-mode:standalone){[style*="position: fixed"][style*="top: 0"]{padding-top:24px!important}}@media (display-mode:standalone){[style*="position: fixed"][style*="top: 0"]{padding-top:max(env(safe-area-inset-top,0px),24px)!important}}:root{--recurring-primary:#4a90a4;--recurring-primary-light:#6ba893;--recurring-accent:#e8976c;--recurring-accent-light:#f0a87d;--recurring-success:#22c55e;--recurring-danger:#ef4444;--recurring-bg:#f0f9ff;--recurring-bg-card:#fff;--recurring-text:#1f2937;--recurring-text-secondary:#6b7280;--recurring-border:#b8d4dc;--recurring-border-light:#d4e8ec;--recurring-bg-light:#e8f4f8;--recurring-shadow:0 2px 8px #4a90a41a;--recurring-shadow-hover:0 8px 24px #4a90a433;--recurring-radius:16px;--recurring-radius-sm:10px;--recurring-radius-lg:20px;--recurring-gradient:linear-gradient(135deg,#4a90a4,#6ba893)}.recurring-container.dark{--recurring-bg:#111827;--recurring-bg-card:#1f2937;--recurring-text:#f9fafb;--recurring-text-secondary:#9ca3af;--recurring-border:#374151;--recurring-border-light:#4b5563;--recurring-bg-light:#1f2937;--recurring-shadow:0 2px 8px #0000004d;--recurring-shadow-hover:0 4px 16px #0006}.recurring-container{background:#f0f9ff;background:var(--recurring-bg);color:#1f2937;color:var(--recurring-text);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.recurring-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.recurring-header .header-left{align-items:center;display:flex;gap:1rem}.recurring-header .header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--recurring-gradient);border-radius:16px;border-radius:var(--recurring-radius);box-shadow:0 4px 12px #4a90a44d;display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.recurring-header h1{color:#1f2937;color:var(--recurring-text);font-size:1.75rem;font-weight:700;margin:0}.recurring-header p{color:#6b7280;color:var(--recurring-text-secondary);font-size:.9rem;margin:.25rem 0 0}.recurring-header .positive{color:#22c55e;color:var(--recurring-success);font-weight:600}.recurring-header .negative{color:#ef4444;color:var(--recurring-danger);font-weight:600}.recurring-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.recurring-card{background:#fff;background:var(--recurring-bg-card);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:20px;border-radius:var(--recurring-radius-lg);box-shadow:0 2px 8px #4a90a41a;box-shadow:var(--recurring-shadow);overflow:hidden}.recurring-card .card-header{align-items:center;background:#e8f4f8;background:var(--recurring-bg-light);border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--recurring-border-light);display:flex;justify-content:space-between;padding:.45rem 1.25rem}.recurring-card .card-header h2{align-items:center;color:#1f2937;color:var(--recurring-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.btn-new{background:#fff;border:2px solid #4a90a4;border:2px solid var(--recurring-primary);color:#4a90a4;color:var(--recurring-primary);gap:6px}.btn-new:hover{background:#4a90a414;border-color:#3a7a8e;border-color:var(--recurring-primary-dark,#3a7a8e)}.recurring-list{max-height:400px;overflow-y:auto}.recurring-item{align-items:center;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--recurring-border-light);cursor:pointer;display:flex;padding:.55rem 1.25rem;transition:all .2s}.recurring-item:hover{background:#e8f4f8;background:var(--recurring-bg-light)}.recurring-item:last-child{border-bottom:none}.recurring-item.inactive{opacity:.5}.recurring-item .item-icon{align-items:center;background:#e8f4f8;background:var(--recurring-bg-light);border:1px solid #b8d4dc;border:1px solid var(--recurring-border);border-radius:7px;display:flex;flex-shrink:0;font-size:.95rem;height:30px;justify-content:center;margin-right:.6rem;width:30px}.recurring-item .item-info{flex:1 1;min-width:0}.recurring-item .item-name{color:#1f2937;color:var(--recurring-text);font-weight:600;margin-bottom:.25rem}.recurring-item .item-schedule{color:#6b7280;color:var(--recurring-text-secondary);font-size:.8rem}.recurring-item .item-amount{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;margin-right:1rem;white-space:nowrap}.recurring-item .item-amount.expense{color:#ef4444;color:var(--recurring-danger)}.recurring-item .item-amount.income{color:#22c55e;color:var(--recurring-success)}.toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000001a;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--recurring-gradient)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.summary-box{background:#e8f4f8;background:var(--recurring-bg-light);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:10px;border-radius:var(--recurring-radius-sm);margin:1rem 1.5rem 1.5rem;padding:1rem}.summary-row{color:#1f2937;color:var(--recurring-text);display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.summary-row.total{border-top:2px solid #b8d4dc;border-top:2px solid var(--recurring-border);font-weight:700;margin-top:.5rem;padding-top:.75rem}.summary-row .income{color:#22c55e;color:var(--recurring-success);font-weight:600}.summary-row .expense{color:#ef4444;color:var(--recurring-danger);font-weight:600}.recurring-card.yearly{margin-top:0}.yearly-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1.5rem}.yearly-item{align-items:center;background:#e8f4f8;background:var(--recurring-bg-light);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:10px;border-radius:var(--recurring-radius-sm);cursor:pointer;display:flex;padding:1rem;transition:all .2s}.yearly-item:hover{border-color:#4a90a4;border-color:var(--recurring-primary);box-shadow:0 2px 8px #4a90a41a;box-shadow:var(--recurring-shadow);transform:translateY(-2px)}.yearly-item.inactive{opacity:.5}.yearly-item .item-icon{align-items:center;background:#fff;background:var(--recurring-bg-card);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:10px;display:flex;font-size:1.1rem;height:40px;justify-content:center;margin-right:.75rem;width:40px}.yearly-item .item-name{color:#1f2937;color:var(--recurring-text);font-size:.95rem;font-weight:600}.yearly-item .item-schedule{color:#6b7280;color:var(--recurring-text-secondary);font-size:.8rem}.recurring-container .fab{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--recurring-gradient);border:none;border-radius:var(--btn-r-fab);bottom:2rem;box-shadow:0 4px 20px #4a90a466;color:#fff;cursor:pointer;font-size:1.75rem;height:var(--btn-size-fab);position:fixed;right:2rem;transition:all .3s ease;width:var(--btn-size-fab);z-index:99}.recurring-container .fab:hover{box-shadow:0 8px 30px #4a90a480;transform:scale(1.1) rotate(90deg)}.recurring-container .modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.recurring-container .modal{animation:slideUp .3s ease;background:#fff;background:var(--recurring-bg-card);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:20px;border-radius:var(--recurring-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.recurring-container .modal-header{align-items:center;background:#e8f4f8;background:var(--recurring-bg-light);border-bottom:2px solid #b8d4dc;border-bottom:2px solid var(--recurring-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.recurring-container .modal-header h3{color:#1f2937;color:var(--recurring-text);font-size:1.1rem;font-weight:700;margin:0}.recurring-container .modal-close{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:8px;color:#6b7280;color:var(--recurring-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:var(--btn-size-icon-mini);justify-content:center;position:relative;transition:all .2s;width:var(--btn-size-icon-mini)}.recurring-container .modal-close:before{content:"";inset:-6px;position:absolute}.recurring-container .modal-close:hover{border-color:#4a90a4;border-color:var(--recurring-primary);color:#4a90a4;color:var(--recurring-primary)}.recurring-container .modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:1.5rem}.recurring-container .modal-footer{align-items:center;background:#f9fafb;border-top:2px solid #b8d4dc;border-top:2px solid var(--recurring-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.type-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.type-toggle button{background:#fff;background:var(--recurring-bg-card);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:10px;border-radius:var(--recurring-radius-sm);color:#6b7280;color:var(--recurring-text-secondary);cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1rem;transition:all .2s}.type-toggle button:hover{border-color:#4a90a4;border-color:var(--recurring-primary)}.type-toggle button.active.expense{background:#ef44441a;border-color:#ef4444;border-color:var(--recurring-danger);color:#ef4444;color:var(--recurring-danger)}.type-toggle button.active.income{background:#22c55e1a;border-color:#22c55e;border-color:var(--recurring-success);color:#22c55e;color:var(--recurring-success)}.recurring-container .form-group{margin-bottom:1.25rem}.recurring-container .form-group label{color:#1f2937;color:var(--recurring-text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.recurring-container .form-group input,.recurring-container .form-group select{background:#f9fafb;border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:10px;border-radius:var(--recurring-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--recurring-text);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.recurring-container .form-group input:focus,.recurring-container .form-group select:focus{background:#fff;border-color:#4a90a4;border-color:var(--recurring-primary);outline:none}.input-with-suffix .suffix{color:var(--recurring-text-secondary)}.toggle-group{align-items:center;display:flex;justify-content:space-between}.recurring-container .btn-primary{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--recurring-gradient);border:none;border-radius:14px;box-shadow:0 4px 16px #4a90a440;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;height:52px;justify-content:center;line-height:1;padding:0 28px;transition:all .2s;white-space:nowrap}.recurring-container .btn-primary:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.recurring-container .btn-secondary{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:12px;box-sizing:border-box;color:#6b7280;color:var(--recurring-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;height:44px;justify-content:center;line-height:1;padding:0 20px;transition:all .2s;white-space:nowrap}.recurring-container .btn-secondary:hover{border-color:#4a90a4;border-color:var(--recurring-primary);color:#4a90a4;color:var(--recurring-primary)}.recurring-container .btn-delete{align-items:center;background:#ef44441a;border:2px solid #ef444433;border-radius:12px;box-sizing:border-box;color:#ef4444;color:var(--recurring-danger);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;height:44px;justify-content:center;line-height:1;margin-right:auto;padding:0 20px;transition:all .2s;white-space:nowrap}.recurring-container .btn-delete:hover{background:#ef444433;border-color:#ef4444;border-color:var(--recurring-danger)}.recurring-container .empty-state{color:#6b7280;color:var(--recurring-text-secondary);padding:2rem;text-align:center}.recurring-auth-required{align-items:center;color:#6b7280;color:var(--recurring-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.recurring-auth-required span{font-size:3rem}.recurring-container .toast-container{bottom:6rem;display:flex;flex-direction:column;gap:.75rem;position:fixed;right:2rem;z-index:1001}.recurring-container .toast{animation:slideIn .3s ease;background:#fff;background:var(--recurring-bg-card);border:2px solid #b8d4dc;border:2px solid var(--recurring-border);border-radius:10px;border-radius:var(--recurring-radius-sm);box-shadow:0 8px 24px #4a90a433;box-shadow:var(--recurring-shadow-hover);color:#1f2937;color:var(--recurring-text);padding:1rem 1.5rem}.recurring-container .toast.error{border-left-color:#ef4444;border-left-color:var(--recurring-danger)}.recurring-container .toast.info{border-left-color:#4a90a4;border-left-color:var(--recurring-primary)}@media (max-width:900px){.recurring-grid{grid-template-columns:1fr}}@media (max-width:600px){.recurring-container{padding:1rem}.recurring-header h1{font-size:1.5rem}.recurring-item{padding:.875rem 1rem}.recurring-item .item-amount{font-size:.9rem}.yearly-grid{grid-template-columns:1fr}.recurring-container .fab{bottom:1.5rem;font-size:1.5rem;height:56px;right:1.5rem;width:56px}.recurring-container .modal{margin:.5rem;max-width:100%}}.recurring-list::-webkit-scrollbar{width:6px}.recurring-list::-webkit-scrollbar-track{background:#d4e8ec;background:var(--recurring-border-light);border-radius:3px}.recurring-list::-webkit-scrollbar-thumb{background:#b8d4dc;background:var(--recurring-border);border-radius:3px}.recurring-list::-webkit-scrollbar-thumb:hover{background:#4a90a4;background:var(--recurring-primary)}:root{--savings-primary:#4a90a4;--savings-primary-light:#6ba893;--savings-accent:#e8976c;--savings-accent-light:#f0a87d;--savings-success:#22c55e;--savings-warning:#f59e0b;--savings-danger:#ef4444;--savings-bg:#f0f9ff;--savings-bg-card:#fff;--savings-text:#1f2937;--savings-text-secondary:#6b7280;--savings-border:#b8d4dc;--savings-border-light:#d4e8ec;--savings-bg-light:#e8f4f8;--savings-shadow:0 2px 8px #4a90a41a;--savings-shadow-hover:0 8px 24px #4a90a433;--savings-radius:16px;--savings-radius-sm:10px;--savings-radius-lg:20px;--savings-gradient:linear-gradient(135deg,#4a90a4,#6ba893)}.savings-container.dark{--savings-bg:#111827;--savings-bg-card:#1f2937;--savings-text:#f9fafb;--savings-text-secondary:#9ca3af;--savings-border:#374151;--savings-border-light:#4b5563;--savings-bg-light:#1f2937}.savings-container{background:#f0f9ff;background:var(--savings-bg);color:#1f2937;color:var(--savings-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.savings-header{align-items:flex-start;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.savings-header .header-left{align-items:center;display:flex;gap:12px}.savings-header .header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);border-radius:16px;border-radius:var(--savings-radius);box-shadow:0 4px 12px #4a90a44d;display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.savings-header h1{color:#1f2937;color:var(--savings-text);font-size:1.75rem;font-weight:700;margin:0}.savings-header p{color:#6b7280;color:var(--savings-text-secondary);font-size:.9rem;margin:.25rem 0 0}.btn-new{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #4a90a44d;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;height:44px;justify-content:center;line-height:1;padding:0 20px;transition:all .2s;white-space:nowrap}.btn-new:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.savings-filter-bar{background:#fff;border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;width:-webkit-fit-content;width:fit-content}.savings-filter-bar .filter-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--savings-text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.savings-filter-bar .filter-btn.active{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);color:#fff}.savings-filter-bar .filter-btn:hover:not(.active){background:#e8f4f8;background:var(--savings-bg-light);color:#4a90a4;color:var(--savings-primary)}.savings-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.summary-card{background:var(--savings-bg-card);border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:var(--savings-radius);gap:1rem;padding:1.25rem;transition:all .2s}.summary-card:hover{border-color:#4a90a4;border-color:var(--savings-primary);box-shadow:0 2px 8px #4a90a41a;box-shadow:var(--savings-shadow)}.summary-card .card-icon{align-items:center;background:#e8f4f8;background:var(--savings-bg-light);border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.summary-card .card-label{color:#6b7280;color:var(--savings-text-secondary);font-size:.8rem;margin-bottom:.25rem}.summary-card .card-value{color:#1f2937;color:var(--savings-text);font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700}.savings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.goal-card{background:#fff;background:var(--savings-bg-card);border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:20px;border-radius:var(--savings-radius-lg);cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.goal-card:hover{border-color:#4a90a4;border-color:var(--savings-primary);box-shadow:0 8px 24px #4a90a433;box-shadow:var(--savings-shadow-hover);transform:translateY(-4px)}.goal-card.completed{background:linear-gradient(135deg,#22c55e0d,#fff);background:linear-gradient(135deg,#22c55e0d 0,var(--savings-bg-card) 100%);border-color:#22c55e;border-color:var(--savings-success)}.completed-badge{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:20px;box-shadow:0 2px 8px #22c55e4d;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .75rem;position:absolute;right:1rem;top:1rem}.goal-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.25rem}.goal-icon{border-radius:14px;font-size:1.75rem;height:56px;width:56px}.goal-name{color:#1f2937;color:var(--savings-text);font-size:1.15rem;font-weight:700;margin-bottom:.25rem}.goal-description{color:var(--savings-text-secondary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-delete-btn{align-items:center;background:#e8f4f8;background:var(--savings-bg-light);border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;line-height:1;padding:0;position:relative;transition:all .2s;width:32px}.goal-delete-btn:before{content:"";inset:-6px;position:absolute}.goal-delete-btn:hover{background:#fef2f2;border-color:#ef4444;border-color:var(--savings-danger)}.goal-progress{margin-bottom:1rem}.progress-amounts{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-current{color:#1f2937;color:var(--savings-text);font-size:1.1rem;font-weight:700}.progress-target{color:#6b7280;color:var(--savings-text-secondary);font-size:.9rem}.progress-bar{background:#d4e8ec;background:var(--savings-border-light);border-radius:6px;height:12px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);border-radius:6px}.progress-info{display:flex;font-size:.8rem;justify-content:space-between}.progress-percentage{color:#4a90a4;color:var(--savings-primary);font-weight:700}.progress-remaining{color:#6b7280;color:var(--savings-text-secondary)}.goal-meta{gap:1rem;margin-bottom:1rem}.meta-item{color:var(--savings-text-secondary);gap:.35rem}.meta-item .days-left{color:#4a90a4;color:var(--savings-primary);font-weight:600}.meta-icon{font-size:.9rem}.goal-actions{border-top:2px solid #d4e8ec;border-top:2px solid var(--savings-border-light);padding-top:1rem}.btn-contribute{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);border:none;border-radius:14px;box-shadow:0 4px 16px #4a90a440;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;height:52px;justify-content:center;line-height:1;padding:0 28px;transition:all .2s;white-space:nowrap;width:100%}.btn-contribute:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.goal-completed-badge{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.875rem;width:100%}.savings-container .empty-state{background:#fff;background:var(--savings-bg-card);border:2px dashed #b8d4dc;border:2px dashed var(--savings-border);border-radius:20px;border-radius:var(--savings-radius-lg);grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-state h3{color:var(--savings-text)}.empty-state p{color:var(--savings-text-secondary)}.savings-error{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.savings-error button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1.25rem}.savings-container .fab{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);border:none;border-radius:var(--btn-r-fab);bottom:2rem;box-shadow:0 4px 20px #4a90a466;color:#fff;cursor:pointer;font-size:1.75rem;height:var(--btn-size-fab);position:fixed;right:2rem;transition:all .3s ease;width:var(--btn-size-fab);z-index:99}.savings-container .fab:hover{box-shadow:0 6px 30px #4a90a480;transform:scale(1.1) rotate(90deg)}.savings-container .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.savings-container .modal{background:#fff;background:var(--savings-bg-card);border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:20px;border-radius:var(--savings-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.savings-container .modal.modal-sm{max-width:400px}.savings-container .modal-header{align-items:center;background:#e8f4f8;background:var(--savings-bg-light);border-bottom:2px solid #b8d4dc;border-bottom:2px solid var(--savings-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.savings-container .modal-header h3{color:#1f2937;color:var(--savings-text);font-size:1.1rem;font-weight:700;margin:0}.savings-container .modal-close{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:8px;color:#6b7280;color:var(--savings-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:var(--btn-size-icon-mini);justify-content:center;position:relative;transition:all .2s;width:var(--btn-size-icon-mini)}.savings-container .modal-close:before{content:"";inset:-6px;position:absolute}.savings-container .modal-close:hover{border-color:#4a90a4;border-color:var(--savings-primary);color:#4a90a4;color:var(--savings-primary)}.savings-container .modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:1.5rem}.savings-container .modal-footer{align-items:center;background:#f9fafb;border-top:2px solid #b8d4dc;border-top:2px solid var(--savings-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.savings-container .form-group{margin-bottom:1.25rem}.savings-container .form-group label{color:#1f2937;color:var(--savings-text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.savings-container .form-group input,.savings-container .form-group select,.savings-container .form-group textarea{background:#f9fafb;border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:10px;border-radius:var(--savings-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--savings-text);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.savings-container .form-group input:focus,.savings-container .form-group select:focus,.savings-container .form-group textarea:focus{background:#fff;border-color:#4a90a4;border-color:var(--savings-primary);outline:none}.input-with-suffix .suffix{color:var(--savings-text-secondary)}.color-picker,.icon-picker{display:flex;flex-wrap:wrap;gap:.5rem}.icon-option{background:#fff;border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:var(--btn-r-icon);cursor:pointer;font-size:1.25rem;height:44px;transition:all .2s;width:44px}.icon-option.selected,.icon-option:hover{background:#e8f4f8;background:var(--savings-bg-light);border-color:#4a90a4;border-color:var(--savings-primary)}.icon-option.selected{box-shadow:0 0 0 2px #4a90a433}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;transition:all .2s;width:36px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1f2937;border-color:var(--savings-text);box-shadow:0 0 0 2px #fff}.contribute-info{background:#e8f4f8;background:var(--savings-bg-light);border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.contribute-preview{background:#d4e8ec;background:var(--savings-border-light);border-radius:10px;border-radius:var(--savings-radius-sm);margin-bottom:1.5rem;padding:1.5rem;text-align:center}.contribute-preview .preview-icon{font-size:3rem;margin-bottom:.5rem}.contribute-preview .preview-name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.contribute-preview .preview-progress{color:#6b7280;color:var(--savings-text-secondary);font-size:.9rem}.contribute-result{background:#22c55e1a;border:2px solid #22c55e33;border-radius:10px;border-radius:var(--savings-radius-sm);margin-top:1rem;padding:1rem}.contribute-result .result-row{display:flex;justify-content:space-between;padding:.35rem 0}.contribute-result .value{color:#22c55e;color:var(--savings-success);font-weight:700}.savings-container .btn-primary{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--savings-gradient);border:none;border-radius:14px;box-shadow:0 4px 16px #4a90a440;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;height:52px;justify-content:center;line-height:1;padding:0 28px;transition:all .2s;white-space:nowrap}.savings-container .btn-primary:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.savings-container .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.savings-container .btn-secondary{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--savings-border);border-radius:12px;box-sizing:border-box;color:#6b7280;color:var(--savings-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;height:44px;justify-content:center;line-height:1;padding:0 20px;transition:all .2s;white-space:nowrap}.savings-container .btn-secondary:hover{border-color:#4a90a4;border-color:var(--savings-primary);color:#4a90a4;color:var(--savings-primary)}.savings-container .btn-success{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 2px 8px #22c55e4d;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;height:44px;justify-content:center;line-height:1;padding:0 20px;transition:all .2s;white-space:nowrap}.savings-container .btn-success:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-2px)}.savings-container .btn-delete{align-items:center;background:#ef44441a;border:2px solid #ef444433;border-radius:12px;box-sizing:border-box;color:#ef4444;color:var(--savings-danger);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;height:44px;justify-content:center;line-height:1;margin-right:auto;padding:0 20px;transition:all .2s;white-space:nowrap}.savings-container .btn-delete:hover{background:#ef444433;border-color:#ef4444;border-color:var(--savings-danger)}.savings-auth-required{align-items:center;color:#6b7280;color:var(--savings-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.savings-auth-required span{font-size:3rem}.savings-loading{align-items:center;color:#6b7280;color:var(--savings-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.savings-loading .spinner{animation:spin 1s linear infinite;border:4px solid #d4e8ec;border-top-color:#4a90a4;border:4px solid var(--savings-border-light);border-radius:50%;border-top-color:var(--savings-primary);height:48px;width:48px}.savings-container .toast-container{bottom:6rem;display:flex;flex-direction:column;gap:.75rem;position:fixed;right:2rem;z-index:1001}.savings-container .toast{background:#fff;background:var(--savings-bg-card);border-left:4px solid #22c55e;border-left:4px solid var(--savings-success);border-radius:10px;border-radius:var(--savings-radius-sm);box-shadow:0 8px 24px #4a90a433;box-shadow:var(--savings-shadow-hover);color:#1f2937;color:var(--savings-text);padding:1rem 1.5rem}.savings-container .toast.error{border-left-color:#ef4444;border-left-color:var(--savings-danger)}.savings-container .toast.info{border-left-color:#4a90a4;border-left-color:var(--savings-primary)}@media (max-width:900px){.savings-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.savings-container{padding:1rem}.savings-header{align-items:flex-start;flex-direction:column}.savings-summary-grid{gap:.75rem;grid-template-columns:1fr 1fr}.summary-card{padding:1rem}.summary-card .card-value{font-size:1rem}.savings-grid{grid-template-columns:1fr}.savings-container .fab{bottom:1.5rem;height:56px;right:1.5rem;width:56px}.form-row{grid-template-columns:1fr}.savings-container .modal{margin:.5rem;max-height:95vh;max-width:100%}}:root{--debts-primary:#4a90a4;--debts-primary-light:#6ba893;--debts-accent:#e8976c;--debts-accent-light:#f0a87d;--debts-success:#22c55e;--debts-warning:#f59e0b;--debts-danger:#ef4444;--debts-bg:#f0f9ff;--debts-bg-card:#fff;--debts-text:#1f2937;--debts-text-secondary:#6b7280;--debts-border:#b8d4dc;--debts-border-light:#d4e8ec;--debts-bg-light:#e8f4f8;--debts-shadow:0 2px 8px #4a90a41a;--debts-shadow-hover:0 8px 24px #4a90a433;--debts-radius:16px;--debts-radius-sm:10px;--debts-radius-lg:20px;--debts-gradient:linear-gradient(135deg,#4a90a4,#6ba893)}.debts-container.dark{--debts-bg:#111827;--debts-bg-card:#1f2937;--debts-text:#f9fafb;--debts-text-secondary:#9ca3af;--debts-border:#374151;--debts-border-light:#4b5563;--debts-bg-light:#1f2937;--debts-shadow:0 2px 8px #0000004d;--debts-shadow-hover:0 4px 16px #0006}.debts-container{background:#f0f9ff;background:var(--debts-bg);color:#1f2937;color:var(--debts-text);margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem}.debts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.debts-header .header-left{align-items:center;display:flex;gap:1rem}.debts-header .header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--debts-gradient);border-radius:16px;border-radius:var(--debts-radius);box-shadow:0 4px 12px #4a90a44d;display:flex;font-size:1.75rem;height:56px;justify-content:center;width:56px}.debts-header h1{color:#1f2937;color:var(--debts-text);font-size:1.75rem;font-weight:700;margin:0}.debts-header p{color:#6b7280;color:var(--debts-text-secondary);font-size:.9rem;margin:.25rem 0 0}.debts-header .highlight{color:#ef4444;color:var(--debts-danger);font-weight:600}.debts-card{background:#fff;background:var(--debts-bg-card);border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:20px;border-radius:var(--debts-radius-lg);box-shadow:0 2px 8px #4a90a41a;box-shadow:var(--debts-shadow);overflow:hidden}.debts-card .card-header{align-items:center;background:#e8f4f8;background:var(--debts-bg-light);border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--debts-border-light);display:flex;justify-content:space-between;padding:.45rem 1.25rem}.debts-card .card-header h2{align-items:center;color:#1f2937;color:var(--debts-text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.btn-add{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--debts-gradient);border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-shadow:0 4px 16px #4a90a440;box-sizing:border-box;display:inline-flex;font-size:.9rem;gap:.5rem;justify-content:center;line-height:1;min-height:44px;min-height:var(--btn-h-secondary,44px);padding:0 20px;white-space:nowrap}.btn-add:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.debts-list{padding:0}.debt-item{border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--debts-border-light);cursor:pointer;padding:.55rem 1.25rem;transition:all .2s}.debt-item:hover{background:#e8f4f8;background:var(--debts-bg-light)}.debt-item:last-child{border-bottom:none}.debt-main{align-items:flex-start;display:flex;gap:1rem;margin-bottom:.75rem}.debt-icon{align-items:center;background:#e8f4f8;background:var(--debts-bg-light);border:1px solid #b8d4dc;border:1px solid var(--debts-border);border-radius:7px;display:flex;flex-shrink:0;font-size:.95rem;height:30px;justify-content:center;width:30px}.debt-info{flex:1 1;min-width:0}.debt-name{color:#1f2937;color:var(--debts-text);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.debt-details{color:#6b7280;color:var(--debts-text-secondary);font-size:.85rem}.debt-amount{flex-shrink:0;text-align:right}.debt-amount .amount-value{color:#ef4444;color:var(--debts-danger);font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700}.debt-amount .amount-original{color:#6b7280;color:var(--debts-text-secondary);font-size:.8rem}.debt-progress{background:#d4e8ec;background:var(--debts-border-light);border-radius:5px;height:10px;margin-bottom:.75rem;overflow:hidden}.debt-progress-bar{border-radius:5px;height:100%;transition:width .5s ease}.debt-meta{color:#6b7280;color:var(--debts-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem}.debt-meta .meta-item{white-space:nowrap}.debt-warning{align-items:center;background:#ef44441a;border-radius:100px;box-sizing:border-box;color:#ef4444;color:var(--debts-danger);display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;line-height:1;margin-top:.75rem;min-height:36px;min-height:var(--btn-h-chip,36px);padding:0 .75rem}.debt-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-pay{align-items:center;background:#22c55e1a;border:2px solid #22c55e33;border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;color:#22c55e;color:var(--debts-success);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;min-height:44px;min-height:var(--btn-h-secondary,44px);padding:0 20px;transition:all .2s}.btn-pay:hover{background:#22c55e33;border-color:#22c55e;border-color:var(--debts-success)}.debts-summary{background:#e8f4f8;background:var(--debts-bg-light);border-top:2px solid #b8d4dc;border-top:2px solid var(--debts-border);padding:1.25rem 1.5rem}.debts-summary .summary-row{color:#1f2937;color:var(--debts-text);display:flex;font-size:1rem;justify-content:space-between;padding:.5rem 0}.debts-summary .summary-value{font-family:Space Mono,monospace;font-weight:700}.debts-summary .summary-value.danger{color:#ef4444;color:var(--debts-danger)}.debts-container .empty-state{padding:3rem 2rem;text-align:center}.empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#22c55e;color:var(--debts-success);font-size:1.25rem}.empty-state p{color:var(--debts-text-secondary);margin-bottom:1.5rem}.debts-container .fab{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--debts-gradient);border:none;border-radius:16px;border-radius:var(--btn-r-fab,16px);bottom:72px;box-shadow:0 4px 20px #4a90a466;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:56px;height:var(--btn-size-fab,56px);justify-content:center;padding:0;position:fixed;right:16px;transition:all .3s ease;width:56px;width:var(--btn-size-fab,56px);z-index:9999}.debts-container .fab:hover{box-shadow:0 8px 30px #4a90a480;transform:scale(1.1) rotate(90deg)}.debts-container .modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.debts-container .modal{animation:slideUp .3s ease;background:#fff;background:var(--debts-bg-card);border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:20px;border-radius:var(--debts-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:560px;overflow:hidden;width:100%}.debts-container .modal.modal-sm{max-width:420px}.debts-container .modal-header{align-items:center;background:#e8f4f8;background:var(--debts-bg-light);border-bottom:2px solid #b8d4dc;border-bottom:2px solid var(--debts-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.debts-container .modal-header h3{color:#1f2937;color:var(--debts-text);font-size:1.1rem;font-weight:700;margin:0}.debts-container .modal-close{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:8px;color:#6b7280;color:var(--debts-text-secondary);cursor:pointer;display:flex;font-size:1.25rem;height:var(--btn-size-icon-mini);justify-content:center;position:relative;transition:all .2s;width:var(--btn-size-icon-mini)}.debts-container .modal-close:before{content:"";inset:-6px;position:absolute}.debts-container .modal-close:hover{border-color:#4a90a4;border-color:var(--debts-primary);color:#4a90a4;color:var(--debts-primary)}.debts-container .modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:1.5rem}.debts-container .modal-footer{background:#f9fafb;border-top:2px solid #b8d4dc;border-top:2px solid var(--debts-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.type-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.type-btn{align-items:center;background:#fff;background:var(--debts-bg-card);border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:10px;border-radius:var(--debts-radius-sm);color:#6b7280;color:var(--debts-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.35rem;padding:.75rem;transition:all .2s}.type-btn span{font-size:1.5rem}.type-btn.active,.type-btn:hover{border-color:#4a90a4;border-color:var(--debts-primary)}.type-btn.active{background:#4a90a41a;color:#4a90a4;color:var(--debts-primary)}.icon-grid{display:flex;flex-wrap:wrap;gap:.5rem}.icon-btn{background:#fff;background:var(--debts-bg-card);border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:var(--btn-r-icon);cursor:pointer;font-size:1.25rem;height:44px;transition:all .2s;width:44px}.icon-btn:hover{background:#e8f4f8;background:var(--debts-bg-light)}.icon-btn.active,.icon-btn:hover{border-color:#4a90a4;border-color:var(--debts-primary)}.icon-btn.active{background:#4a90a41a;box-shadow:0 0 0 2px #4a90a433}.debts-container .form-group{margin-bottom:1.25rem}.debts-container .form-group label{color:#1f2937;color:var(--debts-text);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.debts-container .form-group input,.debts-container .form-group select,.debts-container .form-group textarea{background:#f9fafb;border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:10px;border-radius:var(--debts-radius-sm);box-sizing:border-box;color:#1f2937;color:var(--debts-text);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.debts-container .form-group input:focus,.debts-container .form-group select:focus,.debts-container .form-group textarea:focus{background:#fff;border-color:#4a90a4;border-color:var(--debts-primary);outline:none}.form-row{grid-template-columns:repeat(2,1fr)}.input-with-suffix input{padding-right:2.5rem}.input-with-suffix .suffix{color:var(--debts-text-secondary);right:1rem}.payment-preview{background:#e8f4f8;background:var(--debts-bg-light);border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:10px;border-radius:var(--debts-radius-sm);margin-bottom:1.5rem;padding:1.5rem;text-align:center}.payment-preview .preview-icon{font-size:3rem;margin-bottom:.5rem}.payment-preview .preview-name{color:#1f2937;color:var(--debts-text);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.payment-preview .preview-amount{color:#6b7280;color:var(--debts-text-secondary)}.payment-result{background:#22c55e1a;border:2px solid #22c55e33;border-radius:10px;border-radius:var(--debts-radius-sm);margin-top:1rem;padding:1rem}.payment-result .result-row{color:#1f2937;color:var(--debts-text);display:flex;justify-content:space-between}.payment-result .value{color:#22c55e;color:var(--debts-success);font-weight:700}.debts-container .btn-primary{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--debts-gradient);border:none;border-radius:14px;border-radius:var(--btn-r-primary,14px);box-shadow:0 4px 16px #4a90a440;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;min-height:52px;min-height:var(--btn-h-primary,52px);padding:0 28px;transition:all .2s;white-space:nowrap}.debts-container .btn-primary:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.debts-container .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.debts-container .btn-secondary{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;color:#6b7280;color:var(--debts-text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;min-height:44px;min-height:var(--btn-h-secondary,44px);padding:0 20px;transition:all .2s;white-space:nowrap}.debts-container .btn-secondary:hover{border-color:#4a90a4;border-color:var(--debts-primary);color:#4a90a4;color:var(--debts-primary)}.debts-container .btn-delete{align-items:center;background:#ef44441a;border:2px solid #ef444433;border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;color:#ef4444;color:var(--debts-danger);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1;margin-right:auto;min-height:44px;min-height:var(--btn-h-secondary,44px);padding:0 20px;transition:all .2s}.debts-container .btn-delete:hover{background:#ef444433;border-color:#ef4444;border-color:var(--debts-danger)}.debts-auth-required{align-items:center;color:#6b7280;color:var(--debts-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.debts-auth-required span{font-size:3rem}.debts-container .toast-container{bottom:6rem;display:flex;flex-direction:column;gap:.75rem;position:fixed;right:2rem;z-index:1001}.debts-container .toast{animation:slideIn .3s ease;background:#fff;background:var(--debts-bg-card);border:2px solid #b8d4dc;border:2px solid var(--debts-border);border-radius:10px;border-radius:var(--debts-radius-sm);box-shadow:0 8px 24px #4a90a433;box-shadow:var(--debts-shadow-hover);color:#1f2937;color:var(--debts-text);padding:1rem 1.5rem}.debts-container .toast.error{border-left-color:#ef4444;border-left-color:var(--debts-danger)}.debts-container .toast.info{border-left-color:#4a90a4;border-left-color:var(--debts-primary)}@media (max-width:600px){.debts-container{padding:1rem}.debts-header h1{font-size:1.5rem}.debt-main{flex-wrap:wrap}.debt-amount{margin-top:.5rem;padding-left:3.5rem;text-align:left;width:100%}.debt-meta{gap:.75rem}.type-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.debts-container .fab{bottom:72px;font-size:1.5rem;height:56px;right:16px;width:56px}.debts-container .modal{margin:.5rem;max-width:100%}}.debts-container .modal-body::-webkit-scrollbar{width:6px}.debts-container .modal-body::-webkit-scrollbar-track{background:#d4e8ec;background:var(--debts-border-light);border-radius:3px}.debts-container .modal-body::-webkit-scrollbar-thumb{background:#b8d4dc;background:var(--debts-border);border-radius:3px}.debts-container .modal-body::-webkit-scrollbar-thumb:hover{background:#4a90a4;background:var(--debts-primary)}:root{--budget-primary:#4a90a4;--budget-primary-light:#6ba893;--budget-primary-dark:#3a7a8e;--budget-accent:#6ba893;--budget-accent-light:#8fbfad;--budget-warm:#e8976c;--budget-success:#22c55e;--budget-success-light:#4ade80;--budget-warning:#f59e0b;--budget-danger:#ef4444;--budget-bg:#f0f9ff;--budget-bg-card:#fff;--budget-bg-secondary:#e8f4f8;--budget-text:#1f2937;--budget-text-secondary:#374151;--budget-text-muted:#6b7280;--budget-border:#b8d4dc;--budget-border-light:#d4e8ec;--budget-shadow:0 4px 24px #4a90a414;--budget-shadow-hover:0 8px 32px #4a90a426;--budget-radius:16px;--budget-radius-sm:10px;--budget-radius-lg:24px}.budget-container.dark{--budget-bg:#111827;--budget-bg-card:#1f2937;--budget-bg-secondary:#1f2937;--budget-text:#f9fafb;--budget-text-secondary:#e5e7eb;--budget-text-muted:#9ca3af;--budget-border:#374151;--budget-border-light:#4b5563;--budget-shadow:0 4px 24px #0000004d;--budget-shadow-hover:0 8px 32px #0006}.budget-container{animation:fadeIn .5s ease;background:#e8f4f8;color:#1f2937;color:var(--budget-text);margin:0;max-width:100%;min-height:calc(100vh - 100px);overflow-x:hidden;overflow-y:auto;padding:5px;width:100%}.budget-container,.budget-container *{box-sizing:border-box}.budget-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.budget-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.budget-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.budget-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.budget-header-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.budget-header-subtitle{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.budget-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.budget-info-btn:hover{opacity:.7}.budget-period-row{display:flex;margin-bottom:1rem}.budget-period-row .period-selector{justify-content:center;width:100%}.header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--budget-primary) 0,var(--budget-accent) 100%);border-radius:16px;border-radius:var(--budget-radius);box-shadow:0 4px 15px #4a90a44d;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.page-title{color:#1f2937;color:var(--budget-text);font-size:1.75rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-subtitle{color:#6b7280;color:var(--budget-text-muted);font-size:.9rem;margin:.25rem 0 0}.info-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;line-height:1;margin-left:.5rem;padding:0;position:relative;transition:all .2s;width:44px}.info-btn:before{content:"";inset:-6px;position:absolute}.info-btn:hover{background:#e2e8f0;border-color:#4a90a4;border-color:var(--budget-primary);color:#1e293b}.info-modal{background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:16px;border-radius:var(--budget-radius);box-shadow:0 4px 20px #4a90a426;margin-bottom:1rem;overflow:hidden}.info-modal-header{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--budget-primary),var(--budget-accent));color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.info-modal-title{font-weight:700;gap:.5rem}.info-close-btn,.info-modal-title{align-items:center;display:flex;font-size:1rem}.info-close-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;height:32px;justify-content:center;line-height:1;padding:0;position:relative;transition:all .2s;width:32px}.info-close-btn:before{content:"";inset:-6px;position:absolute}.info-close-btn:hover{background:#ffffff4d}.info-modal-content{padding:1.25rem}.info-text{font-size:.9rem;line-height:1.6;margin:0 0 1rem}.info-list,.info-text{color:#6b7280;color:var(--budget-text-muted)}.info-list{font-size:.85rem;line-height:1.8;margin:0;padding:0 0 0 1.25rem}.info-list li{margin-bottom:.25rem}.period-selector{align-items:center;background:#fff;background:var(--budget-bg-card);border:1px solid #b8d4dc;border:1px solid var(--budget-border);border-radius:100px;box-shadow:none;display:flex;flex-shrink:0;gap:.25rem;height:36px;padding:.25rem .5rem}.period-btn{background:none;border:none;border-radius:100px;color:#4a90a4;color:var(--budget-primary);cursor:pointer;font-size:.8rem;min-height:0;min-height:auto;padding:.25rem .375rem;transition:all .2s}.period-btn:hover{background:#e8f4f8;background:var(--budget-bg-secondary);color:#3a7a8e;color:var(--budget-primary-dark)}.period-text{color:#1f2937;color:var(--budget-text);font-size:.8rem;font-weight:600;min-width:96px;text-align:center}.budget-tabs-container{margin-bottom:1rem;position:relative;width:100%}.budget-chip-bar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 4px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.budget-chip-bar::-webkit-scrollbar{display:none}.budget-tabs-container:after{background:linear-gradient(90deg,#0000,#f0f9ff);background:linear-gradient(to right,#0000,var(--budget-bg));bottom:8px;content:"";opacity:1;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s;width:32px;z-index:1}.budget-tabs-container.scroll-end:after{opacity:0}.budget-chip{align-items:center;background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:100px;box-sizing:border-box;color:#6b7280;color:var(--budget-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:500;gap:6px;line-height:1;min-height:36px;min-height:var(--btn-h-chip,36px);padding:0 16px;scroll-snap-align:start;transition:all .2s;white-space:nowrap}.budget-chip:hover{color:#1f2937;color:var(--budget-text)}.budget-chip.active,.budget-chip:hover{border-color:#4a90a4;border-color:var(--budget-primary)}.budget-chip.active{background:#4a90a41a;color:#4a90a4;color:var(--budget-primary);font-weight:600}.budget-chip .chip-icon{font-size:.95rem;line-height:1}.budget-chip .chip-label{line-height:1}.budget-content{max-width:100%;overflow:hidden;width:100%}.summary-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem;width:100%}.summary-card{align-items:center;background:#fff;background:var(--budget-bg-card);border:1px solid #b8d4dc;border:1px solid var(--budget-border);border-radius:16px;border-radius:var(--budget-radius);box-shadow:none;display:flex;gap:.625rem;min-width:0;overflow:hidden;padding:.625rem .875rem;position:relative;transition:all .2s ease}.summary-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 4px 24px #4a90a414;box-shadow:var(--budget-shadow);transform:translateY(-1px)}.summary-card.income:before{background:#22c55e;background:var(--budget-success)}.summary-card.expense:before{background:#ef4444;background:var(--budget-danger)}.summary-card.balance:before{background:#4a90a4;background:var(--budget-primary)}.summary-card.savings:before{background:#6ba893;background:var(--budget-accent)}.summary-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:34px;justify-content:center;min-width:34px;width:34px}.summary-card.income .summary-icon{background:#22c55e1a}.summary-card.expense .summary-icon{background:#ef44441a}.summary-card.balance .summary-icon{background:#4a90a41a}.summary-card.savings .summary-icon{background:#6ba8931a}.summary-label{color:#6b7280;color:var(--budget-text-muted);font-size:.72rem;margin-bottom:.1rem}.summary-value{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:.1rem}.summary-card.income .summary-value{color:#22c55e;color:var(--budget-success)}.summary-card.expense .summary-value{color:#ef4444;color:var(--budget-danger)}.summary-card.balance .summary-value{color:#4a90a4;color:var(--budget-primary)}.summary-card.savings .summary-value{color:#6ba893;color:var(--budget-accent)}.summary-meta{align-items:center;color:#6b7280;color:var(--budget-text-muted);display:flex;flex-wrap:wrap;font-size:.68rem;gap:.375rem}.summary-meta .trend{align-items:center;display:flex;font-weight:600;gap:.2rem}.summary-meta .trend.up{color:#22c55e;color:var(--budget-success)}.summary-meta .trend.down{color:#ef4444;color:var(--budget-danger)}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;overflow:hidden;width:100%}@media (min-width:768px){.budget-container{margin:0 auto;max-width:1400px;padding:2rem 1.25rem}}@media (min-width:1024px){.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}.overview-left,.overview-right{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.card{background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:24px;border-radius:var(--budget-radius-lg);box-shadow:0 4px 24px #4a90a414;box-shadow:var(--budget-shadow);overflow:hidden;transition:border-color .2s;width:100%}.card:hover{border-color:#4a90a4;border-color:var(--budget-primary)}.card-header{border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--budget-border-light);flex-wrap:wrap;justify-content:space-between;padding:1rem 1.25rem}.card-header,.card-title{align-items:center;display:flex;gap:.5rem}.card-title{color:#1f2937;color:var(--budget-text);font-size:1rem;font-weight:600;margin:0}.quick-links{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.quick-link{align-items:center;background:#e8f4f8;background:var(--budget-bg-secondary);border:1px solid #d4e8ec;border:1px solid var(--budget-border-light);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem;transition:all .2s}.quick-link:hover{background:#4a90a414;border-color:#b8d4dc;border-color:var(--budget-border);transform:translateX(4px)}.quick-link .ql-icon{align-items:center;background:#fff;background:var(--budget-bg-card);border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;width:36px}.quick-link .ql-label{color:#1f2937;color:var(--budget-text);flex:1 1;font-size:.9rem;font-weight:600}.quick-link .ql-count{background:#4a90a4;background:var(--budget-primary);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.quick-link .ql-arrow{color:#6b7280;color:var(--budget-text-muted);font-size:1rem}.savings-preview{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem}.savings-preview-item{align-items:center;background:#e8f4f8;background:var(--budget-bg-secondary);border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.savings-preview-item .sp-icon{align-items:center;background:#fff;background:var(--budget-bg-card);border-radius:10px;display:flex;flex-shrink:0;font-size:1.25rem;height:36px;justify-content:center;width:36px}.savings-preview-item .sp-info{flex:1 1;min-width:0}.savings-preview-item .sp-name{color:#1f2937;color:var(--budget-text);font-size:.85rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.savings-preview-item .sp-progress{background:#d4e8ec;background:var(--budget-border-light);border-radius:3px;height:6px;overflow:hidden}.savings-preview-item .sp-bar{background:linear-gradient(90deg,#4a90a4,#6ba893);background:linear-gradient(90deg,var(--budget-primary),var(--budget-accent));border-radius:3px;height:100%;transition:width .5s ease}.savings-preview-item .sp-percentage{color:#22c55e;color:var(--budget-success);flex-shrink:0;font-size:.85rem;font-weight:700}.placeholder-view{align-items:center;background:#fff;background:var(--budget-bg-card);border:2px dashed #b8d4dc;border:2px dashed var(--budget-border);border-radius:24px;border-radius:var(--budget-radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.placeholder-icon{filter:grayscale(50%);font-size:4rem;margin-bottom:1rem;opacity:.7}.placeholder-title{color:#1f2937;color:var(--budget-text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.placeholder-description{color:#6b7280;color:var(--budget-text-muted);font-size:.9rem;margin-bottom:1.5rem;max-width:350px}.placeholder-badge{align-items:center;background:#e8f4f8;background:var(--budget-bg-secondary);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:100px;border-radius:var(--btn-r-chip,100px);box-sizing:border-box;display:inline-flex;font-size:.82rem;font-size:var(--btn-fs-chip,.82rem);font-weight:700;gap:.5rem;height:36px;height:var(--btn-h-chip,36px);line-height:1;padding:0 14px}.btn-text,.placeholder-badge{color:#4a90a4;color:var(--budget-primary)}.btn-text{background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem;transition:all .2s}.btn-text:hover{color:#3a7a8e;color:var(--budget-primary-dark);text-decoration:underline}.budget-content .debts-container,.budget-content .recurring-container,.budget-content .savings-container{background:#0000!important;margin:0!important;max-width:100%!important;min-height:auto!important;overflow:hidden!important;padding:0!important;width:100%!important}.budget-content .debts-container .debts-header,.budget-content .debts-container .fab,.budget-content .debts-container>header,.budget-content .recurring-container .fab,.budget-content .recurring-container .recurring-header,.budget-content .recurring-container>header,.budget-content .savings-container .fab,.budget-content .savings-container .savings-header,.budget-content .savings-container>header{display:none!important}.budget-content .debts-card,.budget-content .debts-container .card,.budget-content .recurring-card,.budget-content .recurring-container .card,.budget-content .savings-card,.budget-content .savings-container .card{max-width:100%!important;width:100%!important}.category-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--budget-border-light);display:flex;gap:0;overflow-x:auto;padding:0 1rem;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--budget-text-muted);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;margin-bottom:-1px;padding:.75rem;transition:all .2s;white-space:nowrap}.cat-tab:hover{color:#1f2937;color:var(--budget-text)}.cat-tab.active{border-bottom-color:#4a90a4;border-bottom-color:var(--budget-primary);color:#4a90a4;color:var(--budget-primary)}.category-list{padding:1rem 1.25rem}.category-item{align-items:center;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--budget-border-light);display:flex;flex-wrap:wrap;gap:.5rem;padding:.875rem 0}.category-item:last-child{border-bottom:none}.category-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.category-info{flex:1 1;min-width:120px}.category-name{align-items:center;color:var(--budget-text);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;margin-bottom:.25rem}.category-tag{border-radius:20px;font-size:.6rem;font-weight:600;padding:.1rem .4rem;text-transform:uppercase}.category-tag.fixed{background:#4a90a41a;color:#4a90a4;color:var(--budget-primary)}.category-tag.variable{background:#6ba8931a;color:#6ba893;color:var(--budget-accent)}.category-progress{background:#d4e8ec;background:var(--budget-border-light);border-radius:3px;height:5px;margin-top:.4rem;overflow:hidden}.category-progress-bar{border-radius:3px;height:100%;transition:width .5s ease}.category-amounts{flex-shrink:0;min-width:70px;text-align:right}.category-spent{color:#1f2937;color:var(--budget-text);font-family:Space Mono,monospace;font-size:.9rem;font-weight:700}.category-budget{color:#6b7280;color:var(--budget-text-muted);font-size:.75rem}.category-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;margin-left:.75rem;width:28px}.category-status.ok,.category-status.status-ok{background:#22c55e1a;color:#22c55e;color:var(--budget-success)}.category-status.status-warning,.category-status.warning{background:#f59e0b1a;color:#f59e0b;color:var(--budget-warning)}.category-status.danger,.category-status.status-over{background:#ef44441a;color:#ef4444;color:var(--budget-danger)}@media (max-width:480px){.category-item{flex-wrap:nowrap}.category-info{flex:1 1;min-width:0}.category-name{font-size:.85rem}.category-amounts{min-width:60px}.category-spent{font-size:.8rem}.category-budget{font-size:.7rem}.category-status{font-size:.7rem;height:24px;margin-left:.5rem;width:24px}}.transaction-list{max-height:350px;overflow-y:auto}.transaction-item{align-items:center;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--budget-border-light);cursor:pointer;display:flex;padding:.875rem 1.25rem;transition:background .2s}.transaction-item:hover{background:#e8f4f8;background:var(--budget-bg-secondary)}.transaction-item:last-child{border-bottom:none}.transaction-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;margin-right:.875rem;width:40px}.transaction-info{flex:1 1;min-width:0}.transaction-title{color:#1f2937;color:var(--budget-text);font-size:.9rem;font-weight:600;margin-bottom:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-meta{align-items:center;color:#6b7280;color:var(--budget-text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem}.transaction-source{align-items:center;background:#e8f4f8;background:var(--budget-bg-secondary);border-radius:4px;display:flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.1rem .4rem}.transaction-amount{font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;margin-left:.75rem;white-space:nowrap}.transaction-amount.expense{color:#ef4444;color:var(--budget-danger)}.transaction-amount.income{color:#22c55e;color:var(--budget-success)}.savings-list{padding:1rem 1.25rem}.savings-goal{background:#e8f4f8;background:var(--budget-bg-secondary);border:2px solid #0000;border-radius:16px;border-radius:var(--budget-radius);margin-bottom:.875rem;padding:1rem;transition:all .3s ease}.savings-goal:hover{border-color:#b8d4dc;border-color:var(--budget-border);box-shadow:0 4px 24px #4a90a414;box-shadow:var(--budget-shadow)}.savings-goal:last-child{margin-bottom:0}.savings-header{margin-bottom:.875rem}.savings-header,.savings-icon{align-items:center;display:flex}.savings-icon{border-radius:12px;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;margin-right:.875rem;width:44px}.savings-title{flex:1 1;min-width:0}.savings-name{color:#1f2937;color:var(--budget-text);font-size:.95rem;font-weight:700;margin-bottom:.2rem}.savings-target{color:#6b7280;color:var(--budget-text-muted);font-size:.75rem}.savings-percentage{color:#4a90a4;color:var(--budget-primary);font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700}.savings-progress{background:#fff;background:var(--budget-bg-card);border-radius:4px;box-shadow:inset 0 2px 4px #0000000d;height:8px;margin-bottom:.5rem;overflow:hidden}.savings-progress-bar{background:linear-gradient(90deg,#4a90a4,#6ba893);background:linear-gradient(90deg,var(--budget-primary),var(--budget-accent));border-radius:4px;height:100%;transition:width .5s ease}.savings-stats{display:flex;font-size:.75rem;justify-content:space-between}.savings-current{color:#4a90a4;color:var(--budget-primary);font-weight:600}.savings-remaining{color:#6b7280;color:var(--budget-text-muted)}.savings-actions{display:flex;gap:.5rem;margin-top:.875rem}.savings-actions button{flex:1 1;font-size:.8rem;padding:.4rem .6rem}.savings-view{padding:0}.savings-header-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25rem}.savings-header-row h2{color:#1f2937;color:var(--budget-text);font-size:1.1rem;margin:0 0 .25rem}.savings-header-row p{color:#6b7280;color:var(--budget-text-muted);font-size:.85rem;margin:0}.savings-goals-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.savings-goal-card{background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:24px;border-radius:var(--budget-radius-lg);padding:1.25rem;transition:all .2s ease}.savings-goal-card:hover{border-color:#4a90a4;border-color:var(--budget-primary);box-shadow:0 8px 32px #4a90a426;box-shadow:var(--budget-shadow-hover);transform:translateY(-2px)}.goal-card-header{align-items:flex-start;display:flex;gap:.875rem;margin-bottom:.875rem}.goal-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;width:44px}.goal-info{flex:1 1;min-width:0}.goal-info h3{color:#1f2937;color:var(--budget-text);font-size:1rem;font-weight:600;margin:0 0 .2rem}.goal-description{color:#6b7280;color:var(--budget-text-muted);font-size:.8rem}.goal-progress-section{margin:.875rem 0}.goal-amounts{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.4rem}.goal-amounts .current{color:#1f2937;color:var(--budget-text);font-size:1.1rem;font-weight:700}.goal-amounts .target{color:#6b7280;color:var(--budget-text-muted);font-size:.85rem}.goal-progress-bar{background:#d4e8ec;background:var(--budget-border-light);border-radius:5px;height:10px;overflow:hidden}.goal-progress-fill{background:linear-gradient(90deg,#4a90a4,#6ba893);background:linear-gradient(90deg,var(--budget-primary),var(--budget-accent));border-radius:5px;height:100%;transition:width .3s ease}.goal-progress-info{display:flex;font-size:.8rem;justify-content:space-between;margin-top:.4rem}.goal-progress-info .percentage{color:#22c55e;color:var(--budget-success);font-weight:600}.goal-progress-info .remaining{color:#6b7280;color:var(--budget-text-muted)}.goal-meta{border-top:1px solid #d4e8ec;border-top:1px solid var(--budget-border-light);display:flex;flex-wrap:wrap;gap:.6rem;margin:.875rem 0;padding-top:.875rem}.meta-item{color:var(--budget-text-muted);font-size:.8rem;gap:.3rem}.goal-contribute-btn{margin-top:.875rem;width:100%}.goal-completed-badge{background:#22c55e1a;border-radius:8px;color:#22c55e;color:var(--budget-success);font-size:.85rem;font-weight:600;margin-top:.875rem;padding:.6rem;text-align:center}.quick-stats{padding:1rem 1.25rem}.stat-row{border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--budget-border-light);display:flex;justify-content:space-between;margin-bottom:.875rem;padding-bottom:.875rem}.stat-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stat-label{color:var(--budget-text-muted);font-size:.85rem}.stat-value{color:#1f2937;color:var(--budget-text);font-size:.9rem}.stat-value.highlight-primary{color:#4a90a4;color:var(--budget-primary)}.stat-value.highlight-accent{color:#6ba893;color:var(--budget-accent)}.btn-primary{background:linear-gradient(135deg,var(--budget-primary) 0,var(--budget-accent) 100%);color:#fff!important;gap:.4rem}.btn-secondary{background:var(--budget-bg-card);border:2px solid var(--budget-border);color:#1f2937!important;color:var(--budget-text)!important;gap:.4rem}.btn-secondary:hover{background:var(--budget-bg-secondary);border-color:var(--budget-primary)}.btn-accent{align-items:center;background:#6ba893;background:var(--budget-accent);border:none;border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.9rem;font-size:var(--btn-fs-secondary,.9rem);font-weight:600;gap:.4rem;height:44px;height:var(--btn-h-secondary,44px);justify-content:center;line-height:1;padding:0 20px;transition:all .2s;white-space:nowrap}.btn-accent:hover{background:#8fbfad;background:var(--budget-accent-light)}.btn-accent:disabled{cursor:not-allowed;opacity:.5}.budget-container>.fab{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--budget-primary) 0,var(--budget-accent) 100%);border:none;border-radius:16px;border-radius:var(--btn-r-fab,16px);bottom:1.5rem;box-shadow:0 4px 20px #4a90a466;color:#fff;cursor:pointer;font-size:1.5rem;height:56px;position:fixed;right:1.5rem;transition:all .3s ease;width:56px;z-index:99}.budget-container>.fab:hover{box-shadow:0 8px 30px #4a90a480;transform:scale(1.1) rotate(90deg)}.modal-overlay{animation:fadeIn .3s ease}.modal{animation:slideUp .3s ease;background:#fff;background:var(--budget-bg-card);border-radius:24px;border-radius:var(--budget-radius-lg);box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.modal.modal-sm{max-width:380px}.modal-header{background:var(--budget-bg-secondary);border-bottom:2px solid var(--budget-border);padding:1.25rem}.modal-header h3{color:#1f2937;color:var(--budget-text);font-size:1.1rem;font-weight:700;margin:0}.modal-close{background:var(--budget-bg-card);color:var(--budget-text-muted);font-size:1.1rem}.modal-close:hover{background:#b8d4dc;background:var(--budget-border);color:var(--budget-text)}.modal-body{max-height:calc(90vh - 160px);padding:1.25rem}.modal-footer{border-top:2px solid #b8d4dc;border-top:2px solid var(--budget-border);gap:.6rem;padding:1rem 1.25rem}.goal-preview{background:#e8f4f8;background:var(--budget-bg-secondary);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:16px;border-radius:var(--budget-radius);margin-bottom:1.25rem;padding:1.25rem;text-align:center}.goal-preview-icon{font-size:2.5rem;margin-bottom:.4rem}.goal-preview-name{color:#1f2937;color:var(--budget-text);font-size:1rem;font-weight:700;margin-bottom:.2rem}.goal-preview-progress{color:#6b7280;color:var(--budget-text-muted);font-size:.85rem}.contribution-preview{background:#e8f4f8;background:var(--budget-bg-secondary);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:16px;border-radius:var(--budget-radius);margin-bottom:1.25rem;padding:1.25rem;text-align:center}.contribution-preview .preview-icon{font-size:2.5rem;margin-bottom:.4rem}.contribution-preview .preview-name{color:#1f2937;color:var(--budget-text);font-size:1rem;font-weight:700;margin-bottom:.2rem}.contribution-preview .preview-progress{color:#6b7280;color:var(--budget-text-muted);font-size:.85rem}.preview-title{color:#22c55e;color:var(--budget-success);font-weight:600;margin-bottom:.4rem}.preview-row{color:#1f2937;color:var(--budget-text);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.2rem}.preview-row .value{font-weight:700}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:2.25rem}.input-with-suffix .suffix{color:#6b7280;color:var(--budget-text-muted);font-weight:600;position:absolute;right:.875rem;top:50%;transform:translateY(-50%)}.form-group{margin-bottom:1rem}.form-group label{color:var(--budget-text);font-size:.85rem;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--budget-bg-card);border:2px solid var(--budget-border);border-radius:var(--budget-radius-sm);box-sizing:border-box;color:var(--budget-text);font-size:.95rem;padding:.75rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--budget-primary)}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.25rem}.input-icon{font-size:.95rem;left:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.empty-state,.input-icon{color:#6b7280;color:var(--budget-text-muted)}.empty-state{padding:1.5rem}.empty-state.large{background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:24px;border-radius:var(--budget-radius-lg);padding:3rem 1.5rem}.empty-icon{display:block}.empty-state h3{color:#4a90a4;color:var(--budget-primary);margin-bottom:.4rem}.empty-state p{font-size:.9rem;margin-bottom:.875rem}.setup-box{background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:24px;border-radius:var(--budget-radius-lg);margin-bottom:1.25rem;padding:1.5rem;text-align:center}.setup-icon{font-size:2.5rem;margin-bottom:.75rem}.setup-box h3{color:#4a90a4;color:var(--budget-primary);font-size:1.1rem;margin-bottom:.5rem}.setup-box p{color:#6b7280;color:var(--budget-text-muted);font-size:.9rem;margin-bottom:1rem}.toast-container{bottom:5rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1.5rem;z-index:1001}.toast{animation:slideIn .3s ease;background:#fff;background:var(--budget-bg-card);border-left:4px solid #22c55e;border-left:4px solid var(--budget-success);border-radius:10px;border-radius:var(--budget-radius-sm);box-shadow:0 8px 32px #4a90a426;box-shadow:var(--budget-shadow-hover);color:#1f2937;color:var(--budget-text);font-size:.9rem;padding:.875rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.success{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--budget-primary) 0,var(--budget-accent) 100%);border-left-color:#22c55e;border-left-color:var(--budget-success);color:#fff}.toast.warning{border-left-color:#f59e0b;border-left-color:var(--budget-warning)}.toast.error{border-left-color:#ef4444;border-left-color:var(--budget-danger)}.budget-auth-required{align-items:center;background:#fff;background:var(--budget-bg-card);border:2px solid #b8d4dc;border:2px solid var(--budget-border);border-radius:24px;border-radius:var(--budget-radius-lg);color:#6b7280;color:var(--budget-text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:300px}@media (max-width:768px){.budget-info-btn{font-size:1rem;height:32px;width:32px}.budget-page-header{flex-direction:row;flex-wrap:nowrap;gap:.75rem;padding-top:.5rem}.header-icon,.page-title{font-size:1.5rem}.header-icon{height:48px;width:48px}.info-btn{background:#0000;border:none;font-size:1rem;height:32px;margin-left:.25rem;width:32px}.info-modal{margin:0 0 .75rem}.info-modal-content{padding:1rem}.info-text{font-size:.85rem}.info-list{font-size:.8rem}.period-selector{flex-shrink:0;width:auto}.budget-chip-bar{gap:6px;padding:0 2px 6px}.budget-chip{font-size:.8rem;padding:0 12px}.summary-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.summary-card{gap:.5rem;padding:.5rem .625rem}.summary-icon{height:30px;min-width:30px;width:30px}.summary-icon,.summary-value{font-size:.9rem}.summary-label{font-size:.65rem}.summary-meta{font-size:.62rem}.overview-grid{gap:1rem;grid-template-columns:1fr}.budget-container>.fab{bottom:1rem;font-size:1.25rem;height:56px;height:var(--btn-size-fab,56px);right:1rem;width:56px;width:var(--btn-size-fab,56px)}.toast-container{bottom:4.5rem;left:1rem;right:1rem}}.budget-container ::-webkit-scrollbar{height:6px;width:6px}.budget-container ::-webkit-scrollbar-track{background:#e8f4f8;background:var(--budget-bg-secondary)}.budget-container ::-webkit-scrollbar-thumb{background:#b8d4dc;background:var(--budget-border);border-radius:3px}.budget-container ::-webkit-scrollbar-thumb:hover{background:#4a90a4;background:var(--budget-primary)}.calendar-redesign{--cal-accent:#4a90a4;--cal-accent-dark:#3d7a8a;--cal-accent-light:#6ba893;--cal-accent-gradient:linear-gradient(135deg,#4a90a4,#6ba893);--cal-green:#4a90a4;--cal-green-dark:#3d7a8a;--cal-bg:#e8f4f8;--cal-bg-card:#fff;--cal-bg-hover:#f0f7fa;--cal-bg-subtle:#f8fafc;--cal-text:#1f2937;--cal-text-secondary:#374151;--cal-text-muted:#6b7280;--cal-text-light:#9ca3af;--cal-border:#b8d4dc;--cal-border-light:#d4e8ec;--cal-blue:#3b82f6;--cal-yellow:#f59e0b;--cal-purple:#8b5cf6;--cal-pink:#ec4899;--cal-orange:#f97316;--cal-red:#ef4444;--cal-cyan:#06b6d4;--cal-radius:16px;--cal-radius-md:12px;--cal-radius-sm:10px;--cal-radius-xs:8px;--cal-shadow:0 2px 12px #0000000a;--cal-shadow-md:0 4px 20px #0000000f;--cal-shadow-lg:0 8px 30px #00000014;--cal-transition:all 0.2s ease;animation:cal-fadeIn .4s ease;background:var(--cal-bg);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:5px}.calendar-redesign.dark{--cal-bg:#111827;--cal-bg-card:#1f2937;--cal-bg-hover:#283347;--cal-bg-subtle:#1a2332;--cal-text:#f9fafb;--cal-text-secondary:#d1d5db;--cal-text-muted:#9ca3af;--cal-text-light:#6b7280;--cal-border:#4b5563;--cal-border-light:#374151;--cal-shadow:0 2px 12px #0003;--cal-shadow-md:0 4px 20px #0000004d;--cal-shadow-lg:0 8px 30px #0006}.calendar-redesign.dark .cal-hamburger-btn,.calendar-redesign.dark .cal-info-btn,.calendar-redesign.dark .cal-mobile-menu-btn,.calendar-redesign.dark .cal-nav-arrow{background:var(--cal-bg-card);border-color:var(--cal-border);color:var(--cal-text-muted)}.calendar-redesign.dark .cal-hamburger-btn:hover,.calendar-redesign.dark .cal-info-btn:hover,.calendar-redesign.dark .cal-mobile-menu-btn:hover,.calendar-redesign.dark .cal-nav-arrow:hover:not(:disabled){background:var(--cal-bg-hover);color:var(--cal-accent)}.calendar-redesign.dark .cal-filter-btn,.calendar-redesign.dark .cal-today-btn{background:var(--cal-bg-card);border-color:var(--cal-border);color:var(--cal-text-muted)}.calendar-redesign.dark .cal-filter-btn--active,.calendar-redesign.dark .cal-filter-btn:hover,.calendar-redesign.dark .cal-today-btn:hover:not(:disabled){border-color:var(--cal-accent);color:var(--cal-accent)}.calendar-redesign.dark .cal-filter-btn--active{background:#4a90a426}.calendar-redesign.dark .cal-view-selector{background:var(--cal-bg-card);border-color:var(--cal-border)}.calendar-redesign.dark .cal-view-btn{color:var(--cal-text-muted)}.calendar-redesign.dark .cal-view-btn:hover:not(:disabled){background:var(--cal-bg-hover);color:var(--cal-accent)}.calendar-redesign.dark .cal-nav-new-btn,.calendar-redesign.dark .cal-nav-today-btn{background:var(--cal-bg-card);border-color:var(--cal-accent);color:var(--cal-accent)}.calendar-redesign.dark .cal-nav-new-btn:hover:not(:disabled),.calendar-redesign.dark .cal-nav-today-btn:hover:not(:disabled){background:#4a90a426}.calendar-redesign.dark .cal-action-btn{background:var(--cal-bg-card)}.calendar-redesign.dark .cal-modal-btn--cancel{background:var(--cal-bg-card);border-color:var(--cal-border);color:var(--cal-text-muted)}.cal-auth-required{align-items:center;background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:var(--cal-shadow);color:var(--cal-text-muted);display:flex;flex-direction:column;gap:1rem;padding:3rem 1.5rem;text-align:center}.cal-auth-icon{font-size:3rem}.cal-auth-required p{color:var(--cal-text-secondary);font-size:1rem;margin:0}.cal-error-state{align-items:center;background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:var(--cal-shadow);color:var(--cal-text-muted);display:flex;flex-direction:column;gap:1rem;padding:3rem 1.5rem;text-align:center}.cal-error-icon{font-size:3rem}.cal-error-message{color:var(--cal-red);font-size:1rem;margin:0}.cal-retry-btn{background:var(--cal-accent-gradient);border:none;border-radius:var(--cal-radius-sm);box-shadow:0 4px 12px #4a90a44d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 2rem;transition:var(--cal-transition)}.cal-retry-btn:hover{box-shadow:0 6px 16px #4a90a466;transform:translateY(-2px)}.cal-header-row1{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.cal-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.cal-header-icon{align-items:center;background:var(--cal-accent-gradient);border-radius:var(--cal-radius-md);box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.cal-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.cal-header-title{color:var(--cal-text);font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.cal-header-subtitle{color:var(--cal-text-muted);font-size:.875rem}.cal-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:var(--cal-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:var(--cal-transition);width:44px}.cal-info-btn:hover{opacity:.7}.cal-info-modal{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:0 4px 20px #4a90a426;margin-bottom:1rem;overflow:hidden}.cal-info-modal-header{align-items:center;background:var(--cal-accent-gradient);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.cal-info-modal-title{font-weight:700;gap:.5rem}.cal-info-close-btn,.cal-info-modal-title{align-items:center;display:flex;font-size:1rem}.cal-info-close-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;height:32px;justify-content:center;transition:var(--cal-transition);width:32px}.cal-info-close-btn:hover{background:#ffffff4d}.cal-info-modal-content{padding:1.25rem}.cal-info-text{font-size:.9rem;line-height:1.6;margin:0 0 1rem}.cal-info-list,.cal-info-text{color:var(--cal-text-secondary)}.cal-info-list{font-size:.85rem;line-height:1.8;margin:0;padding:0 0 0 1.25rem}.cal-info-list li{margin-bottom:.25rem}.cal-header-row2-controls{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.cal-new-btn{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;border-radius:16px;bottom:80px;box-shadow:0 6px 24px #4a90a459;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;height:56px;justify-content:center;padding:0 24px;position:fixed;right:16px;transition:box-shadow .2s ease,transform .2s ease;white-space:nowrap;z-index:9999}.cal-new-btn:hover:not(:disabled){box-shadow:0 10px 32px #4a90a466;transform:translateY(-2px)}.cal-new-btn:active:not(:disabled){transform:scale(.96)}.cal-new-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.cal-new-btn-icon{color:#fff;font-size:1rem;font-weight:700}.cal-header-row2{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.cal-nav-arrows{display:flex;gap:.25rem}.cal-nav-arrow{font-size:1.1rem}.cal-nav-arrow,.cal-today-btn{transition:var(--cal-transition)}.cal-today-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:100px;box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;height:36px;justify-content:center;line-height:1;padding:0 14px}.cal-today-btn:hover:not(:disabled){border-color:var(--cal-accent);color:var(--cal-accent)}.cal-today-btn:disabled{cursor:not-allowed;opacity:.5}.cal-count-badge{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius-sm);color:var(--cal-text);font-size:.875rem;font-weight:600;gap:.5rem;min-height:44px;padding:.5rem 1rem;white-space:nowrap}.cal-count-badge,.cal-sync-indicator{align-items:center;display:inline-flex}.cal-sync-indicator{color:var(--cal-accent);font-size:.75rem;font-weight:500;gap:4px}.cal-sync-dot{animation:cal-pulse 1.5s ease-in-out infinite;background:var(--cal-accent);border-radius:50%;height:6px;width:6px}.cal-hamburger-wrapper{flex:0 0 44px;position:relative;width:44px}.cal-hamburger-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:var(--cal-text);cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:var(--cal-transition);width:44px}.cal-hamburger-btn:hover{background:#e2e8f0;border-color:var(--cal-accent);color:var(--cal-accent)}.cal-hamburger-dropdown{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow-lg);min-width:220px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.cal-hamburger-item{align-items:center;background:#0000;border:none;border-radius:var(--cal-radius-sm);color:var(--cal-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;text-align:left;transition:var(--cal-transition);width:100%}.cal-hamburger-item:hover:not(:disabled){background:var(--cal-bg-hover);color:var(--cal-accent)}.cal-hamburger-item:disabled{cursor:not-allowed;opacity:.5}.cal-hamburger-divider{background:var(--cal-border);height:1px;margin:.5rem 0}.cal-hamburger-search{align-items:center;background:var(--cal-bg-subtle);border:2px solid var(--cal-border);border-radius:var(--cal-radius-sm);display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem}.cal-hamburger-search .cal-search-input{background:#0000;border:none;color:var(--cal-text);flex:1 1;font-size:.875rem;outline:none}.cal-hamburger-search-results{margin-bottom:.5rem;max-height:200px;overflow-y:auto}.cal-view-selector{-webkit-overflow-scrolling:touch;background:var(--cal-bg-card);border:1px solid #e2e8f0;border-radius:100px;box-sizing:border-box;display:inline-flex;gap:0;height:36px;overflow-x:auto;padding:3px;scrollbar-width:none}.cal-view-selector::-webkit-scrollbar{display:none}.cal-view-btn{align-items:center;background:#0000;border:none;border-radius:100px;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:.82rem;font-weight:500;gap:.25rem;height:100%;justify-content:center;line-height:1;min-width:0;padding:0 16px;transition:all .2s ease;white-space:nowrap}.cal-view-btn:hover:not(:disabled){background:#4a90a40d;color:var(--cal-accent)}.cal-view-btn.active{background:linear-gradient(135deg,#4a90a4,#6ba893);color:#fff;font-weight:600}.cal-view-btn:disabled{cursor:not-allowed;opacity:.4}.cal-navigation{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.5rem 0}.cal-nav-new-btn{align-items:center;background:#fff;border:2px solid var(--cal-accent);border-radius:12px;box-sizing:border-box;color:var(--cal-accent);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.375rem;height:44px;padding:0 20px;transition:all .2s ease}.cal-nav-new-btn:hover:not(:disabled){background:#4a90a414}.cal-nav-new-btn:disabled{cursor:not-allowed;opacity:.5}.cal-nav-new-icon{font-size:1rem}.cal-nav-arrow{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:var(--cal-text);cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:44px;justify-content:center;padding:0;transition:all .15s ease;width:44px}.cal-nav-arrow:hover:not(:disabled){background:#e2e8f0;border-color:var(--cal-accent);color:var(--cal-accent)}.cal-nav-arrow:disabled{cursor:not-allowed;opacity:.4}.cal-nav-date-display{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:center;min-width:0;padding:0 .75rem}.cal-nav-date-icon{flex-shrink:0;font-size:1.25rem}.cal-nav-date-text{min-width:0;text-align:center}.cal-nav-date-primary{color:var(--cal-text);font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-nav-date-secondary{color:var(--cal-text-muted);font-size:.75rem;white-space:nowrap}.cal-nav-today-btn{align-items:center;background:#fff;border:2px solid var(--cal-accent);border-radius:12px;box-sizing:border-box;color:var(--cal-accent);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease}.cal-nav-today-btn:hover:not(:disabled){background:#4a90a414}.cal-nav-today-btn:disabled{cursor:not-allowed;opacity:.5}.cal-banner{animation:cal-slideIn .3s ease-out;border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow);display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem}.cal-banner-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem}.cal-banner-icon{flex-shrink:0;font-size:1.25rem}.cal-banner-title{align-items:center;display:flex;font-size:.9375rem;font-weight:700;gap:.375rem}.cal-banner-desc{font-size:.8125rem;line-height:1.4;margin:.25rem 0 0}.cal-banner-actions{display:flex;gap:.5rem}.cal-banner-btn{align-items:center;border:none;border-radius:100px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;height:36px;justify-content:center;line-height:1;padding:0 14px;transition:all .15s ease}.cal-banner-btn--primary{background:var(--cal-accent);color:#fff}.cal-banner-btn--primary:hover{background:var(--cal-accent-dark)}.cal-banner-btn--secondary{background:#0000;border:1px solid var(--cal-border);color:var(--cal-text-muted)}.cal-banner-btn--secondary:hover{background:var(--cal-bg-hover)}.cal-banner--offline{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.cal-banner--offline .cal-banner-title{color:#92400e}.cal-banner--offline .cal-banner-desc{color:#a16207}.calendar-redesign.dark .cal-banner--offline{background:linear-gradient(135deg,#713f12,#854d0e);border-color:#d97706}.calendar-redesign.dark .cal-banner--offline .cal-banner-title{color:#fde68a}.calendar-redesign.dark .cal-banner--offline .cal-banner-desc{color:#fcd34d}.cal-banner--notification{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid var(--cal-accent)}.cal-banner--notification .cal-banner-title{color:#1e40af}.cal-banner--notification .cal-banner-desc{color:#1d4ed8}.calendar-redesign.dark .cal-banner--notification{background:linear-gradient(135deg,#1e3a5f,#1e40af33);border-color:var(--cal-accent)}.calendar-redesign.dark .cal-banner--notification .cal-banner-title{color:#93c5fd}.calendar-redesign.dark .cal-banner--notification .cal-banner-desc{color:#bfdbfe}.cal-banner--reminder{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #60a5fa}.cal-banner--reminder .cal-banner-title{color:#1e40af}.cal-banner--reminder .cal-banner-desc{color:#2563eb}.calendar-redesign.dark .cal-banner--reminder{background:linear-gradient(135deg,#1e3a5f,#1e40af33);border-color:#60a5fa}.calendar-redesign.dark .cal-banner--reminder .cal-banner-title{color:#93c5fd}.calendar-redesign.dark .cal-banner--reminder .cal-banner-desc{color:#bfdbfe}.cal-inline-error{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid var(--cal-red);border-radius:var(--cal-radius-sm);color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.cal-inline-error-close{align-items:center;background:none;border:none;color:var(--cal-red);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;justify-content:center;line-height:1;min-height:32px;min-width:32px;padding:0}.cal-inline-error-close:hover{color:#b91c1c}.calendar-redesign.dark .cal-inline-error{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#f87171;color:#fca5a5}.cal-body{display:flex;flex:1 1;flex-direction:column;min-height:0;transition:opacity .2s ease}.cal-body--loading{opacity:.7;pointer-events:none}.cal-content{background:var(--cal-bg-card);border:none;border-radius:0;flex:1 1;min-height:400px;overflow-y:auto;touch-action:pan-y pinch-zoom;transition:opacity .15s ease,transform .15s ease;user-select:none;-webkit-user-select:none}.cal-filter-active{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--cal-radius-xs);color:#92400e;display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin-bottom:.75rem;padding:.625rem 1rem}.cal-filter-active-clear{background:none;border:1px solid #d97706;border-radius:var(--cal-radius-xs);color:#d97706;cursor:pointer;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .625rem;transition:var(--cal-transition);white-space:nowrap}.cal-filter-active-clear:hover{background:#d97706;color:#fff}.calendar-redesign.dark .cal-filter-active{background:linear-gradient(135deg,#713f12,#854d0e);color:#fde68a}.calendar-redesign.dark .cal-filter-active-clear{border-color:#fcd34d;color:#fcd34d}.cal-filter-wrapper{flex:1 1;position:relative}.cal-filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:100px;box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:.375rem;height:36px;justify-content:center;line-height:1;padding:0 14px;transition:all .15s ease;white-space:nowrap;width:100%}.cal-filter-btn--active,.cal-filter-btn:hover{border-color:var(--cal-accent);color:var(--cal-accent)}.cal-filter-btn--active{background:#4a90a41a;font-weight:600}.cal-filter-badge{align-items:center;background:var(--cal-accent);border-radius:10px;color:#fff;display:inline-flex;font-size:.6875rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.cal-filter-dropdown{animation:cal-fadeIn .15s ease;background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow-lg);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.cal-filter-dropdown-header{border-bottom:1px solid var(--cal-border-light);display:flex;justify-content:space-between;padding:.625rem .875rem}.cal-filter-dropdown-link{background:none;border:none;color:var(--cal-accent);cursor:pointer;font-size:.75rem;font-weight:600;padding:0}.cal-filter-dropdown-link:hover{text-decoration:underline}.cal-filter-item{align-items:center;cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.625rem .875rem;transition:var(--cal-transition)}.cal-filter-item:hover{background:var(--cal-bg-hover)}.cal-filter-item--selected{font-weight:600}.cal-filter-checkbox{cursor:pointer;flex-shrink:0;height:16px;width:16px}.cal-filter-item-icon{flex-shrink:0;font-size:1rem}.cal-filter-item-label{color:var(--cal-text);flex:1 1}.cal-filter-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.cal-filter-footer{border-top:1px solid var(--cal-border-light);padding:.625rem .875rem}.cal-filter-done-btn{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease;width:100%}.cal-filter-done-btn:hover{box-shadow:0 4px 16px #4a90a44d;transform:translateY(-1px)}.cal-search-wrapper{flex:1 1;max-width:280px;min-width:160px;position:relative}.cal-search-input-container{align-items:center;background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius-sm);display:flex;gap:.375rem;min-height:44px;padding:0 .75rem;transition:var(--cal-transition)}.cal-search--focused,.cal-search-input-container:focus-within{border-color:var(--cal-accent);box-shadow:0 0 0 3px #4a90a41a}.cal-search-icon{flex-shrink:0;font-size:1rem}.cal-search-input{background:#0000;border:none;color:var(--cal-text);flex:1 1;font-size:.875rem;min-width:0;outline:none}.cal-search-input::placeholder{color:var(--cal-text-light)}.cal-search-spinner{animation:cal-spin .8s linear infinite;border:2px solid var(--cal-border);border-radius:50%;border-top-color:var(--cal-accent);flex-shrink:0;height:16px;width:16px}.cal-search-clear{align-items:center;background:none;border:none;color:var(--cal-text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;padding:.25rem}.cal-search-clear:hover{color:var(--cal-red)}.cal-search-results{animation:cal-fadeIn .15s ease;background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow-lg);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;scrollbar-color:var(--cal-accent) #0000;scrollbar-width:thin;top:calc(100% + 6px);z-index:100}.cal-search-results::-webkit-scrollbar{width:6px}.cal-search-results::-webkit-scrollbar-track{background:#0000}.cal-search-results::-webkit-scrollbar-thumb{background-color:var(--cal-accent);border-radius:3px}.cal-search-empty{color:var(--cal-text-muted);font-size:.8125rem;padding:1rem;text-align:center}.cal-search-count{color:var(--cal-text-muted);font-size:.75rem;font-weight:600;padding:.5rem .75rem}.cal-search-count,.cal-search-result-item{border-bottom:1px solid var(--cal-border-light)}.cal-search-result-item{cursor:pointer;padding:.75rem;transition:var(--cal-transition)}.cal-search-result-item:last-child{border-bottom:none}.cal-search-result-item:hover{background:var(--cal-bg-hover)}.cal-search-result-title{color:var(--cal-text);font-size:.875rem;font-weight:600;margin-bottom:4px}.cal-search-result-meta{color:var(--cal-text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.625rem}.cal-search-result-tag{background:var(--cal-bg-hover);border-radius:4px;color:var(--cal-accent);display:inline-block;font-size:.6875rem;font-weight:600;padding:1px 6px}.cal-mobile-menu-wrapper{flex-shrink:0;position:relative}.cal-mobile-menu-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:var(--cal-text);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;transition:all .15s ease;width:44px}.cal-mobile-menu-btn:hover{background:#e2e8f0;border-color:var(--cal-accent);color:var(--cal-accent)}.cal-mobile-menu-dropdown{animation:cal-slideIn .2s ease-out;background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow-lg);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.cal-mobile-menu-item{align-items:center;background:none;border:none;color:var(--cal-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:var(--cal-transition);width:100%}.cal-mobile-menu-item:hover{background:var(--cal-bg-hover)}.cal-mobile-menu-item:disabled{cursor:not-allowed;opacity:.4}.cal-mobile-menu-item--ics{color:var(--cal-green)}.cal-mobile-menu-item--pdf{color:var(--cal-red)}.cal-mobile-menu-item--import{color:var(--cal-purple)}.cal-mobile-menu-item--ics:hover{background:#f0fdf4}.cal-mobile-menu-item--pdf:hover{background:#fef2f2}.cal-mobile-menu-item--import:hover{background:#f5f3ff}.calendar-redesign.dark .cal-mobile-menu-item--ics:hover{background:#14532d33}.calendar-redesign.dark .cal-mobile-menu-item--pdf:hover{background:#450a0a33}.calendar-redesign.dark .cal-mobile-menu-item--import:hover{background:#581c8733}.cal-action-buttons{display:flex;gap:.375rem;margin-left:auto}.cal-action-btn{align-items:center;background:#fff;border:2px solid var(--cal-accent);border-radius:12px;box-sizing:border-box;color:var(--cal-accent);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.375rem;height:44px;padding:0 20px;transition:all .2s ease;white-space:nowrap}.cal-action-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.cal-action-btn:hover:not(:disabled){background:#4a90a414}.cal-action-btn--ics{border-color:#22c55e;color:#16a34a}.cal-action-btn--ics:hover:not(:disabled){background:#22c55e14}.cal-action-btn--pdf{border-color:#ef4444;color:#dc2626}.cal-action-btn--pdf:hover:not(:disabled){background:#ef444414}.cal-action-btn--import{border-color:#8b5cf6;color:#7c3aed}.cal-action-btn--import:hover:not(:disabled){background:#8b5cf614}.cal-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:10000}.cal-modal{animation:cal-slideUp .3s ease;background:var(--cal-bg-card);border-radius:var(--cal-radius) var(--cal-radius) 0 0;max-height:90vh;overflow-y:auto;width:100%}.cal-modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.cal-modal-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0}.cal-modal-close{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;position:relative;transition:all .15s ease;width:32px}.cal-modal-close:before{content:"";inset:-6px;position:absolute}.cal-modal-close:hover{background:#ffffff4d}.cal-modal-body{padding:1.25rem}.cal-modal-label{color:var(--cal-text);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.cal-file-input{background:var(--cal-bg-subtle);border:2px dashed var(--cal-border);border-radius:var(--cal-radius-sm);box-sizing:border-box;font-size:.875rem;padding:.75rem;transition:var(--cal-transition);width:100%}.cal-file-input:focus{border-color:var(--cal-purple);outline:none}.cal-modal-hint{color:var(--cal-text-muted);font-size:.75rem;margin:.5rem 0 0}.cal-import-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid var(--cal-red);border-radius:var(--cal-radius-xs);color:#dc2626;font-size:.8125rem;margin-bottom:1rem;padding:.75rem 1rem}.calendar-redesign.dark .cal-import-error{background:#450a0a;border-color:#f87171;color:#fca5a5}.cal-import-preview-title{color:var(--cal-text);font-size:.9375rem;font-weight:700;margin:0 0 .75rem}.cal-import-preview-list{border:1px solid var(--cal-border-light);border-radius:var(--cal-radius-xs);max-height:200px;overflow-y:auto}.cal-import-preview-item{border-bottom:1px solid var(--cal-border-light);padding:.625rem .75rem}.cal-import-preview-item:last-child{border-bottom:none}.cal-import-preview-item-title{color:var(--cal-text);font-size:.8125rem;font-weight:600}.cal-import-preview-item-meta{color:var(--cal-text-muted);font-size:.75rem;margin-top:2px}.cal-import-preview-more{color:var(--cal-text-muted);font-size:.75rem;font-style:italic;padding:.5rem .75rem;text-align:center}.cal-modal-footer{background:var(--cal-bg-card);border-top:1px solid var(--cal-border-light);bottom:0;display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky}.cal-modal-btn{align-items:center;border:none;border-radius:12px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.375rem;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease}.cal-modal-btn--cancel{background:#fff;border:2px solid #e2e8f0;color:var(--cal-text-muted)}.cal-modal-btn--cancel:hover{background:#4a90a414;border-color:var(--cal-accent)}.cal-modal-btn--confirm{background:linear-gradient(135deg,#4a90a4,#6ba893);box-shadow:0 4px 16px #4a90a440;color:#fff}.cal-modal-btn--confirm:hover:not(:disabled){box-shadow:0 6px 24px #4a90a459;transform:translateY(-1px)}.cal-modal-btn--confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}.cal-day{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:var(--cal-shadow);overflow:hidden}.cal-day-header{align-items:center;border-bottom:1px solid var(--cal-border-light);display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem}.cal-day-header-label{color:var(--cal-accent);font-size:1.1rem;font-weight:700}.cal-day-today-badge{background:var(--cal-accent);border-radius:100px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.cal-day-header-count{background:var(--cal-bg-subtle);border-radius:20px;color:var(--cal-text-muted);font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .75rem;white-space:nowrap}.cal-day-timeline{max-height:550px;overflow-y:auto;padding:0}.cal-day-block{display:flex;gap:12px;min-height:60px;position:relative}.cal-day-time-label{color:var(--cal-text-light);flex-shrink:0;font-size:.7rem;font-weight:500;padding:6px 4px 0 12px;text-align:right;width:48px}.cal-day-slot{border-top:1px solid var(--cal-border-light);cursor:pointer;flex:1 1;min-height:54px;padding:6px 12px 6px 0;position:relative;transition:background .15s}.cal-day-slot:hover{background:#4a90a40a}.cal-day-slot--drag-over{background:#4a90a414;border-top:2px dashed var(--cal-accent)}.cal-day-now{height:2px;left:0;pointer-events:none;right:0;z-index:5}.cal-day-now,.cal-day-now:before{background:#ef4444;background:var(--cal-red,#ef4444);position:absolute}.cal-day-now:before{border-radius:50%;content:"";height:10px;left:-5px;top:-4px;width:10px}.cal-day-event{background:var(--cal-bg-card);border-left:4px solid var(--cal-accent);border-radius:var(--cal-radius-md);box-shadow:var(--cal-shadow);cursor:pointer;margin-bottom:6px;padding:12px 14px;transition:var(--cal-transition);-webkit-user-select:none;user-select:none}.cal-day-event:hover{box-shadow:0 4px 16px #00000014;transform:translateX(3px)}.cal-day-event--dragging{opacity:.5;transform:scale(.95)}.cal-day-event--medical{border-left-color:#ef4444}.cal-day-event--school{border-left-color:#22c55e}.cal-day-event--work{border-left-color:#8b5cf6}.cal-day-event--personal{border-left-color:#3b82f6}.cal-day-event--sport{border-left-color:#06b6d4}.cal-day-event--family{border-left-color:#ec4899}.cal-day-event--other{border-left-color:var(--cal-accent)}.cal-day-event--default{border-left-color:#3b82f6}.cal-day-event-time{color:var(--cal-text-muted);font-size:.72rem;font-weight:600;margin-bottom:3px}.cal-day-event-title{color:var(--cal-text);font-size:.88rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-day-event-sub{align-items:center;color:var(--cal-text-light);display:flex;font-size:.72rem;gap:.5rem}.cal-day-event-person{align-items:center;display:inline-flex;gap:.25rem}.calendar-redesign.cal-mobile .cal-day-header{padding:.75rem 1rem}.calendar-redesign.cal-mobile .cal-day-time-label{font-size:.65rem;padding-left:8px;width:40px}.calendar-redesign.cal-mobile .cal-day-event{padding:10px 12px}@media (hover:none) and (pointer:coarse){.cal-day-event:hover{transform:none}.cal-day-event:active{opacity:.9;transform:scale(.98)}}.cal-week{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:var(--cal-shadow);overflow:hidden}.cal-week-header{background:var(--cal-bg-subtle);border-bottom:1px solid var(--cal-border);padding:.75rem 1rem;text-align:center}.cal-week-header-kw{color:var(--cal-accent);font-size:1rem;font-weight:700}.cal-week-header-range{color:var(--cal-text-muted);font-size:.9rem;margin-left:.75rem}.cal-week-scroll{max-height:550px;overflow-x:auto;overflow-y:auto}.cal-week-layout{display:flex;min-width:100%}.cal-week-time-col{border-right:1px solid var(--cal-border);flex-shrink:0;left:0;width:50px;z-index:10}.cal-week-time-col,.cal-week-time-col-header{background:var(--cal-bg-subtle);position:-webkit-sticky;position:sticky}.cal-week-time-col-header{align-items:center;border-bottom:1px solid var(--cal-border);color:var(--cal-text-muted);display:flex;font-size:.65rem;height:54px;justify-content:center;top:0;z-index:11}.cal-week-time-col-hours{position:relative}.cal-week-time-label{align-items:flex-start;border-bottom:1px solid var(--cal-border-light);color:var(--cal-text-muted);display:flex;font-size:.65rem;font-weight:500;justify-content:flex-end;padding-right:6px;padding-top:2px}.cal-week-now-line{border-top:2px solid #ef4444;border-top:2px solid var(--cal-red,#ef4444);left:0;pointer-events:none;position:absolute;right:0;z-index:20}.cal-week-now-dot{background:#ef4444;background:var(--cal-red,#ef4444);border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.cal-week-now-line-full{border-top:2px solid #ef4444;border-top:2px solid var(--cal-red,#ef4444);left:0;pointer-events:none;position:absolute;right:0;z-index:15}.cal-week-days-container{display:flex;flex:1 1;position:relative}.cal-week-day-col{border-right:1px solid var(--cal-border);display:flex;flex:1 0 auto;flex-direction:column;min-width:120px}.cal-week-day-col-header{background:var(--cal-bg-subtle);border-bottom:1px solid var(--cal-border);padding:10px 6px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:5}.cal-week-day-col-header--today{background:linear-gradient(135deg,#4a90a4,#6ba893)}.cal-week-day-col-header--sunday{background:var(--cal-bg-subtle)}.calendar-redesign.dark .cal-week-day-col-header--sunday{background:#0c3647}.cal-week-day-col-weekday{color:var(--cal-text-muted);font-size:.7rem;font-weight:600;margin-bottom:2px}.cal-week-day-col-header--today .cal-week-day-col-weekday{color:#ffffffe6}.cal-week-day-col-num{color:var(--cal-text);font-size:1.1rem;font-weight:800}.cal-week-day-col-num--today{color:#fff}.cal-week-day-col-num--sunday{color:var(--cal-accent)}.cal-week-allday{background:var(--cal-bg-subtle);border-bottom:1px solid var(--cal-border);min-height:28px;padding:4px}.cal-week-allday-event{border-left:3px solid var(--cal-accent);border-radius:4px;color:var(--cal-text);cursor:pointer;font-size:.65rem;font-weight:600;margin-bottom:2px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.cal-week-allday-event--completed{background:#9ca3af33;color:#6b7280;opacity:.7;text-decoration:line-through}.cal-week-time-grid{display:grid;flex:1 1;grid-template-columns:repeat(100,1fr);position:relative}.cal-week-drop-zone{background:#0000;border:none;cursor:pointer;left:0;pointer-events:auto;position:absolute;right:0;transition:all .2s}.cal-week-drop-zone--active{background:#4a90a41a;border:2px dashed var(--cal-accent);border-radius:4px}.cal-week-hour-line{border-top:1px solid var(--cal-border-light)}.cal-week-half-hour-line,.cal-week-hour-line{left:0;pointer-events:none;position:absolute;right:0}.cal-week-half-hour-line{border-top:1px dashed var(--cal-border-light);opacity:.3}.cal-week-apt{border-left:3px solid var(--cal-accent);border-radius:4px;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;font-size:.6rem;grid-row:1;line-height:1.2;margin:0 2px;overflow:hidden;padding:2px 4px;position:absolute;transition:transform .1s,z-index 0s,opacity .2s;width:100%}.cal-week-apt--draggable{cursor:move}.cal-week-apt:not(.cal-week-apt--draggable){cursor:pointer}.cal-week-apt--completed{text-decoration:line-through}.cal-week-apt-time{font-size:.55rem;font-weight:700}.cal-week-apt--completed .cal-week-apt-time{text-decoration:line-through}.cal-week-apt-title{color:var(--cal-text);font-size:.6rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.cal-week-apt--completed .cal-week-apt-title{color:#6b7280;text-decoration:line-through}.cal-week-apt-task-badge{font-size:.5rem;opacity:.8;position:absolute;right:2px;top:1px}.cal-week-footer{align-items:center;background:var(--cal-bg-subtle);border-top:1px solid var(--cal-border);color:var(--cal-text-muted);display:flex;font-size:.7rem;gap:1rem;justify-content:center;padding:.5rem 1rem;text-align:center}.calendar-redesign.cal-mobile .cal-week-time-col{width:40px}.calendar-redesign.cal-mobile .cal-week-time-label{font-size:.55rem;padding-right:4px}.calendar-redesign.cal-mobile .cal-week-day-col{min-width:90px}.calendar-redesign.cal-mobile .cal-week-day-col-header{padding:6px 4px}.calendar-redesign.cal-mobile .cal-week-day-col-weekday{font-size:.6rem}.calendar-redesign.cal-mobile .cal-week-day-col-num{font-size:.9rem}.calendar-redesign.cal-mobile .cal-week-footer{font-size:.6rem;gap:.5rem;padding:.375rem .75rem}.cal-month{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:var(--cal-shadow);overflow:hidden}.cal-month-header{border-bottom:1px solid var(--cal-border);padding:1rem 1.5rem;text-align:center}.cal-month-header-label{color:var(--cal-accent);font-size:1.1rem;font-weight:700}.cal-month-header-range{color:var(--cal-text-muted);font-size:1rem;margin-left:1rem}.cal-month-weekday-row{background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-redesign.dark .cal-month-weekday-row{background:var(--cal-bg-hover);border-bottom-color:var(--cal-border)}.cal-month-weekday-name{color:var(--cal-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem .5rem .25rem;text-align:center;text-transform:uppercase}.cal-month-date-row{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-redesign.dark .cal-month-date-row{background:var(--cal-bg);border-bottom-color:var(--cal-border)}.cal-month-date-preview{color:var(--cal-text-secondary);font-size:1.25rem;font-weight:700;padding:.25rem .5rem .5rem;text-align:center}.cal-month-date-preview--today{background:var(--cal-bg-subtle);color:var(--cal-accent)}.cal-month-grid{grid-gap:1px;background:var(--cal-border);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.cal-month-cell{background:var(--cal-bg-card);display:flex;flex-direction:column;min-height:100px;padding:.5rem}.cal-month-cell--other{opacity:.4}.cal-month-cell--today{background:var(--cal-bg-subtle)}.cal-month-cell--weekend{background:#fafafa}.calendar-redesign.dark .cal-month-cell--weekend{background:var(--cal-bg)}.cal-month-cell-num-row{display:flex;justify-content:flex-end;margin-bottom:.25rem}.cal-month-cell-num{align-items:center;color:var(--cal-text-secondary);display:flex;font-size:.875rem;font-weight:500;justify-content:center}.cal-month-cell-num--today{background:var(--cal-accent);border-radius:50%;color:#fff;font-weight:700;height:28px;width:28px}.cal-month-cell-events{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow:hidden}.cal-month-cell-event{border-radius:4px;color:#fff;cursor:pointer;font-size:.65rem;font-weight:500;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:transform .15s ease;white-space:nowrap}.cal-month-cell-event:hover{transform:scale(1.02)}.cal-month-cell-more{color:var(--cal-text-light);font-size:.6rem;font-weight:500;margin-top:2px;text-align:center}.cal-month-cell-dots{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:3px;justify-content:center;padding:2px 0}.cal-month-cell-dot{border-radius:50%;cursor:pointer;flex-shrink:0;height:8px;transition:transform .15s ease,box-shadow .15s ease;width:8px}.cal-month-cell-dot:hover{box-shadow:0 2px 6px #0003;transform:scale(1.3)}.cal-month-cell-more-dots{color:var(--cal-accent);cursor:pointer;font-size:.6rem;font-weight:600;padding:0 2px}.cal-month-cell-more-dots:hover{text-decoration:underline}.calendar-redesign.cal-mobile .cal-month-cell-dot{height:6px;width:6px}.calendar-redesign.cal-mobile .cal-month-cell-dots{gap:2px}.calendar-redesign.cal-mobile .cal-month-cell{min-height:60px;padding:.25rem}.calendar-redesign.cal-mobile .cal-month-cell-num{font-size:.75rem}.calendar-redesign.cal-mobile .cal-month-cell-num--today{height:22px;width:22px}.calendar-redesign.cal-mobile .cal-month-cell-event{font-size:.55rem;padding:1px 4px}.calendar-redesign.cal-mobile .cal-month-header-range{display:block;font-size:.875rem;margin-left:0;margin-top:.25rem}@media (hover:none) and (pointer:coarse){.cal-month-cell-event:hover{transform:none}.cal-month-cell-event:active{opacity:.9;transform:scale(.98)}}.cal-agenda{background:var(--cal-bg-card);border:2px solid var(--cal-border);border-radius:var(--cal-radius);box-shadow:var(--cal-shadow);overflow:hidden}.cal-agenda-header{border-bottom:1px solid var(--cal-border-light);padding:1rem 1.5rem;text-align:center}.cal-agenda-header-month{color:var(--cal-accent);font-size:1.1rem;font-weight:700}.cal-agenda-header-range{color:var(--cal-text-muted);font-size:1rem;margin-left:1rem}.cal-agenda-count{background:var(--cal-bg);border-bottom:1px solid var(--cal-border-light);color:var(--cal-text-light);font-size:.875rem;padding:.5rem 1rem;text-align:center}.cal-agenda-list{max-height:500px;overflow-y:auto;padding:1rem}.cal-agenda-empty{color:var(--cal-text-light);padding:3rem 1rem;text-align:center}.cal-agenda-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.cal-agenda-empty-text{font-size:1rem;font-weight:500}.cal-agenda-groups{display:flex;flex-direction:column;gap:1.5rem}.cal-agenda-day-header{align-items:center;border-bottom:2px solid var(--cal-border-light);display:flex;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem}.cal-agenda-day-badge{align-items:center;background:var(--cal-bg-subtle);border-radius:var(--cal-radius-md);color:var(--cal-text-secondary);display:flex;flex-direction:column;flex-shrink:0;height:48px;justify-content:center;width:48px}.cal-agenda-day-badge--today{background:var(--cal-accent-gradient);color:#fff}.cal-agenda-day-badge-weekday{font-size:.6rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.cal-agenda-day-badge-number{font-size:1.125rem;font-weight:700;line-height:1.1}.cal-agenda-day-info{flex:1 1;min-width:0}.cal-agenda-day-name{color:var(--cal-text-secondary);font-size:1rem;font-weight:600}.cal-agenda-day-name--today{color:var(--cal-accent)}.cal-agenda-today-tag{background:var(--cal-bg);border-radius:10px;color:var(--cal-accent);display:inline-block;font-size:.75rem;font-weight:600;margin-top:2px;padding:.125rem .5rem}.cal-agenda-day-count{background:var(--cal-bg-subtle);border-radius:20px;color:var(--cal-text-muted);flex-shrink:0;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .75rem;white-space:nowrap}.cal-agenda-items{display:flex;flex-direction:column;gap:.5rem}.cal-agenda-item{align-items:center;background:var(--cal-bg);border-left:4px solid var(--cal-accent);border-radius:var(--cal-radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:var(--cal-transition)}.cal-agenda-item:hover{transform:translateX(4px)}.cal-agenda-item:active{transform:scale(.99)}.cal-agenda-item--medical{background:#fee2e2;border-left-color:#ef4444}.cal-agenda-item--school{background:#dcfce7;border-left-color:#22c55e}.cal-agenda-item--work{background:#ede9fe;border-left-color:#8b5cf6}.cal-agenda-item--personal{background:#dbeafe;border-left-color:#3b82f6}.cal-agenda-item--sport{background:#cffafe;border-left-color:#06b6d4}.cal-agenda-item--family{background:#fce7f3;border-left-color:#ec4899}.cal-agenda-item--other{background:var(--cal-bg);border-left-color:var(--cal-accent)}.cal-agenda-item--default{background:#dbeafe;border-left-color:#3b82f6}.calendar-redesign.dark .cal-day{background:var(--cal-bg-card);border-color:var(--cal-border)}.calendar-redesign.dark .cal-day-slot{border-top-color:var(--cal-border)}.calendar-redesign.dark .cal-day-event{background:var(--cal-bg-hover)}.calendar-redesign.dark .cal-week{background:var(--cal-bg-card);border-color:var(--cal-border)}.calendar-redesign.dark .cal-week-header{border-bottom-color:var(--cal-border)}.calendar-redesign.dark .cal-week-allday{background:var(--cal-bg-hover)}.calendar-redesign.dark .cal-week-apt-title{color:var(--cal-text)}.calendar-redesign.dark .cal-month{background:var(--cal-bg-card);border-color:var(--cal-border)}.calendar-redesign.dark .cal-month-grid{background:var(--cal-border)}.calendar-redesign.dark .cal-month-cell{background:var(--cal-bg-card)}.calendar-redesign.dark .cal-month-cell--today{background:var(--cal-bg-hover)}.calendar-redesign.dark .cal-agenda-item--medical{background:#450a0a}.calendar-redesign.dark .cal-agenda-item--school{background:#14532d}.calendar-redesign.dark .cal-agenda-item--work{background:#3b0764}.calendar-redesign.dark .cal-agenda-item--personal{background:#1e3a5f}.calendar-redesign.dark .cal-agenda-item--sport{background:#164e63}.calendar-redesign.dark .cal-agenda-item--family{background:#831843}.calendar-redesign.dark .cal-agenda-item--other{background:var(--cal-bg-hover)}.calendar-redesign.dark .cal-agenda-item--default{background:#1e3a5f}.cal-agenda-item-content{flex:1 1;min-width:0}.cal-agenda-item-title{color:var(--cal-text);font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-agenda-item-meta{align-items:center;color:var(--cal-text-muted);display:flex;font-size:.8rem;gap:.75rem}.cal-agenda-item-time{font-weight:600}.cal-agenda-item--medical .cal-agenda-item-time{color:#dc2626}.cal-agenda-item--school .cal-agenda-item-time{color:#16a34a}.cal-agenda-item--work .cal-agenda-item-time{color:#7c3aed}.cal-agenda-item--personal .cal-agenda-item-time{color:#2563eb}.cal-agenda-item--sport .cal-agenda-item-time{color:#0891b2}.cal-agenda-item--family .cal-agenda-item-time{color:#db2777}.cal-agenda-item--other .cal-agenda-item-time{color:var(--cal-accent)}.cal-agenda-item--default .cal-agenda-item-time{color:#2563eb}.cal-agenda-item-sep{color:var(--cal-text-light)}.cal-agenda-item-category{color:var(--cal-text-muted)}.cal-agenda-item-avatar{flex-shrink:0;font-size:1.5rem;margin-left:.75rem;opacity:.7}.calendar-redesign.cal-mobile .cal-agenda-header{padding:.75rem 1rem}.calendar-redesign.cal-mobile .cal-agenda-header-range{display:block;font-size:.8125rem;margin-left:0;margin-top:.25rem}.calendar-redesign.cal-mobile .cal-agenda-day-badge{height:40px;width:40px}.calendar-redesign.cal-mobile .cal-agenda-day-badge-number{font-size:1rem}.calendar-redesign.cal-mobile .cal-agenda-item{padding:.75rem}.calendar-redesign.cal-mobile .cal-agenda-item-title{font-size:.9375rem}@media (hover:none) and (pointer:coarse){.cal-agenda-item:hover{transform:none}.cal-agenda-item:active{opacity:.9;transform:scale(.98)}}.cal-skeleton-header,.cal-skeleton-nav,.cal-skeleton-toolbar{display:flex;gap:.75rem;padding:.5rem 0}.cal-skeleton-header{align-items:center;margin-bottom:1rem}.cal-skeleton-toolbar{flex-wrap:wrap;margin-bottom:.75rem}.cal-skeleton-nav{margin-bottom:.75rem}.cal-loading-overlay,.cal-skeleton-nav{align-items:center;justify-content:center}.cal-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;position:fixed;z-index:9999}@keyframes cal-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cal-slideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cal-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes cal-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes cal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cal-swipeLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes cal-swipeRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}@keyframes cal-swipeEnter{0%{opacity:0}to{opacity:1}}.cal-animate-in{animation:cal-slideIn .35s ease both}.cal-delay-1{animation-delay:.05s}.cal-delay-2{animation-delay:.1s}.cal-delay-3{animation-delay:.15s}.cal-delay-4{animation-delay:.2s}.cal-delay-5{animation-delay:.25s}.cal-content.swipe-exit-left{animation:cal-swipeLeft .15s ease-out forwards}.cal-content.swipe-exit-right{animation:cal-swipeRight .15s ease-out forwards}.cal-content.swipe-enter{animation:cal-swipeEnter .15s ease-out forwards}.cal-swipe-hint{color:var(--cal-text-muted);display:none;font-size:.75rem;opacity:.7;padding:.25rem 0;text-align:center}@media (hover:none) and (pointer:coarse){.cal-swipe-hint{display:block}}.cal-swipe-hint.hidden{display:none}.draggable-appointment{cursor:move!important;user-select:none;-webkit-user-select:none}.draggable-appointment:active{cursor:grabbing!important}.draggable-appointment.dragging{opacity:.5!important;transform:scale(.95);transition:opacity .2s ease,transform .2s ease}.time-slot.drag-over{background:#4a90a41a!important;border:2px dashed var(--cal-accent)!important;border-radius:var(--cal-radius-xs);transition:var(--cal-transition)}.cal-content.dragging{user-select:none;-webkit-user-select:none}.appointment-card.recurring{cursor:pointer!important}@media (max-width:767px) and (pointer:coarse){.draggable-appointment{cursor:pointer!important}.draggable-appointment[draggable=true]{-webkit-user-drag:none;user-drag:none}}@media print{.cal-action-buttons,.cal-banner,.cal-inline-error,.cal-mobile-menu-wrapper,.cal-navigation,.cal-swipe-hint,.cal-toolbar{display:none!important}.calendar-redesign{background:#fff;padding:0}.cal-content{border:1px solid #ccc;box-shadow:none}}.calendar-redesign.cal-mobile{padding:0}.calendar-redesign.cal-mobile .cal-header-row1{gap:.375rem;padding:.375rem}.calendar-redesign.cal-mobile .cal-header-left{gap:.5rem}.calendar-redesign.cal-mobile .cal-header-icon{border-radius:var(--cal-radius-xs);flex:0 0 40px;font-size:1.1rem;height:40px;min-width:40px;width:40px}.calendar-redesign.cal-mobile .cal-header-title{font-size:1.5rem}.calendar-redesign.cal-mobile .cal-header-subtitle{font-size:.875rem}.calendar-redesign.cal-mobile .cal-info-btn{background:#0000;border:none;font-size:1rem;height:32px;margin-left:.25rem;position:relative;width:32px}.calendar-redesign.cal-mobile .cal-info-btn:before{content:"";inset:-6px;position:absolute}.calendar-redesign.cal-mobile .cal-header-row2-controls{gap:.5rem;margin-bottom:.5rem;padding:0 .375rem}.calendar-redesign.cal-mobile .cal-new-btn{bottom:80px;font-size:.85rem;height:56px;padding:0 20px;right:16px}.calendar-redesign.cal-mobile .cal-info-modal{margin:0 .375rem .75rem}.calendar-redesign.cal-mobile .cal-info-modal-content{padding:1rem}.calendar-redesign.cal-mobile .cal-info-text{font-size:.85rem}.calendar-redesign.cal-mobile .cal-info-list{font-size:.8rem}.calendar-redesign.cal-mobile .cal-header-row2{gap:.25rem;padding:0 .5rem}.calendar-redesign.cal-mobile .cal-nav-arrows{gap:.125rem}.calendar-redesign.cal-mobile .cal-nav-arrow{background:#0000;border:none;border-radius:8px;font-size:.9rem;height:32px;position:relative;width:32px}.calendar-redesign.cal-mobile .cal-nav-arrow:before{content:"";inset:-6px;position:absolute}.calendar-redesign.cal-mobile .cal-today-btn{font-size:.75rem;height:36px;padding:0 10px}.calendar-redesign.cal-mobile .cal-view-btn{flex:1 1;font-size:.7rem;min-width:0;padding:0 8px}.calendar-redesign.cal-mobile .cal-content{border-radius:0}.calendar-redesign.cal-mobile .cal-filter-btn{font-size:.75rem;height:36px;padding:0 10px}.calendar-redesign.cal-mobile .cal-hamburger-wrapper{flex:0 0 32px;width:32px}.calendar-redesign.cal-mobile .cal-hamburger-btn{background:#0000;border:none;border-radius:8px;font-size:1rem;height:32px;position:relative;width:32px}.calendar-redesign.cal-mobile .cal-hamburger-btn:before{content:"";inset:-6px;position:absolute}.calendar-redesign.cal-mobile .cal-filter-dropdown,.calendar-redesign.cal-mobile .cal-hamburger-dropdown{border-radius:var(--cal-radius-md);bottom:12px;left:12px;max-height:60vh;overflow-y:auto;position:fixed;right:12px;top:auto}.calendar-redesign.cal-mobile .cal-modal-footer{flex-direction:column}.calendar-redesign.cal-mobile .cal-modal-footer .cal-modal-btn{width:100%}.calendar-redesign.cal-mobile .cal-banner{border-radius:var(--cal-radius-sm);padding:.75rem}.calendar-redesign.cal-mobile .cal-banner-actions{flex-direction:column;width:100%}.calendar-redesign.cal-mobile .cal-banner-btn{text-align:center;width:100%}.calendar-redesign.cal-mobile .cal-swipe-hint{display:none!important}@media (min-width:768px){.calendar-redesign{border-radius:20px;margin:0 auto;max-width:1400px;padding:2rem 1.25rem}.cal-search-wrapper{max-width:320px}.cal-modal-overlay{align-items:center;padding:1rem}.cal-modal{animation:cal-fadeIn .2s ease;border-radius:var(--cal-radius);max-height:85vh;max-width:500px}.cal-content{min-height:600px}}@media (min-width:1024px){.calendar-redesign{max-width:1400px}}@media (hover:none) and (pointer:coarse){.cal-action-btn:hover,.cal-filter-btn:hover,.cal-nav-arrow:hover,.cal-search-result-item:hover,.cal-view-btn:hover{box-shadow:inherit;transform:none}.cal-action-btn:active,.cal-nav-arrow:active,.cal-view-btn:active{opacity:.9;transform:scale(.96)}}:root{--ml-primary:#4a90a4;--ml-secondary:#6ba893;--ml-accent:#e8976c;--ml-bg:#e8f4f8;--ml-card:#fff;--ml-text:#2d3e50;--ml-text-secondary:#5a6b7a;--ml-border:#b8d4dc;--ml-border-light:#d4e8ec;--ml-success:#22c55e;--ml-error:#ef4444}.ml-picker-overlay{align-items:center;animation:mlFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ml-picker-modal{animation:mlSlideUp .3s ease;background:#fff;background:var(--ml-card);border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes mlFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mlSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ml-picker-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--ml-border-light);display:flex;justify-content:space-between;padding:8px 12px}.ml-picker-title{align-items:center;color:#6b7280;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin:0}.ml-picker-close{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:1rem;height:24px;line-height:1;padding:0;transition:all .2s;width:24px}.ml-picker-close:hover{background:#e5e7eb;color:#6b7280}.ml-picker-search{background:#e8f4f8;background:var(--ml-bg);padding:8px 12px}.ml-search-container{align-items:center;background:#fff;border:1.5px solid #b8d4dc;border-radius:8px;display:flex;padding:0 10px;transition:border-color .2s}.ml-search-container:focus-within{border-color:#4a90a4;border-color:var(--ml-primary)}.ml-search-icon{font-size:.9rem;margin-right:8px;opacity:.6}.ml-search-input{background:#0000;border:none;color:#2d3e50;color:var(--ml-text);flex:1 1;font-size:.85rem;outline:none;padding:8px 0}.ml-search-input::placeholder{color:#9ca3af}.ml-search-clear{background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:.75rem;height:24px;transition:all .2s;width:24px}.ml-search-clear:hover{background:#d1d5db}.ml-picker-content{flex:1 1;overflow-y:auto;padding:10px 12px}.ml-section-header{align-items:center;color:#5a6b7a;color:var(--ml-text-secondary);display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ml-frequent-section{margin-bottom:12px}.ml-frequent-chips{display:flex;flex-wrap:wrap;gap:6px}.ml-frequent-chip{align-items:center;background:#fff;border:1.5px solid #b8d4dc;border:1.5px solid var(--ml-border);border-radius:16px;color:#2d3e50;color:var(--ml-text);cursor:pointer;display:inline-flex;font-size:.8rem;gap:4px;padding:6px 10px;transition:all .2s}.ml-frequent-chip:hover{background:#e8f4f8;background:var(--ml-bg);border-color:#4a90a4;border-color:var(--ml-primary)}.ml-frequent-chip.selected{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--ml-primary),var(--ml-secondary));border-color:#0000;color:#fff}.ml-chip-check{font-weight:700}.ml-categories-section{display:flex;flex-direction:column;gap:6px}.ml-category{background:#fff;border:1.5px solid #d4e8ec;border:1.5px solid var(--ml-border-light);border-radius:8px;overflow:hidden;transition:border-color .2s}.ml-category:has(.ml-category-header.expanded){border-color:#b8d4dc;border-color:var(--ml-border)}.ml-category-header{align-items:center;background:#e8f4f8;background:var(--ml-bg);cursor:pointer;display:flex;gap:8px;padding:8px 10px;transition:background .2s}.ml-category-header:hover{background:#d4e8ec}.ml-category-header.expanded{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--ml-primary),var(--ml-secondary));color:#fff}.ml-category-emoji{font-size:1rem}.ml-category-label{flex:1 1;font-size:.8rem;font-weight:600}.ml-category-badge{background:#fff;border-radius:12px;color:#4a90a4;color:var(--ml-primary);font-size:.7rem;font-weight:700;padding:1px 8px}.ml-category-header.expanded .ml-category-badge{background:#ffffffe6}.ml-category-chevron{font-size:.75rem;opacity:.7;transition:transform .2s}.ml-category-tasks{border-top:1px solid #d4e8ec;border-top:1px solid var(--ml-border-light)}.ml-task-item{align-items:center;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--ml-border-light);cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:background .15s}.ml-task-item:last-child{border-bottom:none}.ml-task-item:hover{background:#e8f4f8;background:var(--ml-bg)}.ml-task-item.selected{background:#f0fdf4}.ml-task-emoji{font-size:1.1rem;text-align:center;width:24px}.ml-task-name{color:#2d3e50;color:var(--ml-text);flex:1 1;font-size:.8rem;font-weight:500}.ml-task-item.selected .ml-task-name{color:#22c55e;color:var(--ml-success);font-weight:600}.ml-task-add{background:#fff;border:1.5px solid #b8d4dc;border:1.5px solid var(--ml-border);border-radius:6px;color:#4a90a4;color:var(--ml-primary);cursor:pointer;font-size:1rem;font-weight:700;height:24px;transition:all .2s;width:24px}.ml-task-add:hover{background:#4a90a4;background:var(--ml-primary);border-color:#4a90a4;border-color:var(--ml-primary);color:#fff}.ml-task-check{align-items:center;background:#22c55e;background:var(--ml-success);border-radius:6px;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:24px;justify-content:center;width:24px}.ml-search-results .ml-results-list{background:#fff;border:2px solid #d4e8ec;border:2px solid var(--ml-border-light);border-radius:12px;overflow:hidden}.ml-no-results{color:#5a6b7a;color:var(--ml-text-secondary);padding:40px 20px;text-align:center}.ml-no-results p{margin:0}.ml-selected-preview{background:#e8f4f8;background:var(--ml-bg);border-top:1px solid #b8d4dc;border-top:1px solid var(--ml-border);padding:8px 12px}.ml-selected-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.ml-selected-icon{font-size:.9rem}.ml-selected-count{color:#2d3e50;color:var(--ml-text);flex:1 1;font-size:.8rem;font-weight:600}.ml-selected-clear{background:none;border:none;color:#ef4444;color:var(--ml-error);cursor:pointer;font-size:.75rem;text-decoration:underline}.ml-selected-items{display:flex;flex-wrap:wrap;gap:6px}.ml-selected-item{align-items:center;background:#fff;border:1px solid #b8d4dc;border:1px solid var(--ml-border);border-radius:14px;display:flex;font-size:.75rem;gap:4px;padding:4px 8px}.ml-selected-item-emoji{font-size:.85rem}.ml-selected-item-name{color:#2d3e50;color:var(--ml-text);font-weight:500}.ml-selected-item-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.7rem;padding:0 2px;transition:color .15s}.ml-selected-item-remove:hover{color:#ef4444;color:var(--ml-error)}.ml-picker-footer{background:#f3f4f6;border-top:1px solid #d4e8ec;border-top:1px solid var(--ml-border-light);display:flex;gap:8px;padding:8px 12px}.ml-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.ml-btn-cancel:hover{background:#e5e7eb}.ml-btn-add{background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;border-radius:6px;box-shadow:0 2px 8px #4a90a44d;color:#fff;cursor:pointer;flex:2 1;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.ml-btn-add:hover:not(:disabled){box-shadow:0 4px 12px #4a90a466;transform:translateY(-1px)}.ml-btn-add:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}@media (max-width:640px){.ml-picker-overlay{align-items:flex-end;padding:0}.ml-picker-modal{border-radius:12px 12px 0 0;max-height:95vh}.ml-picker-content,.ml-picker-footer,.ml-picker-header,.ml-picker-search,.ml-selected-preview{padding-left:10px;padding-right:10px}.ml-frequent-chip{font-size:.75rem;padding:5px 8px}}.ml-picker-content::-webkit-scrollbar{width:8px}.ml-picker-content::-webkit-scrollbar-track{background:#e8f4f8;background:var(--ml-bg);border-radius:4px}.ml-picker-content::-webkit-scrollbar-thumb{background:#b8d4dc;background:var(--ml-border);border-radius:4px}.ml-picker-content::-webkit-scrollbar-thumb:hover{background:#4a90a4;background:var(--ml-primary)}:root{--planivio-primary:#4a90a4;--planivio-secondary:#6ba893;--planivio-accent:#e8976c;--planivio-bg:#e8f4f8;--planivio-text-secondary:#374151;--planivio-text-light:#9ca3af;--planivio-orange:#f97316;--planivio-orange-light:#ffedd5;--planivio-green:#22c55e;--planivio-green-light:#d1fae5;--planivio-blue:#3b82f6;--planivio-blue-light:#dbeafe;--planivio-yellow:#f59e0b;--planivio-yellow-light:#fef3c7;--planivio-purple:#8b5cf6;--planivio-purple-light:#ede9fe;--planivio-pink:#ec4899;--planivio-pink-light:#fce7f3;--planivio-red:#ef4444;--planivio-radius:16px;--planivio-radius-sm:10px;--planivio-radius-xs:8px;--planivio-shadow:0 2px 12px #0000000a;--planivio-shadow-md:0 4px 20px #00000012;--planivio-card-shadow:2px 3px 8px #00000014,0 1px 2px #0000000a;--planivio-input-bg:#f0f9ff;--btn-gradient:linear-gradient(135deg,#4a90a4,#6ba893);--btn-teal:#4a90a4;--btn-h-chip:36px;--btn-r-chip:100px;--btn-fs-chip:0.82rem;--btn-fw:600;--btn-font:"DM Sans",-apple-system,sans-serif;--btn-gap:12px;--btn-gap-compact:8px;--btn-gap-section:16px;--btn-size-fab:56px;--btn-size-fab-mini:44px;--btn-r-fab:16px;--btn-shadow-fab:0 6px 24px #4a90a459;--btn-size-icon-mini:32px;--btn-fs-secondary:0.9rem;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--z-fixed:300}[data-theme=dark]{--planivio-bg:#111827;--planivio-bg-card:#1f2937;--planivio-text:#f9fafb;--planivio-text-secondary:#d1d5db;--planivio-text-muted:#9ca3af;--planivio-text-light:#6b7280;--planivio-border:#4b5563;--planivio-border-light:#374151;--planivio-input-bg:#374151;--planivio-card-shadow:2px 3px 8px #0003,0 1px 2px #00000026}[data-theme=dark] .view-toggle{border-color:#b8d4dc;border-color:var(--planivio-border)}[data-theme=dark] .view-toggle button{color:#6b7280;color:var(--planivio-text-muted)}[data-theme=dark] .view-toggle button:hover{background:#4a90a41a;color:#4a90a4;color:var(--planivio-primary)}[data-theme=dark] .view-toggle button.active{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--btn-gradient);color:#fff}[data-theme=dark] .btn-mental-load{background:#fff;background:var(--planivio-bg-card);border-color:#b8d4dc;border-color:var(--planivio-border);color:#6b7280;color:var(--planivio-text-muted)}[data-theme=dark] .btn-mental-load:hover{border-color:#4a90a4;border-color:var(--planivio-primary);color:#4a90a4;color:var(--planivio-primary)}[data-theme=dark] .filter-search-wrap{background:#fff;background:var(--planivio-bg-card);border-color:#b8d4dc;border-color:var(--planivio-border)}[data-theme=dark] .filter-select{background-color:#fff;background-color:var(--planivio-bg-card);border-color:#b8d4dc;border-color:var(--planivio-border);color:#1f2937;color:var(--planivio-text)}.notes-container{animation:notesFadeIn .3s ease;background:#e8f4f8;background:var(--planivio-bg);box-sizing:border-box;margin:0 auto;max-width:100%;min-height:calc(100vh - 100px);overflow-x:hidden;padding:5px}@keyframes notesFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.notes-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.notes-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.notes-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.notes-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.notes-header-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.notes-header-subtitle{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.notes-header{flex-wrap:wrap;gap:.75rem;justify-content:space-between;padding:.75rem}.notes-header,.notes-info-btn{align-items:center;display:flex}.notes-info-btn{background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.notes-info-btn:before{content:"";inset:-6px;position:absolute}.notes-info-btn:hover{background:#e2e8f0;border-color:#4a90a4;border-color:var(--planivio-primary);color:#1e293b}.notes-info-modal{background:#fff;background:var(--planivio-bg-card);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:16px;box-shadow:0 4px 20px #4a90a426;margin-bottom:1rem;overflow:hidden}.notes-info-modal-header{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--planivio-gradient);display:flex;justify-content:space-between;padding:1rem 1.25rem}.notes-info-modal-title{font-weight:700;gap:.5rem}.notes-info-close-btn,.notes-info-modal-title{align-items:center;color:#fff;display:flex;font-size:1rem}.notes-info-close-btn{background:#fff3;border:none;border-radius:8px;cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.notes-info-close-btn:hover{background:#ffffff4d}.notes-info-modal-content{padding:1.25rem}.notes-info-text{font-size:.9rem;line-height:1.6;margin:0 0 1rem}.notes-info-list,.notes-info-text{color:#374151;color:var(--planivio-text-secondary)}.notes-info-list{font-size:.85rem;line-height:1.8;margin:0;padding:0 0 0 1.25rem}.notes-info-list li{margin-bottom:.25rem}@media (max-width:768px){.notes-info-btn{background:#0000;border:none;font-size:1rem;height:32px;margin-left:.25rem;width:32px}.notes-info-modal{margin:0 .375rem .75rem}.notes-info-modal-content{padding:1rem}.notes-info-text{font-size:.85rem}.notes-info-list{font-size:.8rem}}.notes-controls-row{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;gap:var(--btn-gap-section);min-height:36px;min-height:var(--btn-h-chip);padding:0 .75rem .5rem}.notes-controls-row .view-toggle{align-self:center;flex-shrink:0;height:36px;height:var(--btn-h-chip)}.notes-controls-row .notes-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;gap:var(--btn-gap-compact);height:36px;height:var(--btn-h-chip);margin-left:auto}@media (max-width:480px){.notes-controls-row .btn-mental-load,.notes-controls-row .view-toggle button{font-size:.75rem;padding:0 10px}}.mental-load-banner{align-items:center;background:linear-gradient(135deg,#ec4899,#f97316);border-radius:16px;border-radius:var(--planivio-radius);box-shadow:0 4px 16px #ec489940;cursor:pointer;display:flex;gap:14px;margin:0 .75rem .75rem;padding:14px 16px;transition:transform .2s}.mental-load-banner:hover{transform:translateY(-2px)}.mental-load-banner .mental-icon{flex-shrink:0;font-size:1.6rem}.mental-load-banner .mental-text{color:#fff}.mental-load-banner .mental-text h4{font-size:.85rem;font-weight:700;margin:0 0 2px}.mental-load-banner .mental-text p{font-size:.7rem;margin:0;opacity:.85}.mental-load-banner .mental-arrow{color:#fff;font-size:1.2rem;margin-left:auto;opacity:.7}.view-toggle{align-items:center;border-radius:var(--btn-r-chip);height:var(--btn-h-chip)}.view-toggle button{font-family:DM Sans,-apple-system,sans-serif;font-family:var(--btn-font);font-size:var(--btn-fs-chip);gap:4px;justify-content:center;transition:all var(--transition-normal)}.view-toggle button:hover{background:#4a90a40d;color:#4a90a4;color:var(--btn-teal)}.view-toggle button.active{background:var(--btn-gradient)}.btn-mental-load{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip);box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:DM Sans,-apple-system,sans-serif;font-family:var(--btn-font);font-size:.82rem;font-size:var(--btn-fs-chip);font-weight:500;gap:4px;height:36px;height:var(--btn-h-chip);line-height:1;padding:0 14px;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn-mental-load.active,.btn-mental-load:hover{border-color:#4a90a4;color:#4a90a4}.btn-mental-load.active{background:#4a90a41a;font-weight:600}.btn-create{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;border-radius:16px;bottom:80px;box-shadow:0 6px 24px #4a90a459;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;height:56px;justify-content:center;padding:0 24px;position:fixed;right:16px;transition:box-shadow .2s ease,transform .2s ease;white-space:nowrap;z-index:9999}.btn-create:hover{box-shadow:0 10px 32px #4a90a466;transform:translateY(-2px)}.btn-create:active{transform:scale(.96)}.btn-refresh{align-items:center;background:#fff;background:var(--planivio-bg-card);border:1.5px solid #d4e8ec;border:1.5px solid var(--planivio-border-light);border-radius:8px;border-radius:var(--planivio-radius-xs);box-sizing:border-box;color:#6b7280;color:var(--planivio-text-muted);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:44px;min-width:44px;padding:.75rem;transition:all .2s ease}.btn-refresh:hover{border-color:#4a90a4;border-color:var(--planivio-primary);color:#4a90a4;color:var(--planivio-primary)}.notes-filters{display:flex;flex-direction:column;gap:8px;padding:0 .75rem .5rem}.filter-search-wrap{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip);box-sizing:border-box;display:flex;gap:8px;height:36px;height:var(--btn-h-chip);outline:none;padding:0 14px;transition:all .2s ease;transition:all var(--transition-normal);width:100%}.filter-search-wrap:focus-within{border-color:#4a90a4;border-color:var(--btn-teal);box-shadow:0 0 0 3px #4a90a41a}.filter-search-wrap .search-icon{color:#4a90a4;color:var(--planivio-primary);flex-shrink:0;font-size:.9rem}.filter-search{-webkit-appearance:none;appearance:none;background:#0000!important;color:#1f2937;color:var(--planivio-text);font-family:DM Sans,-apple-system,sans-serif;font-family:var(--btn-font);font-size:.82rem;font-size:var(--btn-fs-chip);width:100%}.filter-search,.filter-search:focus{border:none!important;outline:none!important}.filter-search:focus{box-shadow:none!important}.filter-search::placeholder{color:#9ca3af;color:var(--planivio-text-light)}.filter-search:-webkit-autofill,.filter-search:-webkit-autofill:focus,.filter-search:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;-webkit-text-fill-color:var(--planivio-text)!important;border:none!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-box-shadow:0 0 0 1000px var(--planivio-bg-card) inset!important}.filter-row{align-items:center;box-sizing:border-box;display:flex;gap:16px;gap:var(--btn-gap-section);width:100%}.notes-filters .filter-search-wrap{flex:1 1;min-width:0}.filter-dropdown-wrap{flex:0 0 auto;min-width:140px}.filter-select{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip);box-sizing:border-box;color:#475569;font-family:DM Sans,-apple-system,sans-serif;font-family:var(--btn-font);font-size:.82rem;font-size:var(--btn-fs-chip);font-weight:500;height:36px;height:var(--btn-h-chip);outline:none!important;padding:0 32px 0 14px;transition:all var(--transition-normal);width:100%}.filter-select:focus{border-color:var(--btn-teal);box-shadow:0 0 0 3px #4a90a41a;outline:none!important}.notes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:0 .75rem 1rem}.note-card{border:none;border-radius:4px;box-shadow:2px 3px 8px #00000014,0 1px 2px #0000000a;box-shadow:var(--planivio-card-shadow);cursor:pointer;display:flex;flex-direction:column;min-height:140px;overflow:visible;padding:14px 13px 12px;position:relative;transition:transform .2s,box-shadow .2s}.note-card:before{background:#ffffff8c;border-radius:2px;box-shadow:0 1px 3px #0000000f;content:"";height:14px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:44px;z-index:2}.note-card:after{background:linear-gradient(0deg,#00000008,#0000);border-radius:0 0 4px 4px;bottom:0;content:"";height:6px;left:8px;position:absolute;right:8px}.note-card:nth-child(odd){transform:rotate(-.8deg)}.note-card:nth-child(2n){transform:rotate(.6deg)}.note-card:nth-child(3n){transform:rotate(-.3deg)}.note-card:hover{box-shadow:4px 8px 24px #00000024;transform:rotate(0deg) translateY(-5px) scale(1.03);z-index:5}.note-card.color-yellow,.note-card[data-color=yellow]{background:#fef3c7}.note-card.color-green,.note-card[data-color=green]{background:#d1fae5}.note-card.color-blue,.note-card[data-color=blue]{background:#dbeafe}.note-card.color-pink,.note-card[data-color=pink]{background:#fce7f3}.note-card.color-purple,.note-card[data-color=purple]{background:#ede9fe}.note-card.color-orange,.note-card[data-color=orange]{background:#ffedd5}[data-theme=dark] .note-card,[data-theme=dark] .note-card .note-card-title{color:#1f2937}[data-theme=dark] .note-card .note-card-content{color:#374151}.note-card-title{align-items:flex-start;color:#1f2937;color:var(--planivio-text);display:flex;font-size:.8rem;font-weight:700;gap:4px;line-height:1.3;margin-bottom:5px;word-break:break-word}.note-card-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#374151;color:var(--planivio-text-secondary);display:-webkit-box;font-size:.68rem;line-height:1.5;margin-bottom:auto;overflow:hidden;padding-bottom:8px;white-space:pre-wrap;word-break:break-word}.note-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;margin-top:auto}.note-card-category{align-items:center;border-radius:100px;display:inline-flex;font-size:.55rem;font-weight:600;gap:2px;padding:2px 7px}.note-card-category[data-category=personal]{background:#22c55e26;color:#16a34a}.note-card-category[data-category=work]{background:#3b82f626;color:#2563eb}.note-card-category[data-category=ideas]{background:#8b5cf626;color:#7c3aed}.note-card-category[data-category=important]{background:#f59e0b26;color:#d97706}.note-card-meta{align-items:center;color:#9ca3af;color:var(--planivio-text-light);display:flex;font-size:.55rem;gap:5px;white-space:nowrap}.note-card-author{align-items:center;display:flex;gap:4px}.note-card-author-dot{background:#4a90a4;background:var(--planivio-primary);border-radius:50%;flex-shrink:0;height:6px;width:6px}.note-card-date{font-size:.55rem}.notes-list{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0 .75rem 1rem}.notes-list .note-card{align-items:flex-start;background:#fff!important;background:var(--planivio-bg-card)!important;border-left:4px solid #0000;border-radius:10px;border-radius:var(--planivio-radius-sm);box-shadow:0 2px 12px #0000000a;box-shadow:var(--planivio-shadow);display:flex;flex-direction:row;gap:12px;min-height:0;min-height:auto;padding:12px 14px;transform:none!important}.notes-list .note-card:after,.notes-list .note-card:before{display:none!important}.notes-list .note-card:hover{transform:translateX(3px)!important}.notes-list .note-card.color-yellow,.notes-list .note-card[data-color=yellow]{border-left-color:#f59e0b;border-left-color:var(--planivio-yellow)}.notes-list .note-card.color-green,.notes-list .note-card[data-color=green]{border-left-color:#22c55e;border-left-color:var(--planivio-green)}.notes-list .note-card.color-blue,.notes-list .note-card[data-color=blue]{border-left-color:#3b82f6;border-left-color:var(--planivio-blue)}.notes-list .note-card.color-pink,.notes-list .note-card[data-color=pink]{border-left-color:#ec4899;border-left-color:var(--planivio-pink)}.notes-list .note-card.color-purple,.notes-list .note-card[data-color=purple]{border-left-color:#8b5cf6;border-left-color:var(--planivio-purple)}.notes-list .note-card.color-orange,.notes-list .note-card[data-color=orange]{border-left-color:#f97316;border-left-color:var(--planivio-orange)}[data-theme=dark] .notes-list .note-card,[data-theme=dark] .notes-list .note-card .note-card-title{color:#1f2937;color:var(--planivio-text)}[data-theme=dark] .notes-list .note-card .note-card-content{color:#374151;color:var(--planivio-text-secondary)}.note-card-icon{align-items:center;border-radius:10px;border-radius:var(--planivio-radius-sm);display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.notes-list .note-card-body{flex:1 1;min-width:0}.notes-list .note-card-title{font-size:.88rem;margin-bottom:2px}.notes-list .note-card-content{-webkit-line-clamp:1;font-size:.72rem;margin-bottom:6px}.notes-error,.notes-loading{background:#fff;background:var(--planivio-bg-card);border:1.5px solid #d4e8ec;border:1.5px solid var(--planivio-border-light);border-radius:16px;border-radius:var(--planivio-radius);color:#6b7280;color:var(--planivio-text-muted);margin:1rem .75rem;padding:3.75rem 1.25rem;text-align:center}.notes-loading .spinner{animation:notesSpin 1s linear infinite;border:4px solid #d4e8ec;border-top-color:#4a90a4;border:4px solid var(--planivio-border-light);border-radius:50%;border-top-color:var(--planivio-primary);height:2.5rem;margin:0 auto 1.25rem;width:2.5rem}@keyframes notesSpin{to{transform:rotate(1turn)}}.notes-error{color:#ef4444;color:var(--planivio-red)}.notes-error button{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--planivio-gradient);border:none;border-radius:10px;border-radius:var(--planivio-radius-sm);color:#fff;cursor:pointer;font-weight:600;margin-top:.9375rem;padding:.625rem 1.25rem}.empty-state{color:#9ca3af;color:var(--planivio-text-light);margin:0 .75rem;padding:3rem 1.25rem}.empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.25}.empty-state h3{color:#6b7280;color:var(--planivio-text-muted);font-size:1.1rem;margin-bottom:.5rem}.empty-state p{color:#9ca3af;color:var(--planivio-text-light);font-size:.85rem}.modal-content{box-shadow:0 20px 40px #00000026}.modal-header{border-bottom:1.5px solid #d4e8ec;border-bottom:1.5px solid var(--planivio-border-light)}.modal-header h2{font-size:1.3rem}.modal-close{border-radius:var(--planivio-radius-xs);color:var(--planivio-text-light);font-size:1.5rem}.modal-footer{border-top:1.5px solid #d4e8ec;border-top:1.5px solid var(--planivio-border-light)}.form-label{color:var(--planivio-text-secondary);display:block;font-size:.875rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:#fff;background:var(--planivio-bg-card);border:1.5px solid #d4e8ec;border:1.5px solid var(--planivio-border-light);border-radius:10px;border-radius:var(--planivio-radius-sm);color:#1f2937;color:var(--planivio-text);font-family:inherit;font-size:.9375rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4a90a4;border-color:var(--planivio-primary);box-shadow:0 0 0 3px #4a90a41a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;color:var(--planivio-text-light)}.form-textarea{min-height:6.25rem}.btn-primary{background:var(--planivio-gradient);border-radius:10px;border-radius:var(--planivio-radius-sm);box-shadow:0 4px 12px #4a90a44d}.btn-primary,.btn-secondary{font-size:.9375rem;padding:.75rem 1.5rem}.btn-secondary{border:1.5px solid #d4e8ec;border:1.5px solid var(--planivio-border-light);border-radius:10px;border-radius:var(--planivio-radius-sm);color:var(--planivio-primary)}.btn-secondary:hover{background:#4a90a40d;border-color:var(--planivio-primary)}.sync-indicator{align-items:center;color:#4a90a4;color:var(--planivio-primary);display:inline-flex;font-size:.75rem;gap:4px}.sync-dot{animation:pulse 1s infinite;background:#4a90a4;background:var(--planivio-primary);border-radius:50%;height:8px;width:8px}.notes-error-banner{align-items:center;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;border-radius:var(--planivio-radius-sm);color:#991b1b;display:flex;font-size:.82rem;justify-content:space-between;margin:0 .75rem .5rem;padding:.75rem}[data-theme=dark] .notes-error-banner{background:#450a0a;border-color:#dc2626;color:#fca5a5}.notes-error-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;padding:0 4px}.notes-stats-grid{display:none}@media (min-width:769px){.notes-container{border-radius:20px;max-width:1400px;padding:2rem 1.25rem}.notes-header{margin-bottom:1rem;padding:0}.notes-controls-row{padding:0 0 .75rem}.notes-info-modal{margin:0 0 1rem}.notes-filters{padding:0 0 1rem}.notes-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.notes-grid,.notes-list{padding:0 0 1.5rem}.mental-load-banner,.notes-error-banner{margin:0 0 1rem}.empty-state{margin:0}}@media (max-width:360px){.notes-grid{grid-template-columns:1fr}.note-card{min-height:120px}}.tasks-container{--tasks-bg:#eff6ff;--tasks-card-bg:#fff;--tasks-secondary-bg:#f0f9ff;--tasks-text:#1f2937;--tasks-text-secondary:#374151;--tasks-text-muted:#6b7280;--tasks-border:#bfdbfe;--tasks-border-light:#dbeafe;--tasks-input-bg:#f8fafc;--tasks-accent:#3b82f6;--tasks-accent-light:#60a5fa;--tasks-accent-dark:#2563eb;--tasks-success:#22c55e;--tasks-success-bg:#d1fae5;--tasks-warning:#f59e0b;--tasks-warning-bg:#fef3c7;--tasks-danger:#ef4444;--tasks-danger-bg:#fee2e2;background:var(--tasks-bg);min-height:100vh}.tasks-container.dark,[data-theme=dark] .tasks-container{--tasks-bg:#111827;--tasks-card-bg:#1f2937;--tasks-secondary-bg:#374151;--tasks-text:#f9fafb;--tasks-text-secondary:#d1d5db;--tasks-text-muted:#9ca3af;--tasks-border:#4b5563;--tasks-border-light:#374151;--tasks-input-bg:#374151;--tasks-accent:#3b82f6;--tasks-accent-light:#60a5fa;--tasks-accent-dark:#2563eb;--tasks-success-bg:#14532d;--tasks-warning-bg:#78350f;--tasks-danger-bg:#450a0a}.tasks-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.tasks-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.tasks-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.tasks-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.tasks-header-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.tasks-header-subtitle{color:#6b7280;font-size:.875rem}.tasks-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.tasks-info-btn:hover{opacity:.7}.tasks-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}.tasks-stat-card{align-items:center;background:var(--tasks-card-bg);border:2px solid var(--tasks-border);border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.tasks-stat-card:hover{border-color:var(--tasks-accent);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.tasks-stat-icon{align-items:center;background:var(--tasks-border-light);border-radius:10px;display:flex;font-size:1.1rem;height:40px;justify-content:center;width:40px}.tasks-stat-value{color:var(--tasks-text);font-size:1.5rem;font-weight:700;line-height:1}.tasks-stat-label{color:var(--tasks-text-muted);font-size:.75rem;margin-top:.25rem}.tasks-filters{align-items:center;background:var(--tasks-card-bg);border:2px solid var(--tasks-border);border-radius:16px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.tasks-search-input{background:var(--tasks-input-bg);border:2px solid var(--tasks-border);border-radius:12px;color:var(--tasks-text);flex:1 1 200px;font-size:.9rem;min-width:150px;outline:none;padding:.625rem 1rem;transition:border-color .2s}.tasks-search-input:focus{border-color:var(--tasks-accent)}.tasks-select{background:var(--tasks-input-bg);border:2px solid var(--tasks-border);border-radius:12px;color:var(--tasks-text);cursor:pointer;font-size:.9rem;min-width:140px;outline:none;padding:.625rem 1rem}.tasks-select:focus{border-color:var(--tasks-accent)}.tasks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.tasks-list{flex-direction:column}.task-card,.tasks-list{display:flex;gap:.75rem}.task-card{align-items:flex-start;background:var(--tasks-card-bg);border:2px solid var(--tasks-border);border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s ease}.task-card:hover{border-color:var(--tasks-accent);box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.task-card.done{opacity:.6}.task-checkbox{align-items:center;border:2px solid var(--tasks-border);border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.task-checkbox.checked,.task-checkbox:hover{border-color:var(--tasks-accent)}.task-checkbox.checked{background:var(--tasks-accent);color:#fff}.task-content{flex:1 1;min-width:0}.task-title{color:var(--tasks-text);font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card.done .task-title{text-decoration:line-through}.task-description{color:var(--tasks-text-muted);font-size:.85rem;line-height:1.4;margin-bottom:.5rem}.task-meta{display:flex;flex-wrap:wrap;gap:.5rem}.task-meta-tag{align-items:center;background:var(--tasks-border-light);border-radius:4px;color:var(--tasks-text-secondary);display:inline-flex;font-size:.75rem;gap:.25rem;padding:.2rem .5rem}.task-meta-tag.priority-high{background:var(--tasks-danger-bg);color:var(--tasks-danger)}.task-meta-tag.priority-medium{background:var(--tasks-warning-bg);color:var(--tasks-warning)}.task-meta-tag.priority-low{background:var(--tasks-success-bg);color:var(--tasks-success)}.task-meta-tag.overdue{background:var(--tasks-danger-bg);color:var(--tasks-danger)}.task-meta-tag.today{background:#dbeafe;color:#2563eb}.tasks-create-btn{align-items:center;background:linear-gradient(135deg,var(--tasks-accent) 0,var(--tasks-accent-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;transition:all .2s ease}.tasks-create-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.tasks-refresh-btn{align-items:center;background:var(--tasks-card-bg);border:2px solid var(--tasks-border);border-radius:12px;color:var(--tasks-text-muted);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.625rem;transition:all .2s ease}.tasks-refresh-btn:hover{border-color:var(--tasks-accent);color:var(--tasks-accent)}.tasks-section-title{align-items:center;color:var(--tasks-text);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.tasks-empty{background:var(--tasks-card-bg);border:2px dashed var(--tasks-border);border-radius:16px;padding:3rem 2rem;text-align:center}.tasks-empty-icon{font-size:3rem;margin-bottom:1rem}.tasks-empty-message{color:var(--tasks-text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tasks-empty-submessage{color:var(--tasks-text-muted);font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.task-card{animation:fadeInUp .3s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tasks-sync-indicator{align-items:center;color:var(--tasks-accent);display:inline-flex;font-size:.75rem;gap:4px}.tasks-sync-dot{animation:pulse 1s infinite;background:var(--tasks-accent);border-radius:50%;height:8px;width:8px}@media (max-width:768px){.tasks-info-btn{font-size:1rem;height:32px;width:32px}.tasks-header{align-items:stretch;flex-direction:column}.tasks-header-actions{display:flex;gap:.75rem}.tasks-create-btn{flex:1 1;justify-content:center}.tasks-stats-grid{grid-template-columns:repeat(2,1fr)}.tasks-filters{align-items:stretch;flex-direction:column}.tasks-search-input,.tasks-select{width:100%}.tasks-grid{grid-template-columns:1fr}}@media (max-width:480px){.tasks-stats-grid{grid-template-columns:1fr}.task-card{padding:.875rem}.task-meta{align-items:flex-start;flex-direction:column}}.tasks-view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip,100px);flex-shrink:0;gap:0;height:36px;height:var(--btn-h-chip,36px);overflow:hidden;padding:0;width:-webkit-fit-content;width:fit-content}.tasks-view-btn,.tasks-view-toggle{box-sizing:border-box;display:inline-flex}.tasks-view-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#475569;cursor:pointer;font-size:.82rem;font-weight:500;gap:.5rem;height:100%;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.tasks-view-btn:hover:not(.active){background:#4a90a414}.tasks-view-btn.active{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--planivio-gradient,linear-gradient(135deg,#4a90a4,#6ba893));color:#fff;font-weight:600}.tasks-fab{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--btn-gradient,linear-gradient(135deg,#4a90a4,#6ba893));border:none;border-radius:16px;border-radius:var(--btn-r-fab,16px);bottom:80px;box-shadow:0 4px 20px #4a90a466;box-shadow:var(--btn-shadow-fab,0 4px 20px #4a90a466);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:56px;justify-content:center;line-height:1;position:fixed;right:16px;transition:all .3s ease;width:56px;z-index:99}.tasks-fab:hover{box-shadow:0 8px 30px #4a90a480;transform:scale(1.1) rotate(90deg)}.tasks-fab:active{transform:scale(.95)}.tasks-close-mini:before{content:"";inset:-6px;position:absolute}@media (max-width:768px){.tasks-info-btn:before{content:"";inset:-6px;position:absolute}}@media (max-width:640px){.tasks-fab{bottom:70px;font-size:1.25rem;height:56px;height:var(--btn-size-fab,56px);right:12px;width:56px;width:var(--btn-size-fab,56px)}}:root{--picker-primary:#4a90a4;--picker-secondary:#6ba893;--picker-accent:#e8976c;--picker-bg:#e8f4f8;--picker-card:#fff;--picker-text:#2d3e50;--picker-text-secondary:#5a6b7a;--picker-border:#b8d4dc;--picker-border-light:#d4e8ec;--picker-success:#22c55e;--picker-error:#ef4444}.product-picker-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.product-picker-modal{animation:slideUp .3s ease;background:#fff;background:var(--picker-card);border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.picker-header{background:#f3f4f6;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--picker-border-light);justify-content:space-between;padding:8px 12px}.picker-header,.picker-title{align-items:center;display:flex}.picker-title{color:#6b7280;font-size:.85rem;font-weight:600;gap:6px;margin:0}.picker-close{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:1rem;height:var(--btn-size-icon-mini);line-height:1;padding:0;position:relative;transition:all .2s;width:var(--btn-size-icon-mini)}.picker-close:before{content:"";inset:-6px;position:absolute}.picker-close:hover{background:#e5e7eb;color:#6b7280}.picker-search{background:#e8f4f8;background:var(--picker-bg);padding:8px 12px}.product-search{align-items:center;background:#fff!important;border:1.5px solid #b8d4dc!important;border-radius:8px;display:flex;padding:0 10px;transition:border-color .2s}.product-search:focus-within{border-color:#4a90a4;border-color:var(--picker-primary)}.search-icon{font-size:.9rem;margin-right:8px;opacity:.6}.search-input{background:#0000;border:none;color:#2d3e50;color:var(--picker-text);flex:1 1;font-size:.85rem;outline:none;padding:8px 0}.search-input::placeholder{color:#9ca3af}.search-clear{background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:.75rem;height:24px;transition:all .2s;width:24px}.search-clear:hover{background:#d1d5db}.picker-content{flex:1 1;overflow-y:auto;padding:10px 12px}.section-header{align-items:center;color:#5a6b7a;color:var(--picker-text-secondary);display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.frequent-section{margin-bottom:12px}.frequent-chips{display:flex;flex-wrap:wrap;gap:6px}.frequent-chip{align-items:center;background:#fff;border:1px solid #b8d4dc;border:1px solid var(--picker-border);border-radius:var(--btn-r-chip);color:#2d3e50;color:var(--picker-text);cursor:pointer;display:inline-flex;font-size:.8rem;gap:4px;padding:6px 10px;transition:all .2s}.frequent-chip:hover{background:#e8f4f8;background:var(--picker-bg);border-color:#4a90a4;border-color:var(--picker-primary)}.frequent-chip.selected{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--picker-primary),var(--picker-secondary));border-color:#0000;color:#fff}.chip-check{font-weight:700}.categories-section{display:flex;flex-direction:column;gap:6px}.product-category{background:#fff;border:1.5px solid #d4e8ec;border:1.5px solid var(--picker-border-light);border-radius:8px;overflow:hidden;transition:border-color .2s}.product-category:has(.category-header.expanded){border-color:#b8d4dc;border-color:var(--picker-border)}.category-header{background:var(--picker-bg);cursor:pointer;gap:8px;padding:8px 10px;transition:background .2s}.category-header:hover{background:#d4e8ec}.category-header.expanded{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--picker-primary),var(--picker-secondary));color:#fff}.category-emoji{font-size:1rem}.category-label{flex:1 1;font-size:.8rem;font-weight:600}.category-badge{background:#fff;border-radius:12px;color:#4a90a4;color:var(--picker-primary);font-size:.7rem;font-weight:700;padding:1px 8px}.category-header.expanded .category-badge{background:#ffffffe6}.category-chevron{font-size:.75rem;opacity:.7;transition:transform .2s}.category-products{border-top:1px solid #d4e8ec;border-top:1px solid var(--picker-border-light)}.product-item{align-items:center;border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--picker-border-light);cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:background .15s}.product-item:last-child{border-bottom:none}.product-item:hover{background:#e8f4f8;background:var(--picker-bg)}.product-item.selected{background:#f0fdf4}.product-emoji{font-size:1.1rem;text-align:center;width:24px}.product-name{color:#2d3e50;color:var(--picker-text);flex:1 1;font-size:.8rem;font-weight:500}.product-item.selected .product-name{color:#22c55e;color:var(--picker-success);font-weight:600}.add-btn{background:#fff;border:1.5px solid #b8d4dc;border:1.5px solid var(--picker-border);border-radius:6px;color:#4a90a4;color:var(--picker-primary);cursor:pointer;font-size:1rem;font-weight:700;height:24px;transition:all .2s;width:24px}.add-btn:hover{background:#4a90a4;background:var(--picker-primary);border-color:#4a90a4;border-color:var(--picker-primary);color:#fff}.product-controls{align-items:center;display:flex;gap:4px}.qty-btn{background:#fff;border:1px solid #b8d4dc;border:1px solid var(--picker-border);border-radius:4px;color:#2d3e50;color:var(--picker-text);cursor:pointer;font-size:.85rem;font-weight:700;height:var(--btn-size-icon-mini);position:relative;transition:all .15s;width:var(--btn-size-icon-mini)}.qty-btn:before{content:"";inset:-6px;position:absolute}.qty-btn:hover{background:#e8f4f8;background:var(--picker-bg);border-color:#4a90a4;border-color:var(--picker-primary)}.qty-input{background:#fff!important;border:1.5px solid #b8d4dc!important;border-radius:4px;box-sizing:border-box;font-size:.75rem;font-weight:600;height:22px;padding:2px 4px;text-align:center;width:45px}.qty-input:focus{border-color:#4a90a4;border-color:var(--picker-primary);outline:none}.unit-select{background:#fff;border:1px solid #b8d4dc;border:1px solid var(--picker-border);border-radius:4px;cursor:pointer;font-size:.75rem;padding:2px 4px}.unit-select:focus{border-color:#4a90a4;border-color:var(--picker-primary);outline:none}.remove-btn{background:#fee2e2;border:none;border-radius:4px;color:#ef4444;color:var(--picker-error);cursor:pointer;font-size:.75rem;height:var(--btn-size-icon-mini);margin-left:2px;position:relative;transition:all .15s;width:var(--btn-size-icon-mini)}.remove-btn:before{content:"";inset:-6px;position:absolute}.remove-btn:hover{background:#fecaca}.search-results .results-list{background:#fff;border:2px solid #d4e8ec;border:2px solid var(--picker-border-light);border-radius:12px;overflow:hidden}.no-results{color:#5a6b7a;color:var(--picker-text-secondary);padding:40px 20px;text-align:center}.no-results p{margin:0 0 8px}.no-results .hint{color:#9ca3af;font-size:.85rem}.product-cart{background:#e8f4f8;background:var(--picker-bg);border-top:1px solid #b8d4dc;border-top:1px solid var(--picker-border);padding:8px 12px}.cart-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.cart-icon{font-size:.9rem}.cart-count{color:#2d3e50;color:var(--picker-text);flex:1 1;font-size:.8rem;font-weight:600}.cart-clear{background:none;border:none;color:#ef4444;color:var(--picker-error);cursor:pointer;font-size:.75rem;text-decoration:underline}.cart-items{display:flex;flex-wrap:wrap;gap:6px}.cart-item{align-items:center;background:#fff;border:1px solid #b8d4dc;border:1px solid var(--picker-border);border-radius:14px;display:flex;font-size:.75rem;gap:4px;padding:4px 8px}.cart-item-emoji{font-size:.85rem}.cart-item-name{color:#2d3e50;color:var(--picker-text);font-weight:500}.cart-item-qty{color:#5a6b7a;color:var(--picker-text-secondary);font-size:.7rem}.cart-item-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.7rem;padding:0 2px;transition:color .15s}.cart-item-remove:hover{color:#ef4444;color:var(--picker-error)}.picker-footer{background:#f3f4f6;border-top:1px solid #d4e8ec;border-top:1px solid var(--picker-border-light);display:flex;gap:8px;padding:8px 12px}.btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-add{background:#6ba893;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:2 1;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.btn-add:hover:not(:disabled){background:#5a9883}.btn-add:disabled{background:#d1d5db;cursor:not-allowed}@media (max-width:640px){.product-picker-overlay{align-items:flex-end;padding:0}.product-picker-modal{border-radius:12px 12px 0 0;max-height:95vh}.picker-content,.picker-footer,.picker-header,.picker-search,.product-cart{padding-left:10px;padding-right:10px}.product-controls{flex-wrap:wrap;gap:3px;justify-content:flex-end}.qty-input{width:35px}.unit-select{font-size:.7rem;padding:2px 4px}.frequent-chip{font-size:.75rem;padding:5px 8px}}.picker-content::-webkit-scrollbar{width:8px}.picker-content::-webkit-scrollbar-track{background:#e8f4f8;background:var(--picker-bg);border-radius:4px}.picker-content::-webkit-scrollbar-thumb{background:#b8d4dc;background:var(--picker-border);border-radius:4px}.picker-content::-webkit-scrollbar-thumb:hover{background:#4a90a4;background:var(--picker-primary)}:root{--primary-color:#4a90a4;--primary-dark:#3a7a8e;--secondary-color:#6ba893;--accent-color:#e8976c;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-color:#b8d4dc;--border-light:#d4e8ec;--bg-light:#e8f4f8;--bg-card:#f0f9ff;--shadow-sm:0 1px 2px 0 #4a90a40d;--shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;--shadow-md:0 10px 15px -3px #4a90a41a,0 4px 6px -2px #4a90a40d;--shadow-lg:0 20px 25px -5px #4a90a41a,0 10px 10px -5px #4a90a40a;--border-radius:16px;--border-radius-lg:24px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.shopping-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.shopping-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.shopping-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.shopping-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.shopping-header-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.shopping-header-subtitle{color:#6b7280;font-size:.875rem}.shopping-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.shopping-info-btn:hover{opacity:.7}.shopping-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.shopping-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.module-header-shopping{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:24px;color:#fff;padding:2rem}.shopping-header h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;margin:0;text-shadow:0 2px 4px #0000001a}.shopping-subtitle{color:#ffffffe6;font-size:1.1rem;margin:.5rem 0 0}.header-actions{align-items:center;display:flex;gap:.75rem}.toggle-sidebar-btn{background:#fff;border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.toggle-sidebar-btn:hover{background:#e8f4f8;background:var(--bg-light);border-color:#4a90a4;border-color:var(--primary-color);transform:scale(1.05)}.content-wrapper{align-items:flex-start;display:flex;gap:1.5rem}.main-content{flex:1 1;min-width:0}.sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1rem;position:-webkit-sticky;position:sticky;top:1rem;width:320px}.progress-section{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #4a90a40d;box-shadow:var(--shadow-sm);display:flex;gap:1rem;margin-bottom:1rem;padding:12px 16px}.progress-bar-enhanced{background:#e5e7eb;background:var(--gray-200);border-radius:5px;flex:1 1;height:10px;overflow:hidden}.progress-fill-enhanced{background:linear-gradient(90deg,#4a90a4,#6ba893);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:5px;height:100%;position:relative;transition:width .4s ease}.progress-fill-enhanced:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text-enhanced{color:#4b5563;color:var(--gray-600);font-size:.85rem;font-weight:600;white-space:nowrap}.quick-add-form{display:flex;gap:.5rem;margin-bottom:1rem}.quick-add-input{background:#fff;border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);color:#111827;color:var(--gray-900);flex:1 1;font-size:1rem;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-add-input:focus{border-color:#4a90a4;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90a426}.quick-add-input::placeholder{color:#9ca3af;color:var(--gray-400)}.quick-add-btn{background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-add-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #4a90a41a,0 4px 6px -2px #4a90a40d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-add-btn:disabled{cursor:not-allowed;opacity:.5}.add-item-section{margin-bottom:1rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:var(--btn-r-primary);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow);font-size:1rem;min-height:var(--btn-h-primary);padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary:hover{box-shadow:0 20px 25px -5px #4a90a41a,0 10px 10px -5px #4a90a40a;box-shadow:var(--shadow-lg)}.btn-secondary{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:var(--btn-r-secondary);color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;min-height:var(--btn-h-secondary);padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-secondary:hover{background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.btn-success{align-items:center;background:#6ba893;background:var(--secondary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-success:hover:not(:disabled){background:#5a9883}.btn-success:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#ef4444;background:var(--danger-color);border:none;border-radius:16px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.lists-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.list-card{background:#fff;border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;padding:1.5rem;position:relative}.list-card,.list-card:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.list-card:before{background:linear-gradient(90deg,#4a90a4,#6ba893);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0)}.list-card:hover{border-color:#4a90a4;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #4a90a41a,0 10px 10px -5px #4a90a40a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.list-card:hover:before{transform:scaleX(1)}.list-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.list-card-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.list-card-icon{font-size:1.8rem}.list-card-delete{background:#0000;border:none;border-radius:.5rem;color:#9ca3af;color:var(--gray-400);cursor:pointer;font-size:1.125rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.list-card-delete:hover{background:#ef4444;background:var(--danger-color);color:#fff;transform:scale(1.1)}.list-card-description{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.list-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.meta-item{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:.5rem;color:#374151;color:var(--gray-700);display:flex;font-weight:500;gap:.375rem;padding:.375rem .75rem}.meta-icon{font-size:1rem}.priority-badge{align-items:center;border-radius:.5rem;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.03125rem;padding:.375rem .75rem;text-transform:uppercase}.priority-high{background:#fee2e2;border:1px solid #fecaca;color:#ef4444;color:var(--danger-color)}.priority-normal{background:#e5e7eb;border:1px solid #d1d5db;color:#374151;color:var(--gray-700)}.priority-low{background:#d1fae5;border:1px solid #a7f3d0;color:#10b981;color:var(--success-color)}.list-card-stats{grid-gap:.75rem;border-top:2px solid #f3f4f6;border-top:2px solid var(--gray-100);display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);padding-top:1rem}.stat-number{color:#4a90a4;color:var(--primary-color);display:block;font-size:1.8rem;font-weight:800}.stat-label{color:#4b5563;color:var(--gray-600);font-weight:600;letter-spacing:.03125rem;margin-top:.25rem;text-transform:uppercase}.progress-bar-container{margin-top:1rem}.progress-bar{background:#e5e7eb;background:var(--gray-200);height:.5rem}.progress-bar,.progress-fill{border-radius:62.4375rem;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#4a90a4,#6ba893);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);height:100%;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:600;margin-top:.5rem;text-align:center}.empty-state{border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow);padding:5rem 2.5rem}.empty-icon{margin-bottom:1.5rem;opacity:.5}.empty-state h2{color:#1f2937;color:var(--gray-800);font-size:1.8rem;font-weight:700;margin:0 0 .75rem}.empty-state p{color:#4b5563;color:var(--gray-600);font-size:1.1rem;margin:0}.loading-container,.loading-spinner{align-items:center;background:#fff;border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;padding:5rem 2.5rem}.spinner{border:.375rem solid #e5e7eb;border-top:.375rem solid #4a90a4;border:.375rem solid var(--gray-200);border-top-color:var(--primary-color)}.loading-container p,.loading-spinner p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-weight:600;margin-top:1.5rem}.alert{align-items:center;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow);display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-error{background:#fee2e2;border:2px solid #fecaca;color:#ef4444;color:var(--danger-color)}.alert-close{background:#0000;border:none;border-radius:.375rem;color:inherit;cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.alert-close:hover{background:#0000001a}.error-message{border:2px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #4a90a41a,0 2px 4px -1px #4a90a40f;box-shadow:var(--shadow)}.error-icon{display:block;font-size:3rem;margin-bottom:1rem}.modal-overlay{background:#0009}.modal-content{border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #4a90a41a,0 10px 10px -5px #4a90a40a;box-shadow:var(--shadow-lg)}.modal-large{max-width:43.75rem}.modal-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:.875rem 1.25rem}.modal-header h2{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.modal-close{border-radius:.375rem;color:#9ca3af;color:var(--gray-400);padding:.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-close:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.modal-footer{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);gap:.75rem;padding:.875rem 1.25rem}.form-group{margin-bottom:.875rem}.form-label{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.8rem;font-weight:600;margin-bottom:.375rem}.label-icon{font-size:1rem;margin-right:.375rem}.form-input{background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--gray-300);border-radius:10px;color:#111827!important;color:var(--gray-900)!important;font-size:.875rem;font-weight:500;padding:.625rem .875rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{border-color:#4a90a4;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90a41a;outline:none}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.form-textarea{font-family:inherit;min-height:3.5rem;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293 6 7.586 1.707 3.293A1 1 0 0 0 .293 4.707l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 1 0-1.414-1.414z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-row{grid-gap:.75rem;gap:.75rem}.section-divider{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin:1rem 0 .75rem;padding:.5rem 0}.section-title{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.85rem;font-weight:600;gap:.375rem}.item-input-container{margin-bottom:1.25rem}.item-input-grid{grid-gap:.5rem;align-items:end;display:grid;gap:.5rem;grid-template-columns:2fr .8fr .8fr 1.5fr 3.75rem}.btn-add-item{align-items:center;background:#4a90a4;background:var(--primary-color);border:none;border-radius:var(--btn-r-primary);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;min-height:var(--btn-h-primary);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-add-item:hover:not(:disabled){background:#3a7a8e;background:var(--primary-dark);transform:scale(1.05)}.btn-add-item:disabled{background:#d1d5db;background:var(--gray-300);cursor:not-allowed;opacity:.5}.items-preview{background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);margin-top:1.5rem;padding:1.25rem}.items-preview-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.items-count{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;font-weight:700;gap:.5rem}.items-list{display:flex;flex-direction:column;gap:.5rem;max-height:18.75rem;overflow-y:auto;padding-right:.25rem}.items-list::-webkit-scrollbar{width:.375rem}.items-list::-webkit-scrollbar-track{background:#e5e7eb;background:var(--gray-200);border-radius:.1875rem}.items-list::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400);border-radius:.1875rem}.items-list::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}.item-preview-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.item-preview-card:hover{border-color:#4a90a4;border-color:var(--primary-color);box-shadow:0 1px 2px 0 #4a90a40d;box-shadow:var(--shadow-sm)}.item-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.item-name{color:#111827;color:var(--gray-900);font-size:.9375rem;font-weight:600}.item-details{color:#4b5563;color:var(--gray-600);font-size:.8125rem}.btn-remove-item{background:#0000;border:none;border-radius:.375rem;cursor:pointer;font-size:1.125rem;opacity:.6;padding:.375rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-remove-item:hover{background:#ef4444;background:var(--danger-color);color:#fff;opacity:1;transform:scale(1.1)}.info-box{align-items:center;background:#e8f4f8;background:var(--bg-light);border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);display:flex;gap:.75rem;margin-top:1.25rem;padding:.75rem 1rem}.info-icon{flex-shrink:0;font-size:1.25rem}.info-text{color:#3a7a8e;color:var(--primary-dark);font-size:.875rem;font-weight:500;line-height:1.4}.btn-spinner{animation:spin 1s linear infinite;display:inline-block}.view-mode-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip,100px);gap:0;height:36px;height:var(--btn-h-chip,36px);overflow:hidden;padding:0;width:-webkit-fit-content;width:fit-content}.view-mode-btn,.view-mode-toggle{box-sizing:border-box;display:inline-flex}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#475569;cursor:pointer;font-size:.82rem;font-weight:500;gap:.5rem;height:100%;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.view-mode-btn:hover:not(.active){background:#4a90a414}.view-mode-btn.active{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--planivio-gradient,linear-gradient(135deg,#4a90a4,#6ba893));color:#fff;font-weight:600}.category-groups{display:flex;flex-direction:column;gap:1rem}.category-group{background:#fff;border:2px solid #b8d4dc;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);overflow:hidden}.category-header{align-items:center;background:#e8f4f8;background:var(--bg-light);border-bottom:1px solid #b8d4dc;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 1rem}.category-icon{font-size:1.25rem}.category-name{color:#1f2937;color:var(--gray-800);flex:1 1;font-weight:600}.category-count{background:#4a90a4;background:var(--primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.category-items{padding:.5rem}@media (max-width:1024px){.content-wrapper{flex-direction:column}.sidebar{flex-direction:row;flex-wrap:wrap;position:static;width:100%}.sidebar>*{flex:1 1;min-width:280px}}@media (max-width:768px){.shopping-info-btn{font-size:1rem;height:32px;width:32px}.shopping-container{padding:1.25rem 1rem}.shopping-header{flex-direction:column;gap:1.25rem}.shopping-header h1{font-size:2rem}.lists-grid{grid-template-columns:1fr}.btn-primary{justify-content:center;width:100%}.form-row,.item-input-grid{grid-template-columns:1fr}.modal-large{border-radius:0;margin:0;max-width:100%}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}.header-actions{justify-content:space-between;width:100%}.progress-section{flex-direction:column;gap:.5rem;text-align:center}.progress-bar-enhanced{width:100%}.sidebar{flex-direction:column}.sidebar>*{min-width:100%}.view-mode-toggle{overflow:hidden}}@media (max-width:480px){.shopping-header h1{font-size:1.5rem}.list-card{padding:1.25rem}.list-card-title{font-size:1.25rem}.modal-body{padding:1.25rem 1rem}.items-preview{padding:1rem}.quick-add-form{flex-direction:column}.quick-add-btn{width:100%}}.shopping-fab{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--btn-gradient,linear-gradient(135deg,#4a90a4,#6ba893));border:none;border-radius:16px;border-radius:var(--btn-r-fab,16px);bottom:72px;box-shadow:0 6px 24px #4a90a459;box-shadow:var(--btn-shadow-fab,0 6px 24px #4a90a459);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:56px;height:var(--btn-size-fab,56px);justify-content:center;line-height:1;padding:0;position:fixed;right:16px;touch-action:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:56px;width:var(--btn-size-fab,56px);z-index:9999}.shopping-fab:hover{box-shadow:0 10px 32px #4a90a466;transform:translateY(-2px) scale(1.04)}.shopping-fab:active{transform:scale(.96)}.shopping-fab.dragging{box-shadow:0 12px 40px #4a90a473;opacity:.85;transform:scale(1.08);transition:none}.shopping-fab.snapping{transition:left .3s ease,top .3s ease}@media (max-width:640px){.shopping-fab{bottom:72px;right:16px}}:root{--crm-teal:#4a90a4;--crm-green:#6ba893;--crm-warm:#e8976c;--crm-bg-page:#f0f9ff;--crm-bg-light:#e8f4f8;--crm-bg-card:#fff;--crm-bg-input:#f8fcfd;--crm-border:#b8d4dc;--crm-border-light:#d4e8ec;--crm-border-focus:#4a90a4;--crm-text:#1f2937;--crm-text-muted:#6b7280;--crm-gradient:linear-gradient(135deg,#4a90a4,#6ba893);--crm-gradient-hover:linear-gradient(135deg,#3d7a8c,#5a9680);--crm-shadow:#4a90a426;--crm-shadow-hover:#4a90a440;--crm-shadow-strong:#4a90a44d;--crm-focus-ring:#4a90a426}.modal-overlay{padding:12px}.modal-content{background:var(--crm-bg-card);border:2px solid var(--crm-border);border-radius:20px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-width:900px}.modal-header{background:var(--crm-bg-light);border-bottom:2px solid var(--crm-border-light);border-radius:18px 18px 0 0;gap:12px;padding:16px 20px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--crm-gradient);-webkit-background-clip:text;background-clip:text;color:var(--crm-text);font-size:18px;line-height:1.3}.modal-close{background:#fff;background:var(--crm-bg-card);border:2px solid #b8d4dc;border:2px solid var(--crm-border);color:var(--crm-text-muted);font-size:18px}.modal-close:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:rotate(90deg)}.modal-progress{background:#fff;background:var(--crm-bg-card);border-bottom:2px solid #d4e8ec;border-bottom:2px solid var(--crm-border-light);padding:16px 20px}.modal-progress,.progress-step{align-items:center;display:flex}.progress-step{flex:1 1;flex-direction:column;gap:6px}.progress-number{align-items:center;background:#d4e8ec;background:var(--crm-border-light);border:2px solid #0000;border-radius:50%;color:#6b7280;color:var(--crm-text-muted);display:flex;font-size:16px;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.progress-step.active .progress-number{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--crm-gradient);box-shadow:0 4px 12px #4a90a44d;box-shadow:0 4px 12px var(--crm-shadow-strong);color:#fff;transform:scale(1.1)}.progress-step.completed .progress-number{background:#6ba893;background:var(--crm-green);color:#fff}.progress-label{color:#6b7280;color:var(--crm-text-muted);font-size:12px;font-weight:600;transition:all .3s ease}.progress-step.active .progress-label{color:#4a90a4;color:var(--crm-teal)}.progress-step.completed .progress-label{color:#6ba893;color:var(--crm-green)}.progress-line{background:#d4e8ec;background:var(--crm-border-light);flex:1 1;height:2px;margin:0 8px}.progress-line.completed{background:#6ba893;background:var(--crm-green)}.modal-body{background:#fff;background:var(--crm-bg-card);flex:1 1;overflow-y:auto;padding:20px}.form-step{gap:16px}.form-group,.form-step{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#1f2937;color:var(--crm-text);font-size:13px}.form-group input,.form-group select,.form-group textarea{background:#f8fcfd;background:var(--crm-bg-input);border:2px solid #b8d4dc;border:2px solid var(--crm-border);border-radius:10px;color:#1f2937;color:var(--crm-text);font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;background:var(--crm-bg-card);border-color:var(--crm-teal);box-shadow:0 0 0 3px #4a90a426;box-shadow:0 0 0 3px var(--crm-focus-ring);outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#4a90a4;border-color:var(--crm-teal)}.form-group input.error,.form-group textarea.error{background:#fef2f2;border-color:#ef4444}.form-group textarea{min-height:70px}.form-row{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.error-message{color:#ef4444;font-size:12px;font-weight:500;margin-top:-4px}.submit-error{background:#fef2f2;border:2px solid #fecaca;border-radius:10px;color:#991b1b;font-size:13px;font-weight:500;margin-top:12px;padding:10px 14px;text-align:center}.tags-input{display:flex;gap:8px}.tags-input input{flex:1 1}.btn-add-tag{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:44px;justify-content:center;transition:all .15s ease;width:44px}.btn-add-tag:hover{background:#e8f4f8;background:var(--crm-bg-light);border-color:#4a90a4;border-color:var(--crm-teal);color:#4a90a4;color:var(--crm-teal)}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:#e8f4f8;background:var(--crm-bg-light);border:1px solid #b8d4dc;border:1px solid var(--crm-border);border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.tag,.tag button{align-items:center;color:#4a90a4;color:var(--crm-teal)}.tag button{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:20px}.tag button:before{content:"";inset:-12px;position:absolute}.tag button:hover{background:#d4e8ec;background:var(--crm-border-light);color:#dc2626}.ingredients-input{background:#e8f4f8;background:var(--crm-bg-light);border:2px dashed #b8d4dc;border:2px dashed var(--crm-border);border-radius:12px;padding:16px}.btn-add-ingredient{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:44px;justify-content:center;transition:all .15s ease;width:44px}.btn-add-ingredient:hover{background:#e8f4f8;background:var(--crm-bg-light);border-color:#6ba893;border-color:var(--crm-green);color:#6ba893;color:var(--crm-green)}.ingredients-list{display:flex;flex-direction:column;gap:10px}.ingredient-item{align-items:center;background:#fff;background:var(--crm-bg-card);border:2px solid #b8d4dc;border:2px solid var(--crm-border);border-radius:12px;display:flex;gap:10px;padding:12px;transition:all .2s ease}.ingredient-item:hover{border-color:#4a90a4;border-color:var(--crm-teal);box-shadow:0 2px 8px #4a90a426;box-shadow:0 2px 8px var(--crm-shadow)}.ingredient-number{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--crm-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.ingredient-text{color:#1f2937;color:var(--crm-text);flex:1 1;font-size:14px;font-weight:500}.ingredient-category{background:#e8f4f8;background:var(--crm-bg-light);border-radius:4px;font-size:12px;font-weight:400;margin-left:6px;padding:2px 6px}.btn-remove,.ingredient-category{color:#6b7280;color:var(--crm-text-muted)}.btn-remove{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;padding:0;position:relative;transition:all .15s ease;width:32px}.btn-remove:before{content:"";inset:-6px;position:absolute}.btn-remove:hover{background:#fee2e2;color:#ef4444}.empty-state-small{color:#6b7280;color:var(--crm-text-muted);font-size:14px;padding:32px 16px;text-align:center}.instructions-list{display:flex;flex-direction:column;gap:12px}.instruction-input{align-items:flex-start;display:flex;gap:10px}.instruction-number{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--crm-gradient);border-radius:50%;box-shadow:0 2px 8px #4a90a426;box-shadow:0 2px 8px var(--crm-shadow);color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;margin-top:8px;width:32px}.instruction-input textarea{flex:1 1}.btn-add-step{align-items:center;background:#fff;border:2px solid #4a90a4;border:2px solid var(--crm-teal);border-radius:12px;color:#4a90a4;color:var(--crm-teal);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:44px;justify-content:center;padding:0 20px;transition:all .2s ease;width:100%}.btn-add-step:hover{background:#4a90a414}.modal-footer{background:#e8f4f8;background:var(--crm-bg-light);border-radius:0 0 18px 18px;border-top:2px solid var(--crm-border-light);flex-wrap:nowrap;padding:14px 20px}.btn-primary{background:var(--crm-gradient);gap:8px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #4a90a459;transform:translateY(-1px)}.btn-secondary{border:2px solid var(--crm-teal);color:var(--crm-teal);gap:8px}.btn-secondary:hover:not(:disabled){background:#4a90a414}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#e8f4f8;background:var(--crm-bg-light);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#b8d4dc;background:var(--crm-border);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4a90a4;background:var(--crm-teal)}@media (max-width:768px){.modal-content{border:none;border-radius:0;max-height:100vh;max-width:100%}.modal-footer,.modal-header{border-radius:0;padding:12px 16px}.modal-body{padding:16px}.modal-progress{padding:12px 16px}.modal-header h2{font-size:16px}.form-row{grid-template-columns:1fr}.progress-label{display:none}.modal-footer{flex-direction:row;flex-wrap:nowrap}.modal-footer .btn-primary,.modal-footer .btn-secondary{flex:1 1 auto;min-width:0;width:auto}}@media (max-width:400px){.modal-footer,.modal-header{padding:10px 14px}.modal-footer{gap:8px}.modal-body{padding:14px}.modal-header h2{font-size:15px}.btn-primary{font-size:.88rem;height:48px;padding:0 20px}.btn-secondary{font-size:.85rem;height:40px;padding:0 16px}}:root{--planivio-teal:#4a90a4;--planivio-green:#6ba893;--planivio-warm:#e8976c;--planivio-bg-page:#f0f9ff;--planivio-bg-light:#e8f4f8;--planivio-bg-card:#fff;--planivio-border:#b8d4dc;--planivio-border-light:#d4e8ec;--planivio-text:#1f2937;--planivio-text-muted:#6b7280;--planivio-gradient:linear-gradient(135deg,#4a90a4,#6ba893);--planivio-gradient-hover:linear-gradient(135deg,#3d7a8c,#5a9680);--planivio-shadow:#4a90a426;--planivio-shadow-hover:#4a90a440;--planivio-shadow-strong:#4a90a44d}.recipes-container{background:#e8f4f8;margin:0 auto;max-width:1400px;min-height:100vh;padding:18px}.recipes-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.recipes-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.recipes-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.recipes-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.recipes-header-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.recipes-header-subtitle{color:#6b7280;font-size:.875rem}.recipes-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.recipes-info-btn:hover{opacity:.7}.recipes-hamburger-wrapper{flex:0 0 44px;position:relative;width:44px}.recipes-hamburger-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s;width:44px}.recipes-hamburger-btn:hover{background:#e2e8f0;border-color:#4a90a4;color:#4a90a4}.recipes-hamburger-dropdown{background:#fff;border:2px solid #b8d4dc;border-radius:16px;box-shadow:0 8px 24px #4a90a426;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.recipes-hamburger-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#1f2937;cursor:pointer;display:flex;font-size:.88rem;gap:.5rem;padding:.6rem .75rem;text-align:left;transition:background .15s;width:100%}.recipes-hamburger-item:hover{background:#e8f4f8}.recipes-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--btn-gap,12px)}.btn-template{align-items:center;background:#0000;border:2px solid #4a90a4;border:2px solid var(--planivio-teal);border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;color:#4a90a4;color:var(--planivio-teal);cursor:pointer;display:inline-flex;font-size:.9rem;font-size:var(--btn-fs-secondary,.9rem);font-weight:600;font-weight:var(--btn-fw,600);gap:.5rem;height:44px;height:var(--btn-h-secondary,44px);justify-content:center;line-height:1;padding:0 20px;transition:all .2s ease;white-space:nowrap}.btn-template:hover{background:#4a90a414}.btn-template:active{background:#4a90a426}.btn-create-recipe{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--btn-gradient,var(--planivio-gradient));border:none;border-radius:16px;border-radius:var(--btn-r-fab,16px);bottom:72px;box-shadow:0 6px 24px #4a90a459;box-shadow:var(--btn-shadow-fab,0 6px 24px #4a90a459);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:56px;height:var(--btn-size-fab,56px);justify-content:center;line-height:1;padding:0;position:fixed;right:16px;touch-action:none;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:56px;width:var(--btn-size-fab,56px);z-index:9999}.btn-create-recipe:hover{box-shadow:0 10px 32px #4a90a466;transform:translateY(-2px) scale(1.04)}.btn-create-recipe:active{transform:scale(.96)}.btn-create-recipe.dragging{box-shadow:0 12px 40px #4a90a473;opacity:.85;transform:scale(1.08);transition:none}.btn-create-recipe.snapping{transition:left .3s ease,top .3s ease}.recipes-filters{background:#fff;background:var(--planivio-bg-card);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.search-box{flex:1 1;min-width:200px}.search-box input{background:#e8f4f8;background:var(--planivio-bg-light);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:12px;box-sizing:border-box;color:#1f2937;color:var(--planivio-text);font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#4a90a4;border-color:var(--planivio-teal);box-shadow:0 0 0 3px #4a90a426;outline:none}.search-box input::placeholder{color:#6b7280;color:var(--planivio-text-muted)}.filter-select{background:#e8f4f8;background:var(--planivio-bg-light);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:12px;color:#1f2937;color:var(--planivio-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:#4a90a4;border-color:var(--planivio-teal)}.filter-select:focus{box-shadow:0 0 0 3px #4a90a426;outline:none}.recipes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.recipe-card{background:#fff;background:var(--planivio-bg-card);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:16px;box-shadow:0 4px 12px #4a90a426;box-shadow:0 4px 12px var(--planivio-shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.recipe-card:hover{border-color:#4a90a4;border-color:var(--planivio-teal);box-shadow:0 12px 28px #4a90a440;box-shadow:0 12px 28px var(--planivio-shadow-hover);transform:translateY(-8px)}.recipe-image,.recipe-image-placeholder{background-position:50%;background-size:cover;height:200px;position:relative}.recipe-image-placeholder{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--planivio-gradient);display:flex;justify-content:center}.recipe-image-placeholder span{font-size:64px;opacity:.8}.recipe-category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#4a90a4;color:var(--planivio-teal);font-size:13px;font-weight:700;padding:6px 12px;position:absolute;right:12px;top:12px}.recipe-card-content{padding:1.25rem}.recipe-card-content h3{color:#1f2937;color:var(--planivio-text);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.recipe-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--planivio-text-muted);display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.recipe-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.meta-item{color:#6b7280;color:var(--planivio-text-muted)}.meta-item,.recipe-difficulty{font-size:.8125rem;font-weight:600}.recipe-difficulty{background:#e8f4f8;background:var(--planivio-bg-light);border:1px solid #b8d4dc;border:1px solid var(--planivio-border);border-radius:8px;color:#1f2937;color:var(--planivio-text);display:inline-block;margin-bottom:.75rem;padding:.375rem .75rem}.recipe-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.recipe-tag{background:#e8f4f8;background:var(--planivio-bg-light);border-radius:6px;color:#4a90a4;color:var(--planivio-teal);font-size:.75rem;font-weight:600;padding:.25rem .625rem}.recipe-card-actions{border-top:2px solid #d4e8ec;border-top:2px solid var(--planivio-border-light);display:flex;gap:8px;gap:var(--btn-gap-compact,8px);padding-top:1rem}.btn-copy,.btn-delete,.btn-to-shopping{align-items:center;border-radius:12px;border-radius:var(--btn-r-icon,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1;font-size:1.25rem;height:44px;height:var(--btn-size-icon,44px);justify-content:center;line-height:1;padding:0;transition:all .15s ease}.btn-to-shopping{background:#f8fafc;border:1px solid #e2e8f0}.btn-to-shopping,.btn-to-shopping:hover{color:#4a90a4;color:var(--planivio-teal)}.btn-to-shopping:hover{background:#e8f4f8;background:var(--planivio-bg-light);border-color:#4a90a4;border-color:var(--planivio-teal)}.btn-delete{background:#f8fafc;border:1px solid #e2e8f0;color:#6b7280;color:var(--planivio-text-muted)}.btn-delete:hover{background:var(--btn-danger-bg,#fee2e2);border-color:#fecaca;color:#ef4444;color:var(--btn-danger,#ef4444)}.btn-copy{background:#f8fafc;border:1px solid #e2e8f0}.btn-copy,.btn-copy:hover{color:#4a90a4;color:var(--planivio-teal)}.btn-copy:hover{background:#e8f4f8;background:var(--planivio-bg-light);border-color:#4a90a4;border-color:var(--planivio-teal)}.loading-spinner{align-items:center;background:#fff;background:var(--planivio-bg-card);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:24px;display:flex;flex-direction:column;justify-content:center;padding:5rem 1.5rem}.spinner{animation:spin .8s linear infinite;border:4px solid #d4e8ec;border:4px solid var(--planivio-border-light);border-top-color:var(--planivio-teal);height:3.75rem;width:3.75rem}.loading-spinner p{color:#6b7280;color:var(--planivio-text-muted);font-size:1rem;font-weight:600;margin-top:1.25rem}.error-banner{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-weight:600;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-banner button{align-items:center;background:#dc2626;background:var(--btn-danger,#dc2626);border:none;border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-size:var(--btn-fs-secondary,.9rem);font-weight:600;font-weight:var(--btn-fw,600);height:44px;height:var(--btn-h-secondary,44px);justify-content:center;line-height:1;padding:0 20px;transition:all .2s ease;white-space:nowrap}.error-banner button:hover{background:#b91c1c}.error-message{padding:3rem 2rem}.empty-state,.error-message{background:#fff;background:var(--planivio-bg-card);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:24px;text-align:center}.empty-state{grid-column:1/-1;padding:5rem 1.5rem}.empty-icon{font-size:5rem;margin-bottom:1.25rem;opacity:.6}.empty-state h3{color:#1f2937;color:var(--planivio-text);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.empty-state p{color:#6b7280;color:var(--planivio-text-muted);font-size:1rem;margin:0 0 1.5rem}.btn-create-first{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--btn-gradient,var(--planivio-gradient));border:none;border-radius:14px;border-radius:var(--btn-r-primary,14px);box-shadow:0 4px 16px #4a90a440;box-shadow:var(--btn-shadow-primary,0 4px 16px #4a90a440);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-size:var(--btn-fs-primary,.95rem);font-weight:600;font-weight:var(--btn-fw,600);height:52px;height:var(--btn-h-primary,52px);justify-content:center;line-height:1;padding:0 28px;transition:all .2s ease}.btn-create-first:hover{background:linear-gradient(135deg,#3d7a8c,#5a9680);background:var(--planivio-gradient-hover);box-shadow:0 6px 24px #4a90a440;box-shadow:0 6px 24px var(--planivio-shadow-hover);transform:translateY(-1px)}.empty-state .btn-template{margin-top:1rem}.modal-overlay{padding:1.25rem;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:var(--planivio-bg-card);border:2px solid var(--planivio-border);border-radius:24px;box-shadow:0 20px 25px -5px #4a90a426;box-shadow:0 20px 25px -5px var(--planivio-shadow);max-width:31.25rem}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.recipe-detail-modal{max-width:50rem!important}.modal-header{background:#e8f4f8;background:var(--planivio-bg-light);border-bottom:2px solid #d4e8ec;border-bottom:2px solid var(--planivio-border-light);padding:1.5rem}.modal-header h2{color:var(--planivio-text);font-size:1.5rem;font-weight:700}.modal-close{background:#0000;box-sizing:border-box;color:#6b7280;color:var(--planivio-text-muted);flex-shrink:0;font-size:1rem;line-height:1;padding:0;transition:all .2s ease}.modal-close:hover{background:#d4e8ec;background:var(--planivio-border-light);color:#1f2937;color:var(--planivio-text)}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{align-items:center;border-top:2px solid #d4e8ec;border-top:2px solid var(--planivio-border-light);display:flex;gap:12px;gap:var(--btn-gap,12px);justify-content:flex-end}.recipe-detail-image{border-radius:12px;height:300px;margin-bottom:1.5rem;object-fit:cover;width:100%}.recipe-detail-description{color:#6b7280;color:var(--planivio-text-muted);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.recipe-detail-meta{grid-gap:.75rem;background:#e8f4f8;background:var(--planivio-bg-light);border:2px solid #b8d4dc;border:2px solid var(--planivio-border);border-radius:12px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem;padding:1.25rem}.recipe-detail-meta .meta-item{color:#1f2937;color:var(--planivio-text);font-size:.875rem}.recipe-detail-meta .meta-item strong{color:#4a90a4;color:var(--planivio-teal);display:block;margin-bottom:.25rem}.recipe-detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.recipe-detail-modal h3{color:#1f2937;color:var(--planivio-text);font-size:1.25rem;font-weight:700;margin:2rem 0 1rem}.recipe-detail-modal h3:first-of-type{margin-top:0}.ingredients-list-detail{list-style:none;margin:0 0 2rem;padding:0}.ingredients-list-detail li{background:#e8f4f8;background:var(--planivio-bg-light);border:1px solid #b8d4dc;border:1px solid var(--planivio-border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease}.ingredients-list-detail li:hover{border-color:#4a90a4;border-color:var(--planivio-teal)}.ingredient-quantity{color:#4a90a4;color:var(--planivio-teal);font-weight:700}.ingredient-name{color:#1f2937;color:var(--planivio-text)}.instructions-list-detail{margin:0;padding-left:1.25rem}.instructions-list-detail li{border-bottom:1px solid #d4e8ec;border-bottom:1px solid var(--planivio-border-light);color:#1f2937;color:var(--planivio-text);line-height:1.6;padding:.75rem 0}.instructions-list-detail li:last-child{border-bottom:none}.btn-primary{background:var(--btn-gradient,var(--planivio-gradient));box-shadow:var(--btn-shadow-primary,0 4px 16px #4a90a440);box-sizing:border-box;font-size:var(--btn-fs-primary,.95rem);font-weight:var(--btn-fw,600);height:52px;height:var(--btn-h-primary,52px);line-height:1;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:linear-gradient(135deg,#3d7a8c,#5a9680);background:var(--planivio-gradient-hover);box-shadow:0 6px 24px #4a90a440;box-shadow:0 6px 24px var(--planivio-shadow-hover);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 8px #4a90a433;transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:var(--planivio-bg-card);border:2px solid #4a90a4;border:2px solid var(--planivio-teal);box-sizing:border-box;color:var(--planivio-teal);font-size:var(--btn-fs-secondary,.9rem);font-weight:var(--btn-fw,600);height:44px;height:var(--btn-h-secondary,44px);line-height:1;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover{background:#4a90a414}.view-toggle{background:#fff;background:var(--planivio-bg-card);border:1px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip,100px);gap:0;height:36px;height:var(--btn-h-chip,36px);margin-bottom:1rem;overflow:hidden;padding:0;width:-webkit-fit-content;width:fit-content}.view-toggle,.view-toggle button{box-sizing:border-box;display:inline-flex}.view-toggle button{align-items:center;background:#0000;border:none;border-radius:0;color:#475569;cursor:pointer;font-size:.82rem;font-size:var(--btn-fs-chip,.82rem);font-weight:500;gap:.5rem;height:100%;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.view-toggle button.active{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--planivio-gradient);color:#fff;font-weight:600}.view-toggle button:hover:not(.active){background:#4a90a414}.community-badge{background:#3b82f6f2;border-radius:6px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:.7rem;font-weight:700;left:12px;padding:4px 10px;position:absolute;top:12px}@media (max-width:768px){.recipes-info-btn{font-size:1rem;height:32px;width:32px}.recipes-container{padding:1.25rem}.recipes-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-buttons{flex-direction:column;width:100%}.btn-template{justify-content:center;width:100%}.recipes-filters{flex-direction:column}.recipe-detail-meta,.recipes-grid{grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-footer{flex-direction:column}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}}@media (prefers-color-scheme:dark){.recipes-container.dark-mode{--planivio-bg-page:#0f172a;--planivio-bg-light:#1e293b;--planivio-bg-card:#1e293b;--planivio-border:#334155;--planivio-border-light:#475569;--planivio-text:#f1f5f9;--planivio-text-muted:#94a3b8}}.household-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 0 .5rem}.household-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.household-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.household-header-title-wrap{display:flex;flex:1 1;flex-direction:column}.household-header-title{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.household-header-subtitle{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.household-sync-indicator{align-items:center;color:#9ca3af;display:inline-flex;font-size:.75rem;gap:4px}.household-sync-dot{animation:pulse 1.5s infinite;background:#4a90a4;border-radius:50%;height:6px;width:6px}.household-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:44px}.household-info-btn:hover{opacity:.7}.household-container{animation:fadeIn .3s ease;margin:0 auto;max-width:1400px;padding:2rem 1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.household-error,.household-loading{align-items:center;background:#fff;border:2px solid #b8d4dc;border-radius:16px;color:#6b7280;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3.75rem 1.25rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #b8d4dc;border-radius:50%;border-top-color:#4a90a4;height:50px;margin-bottom:1.25rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.household-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.household-error button{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;border-radius:14px;border-radius:var(--btn-r-primary,14px);box-shadow:0 4px 16px #4a90a440;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.9375rem;min-height:52px;min-height:var(--btn-h-primary,52px);padding:0 28px}.household-members{animation:fadeIn .3s ease}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.members-header h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.members-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.member-card{background:#fff;border:2px solid #b8d4dc;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.member-card:hover{border-color:#4a90a4;box-shadow:0 10px 30px #4a90a426;transform:translateY(-5px)}.member-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.9375rem}.member-avatar{font-size:3rem;text-align:center}.member-info{margin-bottom:1.25rem;text-align:center}.member-info h3{color:#1f2937;font-size:1.4rem;font-weight:700;margin:0 0 .3125rem}.member-role{color:#6b7280;font-size:.9rem;margin:0}.member-points{background:#e8f4f8;border:2px solid #b8d4dc;border-radius:12px;margin-bottom:.9375rem;padding:.9375rem;text-align:center}.points-badge{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.3125rem}.points-icon,.points-value{font-size:2rem}.points-value{color:#4a90a4;font-weight:700}.points-label{color:#6b7280;font-size:.85rem;margin:0}.member-stats{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr;margin-bottom:.9375rem}.stat-item{background:#e8f4f8;border:1px solid #b8d4dc;border-radius:10px;padding:.75rem;text-align:center}.stat-value{color:#4a90a4;display:block;font-size:1.5rem;font-weight:700;margin-bottom:.1875rem}.stat-label{color:#6b7280;display:block;font-size:.75rem}.member-card-add{align-items:center;background:#e8f4f8;border:2px dashed #b8d4dc;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:300px;transition:all .2s}.member-card-add:hover{background:#fff;border-color:#4a90a4}.add-icon{font-size:4rem;margin-bottom:.9375rem;opacity:.6}.member-card-add p{color:#6b7280;font-size:1.1rem;font-weight:600;margin:0}.household-stats{animation:fadeIn .3s ease}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.stats-header h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.stats-overview{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.875rem}.stat-card{border:2px solid #0000;border-radius:16px;color:#fff;padding:1.5rem;text-align:center}.stat-card-purple{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#c084fc}.stat-card-blue{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#93c5fd}.stat-card-orange,.stat-card-teal{background:linear-gradient(135deg,#4a90a4,#6ba893);border-color:#b8d4dc}.stat-card-green{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#86efac}.stat-card .stat-value{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.3125rem}.stat-card .stat-label{color:#fff;font-size:1rem;opacity:.9}.btn-primary{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;border-radius:14px;border-radius:var(--btn-r-primary,14px);box-shadow:0 4px 16px #4a90a440;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:52px;min-height:var(--btn-h-primary,52px);padding:0 28px;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#fff;border:2px solid #b8d4dc;border-radius:12px;border-radius:var(--btn-r-secondary,12px);color:#4a90a4;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-height:var(--btn-h-secondary,44px);padding:0 20px;transition:all .2s}.btn-secondary:hover{background:#e8f4f8;border-color:#4a90a4}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:slideUp .3s ease;background:#fff;border:2px solid #b8d4dc;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #b8d4dc;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:#1f2937;font-size:1.25rem;margin:0}.modal-close{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:relative;transition:all .2s;width:32px}.modal-close:before{content:"";inset:-6px;position:absolute}.modal-close:hover{background:#fecaca}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#f0f9ff;border:2px solid #b8d4dc;border-radius:12px;box-sizing:border-box;color:#1f2937!important;font-family:inherit;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a41a}.form-group textarea{min-height:80px;resize:vertical}.form-group select option{background:#fff;color:#1f2937}.form-actions{border-top:2px solid #b8d4dc;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.avatar-selector{display:flex;flex-wrap:wrap;gap:.5rem}.avatar-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .2s;width:48px}.avatar-option:hover{background:#e8f4f8;border-color:#b8d4dc}.avatar-option.active{background:#e8f4f8;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a433}.color-picker{border:2px solid #b8d4dc;border-radius:8px;cursor:pointer;height:40px;padding:0;width:60px}.btn-delete{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;border-radius:var(--btn-r-secondary,12px);color:#dc2626;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;min-height:var(--btn-h-secondary,44px);padding:0 20px;transition:all .2s;width:100%}.btn-delete:hover{background:#fee2e2;border-color:#f87171}.btn-icon{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--btn-r-icon,12px);cursor:pointer;display:inline-flex;font-size:1.25rem;height:44px;height:var(--btn-size-icon,44px);justify-content:center;padding:0;transition:all .2s;width:44px;width:var(--btn-size-icon,44px)}.btn-icon:hover{background:#e8f4f8}.modal-actions{border-top:2px solid #b8d4dc;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}@media (max-width:768px){.household-info-btn{font-size:1rem;height:32px;width:32px}.household-container{padding:1rem}.members-grid,.stats-overview{grid-template-columns:1fr}.members-header,.stats-header{align-items:flex-start;flex-direction:column;gap:1rem}}.household-master-detail{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr;min-height:calc(100vh - 200px)}.household-list-panel{gap:1rem}.household-detail-panel,.household-list-panel{display:flex;flex-direction:column;min-width:0}.family-member-card{align-items:center;background:#fff;border:2px solid #b8d4dc;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.family-member-card:hover{background:#e8f4f8;border-color:#4a90a4;transform:translateY(-2px)}.family-member-card.selected{background:#e8f4f8;border-color:#4a90a4;box-shadow:0 4px 12px #4a90a426}.family-member-card .status-dot{border:2px solid #fff;border-radius:50%;height:10px;left:12px;position:absolute;top:12px;width:10px}.family-member-card .status-dot.available{background:#22c55e;box-shadow:0 0 0 2px #22c55e4d}.family-member-card .status-dot.busy{background:#ef4444;box-shadow:0 0 0 2px #ef44444d}.family-member-card .avatar{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;margin-left:8px;width:48px}.family-member-card .info{flex:1 1;min-width:0}.family-member-card .name-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.family-member-card .name{color:#1f2937;font-size:1rem;font-weight:600}.family-member-card .role-tag{color:#6b7280;font-size:.85rem}.family-member-card .location{color:#374151;font-size:.85rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-member-card .age{color:#6b7280;font-size:.8rem;margin-top:2px}.family-member-detail{background:#fff;border:2px solid #b8d4dc;border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:auto;padding:20px}.family-member-detail .profile{align-items:center;background:#e8f4f8;border:1px solid #b8d4dc;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.family-member-detail .profile-avatar{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:72px;justify-content:center;width:72px}.family-member-detail .profile-name{color:#1f2937;font-size:1.4rem;font-weight:700;margin:0 0 4px}.family-member-detail .profile-meta{color:#374151;font-size:.9rem;margin:0 0 4px}.family-member-detail .stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.family-member-detail .stat-card{background:#e8f4f8;border:1px solid #b8d4dc;border-radius:12px;padding:12px;text-align:center}.family-member-detail .stat-value{color:#4a90a4;display:block;font-size:1.5rem;font-weight:700}.family-member-detail .stat-label{color:#6b7280;display:block;font-size:.75rem;margin-top:4px}.family-member-detail .activity-section{margin-bottom:16px}.family-member-detail .activity-title{color:#1f2937;font-size:.95rem;font-weight:600;margin:0 0 8px}.family-member-detail .activity-content{background:#e8f4f8;border:1px solid #b8d4dc;border-radius:12px;padding:12px}.family-member-detail .activity-item{align-items:center;border-bottom:1px solid #b8d4dc;display:flex;justify-content:space-between;padding:8px 0}.family-member-detail .activity-item:last-child{border-bottom:none}@media (max-width:768px){.household-master-detail{grid-template-columns:1fr}.household-detail-panel.hidden-mobile,.household-list-panel.hidden-mobile{display:none}.family-member-detail .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.family-member-detail .profile{flex-direction:column;text-align:center}.family-member-detail .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.family-member-card{background:#1f2937;border-color:#4b5563}.family-member-card.selected,.family-member-card:hover{background:#374151;border-color:#4a90a4}.family-member-card .name{color:#f9fafb}.family-member-card .age,.family-member-card .role-tag{color:#9ca3af}.family-member-card .location{color:#d1d5db}.family-member-detail{background:#1f2937;border-color:#4b5563}.family-member-detail .profile{background:#374151;border-color:#4b5563}.family-member-detail .profile-name{color:#f9fafb}.family-member-detail .profile-meta{color:#d1d5db}.family-member-detail .activity-content,.family-member-detail .stat-card{background:#374151;border-color:#4b5563}.family-member-detail .activity-title{color:#f9fafb}}.household-close-mini{position:relative}.household-close-mini:before{content:"";inset:-6px;position:absolute}.assistant-container{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 80px);margin:0 auto;max-width:1400px;padding:20px}.ast-header-row1{align-items:center;display:flex;flex-shrink:0;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem 0}.ast-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.ast-header-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a440;display:flex;flex-shrink:0;font-size:1.25rem;height:44px;justify-content:center;min-width:44px;width:44px}.ast-header-title-wrap{display:flex;flex:1 1;flex-direction:column;gap:0}.ast-header-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.ast-header-subtitle{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:6px}.ast-info-btn{align-items:center;background:#0000;border:none;border-radius:50%;box-sizing:border-box;color:#4a90a4;cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;line-height:1;margin-left:.25rem;padding:0;transition:all .2s;width:44px}.ast-info-btn:hover{opacity:.7}.ast-hamburger-wrapper{flex:0 0 44px;position:relative;width:44px}.ast-hamburger-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:1.1rem;height:44px;justify-content:center;transition:all .2s;width:44px}.ast-hamburger-btn:hover{background:#e2e8f0;border-color:#4a90a4;color:#4a90a4}.ast-hamburger-dropdown{background:#fff;border:2px solid #b8d4dc;border-radius:16px;box-shadow:0 8px 24px #4a90a426;min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.ast-hamburger-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#1f2937;cursor:pointer;display:flex;font-size:.88rem;gap:.5rem;padding:.6rem .75rem;text-align:left;transition:background .15s;width:100%}.ast-hamburger-item:hover{background:#e8f4f8}.ast-hamburger-empty{color:#9ca3af;font-size:.82rem;padding:.6rem .75rem;text-align:center}.ast-header-row1.dark{background:#1f2937;border-bottom-color:#374151}.ast-header-row1.dark .ast-header-title{color:#f9fafb}.ast-header-row1.dark .ast-header-subtitle{color:#9ca3af}.ast-header-row1.dark .ast-hamburger-btn,.ast-header-row1.dark .ast-info-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.ast-header-row1.dark .ast-hamburger-dropdown{background:#1f2937;border-color:#374151}.ast-header-row1.dark .ast-hamburger-item{color:#f9fafb}.ast-header-row1.dark .ast-hamburger-item:hover{background:#374151}@media (max-width:768px){.ast-header-icon{font-size:1rem;height:36px;min-width:36px;width:36px}.ast-header-title{font-size:1.1rem}.ast-hamburger-btn,.ast-info-btn{font-size:1rem;height:36px;position:relative;width:36px}.ast-hamburger-wrapper{flex:0 0 36px;width:36px}.ast-hamburger-dropdown{left:12px;position:fixed;right:12px;top:auto}}.assistant-header{background:#fff;border:2px solid #4a90a44d;border-radius:24px;box-shadow:0 4px 6px #4a90a41a;padding:20px 30px}.module-header-assistant{background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:24px;color:#fff;padding:2rem}.assistant-header-content{align-items:center;display:flex;justify-content:space-between}.assistant-header-left{align-items:center;display:flex;gap:15px}.assistant-avatar{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);background:linear-gradient(135deg,var(--planivio-primary,#4a90a4),var(--planivio-secondary,#6ba893));border-radius:50%;box-shadow:0 4px 12px #4a90a44d;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.assistant-header h1{color:#1f2937;font-size:1.5rem;margin:0}.assistant-header p{color:#6b7280;font-size:.9rem;margin:0}.assistant-chat{border:2px solid #4a90a44d;border-radius:24px;box-shadow:0 4px 6px #4a90a41a;overflow:hidden}.assistant-chat,.assistant-messages{background:#fff;display:flex;flex:1 1;flex-direction:column}.assistant-messages{gap:20px;overflow-y:auto;padding:30px}.assistant-messages::-webkit-scrollbar{width:8px}.assistant-messages::-webkit-scrollbar-track{background:#f3f4f6}.assistant-messages::-webkit-scrollbar-thumb{background:#4a90a44d;border-radius:4px}.assistant-messages::-webkit-scrollbar-thumb:hover{background:#4a90a4}.assistant-message{align-items:flex-start;animation:messageSlideIn .3s ease;display:flex;gap:12px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.assistant-message-assistant{flex-direction:row}.assistant-message-user{flex-direction:row-reverse}.assistant-message-avatar{align-items:center;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:50%;box-shadow:0 2px 8px #14b8a64d;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.assistant-message-avatar-user{background:linear-gradient(135deg,#4a90a4,#6ba893);box-shadow:0 2px 8px #4a90a44d}.assistant-message-content{display:flex;flex-direction:column;gap:10px;max-width:70%}.assistant-message-user .assistant-message-content{align-items:flex-end}.assistant-message-text{word-wrap:break-word;background:#fff;border:2px solid #4a90a44d;border-radius:16px;color:#1f2937;line-height:1.6;padding:15px 20px;white-space:pre-wrap}.assistant-message-user .assistant-message-text{background:linear-gradient(135deg,#4a90a4,#6ba893);border:none;color:#fff}.assistant-message-error{background:#fef2f2!important;border:2px solid #ef4444!important;color:#991b1b!important}.assistant-message-time{color:#9ca3af;font-size:.75rem;padding:0 5px}.assistant-message-text ul{margin:10px 0;padding-left:20px}.assistant-message-text li{margin:5px 0}.assistant-message-text p{margin:8px 0}.assistant-message-text strong{color:inherit}.assistant-products{display:flex;flex-direction:column;gap:10px;margin-top:10px}.assistant-product-card{background:#e8f4f8;border:2px solid #4a90a44d;border-radius:16px;padding:15px;transition:all .2s}.assistant-product-card:hover{background:#fff;border-color:#4a90a4;transform:translateX(5px)}.assistant-product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.assistant-product-name{color:#1f2937;font-size:.95rem;font-weight:600}.assistant-product-price{color:#10b981;font-size:1.1rem;font-weight:700}.assistant-product-footer{align-items:center;color:#6b7280;display:flex;font-size:.85rem;justify-content:space-between}.assistant-product-store{align-items:center;display:flex;gap:5px}.assistant-sources{background:#e8f4f8;border:2px solid #4a90a44d;border-left:3px solid #4a90a4;border-radius:12px;margin-top:10px;padding:12px}.assistant-sources-title{color:#1f2937;font-size:.85rem;font-weight:600;margin-bottom:8px}.assistant-source-item{color:#6b7280;font-size:.8rem;padding:4px 0}.assistant-typing{background:#fff;border:2px solid #4a90a44d;border-radius:16px;display:flex;gap:5px;padding:15px 20px}.assistant-typing span{animation:typing 1.4s infinite;background:#4a90a4;border-radius:50%;height:8px;width:8px}.assistant-typing span:nth-child(2){animation-delay:.2s}.assistant-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.assistant-error-banner{align-items:center;animation:slideDown .3s ease;background:#fef2f2;border:2px solid #ef4444;border-radius:12px;color:#991b1b;display:flex;font-size:.9rem;justify-content:space-between;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.assistant-error-banner button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:1rem;opacity:.7;padding:4px;transition:opacity .2s}.assistant-error-banner button:hover{opacity:1}.assistant-upload-progress{background:#fff;border:2px solid #4a90a44d;border-radius:16px;min-width:300px;padding:15px 20px}.assistant-upload-progress-text{color:#1f2937;font-size:.9rem;font-weight:600;margin-bottom:10px}.assistant-upload-progress-bar{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.assistant-upload-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.assistant-input-area{background:#fff;border:2px solid #4a90a44d;border-radius:24px;box-shadow:0 -4px 6px #4a90a40d;display:flex;flex-direction:column;gap:15px;padding:20px}.assistant-quick-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--btn-gap-compact,8px)}.assistant-quick-action{align-items:center;background:#e8f4f8;border:1px solid #e2e8f0;border-radius:100px;border-radius:var(--btn-r-chip,100px);box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;font-size:.82rem;font-size:var(--btn-fs-chip,.82rem);font-weight:500;height:36px;height:var(--btn-h-chip,36px);line-height:1;padding:0 14px;transition:all .2s;white-space:nowrap}.assistant-quick-action:hover{background:#fff;border-color:#4a90a4;box-shadow:0 4px 12px #4a90a426;color:#4a90a4;transform:translateY(-2px)}.assistant-input-row{align-items:flex-end;display:flex;gap:10px}.assistant-input{background:#fff;border:2px solid #4a90a44d;border-radius:12px;color:#1f2937!important;flex:1 1;font-family:inherit;font-size:.95rem;max-height:120px;min-height:50px;padding:15px 20px;resize:none;transition:all .2s}.assistant-input:focus{background:#fff;border-color:#4a90a4;box-shadow:0 0 0 3px #4a90a41a;outline:none}.assistant-input::placeholder{color:#9ca3af}.assistant-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.assistant-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--btn-r-secondary,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9rem;font-size:var(--btn-fs-secondary,.9rem);font-weight:600;font-weight:var(--btn-fw,600);justify-content:center;line-height:1;transition:all .2s}.assistant-btn:disabled{cursor:not-allowed;opacity:.5}.assistant-btn-primary{background:linear-gradient(135deg,#4a90a4,#6ba893);background:var(--btn-gradient,linear-gradient(135deg,#4a90a4 0,#6ba893 100%));border-radius:14px;border-radius:var(--btn-r-primary,14px);box-shadow:0 4px 16px #4a90a440;box-shadow:var(--btn-shadow-primary,0 4px 16px #4a90a440);color:#fff;font-size:.95rem;font-size:var(--btn-fs-primary,.95rem);height:52px;height:var(--btn-h-primary,52px);padding:0 28px}.assistant-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #4a90a466;transform:translateY(-2px)}.assistant-btn-icon{background:#e8f4f8;border:2px solid #4a90a44d;border-radius:12px;border-radius:var(--btn-r-icon,12px);font-size:1.2rem;height:44px;height:var(--btn-size-icon,44px);padding:0;width:44px;width:var(--btn-size-icon,44px)}.assistant-btn-icon:hover:not(:disabled){background:#fff;border-color:#4a90a4}.assistant-btn-ghost{background:#0000;border:2px solid #4a90a44d;border-radius:10px;border-radius:var(--btn-r-tertiary,10px);color:#6b7280;height:40px;height:var(--btn-h-tertiary,40px);padding:0 16px}.assistant-btn-ghost:hover:not(:disabled){background:#e8f4f8;border-color:#4a90a4;color:#4a90a4}.assistant-input-info{color:#9ca3af;font-size:.85rem;text-align:center}.assistant-input-info kbd{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;font-family:monospace;font-size:.75rem;padding:2px 6px}@media (max-width:768px){.assistant-container{height:calc(100vh - 60px);padding:10px}.assistant-header{padding:15px 20px}.assistant-header h1{font-size:1.2rem}.assistant-avatar{font-size:1.2rem;height:40px;width:40px}.assistant-messages{padding:20px 15px}.assistant-message-content{max-width:85%}.assistant-input-area{padding:15px}.assistant-quick-actions{gap:8px;gap:var(--btn-gap-compact,8px)}.assistant-quick-action{font-size:.82rem;font-size:var(--btn-fs-chip,.82rem);height:36px;height:var(--btn-h-chip,36px);padding:0 12px}.assistant-input{font-size:.9rem;padding:12px 15px}.assistant-btn-icon{font-size:1.1rem;height:44px;height:var(--btn-size-icon,44px);width:44px;width:var(--btn-size-icon,44px)}.assistant-btn-primary{font-size:.9rem;font-size:var(--btn-fs-secondary,.9rem);padding:0 16px}.assistant-input-info{display:none}}*{scrollbar-color:#4a90a44d #f3f4f6;scrollbar-width:thin}.dashboard-redesign{--db-bg:#e8f4f8;--db-bg-card:#fff;--db-accent:#4a90a4;--db-accent-light:#6ba893;--db-accent-gradient:linear-gradient(135deg,#4a90a4,#6ba893);--db-text:#1f2937;--db-text-secondary:#374151;--db-text-muted:#6b7280;--db-text-light:#9ca3af;--db-border:#b8d4dc;--db-border-light:#d4e8ec;--db-green:#22c55e;--db-green-bg:#f0fdf4;--db-red:#ef4444;--db-red-bg:#fef2f2;--db-blue:#3b82f6;--db-blue-bg:#eff6ff;--db-yellow:#f59e0b;--db-yellow-bg:#fffbeb;--db-purple:#8b5cf6;--db-purple-bg:#f5f3ff;--db-pink:#ec4899;--db-orange:#f97316;--db-radius:16px;--db-radius-sm:10px;--db-radius-xs:8px;--db-shadow:0 2px 12px #0000000a;--db-shadow-md:0 4px 20px #0000000f;background:var(--db-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding:18px}.dashboard-redesign.dark{--db-bg:#111827;--db-bg-card:#1f2937;--db-text:#f9fafb;--db-text-secondary:#d1d5db;--db-text-muted:#9ca3af;--db-text-light:#6b7280;--db-border:#4b5563;--db-border-light:#374151;--db-green-bg:#14532d;--db-red-bg:#450a0a;--db-blue-bg:#1e3a5f;--db-yellow-bg:#713f12;--db-purple-bg:#581c87;--db-shadow:0 2px 12px #0003;--db-shadow-md:0 4px 20px #0000004d}.db-greeting{margin-bottom:20px}.db-greeting-hello{color:var(--db-text-muted);font-size:.82rem;font-weight:500;margin-bottom:2px}.db-greeting-name{color:var(--db-text);font-size:1.55rem;font-weight:800;line-height:1.2}.db-greeting-date{color:var(--db-text-light);font-size:.75rem;margin-top:4px}.db-stats-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.db-stats-row:last-of-type{margin-bottom:18px}.db-stat-card{align-items:center;background:var(--db-bg-card);border-radius:var(--db-radius);box-shadow:var(--db-shadow);cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.db-stat-card:hover{box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.db-stat-card:after{border-radius:50%;content:"";height:60px;opacity:.06;position:absolute;right:0;top:0;transform:translate(20px,-20px);width:60px}.db-stat-card.shopping:after{background:var(--db-green)}.db-stat-card.tasks:after{background:var(--db-blue)}.db-stat-card.calendar:after{background:var(--db-purple)}.db-stat-card.budget:after{background:var(--db-yellow)}.db-stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:1.2rem;height:44px;justify-content:center;width:44px}.db-stat-icon.shopping{background:var(--db-green-bg)}.db-stat-icon.tasks{background:var(--db-blue-bg)}.db-stat-icon.calendar{background:var(--db-purple-bg)}.db-stat-icon.budget{background:var(--db-yellow-bg)}.db-stat-info{min-width:0}.db-stat-value{font-size:1.35rem;font-weight:700;line-height:1.2}.db-stat-value.shopping{color:var(--db-green)}.db-stat-value.tasks{color:var(--db-blue)}.db-stat-value.calendar{color:var(--db-purple)}.db-stat-value.budget-pos{color:var(--db-green)}.db-stat-value.budget-neg{color:var(--db-red)}.db-stat-label{color:var(--db-text-light);font-size:.7rem;font-weight:500}.db-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.db-section-title{color:var(--db-text);font-size:.95rem;font-weight:700}.db-section-link{background:none;border:none;color:var(--db-accent);cursor:pointer;font-size:.72rem;font-weight:600;padding:4px 0}.db-section-link:hover{text-decoration:underline}.db-week-strip{display:flex;gap:5px;margin-bottom:18px}.db-week-day{background:var(--db-bg-card);border-radius:var(--db-radius-sm);box-shadow:var(--db-shadow);cursor:pointer;flex:1 1;padding:10px 4px;position:relative;text-align:center;transition:all .2s}.db-week-day:hover{transform:translateY(-2px)}.db-week-day.today{background:var(--db-accent);box-shadow:0 4px 14px #4a90a459}.db-week-day-name{color:var(--db-text-light);font-size:.58rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.db-week-day.today .db-week-day-name{color:#ffffffb3}.db-week-day-num{color:var(--db-text);font-size:1rem;font-weight:700;margin:2px 0}.db-week-day.today .db-week-day-num{color:#fff}.db-week-day-dots{display:flex;gap:3px;justify-content:center;min-height:8px}.db-week-dot{border-radius:50%;height:5px;width:5px}.db-week-day.today .db-week-dot{opacity:.7}.db-today-card{align-items:flex-start;background:var(--db-bg-card);border-left:4px solid #0000;border-radius:var(--db-radius);box-shadow:var(--db-shadow);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:16px;transition:transform .15s}.db-today-card:hover{transform:translateX(3px)}.db-today-card.cat-meeting{border-left-color:var(--db-blue)}.db-today-card.cat-family{border-left-color:var(--db-yellow)}.db-today-card.cat-shopping{border-left-color:var(--db-green)}.db-today-card.cat-health{border-left-color:var(--db-pink)}.db-today-card.cat-recipe{border-left-color:var(--db-red)}.db-today-card.cat-work{border-left-color:var(--db-blue)}.db-today-card.cat-default{border-left-color:var(--db-accent)}.db-today-time{color:var(--db-accent);font-size:.78rem;font-weight:700;min-width:44px;padding-top:2px}.db-today-content{flex:1 1;min-width:0}.db-today-title{color:var(--db-text);font-size:.85rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-today-meta{color:var(--db-text-light);font-size:.7rem}.db-list-card{background:var(--db-bg-card);border-radius:var(--db-radius);box-shadow:var(--db-shadow);cursor:pointer;margin-bottom:10px;padding:16px;transition:transform .15s}.db-list-card:hover{transform:translateX(3px)}.db-list-header{justify-content:space-between;margin-bottom:10px}.db-list-header,.db-list-name{align-items:center;display:flex}.db-list-name{color:var(--db-text);font-size:.88rem;font-weight:600;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-list-count{background:#4a90a41a;border-radius:100px;color:var(--db-accent);flex-shrink:0;font-size:.72rem;font-weight:600;padding:2px 10px}.db-list-progress-bg{background:var(--db-border-light);border-radius:100px;height:6px;overflow:hidden}.db-list-progress-fill{border-radius:100px;height:100%;transition:width .6s ease}.db-task-item{align-items:center;background:var(--db-bg-card);border-radius:var(--db-radius-sm);box-shadow:var(--db-shadow);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px 14px;transition:transform .15s,opacity .3s}.db-task-item:hover{transform:translateX(3px)}.db-task-item.completed{opacity:.5}.db-task-check{align-items:center;border:2px solid var(--db-border);border-radius:7px;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all .2s;width:22px}.db-task-check:hover{background:#4a90a414;border-color:var(--db-accent)}.db-task-check.done{background:var(--db-accent);border-color:var(--db-accent)}.db-task-check.done:after{color:#fff;content:"✓";font-size:.7rem;font-weight:700}.db-task-text{flex:1 1;min-width:0}.db-task-title{color:var(--db-text);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-task-title.done{opacity:.5;text-decoration:line-through}.db-task-due{color:var(--db-text-light);font-size:.65rem}.db-task-priority{border-radius:50%;flex-shrink:0;height:8px;width:8px}.db-budget-widget{background:var(--db-bg-card);border-radius:var(--db-radius);box-shadow:var(--db-shadow);margin-bottom:18px;padding:18px}.db-budget-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.db-budget-item{flex:1 1;text-align:center}.db-budget-amount{font-size:1.05rem;font-weight:700}.db-budget-label{color:var(--db-text-light);font-size:.65rem;font-weight:500;margin-top:2px}.db-budget-divider{background:var(--db-border-light);flex-shrink:0;height:36px;width:1px}.db-budget-bar-bg{background:var(--db-border-light);border-radius:100px;height:8px;overflow:hidden}.db-budget-bar-fill{background:var(--db-accent-gradient);border-radius:100px;height:100%;transition:width .8s ease}.db-budget-bar-label{color:var(--db-text-light);display:flex;font-size:.62rem;justify-content:space-between;margin-top:4px}.db-activity-item{border-bottom:1px solid var(--db-border-light);display:flex;gap:12px;padding:10px 0}.db-activity-item:last-child{border-bottom:none}.db-activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;width:34px}.db-activity-text{flex:1 1;min-width:0}.db-activity-title{color:var(--db-text);font-size:.78rem;font-weight:500}.db-activity-title strong{font-weight:700}.db-activity-time{color:var(--db-text-light);font-size:.65rem}.db-empty{color:var(--db-text-light);padding:1.5rem 1rem;text-align:center}.db-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.db-empty-text{font-size:.8rem;margin:0}.db-loading{align-items:center;color:var(--db-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:60vh}.db-spinner{animation:db-spin .8s linear infinite;border:3px solid var(--db-border-light);border-radius:50%;border-top-color:var(--db-accent);height:40px;margin-bottom:1rem;width:40px}@keyframes db-spin{to{transform:rotate(1turn)}}.db-error-container{align-items:center;background:var(--db-red-bg);border:2px solid var(--db-red);border-radius:var(--db-radius);display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;padding:1.5rem;text-align:center}.db-error-icon{font-size:2.5rem}.db-error-text{color:var(--db-red);margin:0}.db-btn-retry,.db-error-text{font-size:.9rem;font-weight:600}.db-btn-retry{background:var(--db-accent-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #4a90a44d;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.db-btn-logout{background:#0000;border:1px solid var(--db-red);border-radius:8px;color:var(--db-red);cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.5rem 1rem}.db-loading-indicator{background:#4a90a4f2;box-shadow:0 4px 12px #4a90a44d;color:#fff}.db-auth-indicator,.db-loading-indicator{align-items:center;border-radius:20px;display:flex;font-size:.8rem;gap:8px;padding:8px 16px;position:fixed;right:20px;top:80px;z-index:1000}.db-auth-indicator{background:#eab308f2;box-shadow:0 4px 12px #eab3084d;color:#1f2937}.db-error-banner{align-items:center;background:var(--db-red-bg);border:2px solid var(--db-red);border-radius:12px;color:var(--db-red);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.db-error-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.25rem}.db-animate-in{animation:db-slideUp .4s ease-out both}.db-delay-1{animation-delay:.05s}.db-delay-2{animation-delay:.1s}.db-delay-3{animation-delay:.15s}.db-delay-4{animation-delay:.2s}.db-delay-5{animation-delay:.25s}.db-delay-6{animation-delay:.3s}.db-delay-7{animation-delay:.35s}@keyframes db-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes db-pulse{0%,to{opacity:1}50%{opacity:.5}}.db-skeleton{animation:db-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--db-border-light) 25%,var(--db-bg) 50%,var(--db-border-light) 75%);background-size:200% 100%;border-radius:var(--db-radius-sm)}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width:768px){.dashboard-redesign{margin:0 auto;max-width:800px;padding:2rem}.db-stats-row{gap:14px}.db-stat-card{padding:20px}.db-stat-icon{font-size:1.4rem;height:52px;width:52px}.db-stat-value{font-size:1.6rem}.db-greeting-name{font-size:1.8rem}.db-today-card{padding:18px}.db-week-day{padding:12px 6px}.db-week-day-num{font-size:1.15rem}}@media (min-width:1024px){.dashboard-redesign{max-width:1000px}.db-stats-row{grid-template-columns:repeat(4,1fr);margin-bottom:0}.db-stats-row:last-of-type{display:none}.db-stat-value{font-size:1.8rem}.db-stat-icon{font-size:1.5rem;height:56px;width:56px}}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal{animation:settingsModalSlideIn .3s ease;background:#fff;border:2px solid #b8d4dc;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes settingsModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal-header{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.settings-modal-title{font-weight:700;gap:10px}.settings-modal-close,.settings-modal-title{align-items:center;display:flex;font-size:1.25rem}.settings-modal-close{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;height:32px;justify-content:center;position:relative;transition:all .2s;width:32px}.settings-modal-close:before{content:"";inset:-6px;position:absolute}.settings-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.settings-modal-body{background:#f0f9ff;max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.settings-profile-section{align-items:center;background:#fff;border:2px solid #d4e8ec;border-radius:16px;box-shadow:0 2px 8px #4a90a41a;display:flex;gap:20px;margin-bottom:24px;padding:20px}.settings-avatar-wrapper{position:relative}.settings-avatar{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:50%;box-shadow:0 4px 12px #4a90a44d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.settings-avatar img{height:100%;object-fit:cover;width:100%}.settings-avatar-edit{align-items:center;background:#fff;border:2px solid #4a90a4;border-radius:50%;bottom:0;box-shadow:0 2px 6px #4a90a433;cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;position:absolute;right:0;transition:all .2s;width:28px}.settings-avatar-edit:hover{background:#e8f4f8;transform:scale(1.1)}.settings-profile-info{flex:1 1}.settings-profile-name{align-items:center;color:#1f2937;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:700;gap:8px;margin-bottom:4px;transition:color .2s}.settings-profile-name:hover{color:#4a90a4}.settings-name-edit{align-items:center;display:flex;gap:8px;margin-bottom:8px}.settings-name-input{border:2px solid #4a90a4;border-radius:8px;font-size:1rem;font-weight:600;outline:none;padding:8px 12px;transition:box-shadow .2s;width:150px}.settings-name-input:focus{box-shadow:0 0 0 3px #4a90a433}.settings-name-cancel,.settings-name-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:transform .2s;width:32px}.settings-name-cancel:hover,.settings-name-save:hover{transform:scale(1.05)}.settings-name-save{background:#22c55e;color:#fff}.settings-name-cancel{background:#ef4444;color:#fff}.settings-profile-email{color:#6b7280;font-size:.9rem;margin-bottom:8px}.settings-profile-role{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:20px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.settings-section{margin-bottom:24px}.settings-section-title{color:#4a90a4;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-left:4px;text-transform:uppercase}.settings-card{background:#fff;border:2px solid #d4e8ec;border-radius:12px;box-shadow:0 2px 8px #4a90a41a;overflow:hidden}.settings-item{align-items:center;border-bottom:1px solid #e8f4f8;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#e8f4f8}.settings-item-left{align-items:center;display:flex;gap:12px}.settings-item-icon{align-items:center;border-radius:10px;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.settings-item-icon.blue{background:#dbeafe}.settings-item-icon.green{background:#d1fae5}.settings-item-icon.purple{background:#ede9fe}.settings-item-icon.orange{background:#ffedd5}.settings-item-icon.red{background:#fee2e2}.settings-item-icon.gray{background:#f3f4f6}.settings-item-icon.teal{background:#e8f4f8}.settings-item-label{color:#1f2937;font-size:.95rem;font-weight:500}.settings-item-sublabel{color:#6b7280;font-size:.8rem;margin-top:2px}.settings-item-right{align-items:center;display:flex;gap:8px}.settings-item-value{color:#6b7280;font-size:.85rem}.settings-item-arrow{color:#b8d4dc;font-size:1.25rem}.settings-toggle{background:#d1d5db;border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background .3s;width:48px}.settings-toggle.active{background:linear-gradient(135deg,#4a90a4,#6ba893)}.settings-toggle:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s;width:22px}.settings-toggle.active:after{transform:translateX(22px)}.settings-language-dropdown{background:#e8f4f8;border-bottom:1px solid #d4e8ec;display:flex;gap:8px;padding:12px 16px}.settings-language-option{background:#fff;border:2px solid #d4e8ec;border-radius:12px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;min-height:44px;padding:10px 16px;transition:all .2s}.settings-language-option:hover{background:#e8f4f8;border-color:#b8d4dc}.settings-language-option.active{background:#e8f4f8;border-color:#4a90a4;color:#4a90a4;font-weight:600}.settings-export-btn{background:#fff;border:2px solid #d4e8ec;border-radius:12px;color:#374151;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s}.settings-export-btn:hover{background:#e8f4f8;border-color:#4a90a4;color:#4a90a4}.settings-household-card{align-items:center;background:linear-gradient(135deg,#e8f4f8,#d4e8ec);border:2px solid #b8d4dc;border-radius:16px;display:flex;gap:16px;padding:16px}.settings-household-icon{align-items:center;background:linear-gradient(135deg,#4a90a4,#6ba893);border-radius:12px;box-shadow:0 4px 12px #4a90a44d;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.settings-household-info{flex:1 1}.settings-household-name{color:#1f2937;font-size:1rem;font-weight:700}.settings-household-members{color:#6b7280;font-size:.85rem;margin-top:2px}.settings-household-btn{background:#fff;border:2px solid #b8d4dc;border-radius:12px;color:#4a90a4;cursor:pointer;font-size:.85rem;font-weight:600;min-height:44px;padding:8px 16px;transition:all .2s}.settings-household-btn:hover{background:#e8f4f8;border-color:#4a90a4}.settings-action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:24px}.settings-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.settings-btn-primary{background:linear-gradient(135deg,#4a90a4,#6ba893);box-shadow:0 4px 15px #4a90a44d;color:#fff}.settings-btn-primary:hover{box-shadow:0 6px 20px #4a90a466;transform:translateY(-2px)}.settings-btn-secondary{background:#fff;border:2px solid #b8d4dc;color:#4a90a4}.settings-btn-secondary:hover{background:#e8f4f8;border-color:#4a90a4}.settings-btn-danger{background:#fee2e2;border:2px solid #fecaca;color:#dc2626}.settings-btn-danger:hover{background:#fecaca;border-color:#ef4444}.settings-version-info{border-top:2px solid #d4e8ec;margin-top:24px;padding-top:20px;text-align:center}.settings-version-text{color:#6b7280;font-size:.8rem}.settings-version-link{color:#4a90a4;font-weight:600;text-decoration:none;transition:color .2s}.settings-version-link:hover{color:#6ba893;text-decoration:underline}@media (max-width:500px){.settings-modal{border:none;border-radius:0;max-height:100vh;max-width:100%}.settings-modal-body{max-height:calc(100vh - 80px)}.settings-household-card,.settings-profile-section{flex-direction:column;text-align:center}.settings-household-btn{width:100%}}
/*# sourceMappingURL=main.2205e9a7.css.map*/