.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to));color:var(--sidebar-text);padding:20px 12px;display:flex;flex-direction:column;min-height:100dvh;height:100dvh;flex-shrink:0;position:sticky;top:0;box-shadow:inset -1px 0 #ffffff0f,10px 0 40px #00000040;transition:width .25s ease,left .25s ease;overflow:visible;z-index:100}.sidebar.mini{width:var(--sidebar-mini)}.logo{font-size:20px;font-weight:700;letter-spacing:.4px;text-align:center;margin-bottom:28px;opacity:.95}.sidebar-nav{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:visible;padding-right:4px;flex:1;scrollbar-width:none;-ms-overflow-style:none;position:relative}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:14px;padding:11px 14px;border-radius:12px;font-size:14px;color:var(--sidebar-text)!important;cursor:pointer;border:none;background:transparent;width:100%;transition:background .2s ease,transform .15s ease,color .2s ease,box-shadow .2s ease}.nav-item svg{font-size:18px;flex-shrink:0}.nav-item:hover{background:var(--sidebar-hover-bg);transform:translate(3px)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)!important;font-weight:600;box-shadow:0 6px 16px #0000002e}.nav-item.active svg{color:var(--sidebar-active-text)}.sub-menu{margin-left:28px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.nav-item.sub{font-size:13px;padding:9px 12px;opacity:.85}.nav-item.sub:hover{opacity:1}.nav-item.sub.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.nav-group{position:relative}.nav-item.group{justify-content:flex-start}.chevron{margin-left:auto;opacity:.7}.sidebar.mini .text,.sidebar.mini .sub-menu{display:none}.tooltip{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#111827;color:#fff;padding:6px 10px;font-size:12px;border-radius:8px;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s ease;z-index:50}.sidebar.mini .nav-item:hover .tooltip{opacity:1}.popover-menu{position:absolute;left:calc(100% + 12px);background:#fffffff7;color:#111827;border-radius:16px;padding:12px;min-width:220px;border:1px solid rgba(148,163,184,.24);box-shadow:0 22px 50px #0f172a47;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1200;display:flex;flex-direction:column;gap:8px;animation:popoverFade .18s ease}.popover-menu:before{content:"";position:absolute;top:0;bottom:0;left:-14px;width:14px}html.dark .popover-menu{background:#0f172af0;color:var(--text);border-color:var(--border)}.popover-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;cursor:pointer;color:inherit;text-decoration:none;transition:background .15s ease,color .15s ease}.popover-item:hover{background:#f1f5f9}html.dark .popover-item:hover{background:#ffffff14}.popover-item.active{background:#ffedd5;color:var(--chip-text)}html.dark .popover-item.active{background:#f973162e;color:#fed7aa}@keyframes popoverFade{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:-280px;width:280px!important;min-height:100dvh;height:100dvh;overflow-y:auto;overflow-x:hidden;z-index:1200;transition:left .25s ease}.sidebar.open{left:0}.sidebar-nav{overflow-y:auto;padding-bottom:80px}}.sidebar nav a{text-decoration:none}.sidebar{transition:left .25s ease,width .25s ease}@media (max-width: 768px){.sidebar{width:260px!important}.popover-menu,.tooltip{display:none}}.avatar-display{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.avatar-display-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-display-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1}.avatar-display-icon svg{width:55%;height:55%}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.global-search-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:560px;max-width:92vw;max-height:60vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.global-search-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.global-search-input-row svg{color:var(--meta);flex-shrink:0}.global-search-input-row input{flex:1;background:none;border:none;outline:none;font-size:1rem;color:var(--heading)}.global-search-input-row input::placeholder{color:var(--meta)}.global-search-close{background:none;border:none;color:var(--meta);cursor:pointer;padding:4px;border-radius:6px;display:flex}.global-search-close:hover{background:var(--danger-soft);color:var(--danger)}.global-search-results{overflow-y:auto;padding:8px;flex:1}.global-search-section{margin-bottom:8px}.global-search-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--meta);padding:6px 12px 4px;font-weight:600}.global-search-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:none;border:none;border-radius:10px;cursor:pointer;text-align:left;color:var(--heading);transition:background .15s}.global-search-item:hover,.global-search-item.active{background:var(--bg-hover)}.global-search-item-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}.global-search-item-text{display:flex;flex-direction:column;min-width:0}.global-search-item-title{font-size:.9rem;font-weight:500;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-subtitle{font-size:.75rem;color:var(--meta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-loading,.global-search-empty{text-align:center;padding:2rem 1rem;color:var(--meta);font-size:.9rem}html.dark .global-search-modal{background:var(--card);border-color:var(--border)}.navbar{height:64px;background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border);position:sticky;top:0;width:100%;z-index:1000;flex-shrink:0}.nav-left,.nav-right,.profile-actions,.accent-options,.notification-header-actions,.notification-filters,.notification-actions{display:flex;align-items:center;gap:10px}.nav-left{gap:12px}.brand{display:inline-flex;align-items:baseline;gap:8px;min-width:0;max-width:min(34vw,360px);font-weight:700;font-size:18px;letter-spacing:.2px;cursor:pointer;color:var(--text)}.brand-product,.brand-context{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-product{color:var(--primary-dark);font-weight:900}.brand-context{color:var(--text-muted, var(--muted));font-size:13px;font-weight:700}.toggle-btn,.icon-btn,.avatar-btn,.snooze-btn,.accent-btn,.profile-item,.permission-btn,.ghost-mini,.filter-chip{border:none;background:var(--bg-soft);color:var(--text);border-radius:10px;cursor:pointer;transition:all .2s ease}.toggle-btn,.icon-btn,.avatar-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar-btn{border-radius:50%}.navbar-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.toggle-btn:hover,.icon-btn:hover,.avatar-btn:hover,.profile-item:hover,.accent-btn:hover,.snooze-btn:hover,.permission-btn:hover,.ghost-mini:hover,.filter-chip:hover{background:var(--accent-soft)}.nav-center{position:relative;width:420px;max-width:40%}.search-box{display:flex;align-items:center;gap:10px;background:var(--bg-soft);padding:10px 14px;border-radius:12px;border:1px solid transparent}.search-box.global-search-trigger{cursor:pointer;font-size:14px;color:var(--meta);transition:border-color .2s,box-shadow .2s;min-width:220px}.search-box.global-search-trigger:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box.global-search-trigger kbd{margin-left:auto;background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.7rem;color:var(--meta);font-family:inherit}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{border:none;outline:none;background:transparent;font-size:14px;width:100%;color:var(--text)}.search-dropdown,.profile-menu.modern,.notification-dropdown{background:var(--card-elevated, var(--card));border:1px solid var(--border);box-shadow:0 20px 45px #00000026}.search-dropdown{position:absolute;top:48px;width:100%;border-radius:12px;overflow:hidden;z-index:400}.search-item{padding:11px 14px;cursor:pointer;font-size:14px}.search-item:hover,.search-item.active,.notification-item:hover{background:var(--bg-soft)}.notification-btn{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:999px;font-weight:600}.profile-wrap{position:relative}.profile-menu.modern{position:absolute;right:0;top:58px;width:276px;border-radius:20px;padding:14px;z-index:400;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-soft) 55%,transparent),transparent 35%),color-mix(in srgb,var(--card-elevated, var(--card)) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.profile-header{display:flex;align-items:center;gap:12px;padding:2px 2px 4px}.avatar-circle{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px color-mix(in srgb,var(--accent-soft) 80%,transparent);font-size:16px;font-weight:800}.profile-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.profile-meta strong,.noti-title,.section-label,.notification-permission strong{color:var(--text)}.profile-meta strong{font-size:16px;line-height:1.2}.profile-meta span,.noti-meta,.empty-notifications,.noti-submeta,.notification-permission span{color:var(--muted)}.profile-meta span{font-size:12px;line-height:1.4;word-break:break-word}.profile-view-alert{margin-top:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 48%,var(--card));color:var(--text);font-size:12px;line-height:1.45;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.divider{height:1px;background:color-mix(in srgb,var(--border) 82%,transparent);margin:12px 0}.theme-section{display:grid;gap:10px;margin-bottom:12px}.section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.accent-btn,.snooze-btn,.profile-item,.permission-btn,.ghost-mini,.filter-chip{padding:10px 12px}.accent-btn.active,.filter-chip.active,.permission-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.accent-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.accent-btn{min-height:40px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);background:color-mix(in srgb,var(--bg-soft) 78%,var(--card));font-weight:800;justify-content:center;border-radius:14px;box-shadow:inset 0 0 0 1px transparent}.accent-btn.active{box-shadow:0 12px 24px color-mix(in srgb,var(--accent-soft) 78%,transparent),inset 0 0 0 1px color-mix(in srgb,white 22%,transparent)}.profile-item{display:flex;align-items:center;gap:8px;width:100%;justify-content:flex-start;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--bg-soft) 76%,var(--card));border-radius:12px;font-weight:700;font-size:13px}.profile-item.danger{color:#ef4444;background:color-mix(in srgb,#ef4444 10%,var(--card));border-color:color-mix(in srgb,#ef4444 28%,var(--border))}.profile-item.danger:hover{background:color-mix(in srgb,#ef4444 16%,var(--card))}.profile-item.switch-back{margin-top:10px;background:color-mix(in srgb,var(--accent-soft) 54%,var(--card));border-color:color-mix(in srgb,var(--accent) 26%,var(--border));color:var(--primary-dark)}.profile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.profile-actions .profile-item{justify-content:center;text-align:center;min-height:42px;padding-left:8px;padding-right:8px}.theme-section .profile-item{min-height:42px}.notification-dropdown{position:absolute;right:0;top:55px;width:430px;border-radius:18px;overflow:hidden;z-index:500}.dropdown-header{display:flex;justify-content:space-between;gap:16px;padding:16px;font-weight:600;border-bottom:1px solid var(--border)}.dropdown-header h4{margin:0 0 4px}.notification-permission{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 72%,transparent)}.permission-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.permission-pill.success{background:#dcfce7;color:#166534}.notification-filters{flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border)}.dropdown-body{max-height:430px;overflow-y:auto;padding:8px}.notification-item{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;cursor:pointer}.notification-item.is-read{opacity:.72}.notification-item.is-unread{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}.notification-rail{width:4px;min-height:56px;border-radius:999px;background:var(--border)}.notification-item.overdue .notification-rail{background:#ef4444}.notification-item.today .notification-rail{background:#f59e0b}.notification-item.upcoming .notification-rail{background:var(--chip-bg)}.notification-item.insight .notification-rail{background:#7c3aed}.noti-icon{min-width:56px;font-size:11px;font-weight:700;color:var(--primary-dark);background:var(--bg-soft);padding:8px 10px;border-radius:10px;text-align:center}.noti-content{flex:1;display:grid;gap:6px}.notification-topline{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.noti-label{margin-left:6px;padding:3px 8px;border-radius:999px;font-size:10px;white-space:nowrap}.noti-label.overdue{background:#fee2e2;color:#b91c1c}.noti-label.today{background:#fef3c7;color:#92400e}.noti-label.upcoming{background:#fed7aa;color:#9a3412}.noti-label.insight{background:#f3e8ff;color:#7c3aed}.notification-btn.has-alert svg{animation:bellShake 1.5s infinite}@keyframes bellShake{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}@media (max-width: 768px){.navbar{gap:8px}.brand{max-width:calc(100vw - 188px);font-size:15px}.brand-context,.nav-center{display:none}.notification-dropdown{width:min(96vw,430px)}.notification-permission,.dropdown-header,.notification-topline,.notification-item{flex-direction:column;align-items:flex-start}.notification-actions,.notification-header-actions{width:100%;flex-wrap:wrap}}@media (max-width: 768px){.navbar{padding:0 12px}.brand{max-width:140px}.nav-right{gap:6px}.icon-btn,.avatar-btn,.toggle-btn{width:36px;height:36px}.notification-dropdown{position:fixed!important;top:calc(60px + env(safe-area-inset-top,0px))!important;left:10px!important;right:10px!important;transform:none!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 68px - env(safe-area-inset-top,0px))!important;display:flex;flex-direction:column;overflow:hidden!important;border-radius:16px!important;z-index:1400!important}.notification-dropdown .dropdown-header,.notification-dropdown .notification-permission,.notification-dropdown .notification-filters{padding:12px!important}.notification-dropdown .dropdown-header{gap:10px}.notification-dropdown .dropdown-header h4{font-size:16px!important;line-height:1.2}.notification-dropdown .notification-header-actions,.notification-dropdown .notification-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.notification-dropdown .ghost-mini,.notification-dropdown .snooze-btn,.notification-dropdown .filter-chip,.notification-dropdown .permission-btn{min-height:36px!important;padding:8px 10px!important;white-space:nowrap}.notification-dropdown .notification-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.notification-dropdown .dropdown-body{flex:1;min-height:0;max-height:none;overflow-y:auto;padding:8px!important}.notification-dropdown .notification-item{gap:10px!important;padding:12px!important}.notification-dropdown .notification-rail{width:100%;min-height:4px;height:4px}.notification-dropdown .noti-icon{min-width:0;width:fit-content}.notification-dropdown .noti-content{width:100%}.notification-dropdown .noti-title,.notification-dropdown .noti-meta,.notification-dropdown .noti-submeta{overflow-wrap:anywhere}.profile-menu.modern{position:fixed;top:70px;right:10px;width:calc(100vw - 20px);max-width:320px;max-height:calc(100vh - 90px);overflow-y:auto}}.language-selector{position:relative}.language-btn{display:flex;align-items:center;gap:4px;padding:0 10px;width:auto;min-width:52px}.language-btn-code{font-size:11px;font-weight:700;letter-spacing:.5px}.language-dropdown{position:absolute;right:0;top:48px;width:280px;max-height:380px;background:var(--card-elevated, var(--card));border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 45px #00000026;z-index:500;display:flex;flex-direction:column;overflow:hidden}.language-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.language-search input{border:none;outline:none;background:transparent;font-size:13px;width:100%;color:var(--text)}.language-list{flex:1;overflow-y:auto;padding:4px}.language-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;color:var(--text);cursor:pointer;border-radius:8px;font-size:13px;text-align:left;transition:background .15s}.language-option:hover{background:var(--accent-soft)}.language-option.active{background:color-mix(in srgb,var(--accent-soft) 60%,transparent);color:var(--primary-dark);font-weight:600}.language-native{font-weight:600;min-width:80px}.language-name{color:var(--muted);font-size:12px;flex:1}.language-check{margin-left:auto;color:var(--primary)}@media (max-width: 768px){.language-dropdown{position:fixed;top:58px;right:10px;width:calc(100vw - 20px);max-width:300px;max-height:calc(100dvh - 80px)}}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tour-card{background:var(--card);border:1px solid var(--border);border-radius:20px;width:500px;max-width:92vw;padding:32px;box-shadow:0 24px 80px #0000004d;text-align:center}.tour-step-indicator{display:flex;justify-content:center;gap:6px;margin-bottom:24px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s}.tour-dot.active{background:var(--accent);width:24px;border-radius:4px}.tour-dot.done{background:var(--success)}.tour-content h3{margin:0 0 12px;font-size:1.3rem;color:var(--heading)}.tour-content p{margin:0 0 24px;color:var(--meta);font-size:.95rem;line-height:1.6}.tour-actions{display:flex;align-items:center;justify-content:space-between}.tour-nav{display:flex;gap:8px}.tour-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tour-btn.primary{background:var(--accent);color:#fff}.tour-btn.primary:hover{opacity:.9}.tour-btn.secondary{background:var(--bg-soft);color:var(--meta);border:1px solid var(--border)}.tour-btn.ghost{background:none;color:var(--heading)}.tour-btn.ghost:hover{background:var(--bg-soft)}html.dark .tour-card{background:var(--card);border-color:var(--border)}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shortcuts-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:480px;max-width:92vw;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.shortcuts-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--heading)}.shortcuts-close{background:none;border:none;color:var(--meta);cursor:pointer;padding:4px;border-radius:6px;display:flex}.shortcuts-close:hover{background:var(--danger-soft);color:var(--danger)}.shortcuts-list{padding:12px 22px 22px}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.shortcuts-row:last-child{border-bottom:none}.shortcuts-label{font-size:.9rem;color:var(--heading)}.shortcuts-keys{display:flex;gap:4px}.shortcuts-keys kbd{background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-size:.75rem;font-family:inherit;color:var(--heading);min-width:28px;text-align:center}html.dark .shortcuts-modal{background:var(--card);border-color:var(--border)}.chatbot-panel{position:fixed;right:20px;bottom:180px;width:320px;max-width:calc(100vw - 24px);height:420px;max-height:calc(100vh - 100px);display:flex;flex-direction:column;border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:0 12px 40px #00000024,0 2px 8px #0000000f;z-index:9999;overflow:hidden;animation:chatbotSlideUp .25s cubic-bezier(.16,1,.3,1)}.chatbot-panel.maximized{width:min(520px,calc(100vw - 24px));height:min(600px,calc(100vh - 100px));right:12px;bottom:68px}@keyframes chatbotSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;flex-shrink:0;gap:6px}.chatbot-header-left{display:flex;align-items:center;gap:7px;min-width:0}.chatbot-avatar{width:26px;height:26px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.chatbot-header h4{margin:0;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatbot-status{display:flex;align-items:center;gap:3px;font-size:9px;opacity:.85}.status-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.chatbot-header-actions{display:flex;gap:2px;flex-shrink:0}.chatbot-header-btn{width:24px;height:24px;border:none;border-radius:6px;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;font-size:13px}.chatbot-header-btn:hover{background:#ffffff47}.chatbot-close-btn:hover{background:#ef444480}.chatbot-messages{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--bg) 50%,var(--card));scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:3px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.chatbot-welcome{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 6px 10px;gap:6px}.chatbot-welcome h3{margin:0;font-size:13px;font-weight:700;color:var(--text)}.chatbot-welcome p{margin:0;font-size:10.5px;color:var(--text-muted);line-height:1.4}.chatbot-quick-prompts{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:4px}.quick-prompt-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));background:color-mix(in srgb,var(--accent-soft) 30%,var(--card));color:var(--text);font-size:10px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.quick-prompt-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--primary);color:var(--primary-dark)}.quick-prompt-btn:disabled{opacity:.45;cursor:not-allowed}.quick-prompt-btn svg{font-size:13px;color:var(--primary)}.chatbot-message{display:flex;gap:5px;max-width:90%;animation:msgFadeIn .2s ease}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.user{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px}.msg-bubble{padding:7px 10px;border-radius:12px;font-size:12px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chatbot-message.assistant .msg-bubble{background:var(--card);border:1px solid var(--border);color:var(--text);border-top-left-radius:4px}.chatbot-message.user .msg-bubble{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-top-right-radius:4px}.msg-bubble p{margin:0}.msg-bubble.typing{display:flex;align-items:center;gap:3px;padding:8px 12px}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.chatbot-error{display:flex;align-items:flex-start;gap:5px;padding:7px 10px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:10.5px;font-weight:600;animation:msgFadeIn .2s ease;line-height:1.4}.chatbot-error svg{flex-shrink:0;margin-top:1px;font-size:13px}.retry-countdown{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:10.5px;font-weight:600}.retry-countdown svg{font-size:13px;color:var(--primary)}.chatbot-input-area{padding:8px 10px;border-top:1px solid var(--border);background:var(--card);flex-shrink:0}.chatbot-input-wrapper{display:flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--bg) 60%,var(--card));border:1px solid var(--border);border-radius:10px;padding:2px 3px 2px 10px;transition:border-color .15s,box-shadow .15s}.chatbot-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-soft)}.chatbot-input-wrapper input{flex:1;border:none;outline:none;background:transparent;color:var(--text);font-size:11.5px;padding:5px 0;font-family:inherit}.chatbot-input-wrapper input::placeholder{color:var(--text-muted);opacity:.6}.chatbot-send-btn{width:28px;height:28px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,opacity .12s;flex-shrink:0;font-size:13px}.chatbot-send-btn:hover:not(:disabled){transform:scale(1.06)}.chatbot-send-btn:disabled{opacity:.35;cursor:not-allowed}.chatbot-send-btn .spin{animation:spinIcon .8s linear infinite}@keyframes spinIcon{to{transform:rotate(360deg)}}@media (max-width: 768px){.chatbot-panel{top:0;left:0;width:100%;height:100%;max-width:none;max-height:none;right:0;bottom:0;border-radius:0;border:none}.chatbot-panel.maximized{top:0;left:0;width:100%;height:100%;right:0;bottom:0;border-radius:0;border:none}.chatbot-messages{padding:10px 12px;gap:8px}.chatbot-input-area{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.msg-bubble{font-size:13px;padding:8px 12px}.chatbot-welcome{padding:24px 12px 14px}.chatbot-welcome h3{font-size:15px}.chatbot-welcome p{font-size:12px}.quick-prompt-btn{font-size:11px;padding:5px 10px}}:root{--primary: #f97316;--primary-light: #fb923c;--primary-dark: #ea580c;--primary-soft: #ffedd5;--secondary: #f59e0b;--accent: #ef4444;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gradient-primary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-soft: linear-gradient(180deg, #fff7ed 0%, #fffbeb 100%);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 8px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .08);--shadow-xl: 0 30px 60px rgba(0, 0, 0, .12);--shadow-primary: 0 10px 30px rgba(249, 115, 22, .18);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition: all .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--gradient-soft);color:var(--gray-800);overflow-x:hidden}.auth-container.light-theme{border-radius:12px;box-shadow:0 4px 20px -8px gray;background:var(--gradient-soft);position:relative}.auth-background.light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.gradient-sphere.light{position:absolute;top:-40%;right:-15%;width:70%;height:70%;background:radial-gradient(circle,rgba(249,115,22,.1) 0%,transparent 70%);border-radius:50%;filter:blur(60px)}.gradient-sphere-2.light{position:absolute;bottom:-30%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 70%);border-radius:50%;filter:blur(60px)}.auth-layout.light{position:relative;z-index:2;display:grid;grid-template-columns:1fr 480px;gap:40px;max-width:1300px;margin:auto;padding:40px;border-radius:12px;box-shadow:0 4px 20px -8px gray;align-items:center}.auth-brand.light{color:var(--gray-900)}.brand-content.light{max-width:520px}.auth-brand.light h1{font-size:56px;font-weight:900;margin-bottom:16px;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8b00ff,red);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowText 38s linear infinite}@keyframes rainbowText{0%{background-position:0%}to{background-position:400%}}.brand-tagline.light{color:var(--gray-600);font-size:18px;line-height:1.6;margin-bottom:32px}.brand-stats.light{display:flex;gap:32px;margin-bottom:32px}.stat-value.light{font-size:28px;font-weight:800;color:var(--primary)}.stat-label.light{font-size:13px;color:var(--gray-500)}.brand-features.light{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.feature-chip.light{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--white);border:1px solid var(--gray-200);font-size:13px;font-weight:500;color:var(--gray-700);box-shadow:var(--shadow-sm);transition:var(--transition)}.feature-chip.light:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-soft)}.brand-testimonial.light{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.brand-testimonial.light p{font-size:14px;color:var(--gray-700);font-style:italic}.auth-card-wrapper.light{display:flex;justify-content:center}.auth-card.light{width:100%;background:var(--white);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);position:relative;transition:var(--transition)}.auth-card.light:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.auth-tabs-premium.light{display:flex;background:var(--gray-100);padding:6px;border-radius:var(--radius-md);margin-bottom:28px}.tab-btn.light{flex:1;padding:12px;border:none;background:transparent;font-weight:600;color:var(--gray-500);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.tab-btn.light.active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm)}.input-group-premium.light{position:relative;margin-bottom:18px;isolation:isolate}.input-group-premium.light input{width:100%;padding:14px 16px 14px 46px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--gray-50);font-size:15px;transition:var(--transition)}.input-group-premium.light input:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 4px var(--primary-soft)}.input-icon.light{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.eye-icon.light{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gray-400);cursor:pointer}.submit-btn.light{width:100%;padding:14px;border-radius:var(--radius-md);border:none;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-primary)}.submit-btn.light:hover{transform:translateY(-2px);box-shadow:0 18px 40px #f9731640}.social-buttons.light{display:none}.social-btn.light{width:44px;height:44px;border-radius:12px;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;transition:var(--transition)}.social-btn.light:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.auth-footer.light{margin-top:20px}.trust-badges.light{display:flex;justify-content:center;gap:18px;font-size:13px;color:var(--gray-500)}@media (max-width: 992px){.auth-layout.light{grid-template-columns:1fr}.auth-brand.light{display:none}}@media (max-width: 480px){.auth-card.light{padding:24px}.auth-layout.light{padding:16px}}.password-strength.light{margin-top:6px;margin-bottom:14px;padding:10px 12px;background:#fafbff;border:1px solid var(--gray-200);border-radius:12px}.strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--gray-600)}.strength-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.strength-badge.weak{background:#fee2e2;color:#dc2626}.strength-badge.medium{background:#fef3c7;color:#d97706}.strength-badge.strong{background:#d1fae5;color:#059669}.strength-progress{width:100%;height:6px;background:var(--gray-200);border-radius:999px;overflow:hidden}.strength-fill{height:100%;border-radius:999px;transition:all .35s ease}.strength-fill.weak{background:linear-gradient(90deg,#ef4444,#dc2626)}.strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.strength-fill.strong{background:linear-gradient(90deg,#10b981,#059669)}.terms-agreement.light{margin-top:10px;margin-bottom:14px}.submit-btn.light{margin-top:6px;margin-bottom:8px}.google-login-container.light{margin-bottom:8px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:6px}.brand-title-click{cursor:pointer;transition:all .25s ease}.brand-title-click:hover{transform:translateY(-1px);opacity:.9}@media (max-width: 768px){.register-grid{grid-template-columns:1fr}}.checkbox-container.light{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--gray-700)}.terms-text{line-height:1.4}@media (max-width: 480px){.checkbox-container.light{gap:8px;font-size:13px}}.login-success-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0;margin-bottom:16px}.success-icon{font-size:22px;color:#10b981}.success-text h4{font-size:15px;font-weight:600;margin-bottom:2px}.success-text p{font-size:13px;color:#64748b}.success-loader{margin-left:auto;width:20px;height:20px;border-radius:50%;border:3px solid #d1fae5;border-top-color:#10b981;animation:spin .8s linear infinite}.auth-alert{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;margin-bottom:16px;animation:fadeSlide .3s ease}.auth-alert.error{background:#fef2f2;border:1px solid #fca5a5}.alert-icon{font-size:22px}.alert-text h4{font-size:14px;font-weight:600;margin-bottom:2px;color:#991b1b}.alert-text p{font-size:13px;color:#b91c1c}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feature-icon.light{display:flex;align-items:center;margin-right:6px;font-size:14px;color:var(--primary)}.auth-alert.success{background:#ecfdf5;border:1px solid #86efac}.auth-alert.success .alert-text h4{color:#166534}.auth-alert.success .alert-text p{color:#15803d}.forgot-link-btn{align-self:flex-end;margin-top:-4px;background:transparent;border:none;color:var(--accent);font-weight:700;cursor:pointer;padding:0}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a85;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1200}.auth-modal-card{width:min(100%,540px);background:#fff;border-radius:28px;padding:24px;box-shadow:0 30px 80px #0f172a4d;border:1px solid rgba(148,163,184,.2)}.auth-modal-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.auth-modal-head h3{margin:8px 0 6px;font-size:24px;color:#0f172a}.auth-modal-head p{margin:0;color:#64748b;line-height:1.6}.auth-modal-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#f973161f;color:var(--chip-text);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.auth-modal-close{width:42px;height:42px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#334155}.auth-modal-alert{margin-bottom:14px;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:600}.auth-modal-alert.error{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.auth-modal-alert.success{background:#ecfdf5;border:1px solid #86efac;color:#15803d}.auth-modal-body{display:grid;gap:14px}.auth-modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.modal-secondary-btn{padding:14px 18px;border-radius:16px;border:1px solid #dbe3ef;background:#f8fafc;color:#0f172a;font-weight:700;cursor:pointer}.modal-submit-btn{width:auto;min-width:190px}@media (max-width: 768px){.auth-modal-card{padding:18px;border-radius:22px}.auth-modal-head,.auth-modal-actions{flex-direction:column}.modal-submit-btn,.modal-secondary-btn,.auth-modal-close{width:100%}}html.theme-orange{--primary: #f97316;--primary-dark: #ea580c;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .16);--accent-shadow: rgba(249, 115, 22, .22);--primary-soft: #ffedd5;--gradient-primary: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-soft: linear-gradient(180deg, #fff7ed 0%, #fffbeb 100%)}html.theme-blue,html.theme-royal-blue{--primary: #2563eb;--primary-dark: #1d4ed8;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .16);--accent-shadow: rgba(37, 99, 235, .22);--primary-soft: #dbeafe;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-soft: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%)}html.theme-green{--primary: #22c55e;--primary-dark: #16a34a;--accent: #22c55e;--accent-soft: rgba(34, 197, 94, .16);--accent-shadow: rgba(34, 197, 94, .22);--primary-soft: #dcfce7;--gradient-primary: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-soft: linear-gradient(180deg, #f0fdf4 0%, #f8fafc 100%)}html.theme-purple{--primary: #a855f7;--primary-dark: #9333ea;--accent: #a855f7;--accent-soft: rgba(168, 85, 247, .16);--accent-shadow: rgba(168, 85, 247, .22);--primary-soft: #f3e8ff;--gradient-primary: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);--gradient-soft: linear-gradient(180deg, #faf5ff 0%, #f8fafc 100%)}.auth-container.light-theme{min-height:100svh;max-height:100svh;width:100%;border-radius:0;box-shadow:none;display:grid;place-items:center;padding:clamp(14px,2vw,28px);overflow-x:hidden;overflow-y:hidden}.auth-layout.light{width:min(1120px,100%);min-height:min(640px,calc(100svh - 56px));grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,44px);border-radius:24px;box-shadow:0 24px 70px #0f172a1f}.auth-brand.light h1{font-size:clamp(36px,5vw,54px);background:linear-gradient(135deg,var(--primary),var(--primary-dark));background-size:100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:none}.brand-tagline.light{font-size:clamp(15px,1.5vw,18px)}.auth-card.light{padding:clamp(22px,3vw,34px);border-radius:26px;box-shadow:0 22px 55px #0f172a1f}.auth-mode-register{max-height:none;place-items:start center;overflow-y:auto}.auth-mode-register .auth-layout.light{min-height:auto}.auth-mode-register .auth-card.light{padding:clamp(18px,2.2vw,28px)}.auth-mode-register .auth-tabs-premium.light{margin-bottom:18px}.auth-mode-register .input-group-premium.light{margin-bottom:12px}.auth-card-theme-pill,.auth-current-theme{display:inline-flex;align-items:center;gap:8px;border-radius:999px;color:var(--primary-dark);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);font-size:12px;font-weight:800}.auth-current-theme{padding:8px 12px;margin:-14px 0 24px}.auth-card-theme-pill{width:max-content;padding:7px 11px;margin-bottom:14px}.mobile-auth-brand{display:none;border:none;background:transparent;color:var(--primary-dark);font-size:22px;font-weight:900;line-height:1;padding:0;margin:0 0 18px;cursor:pointer}.auth-theme-dot{width:10px;height:10px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px var(--accent-soft)}.feature-icon.light,.forgot-link-btn,.tab-btn.light.active,.auth-modal-kicker{color:var(--primary-dark)}.brand-features.light{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:12px}.feature-chip.light{width:100%;min-height:72px;justify-content:flex-start;gap:14px;padding:10px 14px;border-radius:999px;font-size:15px;font-weight:700}.feature-icon.light{width:44px;height:44px;flex:0 0 44px;display:inline-grid;place-items:center;margin-right:0;border-radius:16px;background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--primary) 10%,#fff));border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);font-size:18px}.feature-icon.light svg,.input-icon.light,.eye-icon.light svg,.social-btn.light svg,.trust-badges.light svg{width:18px;height:18px;flex:0 0 auto;display:block}.input-icon.light{left:20px;color:color-mix(in srgb,var(--primary) 58%,var(--gray-400));z-index:2;pointer-events:none}.input-group-premium.light input{min-height:46px;padding:14px 54px 14px 58px!important;color:var(--gray-900);line-height:1.2;position:relative;z-index:1}.register-grid .input-group-premium.light input{padding-left:56px!important}.input-group-premium.light input:-webkit-autofill,.input-group-premium.light input:-webkit-autofill:hover,.input-group-premium.light input:-webkit-autofill:focus{-webkit-text-fill-color:var(--gray-900);box-shadow:0 0 0 1000px color-mix(in srgb,var(--primary-soft) 42%,var(--gray-50)) inset;caret-color:var(--gray-900)}.input-group-premium.light input::placeholder{color:var(--gray-400);opacity:1}.eye-icon.light{width:34px;height:34px;right:8px;display:grid;place-items:center;border-radius:999px;z-index:2}.eye-icon.light:hover{background:var(--primary-soft);color:var(--primary-dark)}.password-strength.light{background:color-mix(in srgb,var(--primary-soft) 30%,#fff);border-color:color-mix(in srgb,var(--primary) 18%,var(--gray-200))}.strength-badge.weak,.strength-badge.medium,.strength-badge.strong{background:var(--primary-soft);color:var(--primary-dark)}.strength-fill,.strength-fill.weak,.strength-fill.medium,.strength-fill.strong{background:var(--gradient-primary);box-shadow:0 0 14px var(--accent-shadow)}.checkbox-container.light input{position:absolute;opacity:0;pointer-events:none;accent-color:var(--primary)}.checkmark.light{width:18px;height:18px;flex:0 0 18px;display:inline-grid;place-items:center;border-radius:5px;border:1.5px solid color-mix(in srgb,var(--primary) 34%,var(--gray-300));background:#fff;transition:var(--transition)}.checkbox-container.light input:checked+.checkmark.light{background:var(--gradient-primary);border-color:transparent;box-shadow:0 8px 18px var(--accent-shadow)}.checkbox-container.light input:checked+.checkmark.light:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.checkbox-container.light:focus-within .checkmark.light{box-shadow:0 0 0 4px var(--primary-soft)}.submit-btn.light{display:inline-flex;align-items:center;justify-content:center;gap:8px}.submit-btn.light svg{width:18px;height:18px}.btn-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.social-buttons.light{margin-top:2px}.social-btn.light{display:inline-grid;place-items:center;color:var(--gray-600)}.social-btn.light:hover{color:var(--primary-dark);border-color:color-mix(in srgb,var(--primary) 22%,var(--gray-200))}.trust-badges.light{align-items:center;flex-wrap:wrap}.trust-badges.light svg{color:var(--primary)}.submit-btn.light,.auth-modal-head .submit-btn.light{background:var(--gradient-primary);box-shadow:0 12px 28px var(--accent-shadow)}@media (max-width: 980px){.auth-layout.light{grid-template-columns:1fr;min-height:auto}.auth-brand.light{display:block;text-align:center}.brand-content.light{max-width:680px;margin:0 auto}.brand-features.light{justify-content:center}}@media (max-width: 560px){.auth-container.light-theme{min-height:100dvh;max-height:none;overflow-y:auto;padding:10px;place-items:start center}.auth-layout.light{display:block;width:100%;min-height:auto;padding:0;gap:0;border-radius:18px}.auth-brand.light{display:none}.auth-card-wrapper.light{width:100%;min-height:calc(100dvh - 20px);display:flex;align-items:center;justify-content:center}.auth-card.light{width:100%;max-width:430px;padding:18px;border-radius:20px}.mobile-auth-brand{display:block}.trust-badges.light,.brand-features.light{gap:8px}.brand-features.light{grid-template-columns:1fr}.trust-badges.light{flex-wrap:wrap}}.transfer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.transfer-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:480px;max-width:92vw;box-shadow:0 20px 60px #00000040}.transfer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.transfer-header h2{margin:0;font-size:1.1rem;color:var(--heading)}.transfer-close{background:none;border:none;color:var(--meta);cursor:pointer;padding:4px;border-radius:6px;display:flex}.transfer-close:hover{background:var(--danger-soft);color:var(--danger)}.transfer-body{padding:22px}.transfer-flow{display:flex;align-items:center;gap:12px;margin-bottom:16px}.transfer-arrow{color:var(--accent);font-size:1.3rem;flex-shrink:0;margin-top:18px}.transfer-field{display:flex;flex-direction:column;gap:6px;flex:1}.transfer-field label{font-size:.8rem;font-weight:600;color:var(--heading)}.transfer-field select,.transfer-field input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--heading);font-size:.9rem}.transfer-field select:focus,.transfer-field input:focus{border-color:var(--accent);outline:none}.transfer-error{background:var(--danger-soft);color:var(--danger);padding:8px 12px;border-radius:8px;font-size:.8rem;margin-bottom:12px}.transfer-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.transfer-btn{padding:10px 20px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.transfer-btn.primary{background:var(--accent);color:#fff}.transfer-btn.primary:disabled{opacity:.5;cursor:not-allowed}.transfer-btn.secondary{background:var(--bg-soft);color:var(--heading);border:1px solid var(--border)}.transfer-success{text-align:center;padding:40px 22px;color:var(--success)}.transfer-success svg{font-size:2.5rem;margin-bottom:12px}.transfer-success h3{margin:0 0 8px;color:var(--heading)}.transfer-success p{color:var(--meta)}html.dark .transfer-modal{background:var(--card);border-color:var(--border)}:root{--bg: #f4f6fb;--card: #ffffff;--primary: #f97316;--success: #22c55e;--danger: #ef4444;--text: #0f172a;--muted: #64748b;--radius: 18px;--shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);--shadow-md: 0 14px 36px rgba(15, 23, 42, .1)}.ultra-dashboard{padding:28px;background:transparent;border-radius:20px;box-shadow:0 4px 20px -8px gray;display:grid;gap:24px}.dashboard-filter{display:flex;justify-content:flex-end;align-items:center;gap:10px}.filter-visibility-row{display:flex;align-items:center;gap:8px}.dashboard-filter select,.date-range input{padding:10px 12px;border-radius:10px;border:1px solid #dbe3ee;background:#fff}.dashboard-visibility-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:var(--primary);cursor:pointer;font-size:18px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.dashboard-visibility-toggle:hover,.dashboard-visibility-toggle.active{background:var(--chip-bg);border-color:#fed7aa;box-shadow:0 8px 18px #f9731624}.ultra-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.ultra-kpi,.ultra-card,.hero-insight-card,.quick-actions-card{background:var(--card);border-radius:var(--radius);border:1px solid #e7edf5;box-shadow:var(--shadow-sm)}.ultra-kpi{display:grid;gap:14px;padding:20px;position:relative;min-height:154px}.kpi-main-row{display:flex;align-items:center;gap:14px}.ultra-kpi .icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#e0ecff;color:var(--primary);font-size:20px}.ultra-kpi p,.section-header span,.watchlist-row span,.pressure-row span,.txn-subtext,.hero-title-row p,.hero-footnote span{color:var(--muted)}.txn-status-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;margin-left:6px;line-height:1.4}.txn-status-badge.paid{color:#155724;background:#d4edda}.txn-status-badge.unpaid{color:#92400e;background:#fef3c7}.hero-title-row p,.hero-footnote span{color:var(--muted)}.ultra-kpi h2{margin:6px 0 0;font-size:1.25rem}.kpi-detail-grid{display:grid;gap:8px;padding-top:12px;border-top:1px solid #eef2f7}.kpi-detail-row{display:flex;justify-content:space-between;gap:10px;font-size:12px}.kpi-detail-row span{color:var(--muted)}.kpi-detail-row b{color:var(--text);text-align:right;font-weight:700}.ultra-kpi.has-hover-list{cursor:default}.kpi-hover-panel{position:absolute;left:16px;right:16px;top:calc(100% - 8px);z-index:30;display:grid;gap:10px;min-width:240px;max-height:260px;overflow:auto;padding:14px;border-radius:14px;border:1px solid #dbe3ee;background:#fff;box-shadow:0 18px 42px #0f172a29;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.ultra-kpi.has-hover-list:hover .kpi-hover-panel,.ultra-kpi.has-hover-list:focus-within .kpi-hover-panel{opacity:1;transform:translateY(0);pointer-events:auto}.kpi-hover-panel>strong{color:var(--text);font-size:13px}.kpi-hover-row{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:#f8fbff}.kpi-hover-row span,.kpi-hover-empty{color:var(--muted);font-size:13px}.kpi-hover-row b{color:var(--text);font-size:13px;white-space:nowrap}.due-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.due-summary-card{display:grid;gap:16px;padding:20px;border-radius:var(--radius);border:1px solid #e7edf5;background:var(--card);box-shadow:var(--shadow-sm)}.due-summary-head{display:flex;align-items:center;gap:12px}.due-summary-head h3{margin:0;font-size:17px}.due-summary-head span,.due-summary-next span,.due-summary-total span{color:var(--muted);font-size:13px}.due-summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e0ecff;color:var(--primary)}.due-summary-next{display:grid;gap:5px}.due-summary-next strong{color:var(--text);font-size:24px}.due-summary-total{display:flex;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #eef2f7}.due-summary-total b{color:var(--text);text-align:right}.dashboard-value{display:inline-block;transition:filter .2s ease,opacity .2s ease,color .2s ease}.dashboard-value.hidden{color:#94a3b8!important;filter:blur(6px);opacity:.48;-webkit-user-select:none;user-select:none}.dashboard-value.visible{filter:none;opacity:1}.dashboard-hero-grid,.dashboard-lower-grid,.ultra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hero-insight-card,.quick-actions-card,.ultra-card{padding:24px}.hero-title-row{display:flex;gap:16px;align-items:flex-start}.hero-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff;font-size:24px}.hero-title-row h2,.section-header h3{margin:0}.hero-title-row p{margin:8px 0 0}.hero-metric-grid,.quick-actions-grid{display:grid;gap:14px;margin-top:22px}.hero-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border-radius:16px;padding:16px;border:1px solid #e8eef7;background:#f8fbff;display:grid;gap:6px}.metric-card.good strong{color:#15803d}.metric-card.warn strong{color:#b45309}.metric-card.bad strong{color:#b91c1c}.metric-card strong{font-size:1.35rem}.hero-footnote{margin-top:18px;display:flex;flex-wrap:wrap;gap:16px}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-item{position:relative;border:1px solid #e7edf5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:16px;padding:18px;text-align:left;display:grid;gap:8px;cursor:pointer}.quick-action-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e0ecff;color:var(--primary)}.quick-action-item small{color:var(--muted)}.quick-arrow{position:absolute;top:18px;right:18px;color:var(--primary)}.alert-strip-grid{display:grid;gap:12px}.anomaly-card{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:14px;background:#fff3f2;color:#b91c1c;border:1px solid #fecaca}.anomaly-card.warning{background:var(--chip-bg);border-color:var(--chip-text);color:var(--text)}.ultra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ultra-card.large{grid-column:span 2}.section-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:18px}.watchlist,.pressure-list{display:grid;gap:12px}.watchlist-row,.pressure-row,.txn-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#f8fbff}.txn-row{padding:14px 0;border-radius:0;background:transparent;border-bottom:1px solid #eef2f7}.badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700}.badge.income{background:#dcfce7;color:#15803d}.badge.expense{background:#fee2e2;color:#b91c1c}.positive-text{color:#15803d}.negative-text{color:#b91c1c}.dash-loading{padding:120px;text-align:center;font-size:22px;color:var(--muted)}@media (max-width: 1200px){.dashboard-hero-grid,.dashboard-lower-grid,.ultra-grid,.due-card-grid{grid-template-columns:1fr}.ultra-card.large{grid-column:span 1}}@media (max-width: 900px){.ultra-dashboard{padding:20px}.quick-actions-grid,.hero-metric-grid{grid-template-columns:1fr}.section-header,.watchlist-row,.pressure-row,.txn-row,.hero-title-row{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.dashboard-filter{flex-direction:column;align-items:stretch}.filter-visibility-row{width:100%}.filter-visibility-row select{flex:1}.date-range{width:100%}.date-range input{flex:1}.ultra-kpis{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.ultra-dashboard{padding:16px}.ultra-kpis,.quick-actions-grid,.hero-metric-grid{grid-template-columns:1fr}.hero-footnote{flex-direction:column}}.spending-alerts-section{margin-top:20px}.spending-alerts-section .section-heading{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:12px}.spending-alerts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.spending-alert-card{padding:12px 16px;border-radius:12px;font-size:.85rem;font-weight:500}.spending-alert-card.severity-danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.spending-alert-card.severity-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.spending-alert-card.severity-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}html.dark .spending-alert-card.severity-danger{background:#ef44441f;color:#fca5a5;border-color:#ef444440}html.dark .spending-alert-card.severity-warning{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b40}html.dark .spending-alert-card.severity-info{background:#3b82f61f;color:#93c5fd;border-color:#3b82f640}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.modal-form{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow:auto;padding:24px;box-shadow:0 15px 40px #00000026;animation:scaleIn .2s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:20px;font-weight:600;margin:0}.icon-btn.close{background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.icon-btn.close:hover{background:#e5e7eb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{font-size:13px;font-weight:500;color:#555}.input-with-icon{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#fafafa}.input-with-icon svg{color:#666}.input-with-icon input{border:none;outline:none;width:100%;background:transparent;font-size:14px}.select-wrap .react-select__control,.select-wrap .react-select__menu{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.ghost-btn{padding:8px 14px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px}.ghost-btn:hover{background:#f5f5f5}.primary{padding:8px 16px;border:none;border-radius:8px;background:var(--chip-bg);color:#fff;font-weight:500;cursor:pointer}.primary:hover{background:var(--chip-bg)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){.modal-form{max-width:500px}}@media (max-width:768px){.modal-backdrop{align-items:flex-end}.modal-form{border-radius:16px 16px 0 0;max-width:100%;width:100%;max-height:92vh;padding:20px}.form-grid{grid-template-columns:1fr}.modal-header h2{font-size:18px}.form-actions{flex-direction:column-reverse}.primary,.ghost-btn{width:100%;padding:12px}}@media (max-width:480px){.modal-form{padding:18px}.input-with-icon{padding:10px}}.attachment-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:12000}.attachment-viewer-modal{width:min(1120px,100%);max-height:min(90vh,900px);overflow:hidden;display:grid;grid-template-rows:auto 1fr;background:var(--card-bg, #fff);border-radius:26px;border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 70px #0f172a38}.attachment-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 24px 18px;border-bottom:1px solid rgba(148,163,184,.16)}.attachment-viewer-badge{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#f973161f;color:var(--chip-text)}.attachment-viewer-header h3{margin:10px 0 4px;font-size:28px;color:#0f172a}.attachment-viewer-header p{margin:0;font-size:13px;color:#64748b}.attachment-viewer-close{width:42px;height:42px;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#f8fafcf5;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.attachment-viewer-body{min-height:0;display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr)}.attachment-viewer-list{border-right:1px solid rgba(148,163,184,.16);padding:18px;display:grid;gap:14px;align-content:start;min-height:0}.attachment-viewer-list__title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f172a}.attachment-viewer-items{display:grid;gap:10px;overflow:auto;padding-right:4px}.attachment-viewer-item{width:100%;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#f8fafce6;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px;text-align:left;cursor:pointer}.attachment-viewer-item.active{border-color:#f9731647;background:#eff6fff2}.attachment-viewer-item__icon{width:40px;height:40px;border-radius:12px;background:#f973161f;color:#f97316;display:flex;align-items:center;justify-content:center}.attachment-viewer-item__meta{display:grid;gap:4px;min-width:0}.attachment-viewer-item__meta strong{font-size:13px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-item__meta span{font-size:12px;color:#64748b}.attachment-viewer-preview{padding:18px;display:grid;grid-template-rows:auto 1fr;gap:16px;min-height:0}.attachment-viewer-preview__toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.attachment-viewer-preview__meta{display:grid;gap:4px}.attachment-viewer-preview__meta strong{font-size:15px;color:#0f172a}.attachment-viewer-preview__meta span{font-size:12px;color:#64748b}.attachment-viewer-preview__actions{display:flex;gap:10px;flex-wrap:wrap}.attachment-viewer-link{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;text-decoration:none;background:var(--chip-bg);color:#fff;font-size:13px;font-weight:700}.attachment-viewer-link.secondary{background:#f973161a;color:var(--chip-text)}.attachment-viewer-canvas{min-height:0;border-radius:22px;overflow:hidden;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#f8fafcf5,#fffffff5);display:flex;align-items:center;justify-content:center}.attachment-viewer-frame,.attachment-viewer-image{width:100%;height:100%;min-height:420px;border:none;object-fit:contain;background:#fff}.attachment-viewer-empty{min-height:160px;border:1px dashed rgba(148,163,184,.28);border-radius:18px;display:grid;place-items:center;gap:10px;color:#64748b;font-size:13px;padding:18px;text-align:center}.attachment-viewer-empty.preview{min-height:100%}.spin{animation:attachment-spin 1s linear infinite}@keyframes attachment-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.attachment-viewer-body{grid-template-columns:1fr}.attachment-viewer-list{border-right:none;border-bottom:1px solid rgba(148,163,184,.16)}}@media (max-width: 640px){.attachment-viewer-overlay{padding:10px}.attachment-viewer-header{padding:18px 18px 14px}.attachment-viewer-header h3{font-size:22px}.attachment-viewer-preview__toolbar{align-items:stretch}.attachment-viewer-preview__actions,.attachment-viewer-link{width:100%;justify-content:center}}.csv-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.csv-import-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:600px;max-width:92vw;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}.csv-import-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.csv-import-header h2{margin:0;font-size:1.1rem;color:var(--heading)}.csv-import-close{background:none;border:none;color:var(--meta);cursor:pointer;padding:4px;border-radius:6px;display:flex}.csv-import-close:hover{background:var(--danger-soft);color:var(--danger)}.csv-import-step{padding:24px}.csv-import-type-select{margin-bottom:20px}.csv-import-type-select label{display:block;font-size:.85rem;font-weight:600;color:var(--heading);margin-bottom:8px}.csv-import-type-btns{display:flex;gap:8px}.csv-import-type-btns button{padding:8px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);color:var(--heading);cursor:pointer;font-size:.9rem;transition:all .2s}.csv-import-type-btns button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.csv-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;color:var(--meta);transition:border-color .2s;text-align:center}.csv-dropzone:hover{border-color:var(--accent)}.csv-dropzone svg{font-size:2rem}.csv-dropzone small{font-size:.75rem;color:var(--meta)}.csv-import-info{color:var(--meta);font-size:.9rem;margin-bottom:16px}.csv-mapping-grid{display:flex;flex-direction:column;gap:10px}.csv-mapping-row{display:flex;align-items:center;gap:12px}.csv-mapping-row label{width:120px;font-size:.85rem;color:var(--heading);font-weight:500}.csv-mapping-row label.required:after{content:" *";color:var(--danger)}.csv-mapping-row select{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--heading);font-size:.85rem}.csv-preview-table{border:1px solid var(--border);border-radius:8px;overflow-x:auto;margin-bottom:16px}.csv-preview-head,.csv-preview-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1px}.csv-preview-head{background:var(--bg-soft);font-weight:600;font-size:.8rem;color:var(--meta);text-transform:uppercase;letter-spacing:.05em}.csv-preview-head span,.csv-preview-row span{padding:8px 12px;font-size:.85rem;border-bottom:1px solid var(--border)}.csv-preview-row span{color:var(--heading)}.csv-preview-row:last-child span{border-bottom:none}.csv-import-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.csv-btn{padding:8px 20px;border-radius:8px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.csv-btn.primary{background:var(--accent);color:#fff}.csv-btn.primary:disabled{opacity:.5;cursor:not-allowed}.csv-btn.secondary{background:var(--bg-soft);color:var(--heading);border:1px solid var(--border)}.csv-import-done{text-align:center;padding:40px 24px}.csv-import-done-icon{font-size:3rem;color:var(--success);margin-bottom:12px}.csv-import-done h3{margin:0 0 8px;color:var(--heading)}.csv-import-done p{display:flex;gap:16px;justify-content:center}.csv-success{color:var(--success);font-weight:600}.csv-failed{color:var(--danger);font-weight:600}html.dark .csv-import-modal{background:var(--card);border-color:var(--border)}.income-history-card{background:var(--card-bg, #ffffff);border-radius:18px;padding:24px;box-shadow:0 10px 26px #0f172a0f}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--chip-bg);color:var(--chip-text)}.primary-compact.success{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff}.income-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.income-kpi-card{padding:16px;border-radius:16px;background:linear-gradient(180deg,#f8fafcfa,#fffffffa);border:1px solid rgba(148,163,184,.16)}.income-kpi-card span{display:block;font-size:12px;color:#64748b}.income-kpi-card strong{display:block;margin-top:10px;font-size:20px;color:#0f172a}.icon-btn,.month-filter,.date-filter{height:42px;border-radius:10px;border:1px solid #dbe3ef;background:#fff}.icon-btn{width:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.active-view{background:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to));color:var(--chip-text);border-color:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to))}.month-filter,.date-filter,.search-box input,.date-range input{font-size:14px}.month-filter,.date-filter{padding:0 12px}.date-range input{height:42px;border:1px solid #dbe3ef;border-radius:10px;padding:0 10px}.empty-panel{padding:40px 18px;border:1px dashed rgba(148,163,184,.3);border-radius:18px;text-align:center;color:#64748b;display:grid;justify-items:center;gap:10px}.empty-panel svg{width:34px;height:34px;color:#16a34a}.accordion-item{margin-top:12px}.year-card.accordion-item{border-radius:16px;border:1px solid #e5e7eb;background:color-mix(in srgb,var(--card, #fff) 95%,transparent);overflow:hidden}.day-accordion{margin-top:10px;padding-left:10px;padding-bottom:15px}.day-accordion>div{width:100%}.year-summary,.month-summary,.date-summary,.income-row,.income-card-modern,.insight-card{box-shadow:0 8px 24px #0f172a0a}.year-summary{display:block;padding:14px 18px;background:linear-gradient(135deg,color-mix(in srgb,#22c55e 10%,var(--card, #fff)),var(--card, #fff));border-bottom:1px solid #e5e7eb;cursor:pointer;list-style:none}.year-summary::-webkit-details-marker,.month-summary::-webkit-details-marker{display:none}.year-header,.month-header{display:flex;justify-content:space-between;align-items:center;gap:18px}.month-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f8fafc;border-radius:14px;border:1px solid #e5e7eb;margin-top:10px;cursor:pointer}.year-title{font-size:18px;font-weight:800;color:#111827}.month-summary-left,.date-summary-left,.row-left{display:flex;flex-direction:column;gap:4px}.month-name,.date-name,.income-source{font-size:15px;font-weight:700;color:#111827}.summary-label{font-size:12px;color:#64748b}.year-total,.month-total,.date-total,.row-amount,.income-amount{font-weight:700;color:#15803d}.date-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-top:8px;background:#fff;border-radius:12px;border:1px solid #f1f5f9;cursor:pointer}.income-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;background:#fff;border-radius:12px;border:1px solid #f1f5f9;margin-top:10px}.row-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#64748b}.mode,.source-chip,.income-mode{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:#eefdf3;color:#166534}.desc{color:#475569}.row-right,.row-actions,.card-actions-modern{display:flex;align-items:center;gap:10px}.action-btn,.card-action{border:none;border-radius:10px;padding:8px 10px;background:#f8fafc;cursor:pointer;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-btn.neutral,.card-action.neutral{color:var(--chip-text)}.action-btn.edit,.card-action.edit{color:#166534}.action-btn.delete,.card-action.delete{color:#b91c1c}.income-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:14px}.income-card-modern{position:relative;background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;border:1px solid #f1f5f9}.income-card-modern:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:16px 16px 0 0}.card-top,.card-middle{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.income-description{font-size:13px;color:#475569}.insight-card{background:#fff;border-radius:16px;border:1px solid #eef2f7;padding:16px}@media (max-width: 1024px){.income-kpi-grid,.insight-split{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.income-history-card{padding:18px}.table-topbar,.income-row,.year-header,.month-header{flex-direction:column;align-items:stretch}.income-kpi-grid,.insight-split{grid-template-columns:1fr}.toolbar-wrap,.date-range,.row-right,.search-box,.month-filter,.date-filter,.date-range input,.primary-compact{width:100%}.date-range{flex-direction:column;align-items:stretch}.date-range span{display:none}.view-controls{width:100%}.icon-btn{flex:1}.row-right{justify-content:space-between}}.expense-history-card{background:var(--card-bg, #ffffff);border-radius:18px;padding:24px;box-shadow:0 10px 26px #0f172a0f}.table-topbar h3{margin:8px 0 0;font-size:24px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.danger-badge{background:#ef44441f;color:#b91c1c}.subtitle{display:block;margin-top:6px;font-size:13px;color:#64748b;max-width:64ch}.primary-compact.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.expense-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.expense-kpi-card{padding:16px;border-radius:16px;background:linear-gradient(180deg,#fffbfbfa,#fffffffa);border:1px solid rgba(248,113,113,.14)}.expense-kpi-card span{display:block;font-size:12px;color:#64748b}.expense-kpi-card strong{display:block;margin-top:10px;font-size:20px;color:#0f172a}.table-header.modern{display:block;margin-bottom:18px}.toolbar-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.view-controls{display:flex;gap:8px}.toggle-btn,.month-filter,.date-filter{height:42px;border-radius:10px;border:1px solid #dbe3ef;background:#fff}.toggle-btn{width:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.active-view{background:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to))!important;color:var(--chip-text);border-color:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to))}.search-box input{border:none;outline:none;width:100%;background:transparent}.month-filter,.date-filter,.date-range input{font-size:14px;padding:0 12px}.date-range{display:flex;align-items:center;gap:8px}.date-range input{height:42px;border:1px solid #dbe3ef;border-radius:10px}.loading-text{margin:12px 0;color:#64748b}.empty-panel{padding:40px 18px;border-radius:18px;text-align:center;display:grid;justify-items:center;gap:10px}.danger-empty{border:1px dashed rgba(248,113,113,.32);color:#64748b}.danger-empty svg{width:34px;height:34px;color:#dc2626}.accordion{display:flex;flex-direction:column;gap:14px}.year-card,.month-card{border-radius:14px;border:1px solid #ececec;overflow:hidden;background:#fafafa;box-shadow:0 8px 24px #0f172a0a}.year-summary,.month-card summary{cursor:pointer;padding:14px 18px;list-style:none;background:#f8fafc}.year-summary{background:linear-gradient(135deg,color-mix(in srgb,#ef4444 10%,var(--card, #fff)),var(--card, #fff))}.month-card summary::-webkit-details-marker,.day-card summary::-webkit-details-marker,.year-card summary::-webkit-details-marker{display:none}.year-header,.month-header,.date-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.year-title,.month-title,.date-text,.title,.expense-source{display:block;font-weight:700;color:#0f172a}.summary-label,.muted{display:block;font-size:12px;color:#64748b;margin-top:4px}.year-title{font-size:18px;font-weight:800}.year-total.expense,.month-total.expense,.date-total.expense,.expense-amount,.amount{color:#b91c1c;font-weight:700}.day-card,.month-card{margin:8px 16px 14px;border-radius:12px;background:#fff;border:1px solid #f0f0f0}.day-card summary{padding:12px 14px;cursor:pointer;list-style:none}.expense-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px;border-top:1px solid #f1f5f9}.row-meta,.expense-description{color:#475569;font-size:13px}.right,.card-actions{display:flex;align-items:center;gap:10px}.expense-row button,.card-actions button{border:none;border-radius:10px;padding:8px 10px;background:#f8fafc;cursor:pointer;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.attachment-btn{color:var(--chip-text)}.expense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;padding:10px 14px 14px}.expense-card-modern{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px #0f172a0a;display:flex;flex-direction:column;gap:10px;border:1px solid #f1f5f9}.card-top,.card-middle{display:flex;justify-content:space-between;gap:12px}.expense-mode{background:#fef2f2;padding:4px 10px;border-radius:999px;color:#b91c1c;font-size:12px}.expense-reference{display:flex;align-items:center;gap:8px;font-size:12px;color:#92400e;background:var(--chip-bg);border-radius:10px;padding:8px 10px}.insight-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:16px;margin-top:20px}.insight-card{background:#fff;border-radius:16px;border:1px solid #eef2f7;padding:16px;box-shadow:0 8px 24px #0f172a0a}.insight-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f172a;margin-bottom:12px}.snapshot-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:13px}.snapshot-row:last-child{border-bottom:none}@media (max-width: 1024px){.expense-kpi-grid,.insight-split{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.expense-history-card{padding:18px}.table-topbar,.expense-row,.year-header,.month-header,.date-row{flex-direction:column;align-items:stretch}.expense-kpi-grid,.insight-split{grid-template-columns:1fr}.toolbar-wrap,.date-range,.right,.search-box,.month-filter,.date-filter,.date-range input,.primary-compact{width:100%}.date-range{flex-direction:column;align-items:stretch}.date-range span{display:none}.view-controls{width:100%}.toggle-btn{flex:1}.right{justify-content:space-between}}.cm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;justify-content:center;align-items:center;padding:24px;z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cm-modal{position:relative;width:100%;max-width:620px;max-height:min(700px,calc(100dvh - 48px));background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000002e,0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:cmFadeIn .2s ease;z-index:100000;isolation:isolate}.cm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #f1f1f1;flex-shrink:0;background:#fff}.cm-header h2{font-size:18px;font-weight:700;margin:0;color:#1f2937}.cm-close{border:none;background:#f3f4f6;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:#374151;transition:all .2s ease}.cm-close:hover{background:#e5e7eb;transform:scale(1.05)}.cm-form{padding:18px 22px;display:flex;gap:12px;border-bottom:1px solid #f3f4f6;flex-shrink:0;background:#fff}.cm-form input{flex:1;min-width:0;padding:12px 14px;border:1px solid #dcdfe4;border-radius:10px;font-size:14px;background:#fafafa;transition:all .2s ease}.cm-form input:focus{outline:none;border-color:#5b7cff;background:#fff;box-shadow:0 0 0 3px #5b7cff1f}.cm-save{display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:#5b7cff;color:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:all .2s ease}.cm-save:hover{background:#4568ff;transform:translateY(-1px)}.cm-list{padding:14px 18px 18px;flex:1;overflow-y:auto;min-height:0}.cm-list::-webkit-scrollbar{width:8px}.cm-list::-webkit-scrollbar-track{background:transparent}.cm-list::-webkit-scrollbar-thumb{background:#5b7cff59;border-radius:999px}.cm-list::-webkit-scrollbar-thumb:hover{background:#5b7cff8c}.cm-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-radius:12px;margin-bottom:8px;min-height:56px;transition:all .2s ease}.cm-item:hover{background:#f8faff}.cm-item span{font-size:15px;font-weight:500;color:#1f2937;min-width:0;line-height:1.35;overflow-wrap:anywhere;word-break:normal}.cm-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:max-content}.cm-edit,.cm-delete{display:flex;align-items:center;gap:6px;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0;transition:all .2s ease}.cm-edit{background:#eef3ff;color:#335cff}.cm-edit:hover{background:#dce4ff;transform:translateY(-1px)}.cm-delete{background:#fee2e2;color:#b91c1c}.cm-delete:hover{background:#fecaca;transform:translateY(-1px)}@keyframes cmFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.cm-overlay{padding:16px}.cm-modal{max-width:100%;border-radius:14px;max-height:calc(100dvh - 32px)}.cm-header{padding:16px 18px}.cm-header h2{font-size:17px}.cm-form{padding:16px 18px;flex-direction:column}.cm-save{width:100%}.cm-list{padding:12px 14px 16px}.cm-item{padding:12px;grid-template-columns:minmax(0,1fr);align-items:stretch}.cm-item span{font-size:14px}}@media (max-width: 480px){.cm-overlay{padding:10px}.cm-modal{border-radius:12px;max-height:calc(100dvh - 20px)}.cm-header{padding:14px 16px}.cm-header h2{font-size:16px}.cm-form{padding:14px 16px}.cm-list{padding:10px 12px 14px}.cm-item{padding:10px;min-height:52px}.cm-actions{width:100%;justify-content:flex-start;min-width:0}.cm-edit,.cm-delete{padding:6px 10px;font-size:12px}}.income-form{background:var(--card-bg, #ffffff);border-radius:20px;padding:28px 32px;box-shadow:0 12px 32px #0000000f;width:100%;max-width:100%;margin:0}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--chip-bg);color:var(--chip-text)}.success-tone{background:linear-gradient(135deg,#f0fdf4fa,#dcfce7f0)}.form-error{margin:0 0 16px;padding:12px 14px;border-radius:12px;color:#b91c1c;background:#fee2e2e6;border:1px solid rgba(248,113,113,.2)}.field input:focus{outline:none;border-color:#16a34a;background:#fff;box-shadow:0 0 0 3px #16a34a24}.attachment-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;border:1px dashed rgba(34,197,94,.35);background:linear-gradient(135deg,#f0fdf4e6,#fffffff5)}.attachment-picker__title{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#14532d}.attachment-picker__button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#166534;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.attachment-chip__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#22c55e1f;color:#166534}.react-select{flex:1}.menu-btn{width:42px;height:42px;border:1px solid #d1d5db;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.react-select__control:hover{border-color:#16a34a!important}.primary.success{padding:12px 22px;border:none;border-radius:10px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-weight:600;cursor:pointer;font-size:15px;transition:all .2s ease}.primary.success:hover{transform:translateY(-1px);box-shadow:0 10px 24px #15803d40}.primary.success:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.income-form{padding:20px}.form-hero{flex-direction:column}.form-hero h3{font-size:22px}.form-grid{grid-template-columns:1fr}.attachment-picker{flex-direction:column;align-items:stretch}.attachment-picker__button{justify-content:center}.field.full{grid-column:auto}.form-actions{justify-content:stretch;flex-direction:column-reverse}.ghost-action,.primary.success{width:100%;justify-content:center}.mobile-only{display:inline-flex}}@media (max-width: 480px){.income-form{padding:16px}.field input{font-size:13px}.menu-btn{width:38px;height:38px}}body.modal-open{overflow:hidden}.expense-form{background:var(--card-bg, #ffffff);border-radius:20px;padding:28px 32px;box-shadow:0 12px 32px #0000000f;width:100%;max-width:100%;position:relative;overflow:visible!important;margin:0}.expense-form:before{content:"";display:block;height:4px;width:100%;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#ef4444,#dc2626);margin-bottom:18px}.form-hero h3{margin:8px 0 0;font-size:26px;font-weight:700}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-badge-expense{background:#ef44441f;color:#b91c1c}.muted{font-size:13px;color:#6b7280;margin-top:6px;max-width:60ch}.ghost-action{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#ffffffd1;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s ease}.ghost-action:hover{transform:translateY(-1px);background:#fff}.form-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:22px}.form-main,.form-side-panel{min-width:0}.side-panel-card{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:18px;box-shadow:0 8px 24px #0f172a0d}.side-panel-card strong{display:block;margin-top:10px;font-size:28px;color:#111827}.side-panel-card p{margin:10px 0 0;color:#64748b;font-size:13px;line-height:1.5}.expense-tone{background:linear-gradient(135deg,#fef2f2fa,#fee2e2f0)}.side-panel-head{display:flex;align-items:center;gap:10px;color:#0f172a;font-size:13px;font-weight:700}.side-panel-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.12);font-size:13px}.side-panel-row span{color:#64748b}.side-panel-row b{color:#111827;text-align:right}.form-error.expense-error{margin:0 0 16px;padding:12px 14px;border-radius:12px;color:#b91c1c;background:#fee2e2e6;border:1px solid rgba(248,113,113,.2)}.transfer-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transfer-mode-btn{min-height:44px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:#fff;color:#334155;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.transfer-mode-btn.active{border-color:#dc262680;background:#fef2f2f2;color:#991b1b}.field input{width:100%;min-height:var(--control-height);padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fafafa;transition:all .15s ease}.field input:focus{outline:none;border-color:#dc2626;background:#fff;box-shadow:0 0 0 3px #dc262624}.attachment-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;border:1px dashed rgba(239,68,68,.35);background:linear-gradient(135deg,#fef2f2eb,#fffffff7)}.attachment-picker input[type=file]{display:none}.attachment-picker__copy{display:grid;gap:6px}.attachment-picker__title{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#991b1b}.attachment-picker__copy p{margin:0;font-size:12px;color:#64748b}.attachment-picker__button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#b91c1c;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.attachment-error{margin:8px 0 0;color:#b91c1c;font-size:12px;font-weight:600}.attachment-list{display:grid;gap:10px;margin-top:12px}.attachment-chip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#ffffffeb}.attachment-chip__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ef44441f;color:#b91c1c}.attachment-chip__content{display:grid;gap:3px;min-width:0}.attachment-chip__content strong{font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip__content span{font-size:12px;color:#64748b}.attachment-chip button{width:34px;height:34px;border:none;border-radius:10px;background:#ef44441f;color:#b91c1c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.select-wrapper{flex:1}.menu-btn{width:42px;height:42px;border:1px solid #d1d5db;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.menu-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.react-select__menu-portal{z-index:9999}.react-select__control{min-height:var(--control-height)!important;height:auto!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-strong, var(--border))!important;overflow:visible!important}.react-select__control:hover{border-color:#dc2626!important}.react-select__menu{min-width:100%}.expense-primary{padding:12px 22px;border:none;border-radius:10px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-weight:600;cursor:pointer;font-size:15px;transition:all .2s ease}.expense-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #dc26263d}.expense-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.expense-form{padding:20px}.form-hero{flex-direction:column}.form-hero h3{font-size:22px}.form-grid{grid-template-columns:1fr}.attachment-picker{flex-direction:column;align-items:stretch}.attachment-picker__button{justify-content:center}.field.full{grid-column:auto}.transfer-mode-toggle{grid-template-columns:1fr}.form-actions{justify-content:stretch;flex-direction:column-reverse}.ghost-action,.expense-primary{width:100%;justify-content:center}.mobile-only{display:inline-flex}}@media (max-width: 480px){.expense-form{padding:16px}.field input{font-size:13px}.menu-btn{width:38px;height:38px}}.kharacha-list{background:#f8fafc;border-radius:18px;padding:28px}.kharacha-list h3{margin-bottom:6px;font-size:20px;font-weight:700;color:#0f172a}.subtitle{font-size:13px;color:#64748b}.todo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:30px}.summary-card{background:#fff;border-radius:16px;padding:18px;border:1px solid #e2e8f0;box-shadow:0 6px 20px #0000000a;display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.summary-card span{font-size:13px;color:#64748b}.summary-card b{font-size:22px;font-weight:700}.summary-card.upcoming{border-left:4px solid #f97316}.summary-card.overdue{border-left:4px solid #ef4444}.summary-card.priority{border-left:4px solid #f59e0b}.summary-card.amount{border-left:4px solid #22c55e}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-wrap:wrap}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toggle-btn{border:none;background:#e2e8f0;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.toggle-btn svg{font-size:18px}.toggle-btn:hover{background:#dbeafe}.active-view{background:#f97316;color:#fff}.month-filter{padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px;cursor:pointer}.search-box{display:flex;align-items:center;gap:6px;border:1px solid #e2e8f0;padding:8px 10px;border-radius:12px;background:#fff}.search-box input{border:none;outline:none;font-size:13px;background:transparent}.todo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.todo-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 8px 25px #0000000a;display:flex;flex-direction:column;gap:10px;transition:.2s}.todo-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #00000014}.todo-title{font-size:16px;font-weight:600}.todo-meta{display:flex;gap:10px;font-size:12px;align-items:center}.priority{font-size:11px;padding:4px 10px;border-radius:999px;font-weight:600}.priority.low{background:#e0f2fe;color:#0369a1}.priority.medium{background:#fef9c3;color:#854d0e}.priority.high{background:#fee2e2;color:#991b1b}.due{font-size:12px;color:#64748b}.todo-note{font-size:13px;color:#64748b}.todo-amount{font-weight:700;font-size:16px}.todo-actions{display:flex;gap:8px;margin-top:6px}.todo-actions button{border:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;background:#f1f5f9;transition:.2s}.todo-actions button:hover{background:#e2e8f0}.kharacha-row{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px;transition:.2s}.kharacha-row:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000000f}.kharacha-left .title{font-size:15px;font-weight:600}.kharacha-left .meta{display:flex;gap:10px;margin-top:4px}.kharacha-left .muted{font-size:12px;color:#64748b}.kharacha-right{display:flex;align-items:center;gap:12px}.amount{font-weight:700}.todo-overdue{border-left:4px solid #ef4444;background:#fff7f7}.empty-state{text-align:center;padding:40px;color:#64748b}@media (max-width:1024px){.todo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.todo-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.kharacha-list{padding:18px}.table-header{flex-direction:column;align-items:flex-start}.controls{width:100%}.todo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.todo-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.todo-summary,.todo-grid{grid-template-columns:1fr}.kharacha-row{flex-direction:column;gap:10px}.kharacha-right{justify-content:space-between;width:100%}.todo-card{padding:16px}}.advanced-kharacha-form{padding:28px}.form-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.form-hero h3{margin:8px 0 0;font-size:24px}.muted{color:#64748b;font-size:13px;margin-top:6px;max-width:64ch}.form-shell{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:20px}.form-side-panel{display:grid;gap:14px;align-self:start}.side-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 6px 20px #0000000a}.side-panel-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f172a}.side-panel-card strong{display:block;margin-top:10px;font-size:26px;color:#0f172a}.side-panel-card p{margin:10px 0 0;color:#64748b;font-size:13px}.side-panel-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef2f7;font-size:13px}.side-panel-row:last-child{border-bottom:none;padding-bottom:0}.soft-list{display:grid;gap:12px}.soft-tip{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#334155}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.field.full{grid-column:1 / -1}.field label{font-size:13px;font-weight:600;color:#374151}.field input,.field select{padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fafafa}.form-actions{margin-top:26px;display:flex;justify-content:flex-end;gap:12px}.mobile-only{display:none}@media (max-width: 1080px){.form-shell{grid-template-columns:1fr}}@media (max-width: 768px){.advanced-kharacha-form{padding:20px}.form-hero{flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-actions{flex-direction:column-reverse}.ghost-action,.form-actions .primary{width:100%;justify-content:center}.mobile-only{display:inline-flex}}.table-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.primary-compact{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.primary-compact.success{background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff}.search-box{display:flex;align-items:center;gap:8px;min-width:220px;padding:0 12px;height:42px;border:1px solid #dbe3ef;border-radius:10px;background:#fff}.search-box input{border:none;background:transparent;width:100%;outline:none}.todo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.todo-card,.todo-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 6px 20px #0000000a}.todo-card.high{border-left:4px solid #ef4444}.todo-card.medium{border-left:4px solid #f59e0b}.todo-card.low{border-left:4px solid #22c55e}.todo-card-top,.todo-row-card,.todo-actions,.todo-row-right{display:flex;justify-content:space-between;gap:12px}.todo-card-top h4,.todo-row-card h4{margin:0;color:#0f172a}.priority-pill{display:inline-flex;margin-top:8px;padding:4px 10px;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-size:12px;font-weight:700}.todo-meta,.todo-note,.row-meta{color:#64748b;font-size:13px}.todo-meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.todo-note{margin:12px 0 0}.todo-actions{margin-top:16px}.todo-actions button{border:none;border-radius:10px;padding:8px 10px;background:#f8fafc;cursor:pointer;font-weight:600}.todo-list-rows{display:grid;gap:14px}.todo-row-right{align-items:flex-end;flex-direction:column}@media (max-width: 768px){.table-topbar,.todo-row-card,.todo-card-top,.todo-meta,.todo-row-right{flex-direction:column;align-items:stretch}.primary-compact,.search-box{width:100%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;padding:24px;border-radius:14px;width:400px;max-width:90%;animation:pop .2s ease}@keyframes pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.form-group{margin-bottom:14px;display:flex;flex-direction:column}.form-group label{font-size:13px;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{padding:8px;border-radius:8px;border:1px solid #ddd}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer}.btn.cancel{background:#e5e7eb}.btn.primary{background:var(--chip-bg);color:#fff}.tax-summary{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.tax-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tax-header h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--heading)}.tax-regime-toggle{display:flex;gap:4px;background:var(--bg-soft);border-radius:8px;padding:3px}.tax-regime-toggle button{padding:6px 14px;border:none;border-radius:6px;background:transparent;color:var(--meta);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.tax-regime-toggle button.active{background:var(--accent);color:#fff}.tax-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.tax-kpi{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-soft);border-radius:10px}.tax-kpi.accent{background:var(--accent-soft)}.tax-kpi span{font-size:.75rem;color:var(--meta)}.tax-kpi strong{font-size:1rem;color:var(--heading)}.tax-deduction-input{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--heading);font-size:.85rem}.tax-deduction-input:focus{border-color:var(--accent);outline:none}.tax-slab-table{margin-bottom:20px}.tax-slab-table h4{margin:0 0 10px;font-size:.9rem;color:var(--heading)}.tax-slab-table table{width:100%;border-collapse:collapse;font-size:.85rem}.tax-slab-table th{text-align:left;padding:8px;border-bottom:2px solid var(--border);color:var(--meta);font-weight:600}.tax-slab-table td{padding:8px;border-bottom:1px solid var(--border);color:var(--heading)}.tax-sources h4{margin:0 0 10px;font-size:.9rem;color:var(--heading)}.tax-source-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem}.tax-source-row span{color:var(--meta)}.tax-source-row strong{color:var(--heading)}.report-workspace{display:grid;gap:20px;padding:30px;background:radial-gradient(circle at top left,rgba(249,115,22,.12),transparent 28%),radial-gradient(circle at top right,rgba(245,158,11,.12),transparent 24%),var(--bg, #f6f8fc);border-radius:12px;box-shadow:0 4px 20px -8px gray}.report-hero,.report-filters-panel,.report-main-panel,.summary-card,.insight-card,.report-chart-card,.report-table-card,.report-preview-modal{background:var(--card, #ffffff);border:1px solid var(--border, #e5e7eb);box-shadow:0 16px 40px #0f172a14}.report-hero,.report-filters-panel,.report-main-panel,.report-preview-modal{border-radius:26px}.report-hero{padding:26px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.report-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#f9731624;color:#c2410c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.report-hero h1{margin:12px 0 8px;font-size:38px}.report-hero p,.panel-head,.contact-preview,.preview-head p{color:var(--text-muted, #6b7280)}.report-hero-actions,.share-actions,.preview-actions{display:flex;gap:10px;flex-wrap:wrap}.report-shell{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:18px}.report-filters-panel,.report-main-panel{padding:22px}.report-main-panel{display:grid;gap:18px}.panel-head{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:16px}.report-filter-grid{display:grid;gap:14px}.field label{font-size:12px;font-weight:700;color:var(--text, #111827)}.field input,.field select{width:100%;margin-top:6px;padding:12px 14px;border-radius:14px;border:1px solid var(--border, #e5e7eb);background:var(--bg-soft, #f8fafc)}.share-panel{margin-top:20px;padding-top:18px;border-top:1px solid var(--border, #e5e7eb)}.contact-preview{display:grid;gap:6px;margin:12px 0 14px;font-size:13px}.contact-preview-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.contact-preview-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary, #f97316),var(--primary-dark, var(--chip-bg)));color:#fff;box-shadow:0 10px 20px #f9731638}.report-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:14px;font-weight:700;cursor:pointer}.report-btn.primary{background:linear-gradient(135deg,var(--primary, #f97316),var(--primary-dark, var(--chip-bg)));color:#fff}.report-btn.email{background:linear-gradient(135deg,#0f766e,#0ea5a4);color:#fff}.report-btn.whatsapp{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.report-btn.ghost{background:var(--bg-soft, #f8fafc);color:var(--text, #111827);border:1px solid var(--border, #e5e7eb)}.report-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card{border-radius:20px;padding:18px}.summary-card span{display:block;font-size:12px;color:var(--text-muted, #6b7280)}.summary-card strong{display:block;margin-top:10px;font-size:28px}.tone-blue strong{color:var(--primary, #f97316)}.tone-red strong{color:#dc2626}.tone-green strong{color:#16a34a}.tone-violet strong{color:#7c3aed}.report-insights-grid,.report-chart-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.insight-card,.report-chart-card,.report-table-card{border-radius:22px;padding:20px}.insight-card.large .overview-lines,.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-lines div,.preview-card{padding:14px;border-radius:16px;background:var(--bg-soft, #f8fafc)}.overview-lines span,.preview-card span{display:block;color:var(--text-muted, #6b7280);font-size:12px}.overview-lines b,.preview-card strong{display:block;margin-top:8px;font-size:18px}.insight-list{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--text, #111827)}.report-chart-card.wide{min-width:0}.report-table{display:grid;gap:10px}.report-table-head,.report-table-row{display:grid;grid-template-columns:1.6fr .8fr 1fr .8fr;gap:12px;align-items:center}.report-table-head{padding:0 4px 10px;border-bottom:1px solid var(--border, #e5e7eb);font-size:12px;font-weight:700;color:var(--text-muted, #6b7280);text-transform:uppercase;letter-spacing:.03em}.report-table-row{padding:14px;border-radius:16px;background:var(--bg-soft, #f8fafc)}.report-table-row strong{color:var(--text, #111827)}.report-preview-modal{width:min(920px,calc(100vw - 24px));padding:24px}.preview-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.preview-grid,.preview-breakdown{margin-top:18px}.preview-section{margin-top:22px}.preview-section h3{margin:0 0 12px}.preview-breakdown{display:grid;gap:10px}.preview-breakdown-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg-soft, #f8fafc)}.preview-actions{margin-top:24px}@media (max-width: 1180px){.report-shell,.report-insights-grid,.report-chart-grid,.report-summary-grid{grid-template-columns:1fr 1fr}.report-shell{grid-template-columns:1fr}}@media (max-width: 820px){.report-workspace{padding:18px}.report-hero,.report-filters-panel,.report-main-panel,.report-preview-modal{padding:18px;border-radius:18px}.report-hero,.preview-head,.report-table-head,.report-table-row{grid-template-columns:1fr;flex-direction:column}.report-summary-grid,.report-insights-grid,.report-chart-grid,.insight-card.large .overview-lines,.preview-grid{grid-template-columns:1fr}.report-hero-actions,.share-actions,.preview-actions{flex-direction:column}.report-btn{width:100%}.report-table-head{display:none}.report-table-row{display:grid;gap:8px}}.summary-card .tone-blue span{color:var(--chip-text)}.emi-page.modern-emi-page{border-radius:12px;box-shadow:0 4px 20px -8px gray;padding:28px;background:radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 24%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 20%),linear-gradient(180deg,#f8fafc,#eef4ff 42%,#f8fafc);color:#0f172a}.emi-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border-radius:28px;background:#ffffffe0;border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 60px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-kicker,.modal-kicker,.hero-chips span,.emi-type-pill,.emi-badge,.status-label{display:inline-flex;align-items:center;gap:8px}.emi-hero-copy h2{margin:14px 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.05}.emi-hero-copy p{margin:0;max-width:760px;color:#64748b;line-height:1.7;font-size:15px}.emi-hero-actions{display:flex;align-items:flex-start}.emi-add-btn,.cancel-btn,.save-btn,.modal-close,.view-toggle button,.emi-actions button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.emi-add-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:none;border-radius:14px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 34px #22c55e3d}.emi-add-btn:hover,.cancel-btn:hover,.save-btn:hover,.modal-close:hover,.view-toggle button:hover,.emi-actions button:hover,.emi-toolbar select:hover{transform:translateY(-1px)}.dash-card.modern.indigo{background:var(--chip-bg)}.dash-card.modern.amber{background:var(--chip-bg)}.dash-card.modern.rose{background:linear-gradient(135deg,#e11d48,#fb7185)}.emi-toolbar.modern-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-radius:22px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 34px #0f172a0d}.emi-toolbar select{border:none;background:transparent;outline:none;color:#0f172a;font-weight:700;cursor:pointer}.emi-grid.modern-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.emi-card.modern{padding:22px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a0f}.emi-card.modern.active{border-top:4px solid var(--chip-bg)}.emi-card.modern.closed{border-top:4px solid #22c55e}.emi-card.modern.card-overdue{border-top-color:#ef4444}.emi-card-header.modern-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.emi-info h3{margin:12px 0 0;font-size:24px;color:#0f172a}.emi-info p{margin:8px 0 0;color:#64748b}.emi-type-pill{padding:7px 12px;border-radius:999px;background:#ffedd5;color:#c2410c;font-size:12px;font-weight:800}.emi-actions.modern-actions{display:flex;gap:8px;flex-wrap:wrap}.emi-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:none;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer}.emi-actions .view{background:#fed7aa;color:#c2410c}.emi-actions .edit{background:#f1f5f9;color:#0f172a}.emi-actions .danger{background:#fee2e2;color:#b91c1c}.emi-amount-block{margin-top:20px}.emi-amount-block strong{display:block;font-size:34px;line-height:1;color:#0f172a}.emi-amount-block span{display:block;margin-top:10px;color:#64748b;font-weight:600}.emi-badge{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.emi-badge.paid{background:#dcfce7;color:#15803d}.emi-badge.pending{background:#fef3c7;color:#b45309}.emi-badge.overdue{background:#fee2e2;color:#b91c1c}.modern-emi-page .progress-bar{height:10px;border-radius:999px;background:#e5e7eb!important;overflow:hidden}.modern-emi-page .progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--chip-bg),#f97316)!important}.progress-text-row{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#64748b;font-size:13px;font-weight:700}.emi-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.emi-info-grid div,.emi-modal-summary div,.read-only-card{padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.emi-info-grid span,.emi-modal-summary span,.read-only-card label{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.emi-info-grid strong,.emi-modal-summary strong,.read-only-card strong{color:#0f172a;font-size:14px}.emi-list-board{margin-top:22px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);overflow:hidden;box-shadow:0 18px 40px #0f172a0f}.emi-list-head,.emi-list-row{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1fr 1.2fr;gap:14px;align-items:center;padding:16px 20px}.emi-list-head{background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.emi-list-row{border-top:1px solid #eef2f7}.emi-list-row strong{display:block}.emi-list-row small{color:#94a3b8}.emi-empty-state{margin-top:22px;padding:42px 24px;border-radius:28px;text-align:center;background:#ffffffe0;border:1px dashed #cbd5e1;box-shadow:0 18px 40px #0f172a0d}.emi-empty-state h3{margin:0;font-size:24px}.emi-empty-state p{margin:12px 0 20px;color:#64748b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a8a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.modal-card{width:min(960px,96vw);max-height:92vh;overflow:auto;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(226,232,240,.92);box-shadow:0 30px 80px #0f172a42}.emi-modal-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:18px 28px 0}.emi-month-list.modern-month-list{padding:18px 28px 28px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:min(52vh,560px)}.emi-status-section{display:flex;flex-direction:column;gap:10px}.emi-status-section+.emi-status-section{margin-top:12px;padding-top:18px;border-top:1px solid #e2e8f0}.emi-status-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.emi-status-section-head h4{margin:0;color:#0f172a;font-size:15px}.emi-status-section-head span{padding:5px 10px;border-radius:999px;background:#ffedd5;color:#c2410c;font-weight:800;font-size:12px}.emi-status-empty{margin:0;padding:14px;border-radius:14px;background:#f8fafc;color:#64748b}.form-group input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #dbe3ef;background:#f8fafc;color:#0f172a;font-size:14px}@media (max-width: 1200px){.modern-dashboard,.emi-modal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.emi-hero,.emi-toolbar.modern-toolbar,.toolbar-controls,.emi-list-head,.emi-list-row,.emi-month-row.modern-row{grid-template-columns:1fr}.emi-hero,.emi-toolbar.modern-toolbar,.toolbar-controls,.emi-hero-actions,.modal-footer.modern-footer,.emi-actions.modern-actions{flex-direction:column;align-items:stretch}.emi-list-head{display:none}.emi-list-row,.emi-month-row.modern-row{gap:8px}}@media (max-width: 768px){.emi-page.modern-emi-page{padding:16px}.modern-dashboard,.emi-grid.modern-grid,.emi-info-grid,.modern-edit-body,.emi-modal-summary{grid-template-columns:1fr}.modal-header.advanced-header,.emi-modal-summary,.emi-month-list.modern-month-list,.modern-edit-body,.modal-footer.modern-footer{padding-left:18px;padding-right:18px}}.emi-container{padding:28px 36px;background:#f4f7fb;border-radius:12px;box-shadow:0 4px 20px -8px gray;box-sizing:border-box}.page-title{margin-bottom:22px;font-size:22px;font-weight:700;color:#1f2937}.emi-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.emi-toolbar input{padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;min-width:220px;font-size:14px}.emi-toolbar select{padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px}.view-switch{display:flex;gap:6px}.view-switch button{padding:8px 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-weight:500}.view-switch button.active{background:var(--chip-bg);color:#fff;border-color:var(--chip-text)}.emi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.emi-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 28px #0000000f;transition:transform .18s ease,box-shadow .18s ease}.emi-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0000001f}.emi-header{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;flex-wrap:wrap;gap:10px}.emi-header h3{margin:0;font-size:17px;font-weight:600}.emi-header p{margin:4px 0 0;color:#475569;font-size:14px}.summary-box{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:600}.summary-box span{padding:4px 8px;border-radius:999px}.paid{color:#16a34a}.pending{color:var(--chip-text)}.overdue{color:#dc2626}.progress{color:var(--chip-text)}.progress-bar{height:7px;background:#e5e7eb;border-radius:999px;margin-top:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,var(--chip-bg));border-radius:999px}.emi-details{margin-top:18px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:16px}.info-grid label{font-size:11px;color:#6b7280}.info-grid p{font-weight:600;margin:2px 0 0}.emi-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.emi-row strong{font-size:14px}.emi-row p{margin:2px 0 0;font-size:12px;color:#64748b}.status{font-weight:600}.status.paid{color:#16a34a}.status.pending{color:var(--chip-text)}.overdue-row{background:#fff1f2;border-radius:8px;padding:10px}.pay-btn{background:var(--chip-bg);color:#fff;padding:6px 14px;border-radius:8px;border:none;cursor:pointer;font-size:12px}.pay-btn:hover{background:#c2410c}.paid-date{font-size:12px;color:#64748b}.emi-form-page{background:linear-gradient(180deg,#f8fafc,#eef2f7);border-radius:12px;box-shadow:0 4px 20px -8px gray;padding:30px}.emi-form-wrapper{margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:24px}.emi-form-card{background:#fff;padding:28px;border-radius:18px;box-shadow:0 20px 40px #00000014}.emi-title{font-size:22px;margin-bottom:4px}.emi-subtitle{color:#64748b;margin-bottom:18px}.emi-section{display:flex;flex-direction:column}.emi-section label{font-size:13px;margin-bottom:6px}.emi-section input{padding:12px;border-radius:10px;border:1px solid #e5e7eb}.emi-section input:focus{outline:none;border-color:var(--chip-text)}.emi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.emi-section.full{grid-column:span 2}.primary-btn{margin-top:22px;width:100%;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--chip-bg),#f97316);color:#fff;font-weight:600;cursor:pointer}.emi-validation-box{display:grid;gap:6px;margin-top:18px;padding:12px 14px;border-radius:12px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font-size:13px}.emi-validation-box strong{color:#7c2d12}.emi-summary-card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 20px 40px #0000000f;height:fit-content;position:sticky;top:30px}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px}.summary-row.highlight strong{font-size:20px;color:var(--primary)}.summary-note{margin-top:14px;font-size:12px;color:#64748b}@media (max-width: 900px){.emi-form-wrapper{grid-template-columns:1fr}.emi-summary-card{position:static}.emi-grid{grid-template-columns:1fr}}@media (max-width:768px){.emi-container{padding:18px}.emi-toolbar{flex-direction:column;align-items:stretch}.emi-toolbar input,.view-switch{width:100%}.view-switch button{flex:1}.emi-grid{grid-template-columns:1fr}.emi-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.page-title{font-size:18px}.summary-box{font-size:11px;gap:8px}.emi-card{padding:16px}}.summary-note-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#ffedd5;color:#9a3412;font-size:13px;font-weight:600}:root{--bg: #f6f8fc;--card: #ffffff;--border: #e5e7eb;--text: #0f172a;--sub: #64748b;--primary: #f97316;--success: #22c55e;--danger: #ef4444}.udhar-page{padding:24px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-radius:12px;box-shadow:0 4px 20px -8px gray;font-family:Inter,system-ui}.udhar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.header-left h1{font-size:24px;font-weight:700}.subtitle{font-size:13px;color:var(--sub)}.add-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:10px 16px;border-radius:12px;font-size:14px;display:flex;gap:6px;align-items:center;cursor:pointer;box-shadow:0 10px 25px #22c55e59;transition:.25s}.add-btn:hover{transform:translateY(-2px)}.ledger-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.ledger-card{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:0 8px 24px #0000000d;transition:.25s}.ledger-card:hover{transform:translateY(-3px)}.card-title{font-size:12px;color:var(--sub)}.card-amount{font-size:22px;font-weight:700}.receive{border-left:4px solid var(--success)}.pay{border-left:4px solid var(--danger)}.balance{border-left:4px solid var(--primary)}.fintech-dashboard{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:18px}.chart-card,.reminder-card{background:var(--card);padding:16px;border-radius:16px;border:1px solid var(--border);box-shadow:0 8px 24px #0000000d}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;margin-bottom:18px;border-radius:18px;background:#ffffffd9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px #0f172a0f}.filter-left{flex:1}.search-box{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #dbe3ef;border-radius:14px;padding:0 14px;min-height:52px;transition:.25s ease}.search-box:focus-within{border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.search-icon{font-size:18px;color:#64748b}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#0f172a}.search-box input::placeholder{color:#94a3b8}.clear-search-btn{width:28px;height:28px;border:none;border-radius:999px;background:#ffedd5;color:var(--chip-text);cursor:pointer;font-size:12px;transition:.2s}.clear-search-btn:hover{background:var(--chip-bg);color:#fff}.filter-right{display:flex;align-items:center;gap:10px}.filter-select-wrap{display:flex;flex-direction:column;gap:4px}.filter-select-wrap label{font-size:11px;font-weight:600;color:#64748b;padding-left:4px}.filter-select-wrap select{min-width:150px;height:52px;border-radius:14px;border:1px solid #dbe3ef;background:linear-gradient(180deg,#fff,#f8fafc);padding:0 14px;font-size:14px;font-weight:500;outline:none;cursor:pointer}.filter-select-wrap select:focus{border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.expand-btn{height:52px;min-width:50px;border:none;border-radius:14px;background:linear-gradient(135deg,#ffedd5,#fed7aa);color:var(--chip-text);font-weight:600;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.25s ease}.expand-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff}.expand-btn.active{background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch}.filter-right{flex-direction:column;width:100%}.filter-select-wrap select,.expand-btn{width:100%}}.person-group{background:#fff;border-radius:16px;border:1px solid var(--border);margin-bottom:16px;overflow:hidden;box-shadow:0 6px 20px #0000000a}.person-header{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:#fafbfc}.person-header h3{font-size:16px;font-weight:600}.person-ledger{display:flex;gap:8px;margin-top:6px}.person-ledger span{font-size:11px;padding:4px 10px;border-radius:999px;font-weight:600}.person-body{display:flex;flex-direction:column;padding:8px;gap:8px}.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0000000a;transition:.25s}.card:hover{transform:translateY(-2px)}.card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:6px}.card.credit:before{background:#22c55e}.card.debit:before{background:#ef4444}.card-top{display:flex;align-items:center;gap:12px}.card-left{min-width:72px;flex-shrink:0}.txn-type{font-size:11px;font-weight:600}.txn-date{font-size:10px;margin-top:2px}.card-middle{flex:1;min-width:0}.card-middle .amount{font-size:18px;line-height:1.2}.meta{display:flex;justify-content:flex-start;gap:6px;margin-top:2px;font-size:11px;flex-wrap:wrap}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:10px;border-top:1px solid #f1f5f9}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;white-space:nowrap}.action-btn svg{flex-shrink:0;font-size:14px}.settle-btn{background:#dcfce7;color:#15803d}.settle-btn:hover{background:#bbf7d0}.revert-btn{background:#ffedd5;color:#c2410c}.revert-btn:hover{background:#fed7aa}.pay-btn{background:#dbeafe;color:#1d4ed8}.pay-btn:hover{background:#bfdbfe}.edit-btn{background:#f1f5f9;color:#475569}.edit-btn:hover{background:#e2e8f0}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fecaca}.remind-btn{background:#f0fdf4;color:#15803d}.remind-btn:hover{background:#bbf7d0}.timeline{margin-top:18px;background:var(--card);padding:18px;border-radius:18px;border:1px solid var(--border);box-shadow:0 8px 24px #0000000d}.timeline h3{font-size:20px;font-weight:700;margin-bottom:18px}.timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #edf2f7;transition:.2s}.timeline-item:hover{background:#fff;border-color:#dbeafe;transform:translateY(-1px);box-shadow:0 8px 20px #0000000a}.timeline-icon{width:14px;display:flex;justify-content:center;padding-top:6px}.timeline-dot{width:10px;height:10px;border-radius:50%}.timeline-icon.credit .timeline-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e26}.timeline-icon.debit .timeline-dot{background:var(--chip-bg);box-shadow:0 0 0 4px #f9731626}.timeline-content{flex:1}.timeline-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.timeline-top h4{font-size:15px;font-weight:700;margin:0 0 4px}.timeline-top p{font-size:14px;color:#334155;margin:0}.timeline-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.timeline-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.timeline-badge.credit{background:#dcfce7;color:#15803d}.timeline-badge.debit{background:#ffedd5;color:var(--chip-text)}.timeline-date{font-size:12px;color:#64748b}@media (max-width: 768px){.timeline-top{flex-direction:column}.timeline-right{align-items:flex-start}}.swipe-success{position:absolute;top:0;right:0;bottom:0;left:0;background:#22c55ef2;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;border-radius:12px}@media (max-width:768px){.udhar-header{flex-direction:column;align-items:flex-start;gap:10px}.ledger-summary,.fintech-dashboard{grid-template-columns:1fr}.card{padding:12px}.card-top{flex-direction:column;align-items:flex-start;gap:6px}.card-left{min-width:auto;display:flex;gap:10px;align-items:center}.card-middle{width:100%}.actions{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center;padding:8px 6px;font-size:12px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>*{width:100%}.reminder-row,.person-header{flex-direction:column;align-items:flex-start}.reminder-right{width:100%;justify-content:space-between}}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reminder-header span{font-size:12px;background:#ffedd5;color:var(--chip-text);padding:4px 10px;border-radius:999px;font-weight:600}.reminder-list{display:flex;flex-direction:column;gap:10px}.reminder-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:#f9fafb;transition:.25s;border:1px solid transparent}.reminder-row:hover{background:#fff;border:1px solid #e5e7eb;transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.reminder-left{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316,var(--chip-bg))}.reminder-info h4{font-size:14px;font-weight:600}.reminder-info span{font-size:12px;color:#64748b}.reminder-right{display:flex;align-items:center;gap:10px}.reminder-right .amount{font-size:15px;font-weight:700;color:#ef4444}.send-btn{width:34px;height:34px;border-radius:10px;border:none;background:#e0f2fe;color:#0284c7;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.send-btn:hover{background:#0284c7;color:#fff}.empty-state{text-align:center;padding:20px;color:#64748b}.empty-state svg{font-size:22px;margin-bottom:6px}.reminder-list.scroll{max-height:240px;overflow-y:auto;padding-right:6px}.timeline-list.scroll{max-height:260px;overflow-y:auto;padding-right:6px}.reminder-list.scroll::-webkit-scrollbar,.timeline-list.scroll::-webkit-scrollbar{width:6px}.reminder-list.scroll::-webkit-scrollbar-thumb,.timeline-list.scroll::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:10px}.reminder-list.scroll::-webkit-scrollbar-track,.timeline-list.scroll::-webkit-scrollbar-track{background:transparent}.amount-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;line-height:1.4}.status-pill.paid{color:#155724;background:#d4edda}.status-pill.unpaid{color:#856404;background:#fff3cd}.overdue-badge{font-size:10px;color:#fff;background:#ef4444;padding:2px 6px;border-radius:6px;margin-left:6px}.mini-contact-card{margin-top:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 8px 24px #0000000d}.mini-contact-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.mini-contact-header h3{font-size:15px;font-weight:600;margin:0}.mini-contact-header span{font-size:12px;color:var(--sub)}.mini-toggle-btn{width:34px;height:34px;border:none;border-radius:10px;background:#ffedd5;color:var(--chip-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.mini-contact-list{margin-top:14px;display:flex;flex-direction:column;gap:10px}.mini-contact-list.scroll{max-height:260px;overflow-y:auto;padding-right:4px}.mini-contact-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:10px 12px;transition:.2s}.mini-contact-row:hover{background:#fff;border-color:#dbeafe}.mini-contact-left{display:flex;align-items:center;gap:10px}.mini-contact-info h4{font-size:13px;font-weight:600;margin:0}.mini-contact-info span{font-size:11px;color:var(--sub)}.mini-phone{display:flex;align-items:center;gap:5px;font-size:11px;color:#475569}.ledger-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;margin-top:18px}.ledger-main{min-width:0}.ledger-side{position:sticky;top:20px}.ledger-side .mini-contact-card{margin-top:0}@media (max-width: 1100px){.ledger-content-layout{grid-template-columns:1fr}.ledger-side{position:static}}.mini-contact-row{cursor:pointer}.mini-contact-row.active{border-color:#f97316;background:#ffedd5;box-shadow:0 0 0 1px #f97316}.clear-contact-btn{border:none;background:#ffedd5;color:var(--chip-text);border-radius:10px;cursor:pointer;font-weight:600;padding:6px 12px;font-size:11px}.clear-contact-btn:hover{background:#dbeafe}.selected-contact-header{align-items:flex-start;gap:16px;padding:14px 18px}.selected-contact-header .left{display:flex;align-items:flex-start;gap:14px;width:100%}.selected-contact-header .person-info{flex:1}.selected-contact-header .person-info h3{font-size:18px;font-weight:700;margin-bottom:4px;line-height:1.2}.selected-contact-header .person-ledger{display:flex;flex-wrap:wrap;margin-top:8px;gap:6px}.selected-contact-header .person-ledger span{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;padding:6px 10px;font-size:11px;border-radius:999px;font-weight:600}.selected-contact-header .credit{color:#15803d}.selected-contact-header .debit{color:#b91c1c}.selected-contact-header .balance.positive{color:#15803d}.selected-contact-header .balance.negative{color:#dc2626}.person-body .empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #dbeafe;border-radius:14px;background:#f8fafc}.person-body .empty-state svg{font-size:34px;color:#64748b;margin-bottom:10px}.person-body .empty-state p{font-size:15px;font-weight:500}.person-group:has(.selected-contact-header){border:1px solid #dbeafe;box-shadow:0 10px 30px #f9731614}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .25s ease}.modal{width:min(760px,100%);max-height:88vh;overflow-y:auto;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.8);border-radius:28px;padding:28px;box-shadow:0 30px 80px #0f172a2e,0 10px 30px #f9731614;animation:modalPop .28s ease;scrollbar-width:none}.modal::-webkit-scrollbar{display:none}.modal h3{font-size:30px;font-weight:800;margin-bottom:24px;color:#0f172a}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:700;color:#475569}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:52px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);padding:0 14px;font-size:14px;color:#0f172a;transition:.2s ease}.form-group textarea{min-height:110px;resize:none;padding:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.form-group small{font-size:11px;color:#64748b;margin-top:-2px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #e2e8f0}.modal-actions button{min-width:110px;height:48px;border-radius:14px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.modal-actions button:first-child{background:#f1f5f9;color:#475569}.modal-actions button:first-child:hover{background:#e2e8f0}.modal-actions .primary{background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff;box-shadow:0 10px 24px #f9731659}.modal-actions .primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #f9731673}.react-select__control{min-height:52px!important;height:auto!important;border-radius:14px!important;border:1px solid #dbe3ef!important;box-shadow:none!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;overflow:visible!important}.react-select__control--is-focused{border-color:#f97316!important;box-shadow:0 0 0 4px #f973161f!important}.react-select__menu{border-radius:14px!important;overflow:hidden!important;box-shadow:0 12px 30px #0f172a1f!important;border:1px solid #e2e8f0;z-index:100001!important}.react-select__option--is-focused{background:#ffedd5!important}.react-select__option--is-selected{background:#f97316!important}.select-with-menu{display:flex;align-items:center;gap:8px}.select-wrapper{flex:1;min-width:0}.menu-btn{width:42px;height:42px;flex:0 0 42px;border:1px solid #d1d5db;background:#fff;color:#334155;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.menu-btn:hover{background:#f3f4f6;transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.modal{padding:20px;border-radius:22px}.modal h3{font-size:24px}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.udhar-notice{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));background:var(--chip-bg);color:var(--chip-text);font-weight:700}.udhar-notice span{flex:1}.udhar-notice button{border:0;border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--card) 72%,transparent);color:inherit;font-weight:800;cursor:pointer}.amount-detail{display:flex;gap:10px;font-size:11px;margin-top:2px;flex-wrap:wrap}.paid-amount{color:#15803d;font-weight:600}.remaining-amount{color:#b91c1c;font-weight:600}.pay-btn{background:#dbeafe!important;color:#1d4ed8!important}.pay-btn:hover{background:#bfdbfe!important}.payment-modal{width:min(400px,100%);max-height:88vh;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.8);border-radius:28px;padding:28px;box-shadow:0 30px 80px #0f172a2e,0 10px 30px #f9731614;animation:modalPop .28s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:22px;font-weight:800;margin:0;color:#0f172a}.close-btn{width:36px;height:36px;border:none;border-radius:10px;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.close-btn:hover{background:#e2e8f0;color:#0f172a}.modal-body label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#475569}.modal-body input{width:100%;min-height:52px;border:1px solid #dbe3ef;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);padding:0 14px;font-size:18px;font-weight:700;color:#0f172a;transition:.2s ease;box-sizing:border-box}.modal-body input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #e2e8f0}.modal-content .modal-actions button{min-width:110px;height:48px;border-radius:14px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.modal-content .modal-actions button:first-child{background:#f1f5f9;color:#475569}.modal-content .modal-actions button:first-child:hover{background:#e2e8f0}.modal-content .modal-actions .primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 10px 24px #f9731659}.modal-content .modal-actions .primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #f9731673}@media (max-width: 768px){.payment-modal{padding:20px;border-radius:22px}.modal-header h3{font-size:18px}.modal-content .modal-actions{flex-direction:column-reverse}.modal-content .modal-actions button{width:100%}}.amortization-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.amortization-modal{background:var(--card);border:1px solid var(--border);border-radius:16px;width:700px;max-width:92vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.amortization-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border)}.amortization-header h2{margin:0;font-size:1.1rem;color:var(--heading)}.amortization-close{background:none;border:none;color:var(--meta);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px}.amortization-close:hover{background:var(--danger-soft);color:var(--danger)}.amortization-summary{display:flex;gap:16px;padding:16px 22px;border-bottom:1px solid var(--border)}.amort-summary-item{display:flex;flex-direction:column;gap:2px}.amort-summary-item span{font-size:.75rem;color:var(--meta)}.amort-summary-item strong{font-size:.95rem;color:var(--heading)}.amortization-table-wrap{overflow-y:auto;flex:1;padding:0 22px 22px}.amortization-table{width:100%;border-collapse:collapse;font-size:.85rem}.amortization-table th{text-align:left;padding:10px 8px;font-weight:600;color:var(--meta);border-bottom:2px solid var(--border);position:sticky;top:0;background:var(--card)}.amortization-table td{padding:8px;border-bottom:1px solid var(--border);color:var(--heading)}.amortization-table tr:hover td{background:var(--bg-hover)}html.dark .amortization-modal{background:var(--card);border-color:var(--border)}.loan-page.modern-loan-page{border-radius:12px;box-shadow:0 4px 20px -8px gray;padding:28px;background:radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 24%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 20%),linear-gradient(180deg,#f8fafc,#eef4ff 42%,#f8fafc);color:#0f172a}.loan-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border-radius:28px;background:#ffffffe0;border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 60px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-kicker,.modal-kicker,.hero-chips span,.loan-type-pill,.loan-badge,.status-label{display:inline-flex;align-items:center;gap:8px}.loan-hero-copy h2{margin:14px 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.05}.loan-hero-copy p{margin:0;max-width:760px;color:#64748b;line-height:1.7;font-size:15px}.loan-hero-actions{display:flex;align-items:flex-start}.loan-add-btn,.cancel-btn,.save-btn,.modal-close,.view-toggle button,.loan-actions button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.loan-add-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:none;border-radius:14px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 34px #22c55e3d}.loan-add-btn:hover,.cancel-btn:hover,.save-btn:hover,.modal-close:hover,.view-toggle button:hover,.loan-actions button:hover,.loan-toolbar select:hover{transform:translateY(-1px)}.modern-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.dash-card.modern{padding:22px;border-radius:24px;color:#fff;box-shadow:0 18px 40px #0f172a14}.dash-card.modern span{display:block;font-size:13px;opacity:.9}.dash-card.modern h3{margin:12px 0 0;font-size:28px;line-height:1.1}.dash-card.modern p{margin:10px 0 0;font-size:13px;line-height:1.6;opacity:.92}.dash-card.modern.indigo{background:linear-gradient(135deg,#f59e0b,#f97316)}.dash-card.modern.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.dash-card.modern.amber{background:linear-gradient(135deg,#f59e0b,#f59e0b)}.dash-card.modern.sky{background:linear-gradient(135deg,#0284c7,#38bdf8)}.loan-toolbar.modern-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-radius:22px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 34px #0f172a0d}.toolbar-search{display:flex;align-items:center;gap:10px;flex:1;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.toolbar-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.toolbar-controls label{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:700}.loan-toolbar select{border:none;background:transparent;outline:none;color:#0f172a;font-weight:700;cursor:pointer}.loan-grid.modern-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.loan-card.modern{padding:22px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a0f}.loan-card.modern.active{border-top:4px solid var(--chip-bg)}.loan-card.modern.closed{border-top:4px solid #22c55e}.loan-card.modern.card-overdue{border-top-color:#ef4444}.loan-card-header.modern-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.loan-info h3{margin:12px 0 0;font-size:24px;color:#0f172a}.loan-info p{margin:8px 0 0;color:#64748b}.loan-type-pill{padding:7px 12px;border-radius:999px;background:#ffedd5;color:#c2410c;font-size:12px;font-weight:800}.loan-actions.modern-actions{display:flex;gap:8px;flex-wrap:wrap}.loan-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:none;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer}.loan-actions .view{background:#fed7aa;color:#c2410c}.loan-actions .edit{background:#f1f5f9;color:#0f172a}.loan-actions .danger{background:#fee2e2;color:#b91c1c}.loan-amount-block{margin-top:20px}.loan-amount-block strong{display:block;font-size:34px;line-height:1;color:#0f172a}.loan-amount-block span{display:block;margin-top:10px;color:#64748b;font-weight:600}.modern-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.loan-badge{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.loan-badge.paid{background:#dcfce7;color:#15803d}.loan-badge.pending{background:#fef3c7;color:#b45309}.loan-badge.overdue{background:#fee2e2;color:#b91c1c}.progress-wrap{margin-top:18px}.modern-loan-page .progress-bar{height:10px;border-radius:999px;background:#e5e7eb!important;overflow:hidden}.modern-loan-page .progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--chip-bg),#f97316)!important}.progress-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#64748b;font-size:13px;font-weight:700}.loan-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.loan-info-grid div,.loan-modal-summary div,.read-only-card{padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.loan-info-grid span,.loan-modal-summary span,.read-only-card label{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.loan-info-grid strong,.loan-modal-summary strong,.read-only-card strong{color:#0f172a;font-size:14px}.loan-list-board{margin-top:22px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);overflow:hidden;box-shadow:0 18px 40px #0f172a0f}.loan-list-head,.loan-list-row{display:grid;grid-template-columns:2fr 1fr 1fr .8fr 1fr 1fr 1.2fr;gap:14px;align-items:center;padding:16px 20px}.loan-list-head{background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.loan-list-row{border-top:1px solid #eef2f7}.loan-list-row strong{display:block}.loan-list-row small{color:#94a3b8}.loan-empty-state{margin-top:22px;padding:42px 24px;border-radius:28px;text-align:center;background:#ffffffe0;border:1px dashed #cbd5e1;box-shadow:0 18px 40px #0f172a0d}.loan-empty-state h3{margin:0;font-size:24px}.loan-empty-state p{margin:12px 0 20px;color:#64748b}.modal-card{width:min(960px,96vw);max-height:92vh;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(226,232,240,.92);box-shadow:0 30px 80px #0f172a42}.modal-card.large{width:min(1080px,96vw)}.modal-header.advanced-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px 18px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:10px 0 6px;font-size:28px;color:#0f172a}.modal-header p{margin:0;color:#64748b;line-height:1.6;font-size:14px}.modal-close{width:42px;height:42px;border-radius:14px;border:1px solid #dbe3ee;background:#fffffff0;color:#334155;cursor:pointer}.loan-modal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 28px 0}.emi-month-list.modern-month-list{padding:18px 28px 28px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.emi-month-row.modern-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:18px;background:#fff;border:1px solid #e2e8f0}.month-left strong{display:block}.month-amount{display:block;margin-top:6px;color:#64748b}.status-label{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.status-label.paid{background:#dcfce7;color:#15803d}.status-label.pending{background:#fed7aa;color:#9a3412}.status-label.overdue{background:#fee2e2;color:#b91c1c}.status-btn{border:none;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.status-btn.paid{background:#ecfdf5;color:#166534}.status-btn.pending{background:#ffedd5;color:#c2410c}.status-btn.overdue{background:#fff1f2;color:#b91c1c}.modern-edit-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px 28px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#334155;font-size:13px;font-weight:700}.form-group input,.form-group select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #dbe3ef;background:#f8fafc;color:#0f172a;font-size:14px}.form-group.full{grid-column:1 / -1}.form-group input:focus{outline:none;border-color:var(--chip-text);box-shadow:0 0 0 3px #f973161f;background:#fff}.read-only-card{justify-content:center}.read-only-card small{display:block;margin-top:8px;color:#94a3b8;line-height:1.6}.modal-footer.modern-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px 24px;border-top:1px solid #e5e7eb}.cancel-btn,.save-btn{border:none;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}.cancel-btn{background:#fff;border:1px solid #dbe3ee;color:#0f172a}@media (max-width: 1200px){.modern-dashboard,.loan-modal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.loan-hero,.loan-toolbar.modern-toolbar,.toolbar-controls,.loan-list-head,.loan-list-row,.emi-month-row.modern-row{grid-template-columns:1fr}.loan-hero,.loan-toolbar.modern-toolbar,.toolbar-controls,.loan-hero-actions,.modal-footer.modern-footer,.loan-actions.modern-actions{flex-direction:column;align-items:stretch}.loan-list-head{display:none}.loan-list-row,.emi-month-row.modern-row{gap:8px}}@media (max-width: 768px){.loan-page.modern-loan-page{padding:16px}.modern-dashboard,.loan-grid.modern-grid,.loan-info-grid,.modern-edit-body,.loan-modal-summary{grid-template-columns:1fr}.modal-header.advanced-header,.loan-modal-summary,.emi-month-list.modern-month-list,.modern-edit-body,.modal-footer.modern-footer{padding-left:18px;padding-right:18px}}.loan-page{padding:40px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-radius:12px;box-shadow:0 4px 20px -8px gray}.loan-form-wrapper{margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:28px}.loan-form-card,.loan-summary-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 20px 40px #00000014}.loan-section{display:flex;flex-direction:column;margin-bottom:16px}.loan-section label{font-size:13px;margin-bottom:6px;color:#475569}.loan-section input,.loan-section select,.loan-section textarea{padding:12px;border-radius:10px;border:1px solid #e5e7eb}.loan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.primary-btn{width:100%;margin-top:20px;padding:14px;border-radius:14px;border:none;background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff;font-weight:600;cursor:pointer}.primary-btn:disabled{background:#cbd5e1;cursor:not-allowed}.summary-row{display:flex;justify-content:space-between;margin-bottom:14px}.summary-row.highlight strong{font-size:22px;color:var(--primary)}.summary-note{font-size:12px;color:#64748b;margin-top:16px}@media (max-width: 900px){.loan-form-wrapper{grid-template-columns:1fr}}.loan-page{padding:36px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-radius:12px;box-shadow:0 4px 20px -8px gray}.loan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.subtitle{font-size:14px;color:#64748b}.section-title{margin:24px 0 14px;font-size:16px;color:#1e293b}.primary-btn{background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff;border:none;padding:12px 22px;border-radius:14px;font-weight:600;cursor:pointer;box-shadow:0 12px 30px #f9731659;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 36px #f9731673}.secondary-btn{background:#fff;border:1px solid #cbd5f5;padding:8px 14px;border-radius:10px;font-weight:500;cursor:pointer}.loan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.loan-card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 18px 40px #00000014;transition:transform .2s ease,box-shadow .2s ease}.loan-card:hover{transform:translateY(-2px);box-shadow:0 22px 46px #0000001f}.loan-card.active{border-left:6px solid #f97316}.loan-card.closed{border-left:6px solid #22c55e;opacity:.85}.loan-top{display:flex;justify-content:space-between;align-items:flex-start}.loan-title h3{margin:0}.loan-type{font-size:13px;color:#64748b}.status-badge{font-size:12px;padding:4px 12px;border-radius:999px;font-weight:600}.status-badge.active{background:#dbeafe;color:var(--chip-text)}.status-badge.closed{background:#dcfce7;color:#15803d}.loan-amount{font-size:22px;font-weight:700;margin:16px 0 12px}.loan-amount span{font-size:14px;color:#64748b;margin-left:4px}.loan-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:13px;color:#475569}.loan-meta label{font-size:11px;color:#64748b}.progress-wrapper{margin-top:14px}.progress-bar{height:7px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-bar div{height:100%;background:linear-gradient(90deg,#f97316,#fdba74)}.progress-text{font-size:12px;margin-top:6px;color:#475569}.loan-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.total-payable{font-size:13px;color:#475569}.loan-complete{margin:16px 0;font-weight:600;color:#16a34a}.empty{margin-top:48px;text-align:center;color:#64748b}@media (max-width: 768px){.loan-page{padding:20px}.loan-meta{grid-template-columns:1fr}}@media (max-width: 768px){.loan-page{padding:14px}.loan-header{flex-direction:column;align-items:flex-start;gap:12px}.loan-header h2{font-size:18px}.subtitle{font-size:13px}.loan-header .primary-btn{width:100%;padding:12px;border-radius:12px}.section-title{font-size:15px;margin:20px 0 10px}.loan-grid{grid-template-columns:1fr;gap:16px}.loan-card{padding:16px;border-radius:16px}.loan-top{flex-direction:column;gap:6px}.loan-title h3{font-size:15px}.loan-type{font-size:12px}.loan-amount{font-size:18px}.loan-amount span{font-size:12px}.loan-meta{grid-template-columns:1fr;gap:8px;margin-top:10px}.loan-footer{flex-direction:column;align-items:flex-start;gap:10px}.secondary-btn{width:100%;padding:10px;border-radius:10px}}@media (max-width: 480px){.loan-page{padding:12px}.loan-header h2{font-size:16px}.loan-card{padding:14px}.loan-amount{font-size:16px}.progress-text{font-size:11px}.total-payable{font-size:12px}}html,body{max-width:100%;overflow-x:hidden}@media (max-width: 768px){.loan-page{padding:14px}.loan-form-wrapper{max-width:100%;width:100%;grid-template-columns:1fr!important;gap:16px}.loan-form-card,.loan-summary-card{width:100%;max-width:100%;padding:16px;border-radius:16px;box-sizing:border-box}.loan-summary-card{position:static!important;top:auto!important}.loan-form-card h2{font-size:18px}.subtitle{font-size:13px}.loan-grid{grid-template-columns:1fr!important;gap:14px}.loan-section input,.loan-section select,.loan-section textarea{width:100%;max-width:100%;padding:12px;font-size:15px;box-sizing:border-box}.primary-btn{width:100%;padding:14px;font-size:15px;border-radius:12px}.loan-summary-card h3{font-size:16px}.summary-row{font-size:13px}.summary-row.highlight strong{font-size:18px}.summary-note{font-size:12px}}@media (max-width: 480px){.loan-page{padding:12px}.loan-form-card,.loan-summary-card{padding:14px}.loan-form-card h2{font-size:16px}.loan-section label{font-size:12px}.loan-section input,.loan-section select,.loan-section textarea{font-size:14px;padding:11px}.primary-btn{font-size:14px;padding:12px}.summary-row.highlight strong{font-size:16px}}.form-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.hero-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ghost-action{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#ffffffe6;color:#0f172a;font-weight:600;cursor:pointer}.summary-note-grid{display:grid;gap:10px;margin-top:16px}.summary-note-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--chip-bg);color:var(--chip-text);font-size:13px;font-weight:600}@media (max-width: 768px){.form-hero{flex-direction:column}.ghost-action{width:100%;justify-content:center}}.savings-page.modern-savings-page{border-radius:12px;box-shadow:0 4px 20px -8px gray;padding:28px;background:radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 24%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 22%),linear-gradient(180deg,#f8fafc,#eef4ff 42%,#f8fafc)}.savings-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border-radius:28px;background:#ffffffe0;border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 60px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-kicker,.modal-kicker,.goal-category-pill,.goal-status,.hero-chips span{display:inline-flex;align-items:center;gap:8px}.hero-kicker,.modal-kicker{padding:8px 14px;border-radius:999px;background:#22c55e1a;color:#15803d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.savings-hero-copy h2{margin:14px 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.05;color:#0f172a}.savings-hero-copy p{margin:0;max-width:720px;color:#64748b;line-height:1.7;font-size:15px}.hero-actions{display:flex;align-items:flex-start}.savings-add-btn,.primary,.ghost,.secondary-btn,.danger-btn,.field-action-btn,.view-toggle button{border:none;border-radius:14px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.savings-add-btn,.primary{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;box-shadow:0 14px 34px #22c55e3d}.primary{background:linear-gradient(135deg,#f97316,var(--chip-bg));box-shadow:0 14px 34px #f9731633}.ghost,.secondary-btn,.field-action-btn,.view-toggle button{background:#ffffffeb;color:#0f172a;border:1px solid #dbe3ee}.danger-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.savings-add-btn:hover,.primary:hover,.ghost:hover,.secondary-btn:hover,.danger-btn:hover,.field-action-btn:hover,.view-toggle button:hover{transform:translateY(-1px)}.savings-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.savings-stat-card{padding:22px;border-radius:24px;color:var(--text);box-shadow:0 18px 40px #0f172a14}.savings-stat-card span{display:block;font-size:13px;color:color-mix(in srgb,var(--text) 76%,var(--muted));opacity:1;font-weight:700}.savings-stat-card strong{display:block;margin-top:12px;font-size:28px;line-height:1.1;color:var(--text)}.savings-stat-card p{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--text-muted, var(--muted));opacity:1}.tone-indigo,.tone-green,.tone-amber,.tone-sky{background:color-mix(in srgb,var(--card) 92%,var(--bg-soft));border:1px solid var(--border)}.savings-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 34px #0f172a0d}.toolbar-search{display:flex;align-items:center;gap:10px;min-width:280px;flex:1;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.toolbar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-controls label{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600}.toolbar-controls select{border:1px solid var(--border-strong, var(--border));background:var(--input-bg, var(--bg-soft));outline:none;color:var(--text);font-weight:600}.view-toggle button{width:42px;height:42px;border-radius:12px;padding:0}.advanced-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.saving-card.advanced{padding:22px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a0f}.saving-card.advanced.completed{background:linear-gradient(180deg,#f0fdf4f2,#fffffff0)}.saving-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.goal-category-pill{padding:7px 12px;border-radius:999px;background:#ffedd5;color:#c2410c;font-size:12px;font-weight:700}.saving-card-top h3{margin:12px 0 0;color:#0f172a;font-size:22px}.goal-status{padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.goal-status.live{background:var(--chip-bg);color:var(--chip-text)}.goal-status.done{background:#ecfdf5;color:#15803d}.goal-amount-line{display:flex;align-items:baseline;gap:10px;margin-top:20px}.goal-amount-line strong{color:#0f172a;font-size:32px}.goal-amount-line span,.goal-progress-meta,.goal-notes{color:#64748b}.goal-progress-bar{height:10px;margin-top:18px;background:#e5e7eb;border-radius:999px;overflow:hidden}.goal-progress-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#16a34a)}.goal-progress-meta{margin-top:10px;display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}.goal-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.goal-mini-stats div{padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.goal-mini-stats span{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.goal-mini-stats strong{color:#0f172a;font-size:14px}.goal-notes{margin:16px 0 0;line-height:1.6;font-size:13px}.goal-actions{display:flex;gap:12px;margin-top:18px}.goal-actions.inline button{padding:10px 12px}.secondary-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 14px}.saving-list-board{margin-top:22px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);overflow:hidden;box-shadow:0 18px 40px #0f172a0f}.saving-list-head,.saving-list-row{display:grid;grid-template-columns:2fr 1fr .8fr 1fr 1fr 1fr .9fr;gap:14px;align-items:center;padding:16px 20px}.saving-list-head{background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.saving-list-row{border-top:1px solid #eef2f7;color:#0f172a}.saving-list-row strong{display:block}.saving-list-row small{color:#94a3b8}.savings-empty-state{margin-top:22px;padding:42px 24px;border-radius:28px;text-align:center;background:#ffffffe0;border:1px dashed #cbd5e1;box-shadow:0 18px 40px #0f172a0d}.empty-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#ffedd5;color:#c2410c;font-size:28px}.savings-empty-state h3{margin:0;color:#0f172a;font-size:24px}.savings-empty-state p{margin:12px 0 20px;color:#64748b}.savings-modal-card{width:min(1120px,96vw);padding:0;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 28px 70px #0f172a3d;overflow:hidden}.savings-modal-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px 18px;border-bottom:1px solid #e5e7eb}.savings-modal-header h3{margin:10px 0 6px;color:#0f172a;font-size:28px}.savings-modal-header p{margin:0;color:#64748b;font-size:14px}.close-btn{width:42px;height:42px;border-radius:14px;border:1px solid #dbe3ee;background:#ffffffeb;color:#334155;cursor:pointer}.savings-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:22px 28px}.savings-form-column{display:flex;flex-direction:column;gap:18px}.savings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#334155;font-size:13px;font-weight:700}.form-field input,.form-field textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #dbe3ee;background:#f8fafc;color:#0f172a;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--chip-text);background:#fff;box-shadow:0 0 0 3px #f973161f}.form-field textarea{min-height:120px;resize:vertical}.savings-notes-field{width:100%}.field-action-btn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.savings-modal-insights{display:flex;flex-direction:column;gap:14px}.insight-card{padding:18px;border-radius:20px;background:#fffffff2;border:1px solid #e2e8f0;box-shadow:0 12px 28px #0f172a0f}.insight-card span{display:block;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.insight-card strong{display:block;margin-top:12px;color:#0f172a;font-size:26px}.savings-modal-actions{padding:18px 28px 24px;border-top:1px solid #e5e7eb}.react-select__control{min-height:var(--control-height)!important;height:auto!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-strong, var(--border))!important;background:var(--input-bg, var(--bg-soft))!important;box-shadow:none!important;overflow:visible!important}.react-select__control--is-focused{border-color:var(--chip-bg)!important;box-shadow:0 0 0 3px #f973161f!important}@media (max-width: 1200px){.savings-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.savings-modal-body{grid-template-columns:1fr}}@media (max-width: 900px){.savings-hero,.savings-toolbar{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.toolbar-controls{width:100%}.saving-list-head{display:none}.saving-list-row{grid-template-columns:1fr;gap:8px}}@media (max-width: 768px){.savings-page.modern-savings-page{padding:16px}.savings-stats-grid,.savings-form-grid,.goal-mini-stats{grid-template-columns:1fr}.field-with-action{grid-template-columns:minmax(0,1fr) 44px}.goal-actions,.toolbar-controls,.hero-actions,.savings-modal-actions{flex-direction:column;align-items:stretch}.savings-modal-header,.savings-modal-body,.savings-modal-actions{padding-left:18px;padding-right:18px}}:root{--planner-bg: linear-gradient(180deg, #f8fbff 0%, #eef4ff 48%, #f8fafc 100%);--planner-card: rgba(255, 255, 255, .92);--planner-border: rgba(148, 163, 184, .18);--planner-text: #0f172a;--planner-muted: #64748b;--planner-shadow: 0 18px 40px rgba(15, 23, 42, .08)}html.dark{--planner-bg: linear-gradient(180deg, #081120 0%, #0f172a 54%, #111827 100%);--planner-card: rgba(15, 23, 42, .92);--planner-border: rgba(71, 85, 105, .35);--planner-text: #e5e7eb;--planner-muted: #94a3b8;--planner-shadow: 0 18px 40px rgba(2, 6, 23, .32)}.budget-planner-next{padding:34px;background:var(--planner-bg);border-radius:28px;color:var(--planner-text)}.budget-hero-shell,.budget-kpi-grid,.budget-insight-grid,.budget-alerts-grid,.budget-main-grid{margin-bottom:22px}.budget-hero-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start}.budget-hero-copy,.budget-hero-actions,.budget-kpi,.insight-strip-card,.planner-alert,.budget-categories-shell,.budget-side-card,.chart-card.advanced,.budget-empty-state{background:var(--planner-card);border:1px solid var(--planner-border);box-shadow:var(--planner-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.budget-hero-copy,.budget-hero-actions,.budget-categories-shell,.budget-side-card,.chart-card.advanced,.budget-empty-state{border-radius:24px;padding:24px}.budget-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.budget-hero-copy h1{margin:12px 0 8px;font-size:38px;line-height:1.05}.budget-hero-copy p,.section-head p,.budget-empty-state p,.insight-strip-card p{margin:0;color:var(--planner-muted);font-size:14px;line-height:1.6}.budget-toolbar-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.budget-month-selector{flex:1 1 260px;display:flex;align-items:center;gap:12px;min-width:0;min-height:calc(var(--control-height) + 14px);background:#ffffffb3;border:1px solid var(--planner-border);border-radius:18px;padding:7px 12px}html.dark .budget-month-selector{background:#0f172a7a}.budget-month-selector>div{flex:1;min-width:0}.budget-view-toggle{display:inline-flex;padding:6px;background:#ffffffb3;border:1px solid var(--planner-border);border-radius:18px}html.dark .budget-view-toggle{background:#0f172a7a}.budget-view-toggle button,.planner-btn,.ghost-icon-btn,.category-actions button,.close-btn{border:none;cursor:pointer}.budget-view-toggle button{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;background:transparent;color:var(--planner-muted);font-weight:600}.budget-view-toggle button.active{background:var(--chip-bg);color:var(--chip-text)}.budget-hero-actions{display:grid;gap:12px}.planner-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:14px;font-weight:700}.planner-btn.primary{background:linear-gradient(135deg,var(--chip-bg),var(--chip-bg));color:#fff}.planner-btn.secondary{background:#f973161a;color:var(--chip-text)}.planner-btn.accent{background:var(--chip-bg);color:var(--chip-text)}.planner-btn.ghost{background:transparent;border:1px solid var(--planner-border);color:var(--planner-text)}.planner-btn:disabled{opacity:.5;cursor:not-allowed}.budget-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.budget-kpi{border-radius:22px;padding:20px}.budget-kpi span,.budget-kpi small{display:block}.budget-kpi span{font-size:13px;color:var(--planner-muted)}.budget-kpi strong{display:block;margin-top:10px;font-size:30px}.budget-kpi small{margin-top:8px;color:var(--planner-muted);font-size:12px}.budget-kpi.total strong,.budget-kpi.spent strong,.budget-kpi.remain strong,.budget-kpi.health strong{color:var(--chip-text)}.budget-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.insight-strip-card{border-radius:20px;padding:18px}.insight-title{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--planner-text)}.insight-strip-card strong{display:block;margin:12px 0 8px;font-size:28px}.budget-alerts-grid{display:grid;gap:14px}.planner-alert{border-radius:18px;padding:16px 18px;display:flex;align-items:center;gap:10px;font-weight:600}.planner-alert.success{color:#166534}.planner-alert.danger{color:#b91c1c}.planner-alert.soft{color:var(--planner-text)}.budget-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.section-head h3{margin:0 0 6px;font-size:22px}.section-head.compact h3{font-size:18px}.budget-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.budget-category-card{background:#ffffffd1;border:1px solid var(--planner-border);border-radius:20px;padding:18px}html.dark .budget-category-card{background:#0f172ab8}.budget-category-card.safe{box-shadow:inset 0 0 0 1px #22c55e14}.budget-category-card.warn{box-shadow:inset 0 0 0 1px #f973161f}.budget-category-card.over{box-shadow:inset 0 0 0 1px #ef444424}.budget-card-head,.budget-card-foot,.category-actions,.budget-list-head,.budget-list-row,.summary-line,.planner-modal-head,.planner-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.budget-card-head h4,.budget-list-row strong{margin:0 0 4px;font-size:18px}.budget-card-head span,.budget-list-row small,.summary-line span{color:var(--planner-muted);font-size:12px}.ghost-icon-btn,.category-actions button,.close-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#f973161f;color:var(--chip-text)}.category-actions button:last-child{background:#ef44441f;color:#b91c1c}.close-btn{background:#94a3b824;color:var(--planner-text)}.budget-card-amounts strong{display:block;font-size:30px}.budget-card-amounts span{color:var(--planner-muted)}.budget-progress-track{width:100%;height:10px;border-radius:999px;background:#94a3b829;overflow:hidden;margin-top:16px}.budget-progress-track.compact{margin-top:0;height:8px}.budget-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-dark))}.budget-card-foot{margin-top:16px}.budget-card-foot span,.usage-cell small,.summary-line b{font-weight:700}.budget-list-shell{display:grid;gap:12px}.budget-list-head,.budget-list-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr 120px;gap:12px;padding:14px 16px;border-radius:18px}.budget-list-head{background:#f9731614;color:var(--planner-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.budget-list-row{background:#ffffffd1;border:1px solid var(--planner-border);align-items:center}html.dark .budget-list-row{background:#0f172ab8}.usage-cell{display:grid;gap:6px}.positive{color:#166534}.negative{color:#b91c1c}.budget-side-insights{display:grid;gap:16px}.summary-stack{display:grid;gap:10px}.summary-line{padding:10px 0;border-bottom:1px solid var(--planner-border)}.summary-line:last-child{border-bottom:none}.mini-chart-wrap{margin-top:8px}.chart-card.advanced{margin-top:0}.budget-empty-state{text-align:center}.budget-empty-state h2{margin:0 0 10px}.planner-modal{width:min(560px,calc(100vw - 32px));background:var(--planner-card);border:1px solid var(--planner-border);box-shadow:var(--planner-shadow);border-radius:24px;padding:24px}.planner-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.planner-modal-grid .field.full{grid-column:1 / -1}.planner-modal-actions{margin-top:20px}.budget-select__control{min-height:var(--control-height)!important;height:auto!important;border-radius:var(--radius-sm)!important;border-color:var(--border-strong, var(--border))!important;background:var(--input-bg, var(--bg-soft))!important;box-shadow:none!important;overflow:visible!important}.budget-select__menu{z-index:100001!important}@media (max-width: 1200px){.budget-hero-shell,.budget-main-grid{grid-template-columns:1fr}.budget-kpi-grid,.budget-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.budget-planner-next{padding:20px;border-radius:22px}.budget-kpi-grid,.budget-insight-grid,.planner-modal-grid{grid-template-columns:1fr}.budget-list-head{display:none}.budget-list-row{grid-template-columns:1fr;align-items:stretch}}@media (max-width: 640px){.budget-hero-copy,.budget-hero-actions,.budget-categories-shell,.budget-side-card,.chart-card.advanced,.budget-empty-state,.planner-modal{padding:18px;border-radius:18px}.budget-hero-copy h1{font-size:30px}.budget-toolbar-row,.planner-modal-actions{flex-direction:column}.budget-view-toggle,.planner-btn,.budget-month-selector{width:100%}.budget-toolbar-row{gap:10px}.budget-card-grid{grid-template-columns:1fr}}.bills-page.modern-bills-page{border-radius:12px;box-shadow:0 4px 20px -8px gray;padding:28px;background:radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 24%),radial-gradient(circle at top right,rgba(34,197,94,.08),transparent 20%),linear-gradient(180deg,#f8fafc,#eef4ff 42%,#f8fafc);color:#0f172a}.bills-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border-radius:28px;background:#ffffffe0;border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 60px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-kicker,.modal-kicker,.hero-chips span,.recurring-chip,.status-pill{display:inline-flex;align-items:center;gap:8px}.hero-kicker,.modal-kicker{padding:8px 14px;border-radius:999px;background:#f973161a;color:#c2410c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.bills-hero-copy h1{margin:14px 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.05}.bills-hero-copy p{margin:0;max-width:760px;color:#64748b;line-height:1.7;font-size:15px}.hero-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.hero-chips span{padding:10px 14px;border-radius:999px;background:var(--chip-bg);color:#1e3a8a;font-size:13px;font-weight:600}.bills-hero-actions{display:flex;align-items:flex-start}.bills-add-btn,.filter-chip,.outline-btn,.save-btn,.field-action-btn,.view-toggle button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.bills-add-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:none;border-radius:14px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 14px 34px #22c55e3d}.bills-add-btn:hover,.filter-chip:hover,.outline-btn:hover,.save-btn:hover,.field-action-btn:hover,.view-toggle button:hover,.bill-actions button:hover{transform:translateY(-1px)}.modern-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.stat-card.modern{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:24px;color:#fff;box-shadow:0 18px 40px #0f172a14}.stat-card.modern.indigo{background:linear-gradient(135deg,var(--chip-bg),#f97316)}.stat-card.modern.amber{background:linear-gradient(135deg,var(--chip-bg),#f59e0b)}.stat-card.modern.rose{background:linear-gradient(135deg,#e11d48,#fb7185)}.stat-card.modern.green{background:linear-gradient(135deg,#16a34a,#22c55e)}.stat-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff29;font-size:20px}.stat-content span{display:block;font-size:13px;opacity:.9}.stat-content strong{display:block;margin-top:10px;font-size:28px;line-height:1.1}.stat-content small{display:block;margin-top:8px;font-size:12px;opacity:.92;line-height:1.5}.bills-toolbar{display:flex;flex-direction:column;gap:16px;padding:18px 20px;border-radius:22px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 34px #0f172a0d}.toolbar-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.toolbar-search input{width:100%;border:none;background:transparent;outline:none;color:#0f172a;font-size:14px}.toolbar-controls{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.toolbar-chip-group{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{padding:9px 14px;border-radius:999px;border:1px solid #dbe3ee;background:#fff;color:#334155;font-size:13px;font-weight:700;cursor:pointer}.filter-chip.active{background:linear-gradient(135deg,var(--chip-bg),#f97316);border-color:transparent;color:#fff;box-shadow:0 12px 24px #f973162e}.toolbar-selects{display:flex;gap:12px;flex-wrap:wrap}.toolbar-selects label{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:700}.toolbar-selects select{border:none;background:transparent;outline:none;color:#0f172a;font-weight:700}.view-toggle{display:inline-flex;padding:4px;border-radius:14px;background:#ffedd5}.view-toggle button{width:42px;height:42px;border:1px solid transparent;border-radius:12px;background:transparent;color:#475569;cursor:pointer}.view-toggle button.active{background:#fff;color:#c2410c;box-shadow:0 8px 18px #f973161f}.range-fields{display:flex;gap:12px;flex-wrap:wrap}.filter-date{padding:11px 14px;border-radius:14px;border:1px solid #dbe3ee;background:#f8fafc;color:#0f172a}.modern-groups{display:flex;flex-direction:column;gap:18px;margin-top:22px}.bill-group{border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 16px 34px #0f172a0d;overflow:hidden}.bill-group summary{display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;padding:18px 20px;cursor:pointer;font-weight:800;background:#fffffff5}.bill-group summary::-webkit-details-marker{display:none}.summary-left,.summary-right{display:inline-flex;align-items:center;gap:10px}.bill-group.overdue summary{border-left:4px solid #ef4444}.bill-group.today summary{border-left:4px solid #f59e0b}.bill-group.unpaid summary{border-left:4px solid #f97316}.bill-group.paid summary{border-left:4px solid #22c55e}.group-empty-state{padding:18px 20px 22px;color:#64748b}.modern-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;padding:0 20px 20px}.bill-card.modern{padding:22px;border-radius:22px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 16px 32px #0f172a0f}.bill-card.modern.overdue{border-top:4px solid #ef4444}.bill-card.modern.today{border-top:4px solid #f59e0b}.bill-card.modern.upcoming{border-top:4px solid #f97316}.bill-card.modern.paid{border-top:4px solid #22c55e}.bill-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.bill-card-title-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bill-card-title-row h3{margin:0;font-size:22px;color:#0f172a}.provider{margin:8px 0 0;color:#64748b;font-size:13px}.recurring-chip{padding:8px 12px;border-radius:999px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}.status-pill{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize}.status-pill.overdue{background:#fee2e2;color:#b91c1c}.status-pill.today{background:#fef3c7;color:#92400e}.status-pill.upcoming{background:#fed7aa;color:#9a3412}.status-pill.paid{background:#dcfce7;color:#166534}.bill-amount-block{margin-top:20px}.bill-amount-block strong{display:block;font-size:34px;line-height:1;color:#0f172a}.bill-amount-block span{display:block;margin-top:10px;color:#64748b;font-weight:600}.bill-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.bill-info-grid div{padding:12px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.bill-info-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:6px}.bill-info-grid strong{color:#0f172a;font-size:14px}.bill-actions.modern-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.bill-actions button,.outline-btn,.save-btn,.field-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:14px;font-weight:700;cursor:pointer}.bill-actions .success{border:none;background:#22c55e;color:#fff}.bill-actions .outline,.outline-btn,.field-action-btn{background:#fff;border:1px solid #dbe3ee;color:#0f172a}.bill-actions .danger{border:1px solid #fecdd3;background:#fff1f2;color:#be123c}.bill-table{padding:0 20px 20px}.bill-table-head,.bill-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:14px;align-items:center}.bill-table-head{padding:0 0 12px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.bill-table-row{padding:16px 0;border-top:1px solid #eef2f7}.bill-table-row strong{display:block}.bill-table-row small{color:#94a3b8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a8a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999}.advanced-bill-modal{width:min(1080px,96vw);max-height:92vh;overflow:hidden;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(226,232,240,.92);box-shadow:0 30px 80px #0f172a42}.bill-modal-head.advanced-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:26px 28px 18px;border-bottom:1px solid #e5e7eb}.bill-modal-head h2{margin:10px 0 6px;color:#0f172a;font-size:28px}.bill-modal-head p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.modal-close-btn{width:42px;height:42px;border-radius:14px;border:1px solid #dbe3ee;background:#fffffff0;color:#334155;cursor:pointer}.advanced-bill-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:22px 28px}.bill-modal-grid.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bill-modal-grid .field{display:flex;flex-direction:column;gap:6px}.bill-modal-grid .field.full{grid-column:1 / -1}.bill-modal-grid label{color:#334155;font-size:13px;font-weight:700}.bill-modal-grid input,.bill-modal-grid select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #dbe3ef;background:#f8fafc;color:#0f172a;font-size:14px}.bill-modal-grid input:focus,.bill-modal-grid select:focus{outline:none;border-color:var(--chip-text);box-shadow:0 0 0 3px #f973161f;background:#fff}.field-with-action{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:stretch}.field-action-btn{width:48px;height:48px;border:1px solid #dbe3ee}.checkbox-field label{display:inline-flex;align-items:center;gap:10px}.checkbox-field input{width:16px;height:16px}.bill-modal-aside{display:flex;flex-direction:column;gap:14px}.insight-card{padding:18px;border-radius:20px;background:#fffffff5;border:1px solid #e2e8f0;box-shadow:0 12px 28px #0f172a0f}.insight-card span{display:block;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.insight-card strong{display:block;margin-top:12px;color:#0f172a;font-size:26px;text-transform:capitalize}.insight-card p{margin:10px 0 0;color:#64748b;line-height:1.6;font-size:13px}.insight-card .tone-paid{color:#15803d}.insight-card .tone-overdue{color:#b91c1c}.insight-card .tone-today{color:#b45309}.insight-card .tone-upcoming{color:var(--chip-text)}.bill-modal-actions.advanced-actions{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px 24px;border-top:1px solid #e5e7eb}.outline-btn,.save-btn{border:none}.outline-btn{background:#fff;border:1px solid #dbe3ee;color:#0f172a}.save-btn{background:linear-gradient(135deg,var(--chip-bg),#f97316);color:#fff;box-shadow:0 12px 28px #f9731638}.save-btn:disabled{opacity:.6;cursor:not-allowed}.bill-select__control{min-height:48px!important;border-radius:14px!important;border:1px solid #dbe3ef!important;background:#f8fafc!important;box-shadow:none!important}.bill-select__control--is-focused{border-color:var(--chip-bg)!important;box-shadow:0 0 0 3px #f973161f!important}.bill-select__menu{border-radius:14px!important;overflow:hidden}@media (max-width: 1200px){.modern-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-bill-body{grid-template-columns:1fr}}@media (max-width: 900px){.bills-hero,.toolbar-controls,.bill-table-head,.bill-table-row{grid-template-columns:1fr}.bills-hero,.toolbar-controls,.bills-hero-actions,.bill-modal-actions.advanced-actions{flex-direction:column;align-items:stretch}.toolbar-selects{width:100%}.bill-table-head{display:none}.bill-table-row{gap:8px}}@media (max-width: 768px){.bills-page.modern-bills-page{padding:16px}.modern-stats,.modern-list,.bill-modal-grid.advanced-grid,.bill-info-grid{grid-template-columns:1fr}.field-with-action{grid-template-columns:minmax(0,1fr) 44px}.bill-actions.modern-actions,.toolbar-selects,.range-fields,.hero-chips{flex-direction:column;align-items:stretch}.bill-modal-head.advanced-head,.advanced-bill-body,.bill-modal-actions.advanced-actions{padding-left:18px;padding-right:18px}}.credit-page{padding:28px;color:var(--text)}.credit-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.credit-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-weight:800;text-transform:uppercase;font-size:12px}.credit-header h1{margin:10px 0 6px;font-size:34px}.credit-header p{margin:0;color:var(--muted)}.credit-primary-btn,.credit-secondary-btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.credit-primary-btn{background:var(--primary);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 28%,transparent)}.credit-secondary-btn{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.credit-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.credit-summary-card,.credit-card,.credit-empty,.credit-modal{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow)}.credit-summary-card{border-radius:16px;padding:18px}.credit-summary-card span{color:var(--muted);font-weight:700}.credit-summary-card strong{display:block;margin-top:8px;font-size:28px}.credit-summary-card.good strong,.credit-card.good .credit-usage strong{color:#16a34a}.credit-summary-card.warn strong,.credit-card.warn .credit-usage strong{color:#f97316}.credit-summary-card.danger strong,.credit-card.danger .credit-usage strong{color:#dc2626}.credit-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px}.credit-card{border-radius:18px;padding:20px}.credit-card-top{display:flex;justify-content:space-between;gap:14px}.credit-card-top span,.credit-card-top p,.credit-values span,.credit-dates,.credit-empty p{color:var(--muted)}.credit-card-top h2{margin:6px 0;font-size:24px}.credit-actions{display:flex;gap:8px}.credit-actions button,.credit-modal-head button{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);color:var(--text);cursor:pointer}.credit-actions .pay-card-btn{width:auto;padding:0 12px;font-weight:800;color:#fff;background:var(--primary);border-color:var(--primary)}.credit-usage{margin:18px 0}.credit-usage>div:first-child{display:flex;justify-content:space-between;font-weight:800;margin-bottom:8px}.credit-progress{height:10px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.credit-progress span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.credit-card.warn .credit-progress span{background:#f97316}.credit-card.danger .credit-progress span{background:#dc2626}.credit-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.credit-values div{display:grid;gap:4px}.credit-values strong{font-size:18px}.credit-dates{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;font-weight:700}.credit-dates span,.credit-warning{display:inline-flex;align-items:center;gap:8px}.credit-warning{margin-top:14px;padding:10px 12px;border-radius:12px;font-weight:800;background:#fff7ed;color:#c2410c}.credit-warning.danger{background:#fef2f2;color:#b91c1c}.credit-empty{grid-column:1 / -1;border-radius:18px;padding:38px;text-align:center}.credit-empty svg{font-size:25px;color:#fff}.credit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0f172a6b;display:flex;align-items:center;justify-content:center;padding:20px}.credit-modal{width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:20px;padding:24px}.credit-modal-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.credit-modal-head h2{margin:10px 0 0}.credit-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.credit-form-grid label{display:grid;gap:8px;font-weight:800;color:var(--muted)}.credit-form-grid .full{grid-column:1 / -1}.credit-form-grid input,.credit-form-grid select{height:46px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg, var(--bg-soft));color:var(--text);padding:0 12px;font:inherit}.credit-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}@media (max-width: 820px){.credit-page{padding:18px}.credit-header,.credit-modal-actions{align-items:stretch;flex-direction:column}.credit-summary-grid,.credit-form-grid{grid-template-columns:1fr}}.shopping-planner{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--section-gap)}.sp-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:clamp(20px,2.2vw,32px);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:var(--radius)}.sp-hero-left{display:flex;align-items:center;gap:16px}.sp-hero-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 24px var(--accent-shadow);flex-shrink:0}.sp-hero-text h1{margin:0 0 4px;font-size:clamp(20px,1.8vw,26px);font-weight:800;letter-spacing:-.01em}.sp-hero-text p{margin:0;font-size:var(--font-sm);color:var(--text-muted);max-width:380px;line-height:1.4}.sp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--section-gap)}.sp-summary-card{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-padding);display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.sp-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sp-summary-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.sp-summary-icon-wrap.lists{background:var(--accent-soft);color:var(--primary)}.sp-summary-icon-wrap.items{background:var(--info-bg, #dbeafe);color:var(--info, #2563eb)}.sp-summary-icon-wrap.spent{background:var(--danger-soft, #fee2e2);color:var(--danger, #ef4444)}.sp-summary-icon-wrap.budget{background:var(--success-soft, #dcfce7);color:var(--success, #22c55e)}.sp-summary-info{display:flex;flex-direction:column;min-width:0}.sp-summary-value{font-size:clamp(18px,1.6vw,24px);font-weight:800;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-summary-label{font-size:var(--font-xs);font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.sp-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-search-wrap{position:relative;flex:1;min-width:180px}.sp-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px;pointer-events:none}.sp-search{width:100%;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:8px 12px 8px 36px;font-size:var(--font-md);background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.sp-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.sp-sort{border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:7px 12px;font-size:var(--font-sm);font-weight:650;background:var(--input-bg, var(--bg-soft));color:var(--text);cursor:pointer;outline:none;transition:border-color .15s}.sp-toggle-all-btn{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 82%,var(--card));color:var(--text-muted);border-radius:var(--radius-sm);padding:7px 14px;font-size:var(--font-sm);font-weight:650;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.sp-toggle-all-btn:hover{background:color-mix(in srgb,var(--accent-soft) 62%,var(--card));color:var(--primary-dark);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.sp-pay-filter{display:flex;gap:2px;background:color-mix(in srgb,var(--bg-soft) 82%,var(--card));border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.sp-filter-btn{border:0;background:none;color:var(--text-muted);cursor:pointer;padding:6px 14px;font-size:var(--font-sm);font-weight:650;border-radius:calc(var(--radius-sm) - 2px);transition:background .15s,color .15s}.sp-filter-btn:hover{color:var(--text)}.sp-filter-btn.active{background:var(--card);color:var(--text);box-shadow:0 1px 4px #0000000f}.sp-primary-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-sm);padding:10px 18px;font-weight:700;font-size:var(--font-sm);cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;white-space:nowrap;box-shadow:0 8px 18px var(--accent-shadow);transition:filter .15s,transform .15s,box-shadow .15s}.sp-primary-btn:hover{filter:saturate(1.05) brightness(.98);transform:translateY(-1px);box-shadow:0 12px 24px var(--accent-shadow)}.sp-primary-btn:active{transform:translateY(0)}.sp-primary-btn.small{padding:7px 14px;font-size:var(--font-xs)}.sp-primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.sp-ghost-btn{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-soft) 82%,var(--card));color:var(--text);cursor:pointer;font-weight:650;font-size:var(--font-sm);padding:7px 14px;border-radius:var(--radius-sm);transition:background .15s,color .15s,border-color .15s}.sp-ghost-btn:hover{background:color-mix(in srgb,var(--accent-soft) 62%,var(--card));color:var(--primary-dark);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.sp-form-card{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-padding);box-shadow:var(--shadow-sm)}.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--section-gap)}.sp-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.sp-field label{font-size:var(--font-xs);font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.sp-field input,.sp-field textarea{border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--font-md);background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s}.sp-field input:focus,.sp-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft);background:var(--input-bg-focus, #fff)}.sp-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.sp-accordion{display:flex;flex-direction:column;gap:var(--section-gap)}.sp-accordion-item{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,border-color .25s ease}.sp-accordion-item:hover{box-shadow:var(--shadow-md)}.sp-accordion-item.open{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));box-shadow:var(--shadow-md)}.sp-accordion-trigger{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:16px 18px;cursor:pointer;text-align:left;color:var(--text);transition:background .15s}.sp-accordion-trigger:hover{background:color-mix(in srgb,var(--accent-soft) 24%,transparent)}.sp-accordion-item.open>.sp-accordion-trigger{background:color-mix(in srgb,var(--accent-soft) 14%,transparent)}.sp-trigger-icon{font-size:20px;color:var(--primary);flex-shrink:0;transition:transform .25s ease}.sp-accordion-item.open .sp-trigger-icon{transform:rotate(90deg)}.sp-trigger-info{flex:1;min-width:0}.sp-trigger-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-trigger-name h3{margin:0;font-size:clamp(15px,1.1vw,18px);font-weight:700}.sp-budget-badge{font-size:var(--font-xs);font-weight:700;background:var(--chip-bg);color:var(--chip-text);padding:2px 10px;border-radius:20px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border))}.sp-trigger-meta{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:var(--font-sm);color:var(--text-muted)}.sp-trigger-meta span{display:inline-flex;align-items:center;gap:4px}.sp-trigger-meta svg{font-size:14px}.sp-progress-pill{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:1px 8px;font-size:var(--font-xs)!important;font-weight:700;background:var(--accent-soft);color:var(--primary-dark);border-radius:20px}.sp-trigger-arrow{font-size:18px;color:var(--text-muted);flex-shrink:0;transition:transform .25s ease}.sp-accordion-item.open .sp-trigger-arrow{transform:rotate(180deg)}.sp-accordion-progress{height:3px;background:color-mix(in srgb,var(--border) 70%,var(--bg-soft));margin:0 18px;border-radius:2px;overflow:hidden}.sp-accordion-progress-fill{height:100%;border-radius:2px;transition:width .5s ease,background .3s;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,var(--success, #22c55e)))}.sp-accordion-progress-fill.over{background:linear-gradient(90deg,var(--danger, #ef4444),color-mix(in srgb,var(--danger, #ef4444) 60%,#f87171))}.sp-accordion-body{overflow:hidden;transition:max-height .35s ease,opacity .25s ease;max-height:0;opacity:0}.sp-accordion-item.open .sp-accordion-body{max-height:2000px;opacity:1}.sp-accordion-content{padding:0 18px 18px}.sp-icon-btn{border:0;background:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s,color .15s}.sp-icon-btn:hover{background:color-mix(in srgb,var(--accent-soft) 62%,var(--card));color:var(--text)}.sp-icon-btn.danger:hover{color:var(--danger);background:var(--danger-soft)}.sp-accordion-actions{display:flex;gap:2px;flex-shrink:0;margin-left:auto}.sp-items{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.sp-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);border-left:3px solid transparent;transition:background .15s}.sp-item:hover{background:color-mix(in srgb,var(--accent-soft) 20%,transparent)}.sp-item.purchased{opacity:.7;border-left-color:var(--success, #22c55e)}.sp-item.unplanned{background:color-mix(in srgb,var(--warning, #f59e0b) 5%,transparent);border-left-color:var(--warning, #f59e0b);border-left-style:dashed}.sp-check-btn{border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;padding:0;font-size:20px;color:var(--text-muted);flex-shrink:0;transition:color .15s,transform .15s}.sp-check-btn:hover{color:var(--primary);transform:scale(1.1)}.sp-item.purchased .sp-check-btn{color:var(--success, #22c55e)}.sp-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sp-item-name{font-weight:650;font-size:var(--font-md)}.sp-item.purchased .sp-item-name{text-decoration:line-through;color:var(--text-muted)}.sp-item-details{display:flex;align-items:center;gap:8px;font-size:var(--font-xs);color:var(--text-muted)}.sp-item-qty{font-weight:700;background:var(--badge-bg, var(--bg-soft));padding:0 6px;border-radius:4px}.sp-item-est{text-decoration:line-through;opacity:.6}.sp-unplanned-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;background:var(--warning-soft, #fef3c7);color:var(--warning, #f59e0b);padding:2px 6px;border-radius:4px}.sp-item-price-input{display:flex;align-items:center;gap:2px;flex-shrink:0}.sp-currency-symbol{font-size:var(--font-sm);font-weight:700;color:var(--text-muted)}.sp-price-input{width:64px;border:1px solid var(--border-strong, var(--border));border-radius:calc(var(--radius-sm) - 2px);padding:5px 6px;font-size:var(--font-sm);font-weight:650;background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;text-align:right;transition:border-color .15s,box-shadow .15s}.sp-price-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-soft)}.sp-item-remove{border:0;background:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:calc(var(--radius-sm) - 2px);display:inline-flex;align-items:center;font-size:14px;opacity:0;transition:opacity .15s,color .15s,background .15s}.sp-item:hover .sp-item-remove{opacity:1}.sp-item-remove:hover{color:var(--danger);background:var(--danger-soft)}.sp-add-item-form{margin-bottom:10px}.sp-add-item-input{width:100%;border:1px dashed var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:9px 12px;font-size:var(--font-sm);background:none;color:var(--text);outline:none;box-sizing:border-box;transition:border-color .15s,border-style .15s}.sp-add-item-input:focus{border-color:var(--primary);border-style:solid}.sp-add-item-extras{display:flex;align-items:center;gap:6px;margin-top:6px;padding-left:2px}.sp-qty-input{width:52px;border:1px solid var(--border-strong, var(--border));border-radius:calc(var(--radius-sm) - 2px);padding:5px 6px;font-size:var(--font-xs);background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;text-align:center;transition:border-color .15s}.sp-qty-input:focus{border-color:var(--primary)}.sp-add-price{width:72px;border:1px solid var(--border-strong, var(--border));border-radius:calc(var(--radius-sm) - 2px);padding:5px 6px;font-size:var(--font-xs);background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;text-align:right;transition:border-color .15s}.sp-add-price:focus{border-color:var(--primary)}.sp-sm-btn{border:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;width:30px;height:30px;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 4px 10px var(--accent-shadow);transition:filter .15s,transform .15s}.sp-sm-btn:hover{filter:saturate(1.05) brightness(.98);transform:scale(1.05)}.sp-sm-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.sp-total-row{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:10px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:700}.sp-total-row svg{font-size:18px}.sp-over-badge{margin-left:auto;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;background:#fff3;padding:3px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-unplanned-inline{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-top:2px;background:color-mix(in srgb,var(--warning, #f59e0b) 5%,transparent);border:1px dashed color-mix(in srgb,var(--warning, #f59e0b) 20%,var(--border));border-radius:var(--radius-sm)}.sp-unplanned-inline span{font-size:var(--font-xs);font-weight:650;color:var(--text-muted);white-space:nowrap}.sp-unplanned-inline input{flex:1;min-width:80px;border:1px solid var(--border-strong, var(--border));border-radius:calc(var(--radius-sm) - 2px);padding:5px 8px;font-size:var(--font-xs);background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;transition:border-color .15s}.sp-unplanned-inline input:focus{border-color:var(--primary)}.sp-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:4px;border-top:1px solid color-mix(in srgb,var(--border) 70%,var(--bg-soft));flex-wrap:wrap}.sp-stats{display:flex;gap:16px;font-size:var(--font-sm);flex-wrap:wrap}.sp-stat{color:var(--text-muted);font-weight:650;display:inline-flex;align-items:center;gap:4px}.sp-stat.over{color:var(--danger);font-weight:700}.sp-footer-actions{display:flex;gap:6px}.sp-share-btn{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:var(--radius-sm);padding:7px 14px;font-size:var(--font-xs);font-weight:700;cursor:pointer;background:#25d366;color:#fff;white-space:nowrap;transition:filter .15s,transform .15s}.sp-share-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.sp-empty{text-align:center;padding:clamp(48px,6vw,80px) 20px;color:var(--text-muted)}.sp-empty-icon-wrap{width:80px;height:80px;margin:0 auto 20px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--primary) 4%,transparent));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));display:flex;align-items:center;justify-content:center}.sp-empty-icon-wrap svg{font-size:36px;color:var(--primary);opacity:.6}.sp-empty h3{margin:0 0 6px;font-size:clamp(16px,1.2vw,20px);font-weight:700;color:var(--text)}.sp-empty p{margin:0 auto 24px;font-size:var(--font-sm);max-width:360px;line-height:1.5}.sp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay, rgba(0, 0, 0, .45));display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:sp-overlay-in .2s ease}@keyframes sp-overlay-in{0%{opacity:0}to{opacity:1}}.sp-modal{background:var(--card-elevated, var(--card));border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:sp-modal-in .25s ease}@keyframes sp-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.sp-modal-header h3{margin:0;font-size:clamp(16px,1.1vw,18px);font-weight:700}.sp-modal-close{border:0;background:color-mix(in srgb,var(--bg-soft) 82%,var(--card));color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);font-size:18px;transition:background .15s,color .15s}.sp-modal-close:hover{background:var(--danger-soft);color:var(--danger)}.sp-modal-body{padding:16px 20px}.sp-modal-item{font-size:var(--font-md);padding:10px 14px;background:color-mix(in srgb,var(--bg-soft) 70%,var(--card));border-radius:var(--radius-sm);margin:0 0 16px;border:1px solid var(--border)}.sp-modal-label{font-size:var(--font-xs);font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 10px}.sp-pay-options{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.sp-pay-option{display:flex;align-items:center;gap:12px;padding:14px;border:2px solid var(--border);border-radius:var(--radius);background:none;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.sp-pay-option:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--accent-soft) 20%,transparent)}.sp-pay-option.active{border-color:var(--primary);background:color-mix(in srgb,var(--accent-soft) 28%,transparent)}.sp-pay-icon{font-size:24px;color:var(--primary);flex-shrink:0}.sp-pay-title{display:block;font-weight:700;font-size:var(--font-md);color:var(--text)}.sp-pay-desc{display:block;font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.sp-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 18px}.sp-modal select{width:100%;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:var(--control-padding-y) var(--control-padding-x);font-size:var(--font-md);background:var(--input-bg, var(--bg-soft));color:var(--text);outline:none;transition:border-color .15s}.sp-modal select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--accent-soft)}.sp-import-actions{display:flex;gap:4px;margin:8px 0}.sp-import-items{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px}.sp-import-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;font-size:var(--font-sm);transition:background .15s}.sp-import-item:hover{background:color-mix(in srgb,var(--accent-soft) 24%,transparent)}.sp-import-item input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.sp-settle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:10px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,#818cf8));border-radius:var(--radius);color:#fff}.sp-settle-info{display:flex;flex-direction:column;gap:2px}.sp-settle-count{font-size:var(--font-xs);font-weight:650;opacity:.85}.sp-settle-amount{font-size:clamp(18px,1.6vw,24px);font-weight:800}.sp-settle-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-sm);padding:10px 18px;font-weight:700;font-size:var(--font-sm);cursor:pointer;background:#fff;color:var(--primary-dark);white-space:nowrap;transition:transform .15s,box-shadow .15s}.sp-settle-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000026}.sp-modal-store{font-size:clamp(15px,1.1vw,17px);margin:0 0 14px}.sp-pay-items{display:flex;flex-direction:column;gap:0;margin-bottom:10px;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.sp-pay-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:var(--font-sm);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,var(--bg-soft))}.sp-pay-item:last-child{border-bottom:0}.sp-pay-item-name{color:var(--text)}.sp-pay-item-price{font-weight:700;color:var(--text)}.sp-pay-subtotal{display:flex;justify-content:space-between;padding:10px 0;font-weight:650;font-size:var(--font-sm);border-top:2px solid var(--border)}.sp-tax-fields{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--border)}.sp-tax-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.sp-tax-row label{font-size:var(--font-xs);font-weight:650;color:var(--text-muted);white-space:nowrap}.sp-tax-input-wrap{display:flex;align-items:center;gap:4px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);padding:4px 8px;background:var(--input-bg, var(--bg-soft));transition:border-color .15s,box-shadow .15s}.sp-tax-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-soft)}.sp-tax-input-wrap input{width:70px;border:0;background:none;outline:none;font-size:var(--font-sm);font-weight:650;text-align:right;color:var(--text);padding:2px 0}.sp-tax-input-wrap svg,.sp-tax-input-wrap .sp-currency-symbol{font-size:var(--font-sm);color:var(--text-muted)}.sp-tax-total{display:flex;justify-content:space-between;font-size:var(--font-sm);font-weight:650;color:var(--text-muted);padding-top:4px}.sp-pay-grand{display:flex;justify-content:space-between;padding:12px 0 14px;font-size:clamp(16px,1.2vw,20px);font-weight:800;border-top:2px solid var(--text);color:var(--text)}@media (max-width: 768px){.sp-summary{grid-template-columns:repeat(2,1fr)}.sp-form-row{grid-template-columns:1fr}}@media (max-width: 640px){.sp-summary{grid-template-columns:1fr}.sp-summary-card{padding:12px 14px}.sp-summary-value{font-size:18px}.sp-hero{flex-direction:column;align-items:flex-start;padding:16px}.sp-trigger-name h3{font-size:14px}.sp-accordion-trigger{padding:12px 14px}.sp-accordion-content{padding:0 14px 14px}.sp-settle-row{flex-direction:column;align-items:flex-start;gap:12px}.sp-settle-btn{width:100%;justify-content:center}}.landing-page{--landing-surface: color-mix(in srgb, var(--card) 94%, white);--landing-muted: var(--text-muted, var(--muted));--landing-line: color-mix(in srgb, var(--border) 74%, transparent);height:100svh;min-height:100svh;background:var(--page-gradient);color:var(--text);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.landing-page a{color:inherit;text-decoration:none}body:has(.landing-page){overflow-y:auto!important;overflow-x:hidden!important}.landing-nav{position:sticky;top:0;z-index:20;width:min(1180px,calc(100% - 32px));min-height:72px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:14px 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-brand,.landing-actions,.landing-links,.hero-buttons,.hero-stats,.dashboard-top,.dashboard-grid,.trusted-band,.panel-head,.legend-list,.contact-cta,.landing-footer{display:flex;align-items:center}.landing-brand{gap:10px;font-weight:800;color:var(--text)}.landing-brand img{width:38px;height:38px;object-fit:contain}.landing-brand b{color:var(--primary)}.landing-links{justify-content:center;gap:clamp(16px,3vw,34px);color:var(--landing-muted);font-size:14px;font-weight:700}.landing-links a:hover,.link-button:hover{color:var(--primary-dark)}.landing-actions{justify-content:flex-end;gap:10px}.theme-chip,.soft-pill,.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));background:var(--accent-soft);color:var(--primary-dark);font-size:12px;font-weight:800}.theme-chip{padding:7px 10px}.theme-chip span{width:9px;height:9px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px var(--accent-soft)}.link-button,.primary-button,.secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:10px 16px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.primary-button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff!important;box-shadow:0 14px 34px var(--accent-shadow)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.secondary-button{color:var(--primary-dark)!important;background:color-mix(in srgb,var(--card) 88%,white);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.large{min-height:48px;padding-inline:22px}.hero-section{width:min(1180px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:clamp(34px,5vw,70px);align-items:center;padding:clamp(46px,7vw,92px) 0 clamp(42px,7vw,78px)}.hero-copy{display:grid;gap:22px}.eyebrow{padding:8px 12px;text-transform:uppercase;letter-spacing:.08em}.hero-copy h1,.section-heading h2,.contact-cta h2{margin:0;color:var(--text);line-height:1.04;letter-spacing:0}.hero-copy h1{max-width:720px;font-size:clamp(44px,5.7vw,72px)!important;font-weight:900}.hero-text,.section-heading span,.feature-card p,.pricing-card p,.contact-cta span,.landing-footer p{color:var(--landing-muted);line-height:1.7}.hero-text{max-width:660px;margin:0;font-size:clamp(16px,1.4vw,19px)}.hero-buttons{gap:12px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-proof span{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--card) 82%,var(--accent-soft));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));color:var(--text);font-size:13px;font-weight:800}.hero-proof svg{color:var(--primary);flex:0 0 auto}.hero-stats{gap:clamp(18px,4vw,46px);flex-wrap:wrap;padding-top:12px}.hero-stats div{display:grid;gap:3px}.hero-stats strong{color:var(--primary-dark);font-size:clamp(24px,3vw,34px)}.hero-stats span{color:var(--landing-muted);font-size:13px;font-weight:700}.hero-dashboard,.feature-card,.bar-panel,.pie-panel,.pricing-card,.trusted-card{background:var(--landing-surface);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);box-shadow:0 24px 70px #0f172a1f}.hero-dashboard{border-radius:30px;padding:clamp(14px,2vw,18px);position:relative;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);gap:14px;align-items:stretch;overflow:hidden}.hero-dashboard:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 48%,transparent),transparent 42%);opacity:.35}.hero-image-card,.dashboard-panel,.hero-alert-card,.hero-task-grid div{position:relative;border-radius:22px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));background:color-mix(in srgb,var(--card) 84%,white)}.hero-image-card{min-height:328px;overflow:hidden}.hero-image-card img{width:100%;height:100%;display:block;object-fit:cover}.image-chip{position:absolute;left:14px;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:999px;background:#ffffffdb;color:var(--primary-dark);font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px #0f172a1f}.dashboard-panel{padding:clamp(16px,2vw,22px);min-width:0}.dashboard-top{justify-content:space-between;gap:18px;margin-bottom:12px}.dashboard-top div,.panel-head div{display:grid;gap:4px}.dashboard-top span,.panel-head span{color:var(--landing-muted);font-size:13px;font-weight:800}.dashboard-top strong,.panel-head strong{font-size:24px}.dashboard-top p{margin:0;padding:8px 11px;border-radius:999px;color:var(--success-dark, #16a34a);background:color-mix(in srgb,var(--success) 14%,var(--card));font-weight:900}.dashboard-chart{min-height:210px}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dashboard-grid div{min-width:0;display:grid;gap:6px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 42%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))}.dashboard-grid svg,.feature-icon{color:var(--primary)}.dashboard-grid span{color:var(--landing-muted);font-size:12px;font-weight:800}.dashboard-grid strong{font-size:14px}.hero-task-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-task-grid div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;padding:13px 14px}.hero-task-grid svg,.hero-alert-card svg{color:var(--primary);font-size:18px}.hero-task-grid span{color:var(--landing-muted);font-size:12px;font-weight:800}.hero-task-grid strong{grid-column:2;color:var(--text);font-size:15px}.hero-alert-card{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 74%,var(--card)),var(--landing-surface))}.hero-alert-card span{display:block;color:var(--landing-muted);font-size:12px;font-weight:900}.hero-alert-card strong{display:block;color:var(--text);font-size:14px;line-height:1.4}.section-band,.landing-section,.landing-footer{width:min(1180px,calc(100% - 32px));margin:0 auto}.trusted-band{justify-content:space-between;gap:14px;padding:18px 0 52px}.trusted-card{flex:1;min-height:74px;justify-content:center;gap:10px;border-radius:18px;padding:18px;color:var(--text);font-weight:800}.trusted-card svg{color:var(--primary);font-size:22px}.landing-section{padding:clamp(54px,8vw,96px) 0}.section-heading{max-width:760px;display:grid;gap:14px;margin-bottom:34px}.section-heading h2,.contact-section h2{font-size:clamp(32px,4vw,52px)!important;font-weight:900}.feature-grid,.pricing-grid,.platform-preview,.platform-metrics,.contact-section,.contact-options,.contact-form{display:grid;gap:18px}.features-section{position:relative}.features-section .section-heading{max-width:840px;margin-bottom:clamp(28px,4vw,46px)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}.feature-card{min-height:258px;position:relative;overflow:hidden;border-radius:24px;padding:clamp(22px,2.4vw,28px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;isolation:isolate;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 36%,transparent),transparent 48%);opacity:0;transition:opacity .24s ease}.feature-card:after{content:"";position:absolute;inset:auto 24px 0;height:3px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,var(--primary),var(--primary-dark));opacity:0;transform:scaleX(.35);transform-origin:left;transition:opacity .24s ease,transform .24s ease}.feature-card:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 30px 80px color-mix(in srgb,var(--accent-shadow) 62%,rgba(15,23,42,.12))}.feature-card:hover:before,.feature-card:hover:after{opacity:1}.feature-card:hover:after{transform:scaleX(1)}.feature-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feature-card-top>span{color:color-mix(in srgb,var(--primary) 45%,var(--landing-muted));font-size:12px;font-weight:900;letter-spacing:.08em;line-height:1}.feature-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 18%,var(--card)),var(--accent-soft));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:inset 0 1px color-mix(in srgb,white 58%,transparent),0 14px 32px color-mix(in srgb,var(--accent-shadow) 34%,transparent);font-size:23px;transition:transform .24s ease,background .24s ease,color .24s ease}.feature-card:hover .feature-icon{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));transform:rotate(-3deg) scale(1.04)}.feature-card h3,.pricing-card h3{margin:0 0 10px;color:var(--text);font-size:20px!important}.feature-card h3{margin-bottom:12px;font-size:21px!important;line-height:1.25}.feature-card p{font-size:15px;line-height:1.65}.feature-card p,.pricing-card p{margin:0}.platform-section .section-heading{max-width:880px}.platform-metrics{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.platform-metrics div{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;padding:18px;border-radius:22px;background:var(--landing-surface);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:0 18px 48px #0f172a14}.metric-icon{grid-row:span 3;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--primary);font-size:20px}.platform-metrics span:not(.metric-icon){color:var(--landing-muted);font-size:12px;font-weight:900}.platform-metrics strong{color:var(--text);font-size:clamp(20px,2vw,28px)}.platform-metrics b{justify-self:end;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--success) 14%,var(--card));color:var(--success-dark, #16a34a);font-size:12px}.platform-preview{grid-template-columns:minmax(0,1.5fr) minmax(320px,.88fr);align-items:stretch}.bar-panel,.pie-panel{position:relative;overflow:hidden;border-radius:28px;padding:clamp(20px,2.5vw,30px)}.bar-panel:before,.pie-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 14%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 24%,transparent),transparent 48%);opacity:.8}.panel-head{position:relative;z-index:1;justify-content:space-between;margin-bottom:20px}.soft-pill{padding:7px 11px}.chart-shell,.donut-shell,.platform-insights,.category-note{position:relative;z-index:1}.chart-shell{min-height:310px}.platform-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.platform-insights span{display:flex;align-items:flex-start;gap:8px;min-height:58px;padding:12px;border-radius:16px;background:color-mix(in srgb,var(--card) 84%,white);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));color:var(--text);font-size:13px;font-weight:800;line-height:1.35}.platform-insights svg{color:var(--primary);flex:0 0 auto;margin-top:2px}.donut-shell{min-height:240px}.donut-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.donut-center span{color:var(--landing-muted);font-size:12px;font-weight:900}.donut-center strong{color:var(--text);font-size:22px}.legend-list{flex-wrap:wrap;gap:10px}.legend-list span{display:inline-flex;align-items:center;gap:7px;color:var(--landing-muted);font-size:13px;font-weight:800}.legend-list i{width:10px;height:10px;border-radius:999px}.category-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:18px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--accent-soft) 52%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border))}.category-note svg{color:var(--primary);font-size:20px}.category-note span{color:var(--landing-muted);font-size:13px;font-weight:900}.category-note strong{color:var(--primary-dark)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.pricing-card{position:relative;border-radius:24px;padding:26px;display:grid;gap:16px}.pricing-card.featured{border-color:color-mix(in srgb,var(--primary) 58%,var(--border));box-shadow:0 28px 80px var(--accent-shadow)}.featured-badge{width:max-content;border-radius:999px;padding:7px 11px;background:var(--primary);color:#fff;font-size:12px;font-weight:900}.plan-price{display:flex;align-items:end;gap:8px;min-height:46px}.plan-price strong{color:var(--primary-dark);font-size:34px;line-height:1}.plan-price span{color:var(--landing-muted);font-size:13px;font-weight:800;padding-bottom:4px}.plan-meta{display:grid;gap:8px;min-height:86px;padding:15px;border-radius:16px;background:color-mix(in srgb,var(--accent-soft) 48%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))}.plan-meta span{color:var(--text);font-size:14px;font-weight:800;line-height:1.4}.plan-meta b{color:var(--primary-dark);font-size:13px}.pricing-card ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.pricing-card .primary-button,.pricing-card .secondary-button{margin-top:auto}.pricing-card li{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700}.pricing-card li svg{color:var(--primary);flex:0 0 auto}.contact-section{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:stretch;gap:clamp(22px,4vw,46px)}.contact-copy,.contact-panel{border-radius:28px;background:var(--landing-surface);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);box-shadow:0 24px 70px #0f172a1f}.contact-copy{padding:clamp(24px,4vw,42px);display:grid;align-content:center;gap:16px;position:relative;overflow:hidden}.contact-copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top right,color-mix(in srgb,var(--primary) 18%,transparent),transparent 38%)}.contact-copy>*{position:relative;z-index:1}.contact-copy h2{margin:0;color:var(--text);line-height:1.05}.contact-copy>span{max-width:620px;color:var(--landing-muted);line-height:1.7}.contact-options{grid-template-columns:repeat(3,1fr);margin-top:12px}.contact-options div{min-width:0;display:grid;gap:6px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--card) 86%,white);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))}.contact-options svg{color:var(--primary);font-size:20px}.contact-options span{color:var(--landing-muted);font-size:12px;font-weight:900}.contact-options strong{color:var(--text);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.contact-panel{padding:clamp(22px,3vw,30px);display:grid;gap:18px}.contact-panel-head{display:flex;align-items:center;gap:12px}.contact-panel-head>svg{width:46px;height:46px;padding:12px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 14px 34px var(--accent-shadow)}.contact-panel-head span{display:block;color:var(--landing-muted);font-size:12px;font-weight:900}.contact-panel-head strong{display:block;color:var(--text);line-height:1.4}.contact-form{grid-template-columns:repeat(2,1fr)}.contact-form label{display:grid;gap:8px;color:var(--text);font-size:13px;font-weight:900}.contact-form input,.contact-form textarea{width:100%;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--card) 88%,white);color:var(--text);padding:13px 14px;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.full-field,.contact-form .primary-button{grid-column:1 / -1}.landing-footer{justify-content:space-between;gap:16px;padding:36px 0 46px}.landing-footer span{color:var(--primary-dark);font-weight:900}.landing-footer p{margin:0}html.dark .landing-page{--landing-surface: color-mix(in srgb, var(--card) 88%, #020617)}@media (max-width: 980px){.landing-nav{grid-template-columns:1fr auto}.landing-links{display:none}.hero-section,.platform-preview,.contact-section{grid-template-columns:1fr}.hero-dashboard{grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr)}.feature-grid,.pricing-grid,.platform-metrics,.contact-options{grid-template-columns:repeat(2,1fr)}.trusted-band{flex-wrap:wrap}.trusted-card{min-width:min(100%,280px)}}@media (max-width: 680px){.landing-page{height:100dvh;min-height:100svh;overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-nav{width:min(100% - 22px,1180px);min-height:52px;grid-template-columns:auto auto;justify-content:space-between;gap:10px;padding:8px 0}.landing-actions{justify-content:flex-end;flex-wrap:nowrap}.mobile-nav-hidden{display:none!important}.landing-brand{min-width:0}.landing-brand img{width:32px;height:32px}.landing-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-actions .primary-button{width:auto;min-height:36px;padding:8px 12px;font-size:13px}.hero-section,.section-band,.landing-section,.landing-footer{width:min(100% - 22px,1180px)}.hero-section{padding-top:36px}.hero-copy h1{font-size:40px!important}.hero-dashboard,.hero-task-grid{grid-template-columns:1fr}.hero-image-card{min-height:240px}.dashboard-panel{padding:16px}.dashboard-grid,.feature-grid,.pricing-grid,.platform-metrics,.platform-insights,.contact-options,.contact-form{grid-template-columns:1fr}.hero-buttons,.landing-footer{align-items:stretch;flex-direction:column}.primary-button,.secondary-button,.link-button{width:100%}.chart-shell{min-height:326px}.donut-shell{min-height:256px}}@media (prefers-reduced-motion: reduce){.feature-card,.feature-card:before,.feature-card:after,.feature-icon{transition:none}}html,body,#root{height:100%;margin:0}body{overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.app-layout{display:flex;height:100dvh;min-height:100dvh;width:100%;overflow:hidden}.layout-right{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.layout-content{flex:1;padding:22px;overflow-x:hidden;overflow-y:auto;min-width:0;min-height:0;-webkit-overflow-scrolling:touch}.layout-content>*{max-width:100%}.navbar{position:sticky;top:0;z-index:100;width:100%;background:var(--card-bg);border-bottom:1px solid var(--border)}.breadcrumbs{position:sticky;top:64px;z-index:90;background:var(--bg)}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:999}@media (min-width: 769px){.mobile-sidebar-backdrop{display:none}}@media (max-width: 1024px){.layout-content{padding:16px}}@media (max-width: 768px){.layout-content{padding:14px 14px 80px}.layout-right{width:100%;min-width:100%;height:100dvh}}.profile-image-field{display:grid;gap:12px}.profile-image-field-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.profile-image-field-head label{font-size:13px;font-weight:700;color:#374151}.profile-image-field-head span,.profile-image-actions small{color:#64748b;font-size:12px;line-height:1.5}.profile-image-field-body{display:flex;align-items:center;gap:14px}.profile-image-preview{flex-shrink:0;border-radius:20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 12px 28px #f973162e}.profile-image-preview.md{width:74px;height:74px;font-size:28px}.profile-image-preview.sm{width:58px;height:58px;font-size:22px;border-radius:18px}.profile-image-actions{display:grid;gap:8px}.profile-image-btn{border:1px solid #dbe3ee;background:#fffffff5;color:#0f172a;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.profile-image-btn.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}@media (max-width: 640px){.profile-image-field-head,.profile-image-field-body{flex-direction:column;align-items:flex-start}}*,*:before,*:after{box-sizing:border-box}.profile-container{border-radius:12px;box-shadow:0 4px 20px -8px gray;padding:32px;background:radial-gradient(circle at top left,rgba(249,115,22,.08),transparent 26%),radial-gradient(circle at top right,rgba(249,115,22,.08),transparent 22%),linear-gradient(180deg,#f8fafc,#eef4ff 48%,#f8fafc)}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border-radius:28px;background:#ffffffdb;border:1px solid rgba(226,232,240,.9);box-shadow:0 24px 60px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#f9731614;color:var(--chip-text);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.profile-hero-copy h1{margin:16px 0 10px;font-size:clamp(30px,4vw,44px);line-height:1.05;color:#0f172a}.profile-hero-copy p{max-width:760px;margin:0;color:#64748b;line-height:1.7;font-size:15px}.profile-hero-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.profile-hero-chips span,.section-pill,.profile-modal-badge,.role{display:inline-flex;align-items:center;gap:8px}.profile-hero-chips span{padding:10px 14px;border-radius:999px;background:var(--chip-bg);color:#1e3a8a;font-size:13px;font-weight:600}.profile-hero-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start}.add-btn,.ghost-btn,.secondary-btn,.inline-action,.cancel-btn,.save-btn,.danger-btn{border:none;border-radius:14px;padding:12px 18px;font-weight:700;font-size:14px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.add-btn,.save-btn{background:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to));color:#fff;box-shadow:0 14px 34px #22c55e42}.save-btn{background:linear-gradient(135deg,var(--chip-bg),#fb7185);box-shadow:0 14px 34px #f973163d}.ghost-btn,.secondary-btn,.cancel-btn,.inline-action{background:#fffffff0;color:#0f172a;border:1px solid #dbe3ee}.danger-btn{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.add-btn:hover,.ghost-btn:hover,.secondary-btn:hover,.inline-action:hover,.cancel-btn:hover,.save-btn:hover,.danger-btn:hover{transform:translateY(-1px)}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0 26px}.profile-stat-card{padding:22px;border-radius:24px;background:#ffffffe0;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a0f}.profile-stat-card span{color:#64748b;font-size:13px;font-weight:600}.profile-stat-card strong{display:block;margin-top:10px;color:#0f172a;font-size:32px;line-height:1}.profile-stat-card p{margin:10px 0 0;color:#94a3b8;font-size:13px;line-height:1.6}.section{margin-top:26px}.section-header.refined{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-header h2{display:inline-flex;align-items:center;gap:10px;margin:0;color:#0f172a;font-size:26px}.section-sub{display:block;margin-top:8px;color:#64748b;font-size:14px}.section-pill{padding:10px 14px;border-radius:999px;background:#ffffffdb;border:1px solid #dbe3ee;color:#334155;font-size:13px;font-weight:700}.owner-spotlight{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;padding:26px;border-radius:28px;background:radial-gradient(circle at top right,rgba(250,204,21,.18),transparent 26%),linear-gradient(135deg,#fff7edf5,#fffffff5);border:1px solid rgba(251,191,36,.35);box-shadow:0 22px 50px #0f172a14;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.owner-spotlight:hover,.member-card:hover{transform:translateY(-2px);box-shadow:0 26px 60px #0f172a1a}.owner-spotlight-main{display:flex;gap:20px;align-items:flex-start}.avatar{width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;box-shadow:0 12px 28px #ea580c33}.owner-avatar{background:linear-gradient(135deg,#f59e0b,#f97316)}.avatar.large{width:68px;height:68px;font-size:30px;border-radius:22px}.owner-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.owner-title-row h3,.member-card-copy h3{margin:0;color:#0f172a;font-size:24px}.owner-spotlight-copy p,.member-card-about{margin:12px 0 0;color:#64748b;line-height:1.7;font-size:14px}.owner-details-grid,.member-card-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.owner-details-grid span,.member-card-meta span,.profile-modal-stats span,.profile-modal-tags span{padding:11px 13px;border-radius:14px;background:#ffffffeb;color:#334155;font-size:13px;font-weight:600}.owner-spotlight-side{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:18px}.owner-score-ring{min-height:170px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffe0;border:1px solid rgba(226,232,240,.88);text-align:center}.owner-score-ring strong{color:#0f172a;font-size:40px;line-height:1}.owner-score-ring span{margin-top:8px;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.role{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}.role.owner{background:#166534;color:#fff}.role.member{background:var(--chip-bg);color:var(--chip-text)}.profile-grid.refined-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.member-card{padding:22px;border-radius:24px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 40px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease}.member-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.member-card-copy p{margin:6px 0 0;color:#64748b;font-size:14px;word-break:break-word}.member-card-actions,.profile-action-buttons,.add-member-actions{display:flex;gap:12px;justify-content:flex-end}.empty-members-state{padding:38px;border-radius:28px;text-align:center;background:#ffffffdb;border:1px dashed #cbd5e1;box-shadow:0 18px 40px #0f172a0d}.empty-members-icon{width:68px;height:68px;margin:0 auto 18px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:var(--chip-bg);color:#f97316;font-size:28px}.empty-members-state h3{margin:0;color:#0f172a;font-size:24px}.empty-members-state p{max-width:540px;margin:12px auto 20px;color:#64748b;line-height:1.7}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a8f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.modal{width:min(1180px,96vw);max-height:92vh;overflow:hidden;border-radius:26px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 30px 80px #0f172a42;display:flex;flex-direction:column}.modal.small{width:min(560px,94vw)}.profile-modal{background:radial-gradient(circle at top right,rgba(251,191,36,.12),transparent 28%),linear-gradient(180deg,#fff,#fffaf5)}.profile-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 18px;border-bottom:1px solid #f1f5f9}.profile-modal-head.compact{padding-bottom:16px}.profile-modal-title h3{margin:8px 0 6px;color:#0f172a;font-size:28px}.profile-modal-title p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.profile-modal-badge{padding:6px 12px;border-radius:999px;background:#f973161a;color:#c2410c;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.modal-close-btn{width:42px;height:42px;border-radius:12px;border:1px solid #e2e8f0;background:#fffffff0;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile-modal-body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;padding:22px 28px 26px;overflow-y:auto}.profile-modal-aside,.profile-modal-form{display:flex;flex-direction:column;gap:18px}.profile-modal-card,.profile-modal-hint,.profile-form-section{padding:20px;border-radius:20px;background:#ffffffe6;border:1px solid rgba(226,232,240,.86);box-shadow:0 16px 32px #0f172a0d}.profile-modal-avatar{width:72px;height:72px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f97316,#fb7185);box-shadow:0 16px 32px #f973163d}.profile-modal-meta{display:flex;flex-direction:column;gap:4px;margin-top:16px}.profile-modal-meta strong{color:#0f172a;font-size:20px}.profile-modal-meta span{color:#64748b;font-size:14px;word-break:break-word}.profile-modal-tags{display:flex;flex-direction:column;gap:10px;margin-top:18px}.profile-modal-hint h4,.profile-form-section-head h4{display:inline-flex;align-items:center;gap:10px;margin:0;color:#0f172a;font-size:17px}.profile-modal-hint ul{margin:12px 0 0;padding-left:18px;color:#64748b;line-height:1.7;font-size:14px}.profile-form-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.profile-form-section-head span{color:#94a3b8;font-size:13px;text-align:right}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;color:#374151;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #dbe3ee;font-size:14px;background:#fff;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--chip-text);outline:none;box-shadow:0 0 0 3px #ea580c1a}.form-group textarea{min-height:110px;resize:vertical}.full-width{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:14px;padding:18px 28px 22px;border-top:1px solid #f1f5f9;background:#fffffff5}.profile-modal-actions{justify-content:space-between;align-items:center}.profile-modal-stats{display:flex;flex-wrap:wrap;gap:12px}.add-member-body{display:grid;gap:16px;padding:8px 28px 24px}.member-add-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-mode-btn{border:1px solid #dbe3ee;background:#fffffff5;color:#334155;border-radius:14px;padding:12px 14px;font-weight:700;cursor:pointer}.member-mode-btn.active{background:linear-gradient(135deg,var(--chip-bg),#fb7185);color:#fff;border-color:transparent;box-shadow:0 14px 30px #f9731633}.member-add-alert{padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.6;font-weight:600}.member-add-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.member-add-alert.info{background:var(--chip-bg);border:1px solid #bfdbfe;color:var(--chip-text)}.member-add-helper{padding:14px;border-radius:16px;background:#f9731614;color:#1e40af;font-size:14px;line-height:1.7}.loader{position:fixed;right:28px;bottom:28px;width:46px;height:46px;border:4px solid #e2e8f0;border-top-color:var(--chip-text);border-radius:999px;animation:spin 1s linear infinite;z-index:1200}.toast{position:fixed;left:28px;bottom:28px;padding:14px 20px;border-radius:14px;background:#166534;color:#fff;font-weight:700;box-shadow:0 20px 40px #16653440;z-index:1200}.react-select__control{min-height:48px!important;border-radius:12px!important;border:1px solid #dbe3ee!important;box-shadow:none!important}.react-select__control--is-focused{border-color:var(--chip-bg)!important;box-shadow:0 0 0 3px #ea580c1a!important}.react-select__menu{border-radius:14px!important;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-spotlight,.profile-modal-body{grid-template-columns:1fr}.owner-spotlight-side{flex-direction:row;align-items:center}}@media (max-width: 768px){.profile-container{padding:18px}.profile-hero,.section-header.refined,.profile-form-section-head,.profile-modal-actions,.member-card-head,.member-card-actions,.profile-action-buttons{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.profile-stats-grid,.owner-details-grid,.member-card-meta,.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.profile-hero-actions,.owner-spotlight-side{width:100%}.profile-modal-head,.profile-modal-body,.modal-actions,.add-member-body{padding-left:18px;padding-right:18px}.member-add-mode{grid-template-columns:1fr}.profile-modal-title h3,.profile-hero-copy h1{font-size:28px}.modal.small,.modal{width:96vw}}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:20px}.session-card{background:#ffffffdb;border:1px solid rgba(226,232,240,.9);border-radius:16px;padding:20px;transition:box-shadow .2s}.session-card:hover{box-shadow:0 8px 24px #0f172a0f}.session-card.current{border-color:var(--primary, #f97316);box-shadow:0 0 0 1px var(--primary, #f97316)}.session-card.inactive{opacity:.6}.session-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.session-device-icon{width:44px;height:44px;border-radius:12px;background:#f9731614;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primary, #f97316);flex-shrink:0}.session-card-info{flex:1;min-width:0}.session-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-title-row h4{margin:0;font-size:15px;font-weight:600;color:#0f172a}.current-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#22c55e1f;color:#16a34a}.inactive-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#64748b1f;color:#64748b}.session-meta{display:flex;gap:10px;margin:4px 0 0;font-size:12px;color:#64748b}.session-meta span:not(:last-child):after{content:"·";margin-left:10px}.session-details{border-top:1px solid rgba(226,232,240,.8);padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.session-detail-row{display:flex;flex-direction:column;gap:2px}.session-detail-row span{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.session-detail-row strong{font-size:13px;color:#334155;font-weight:500;word-break:break-all}.session-card-action{margin-top:14px;padding-top:12px;border-top:1px solid rgba(226,232,240,.8)}.session-card-action .danger-btn{width:100%;justify-content:center}@media (max-width: 768px){.section-header-actions{display:flex;align-items:center;gap:10px}.section-header-actions .ghost-btn.danger-text{background:none;border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.section-header-actions .ghost-btn.danger-text:hover{background:#ef44440f;border-color:#ef444466}.sessions-grid,.session-details{grid-template-columns:1fr}}.analysis-overview-page{display:grid;gap:22px;padding:28px}.analysis-hero,.analysis-kpi,.analysis-panel{background:var(--card, #ffffff);border:1px solid var(--border, #e5e7eb);box-shadow:0 18px 38px #0f172a14}.analysis-hero,.analysis-panel{border-radius:26px;padding:24px}.analysis-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:radial-gradient(circle at top left,var(--chip-bg),transparent 28%),radial-gradient(circle at top right,rgba(124,58,237,.12),transparent 24%),var(--card, #ffffff)}.analysis-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--chip-bg);color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.analysis-hero h1{margin:12px 0 8px;font-size:2.4rem}.analysis-hero p,.analysis-panel-head p,.analysis-kpi small,.analysis-list span,.scenario-grid span{color:var(--text-muted, #64748b)}.analysis-controls label{display:grid;gap:8px;font-size:13px;font-weight:700}.analysis-controls select{min-width:180px;padding:12px 14px;border-radius:14px;border:1px solid var(--border, #e5e7eb)}.analysis-scoreboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.analysis-kpi{border-radius:22px;padding:20px}.analysis-kpi span,.analysis-kpi small{display:block}.analysis-kpi strong{display:block;margin:10px 0 8px;font-size:30px}.analysis-main-grid,.analysis-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.analysis-panel.wide{grid-column:span 2}.analysis-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.analysis-panel-head h3{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px}.analysis-list,.scenario-grid{display:grid;gap:12px}.analysis-list div,.scenario-grid div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:16px;background:var(--bg-soft, #f8fafc)}.analysis-list strong,.scenario-grid strong{font-size:1rem}.scenario-badge{padding:8px 12px;border-radius:999px;background:#7c3aed1f;color:#7c3aed;font-size:12px;font-weight:700}.scenario-slider-wrap{margin-bottom:18px}.scenario-slider-wrap input{width:100%}@media (max-width: 1200px){.analysis-scoreboard,.analysis-main-grid,.analysis-secondary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.analysis-hero,.analysis-panel-head,.analysis-list div,.scenario-grid div{flex-direction:column;align-items:flex-start}.analysis-scoreboard,.analysis-main-grid,.analysis-secondary-grid{grid-template-columns:1fr}.analysis-panel.wide{grid-column:span 1}}@media (max-width: 640px){.analysis-overview-page{padding:16px}.analysis-hero,.analysis-panel{padding:18px;border-radius:20px}.analysis-hero h1{font-size:2rem}.analysis-controls select{min-width:0;width:100%}}.assistant-page{display:grid;gap:16px;min-height:100%;padding:clamp(12px,1.4vw,22px);background:var(--page-gradient);color:var(--text)}.assistant-hero,.assistant-kpis article,.assistant-panel{background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.assistant-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:clamp(16px,2vw,24px);border-radius:18px}.assistant-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);font-size:12px;font-weight:800;text-transform:uppercase}.assistant-hero h1{margin:12px 0 6px}.assistant-hero p,.panel-title p,.assistant-kpis small,.assistant-insight p,.assistant-answer p{color:var(--text-muted);line-height:1.55}.assistant-score{width:142px;aspect-ratio:1;border-radius:22px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 18px 36px var(--accent-shadow)}.assistant-score span,.assistant-score small{font-size:12px;opacity:.9}.assistant-score strong{font-size:42px;line-height:1}.assistant-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.assistant-kpis article{display:grid;gap:7px;padding:16px;border-radius:16px}.assistant-kpis svg{color:var(--primary);font-size:20px}.assistant-kpis span{color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.assistant-kpis strong{font-size:clamp(20px,2vw,28px)}.assistant-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:14px}.assistant-panel{border-radius:18px;padding:16px;min-width:0}.panel-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.panel-title>svg{color:var(--primary);font-size:22px;margin-top:2px}.panel-title h3{margin:0 0 4px}.panel-title p{margin:0;font-size:13px}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px}.quick-prompts button{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:999px;padding:8px 11px;background:var(--chip-bg);color:var(--chip-text);font-weight:800;cursor:pointer}.assistant-answer{margin:14px 0;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 52%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border))}.assistant-answer strong{display:block;color:var(--primary-dark);margin-bottom:6px}.assistant-answer p{margin:0}.assistant-input{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px}.assistant-input input{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:10px 12px}.assistant-input button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer}.insight-stack{display:grid;gap:10px}.assistant-insight{padding:13px;border-radius:14px;border:1px solid var(--border);background:var(--bg-soft)}.assistant-insight div{display:flex;align-items:center;gap:8px}.assistant-insight p{margin:7px 0;font-size:13px}.assistant-insight small{color:var(--text);font-weight:700}.assistant-insight.good{border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.assistant-insight.good svg{color:var(--success)}.assistant-insight.watch svg{color:#f59e0b}.assistant-insight.risk{border-color:color-mix(in srgb,var(--danger) 34%,var(--border))}.assistant-insight.risk svg{color:var(--danger)}@media (max-width: 1120px){.assistant-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-grid{grid-template-columns:1fr}}@media (max-width: 680px){.assistant-hero{align-items:stretch;flex-direction:column}.assistant-score{width:100%;aspect-ratio:auto;padding:16px}.assistant-kpis{grid-template-columns:1fr}}.contacts-page{display:grid;gap:18px}.contacts-hero,.contacts-panel,.contact-card,.contacts-stat{background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.9);border-radius:20px;box-shadow:0 10px 24px #0f172a0a,0 4px 10px #0f172a05}.contacts-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px}.contacts-hero h1{margin:0;font-size:2.25rem;line-height:1;font-weight:800;color:#0f172a}.contacts-hero p{margin-top:8px;font-size:.95rem;color:#64748b;max-width:700px;line-height:1.6}.contacts-actions{display:flex;align-items:center;gap:10px}.contacts-actions button,.contact-actions button,.contact-submit{border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:.22s ease}.primary-btn,.contact-submit{background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff;box-shadow:0 8px 20px #f973163d}.primary-btn:hover,.contact-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px #f9731652}.ghost-btn{background:#f8fafc;color:#475569;border:1px solid #e2e8f0!important}.ghost-btn:hover{background:var(--chip-bg);color:var(--chip-text)}.danger-btn{background:#fef2f2;color:#dc2626}.danger-btn:hover{background:#fee2e2}.contacts-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contacts-stat{padding:18px 20px;position:relative;overflow:hidden}.contacts-stat:after{content:"";position:absolute;top:-22px;right:-22px;width:70px;height:70px;border-radius:50%;background:var(--chip-bg)}.contacts-stat span{font-size:13px;color:#64748b}.contacts-stat strong{display:block;margin-top:10px;font-size:2rem;font-weight:800;color:#0f172a}.contacts-panel{padding:18px}.contacts-toolbar{display:grid;grid-template-columns:1.4fr auto auto auto auto;gap:12px;align-items:center;margin-bottom:18px}.contacts-sync-message{margin-top:12px;padding:12px 14px;border-radius:12px;background:#ffedd5;color:#9a3412;font-weight:700;font-size:13px}.contacts-search,.contact-form input,.contact-form textarea{width:100%;border:1px solid #dbe3ef;background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;border-radius:12px;padding:12px 14px;font-size:13px;transition:.22s ease}.contacts-search:focus,.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 4px #f973161f}.contacts-search::placeholder,.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:9px 12px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;font-size:12px;font-weight:600;white-space:nowrap}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-radius:18px;background:#f8fafcbf;border:1px solid #eef2f7}.contact-form .full{grid-column:1 / -1}.contact-form textarea{resize:vertical}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.contacts-alpha-list{display:grid;gap:12px}.contacts-alpha-group{border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#ffffffeb;box-shadow:0 10px 24px #0f172a0a,0 4px 10px #0f172a05;overflow:hidden}.contacts-alpha-group.expanded{border-color:#f9731647}.contacts-alpha-header{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:none;background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;cursor:pointer;text-align:left}.contacts-alpha-header:hover{background:var(--chip-bg)}.contacts-alpha-title{display:flex;align-items:center;gap:12px;min-width:0;color:#64748b;font-size:13px;font-weight:800}.contacts-alpha-letter{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--chip-bg);color:var(--chip-text);font-size:18px;font-weight:900;flex:0 0 auto}.contacts-alpha-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--chip-text);background:var(--chip-bg);flex:0 0 auto}.contacts-alpha-content{padding:14px;border-top:1px solid #eef2f7}.contacts-alpha-content.contacts-list{margin:14px;padding:0;border-top:none}.contact-view-toggle{display:inline-flex;padding:4px;border-radius:12px;background:var(--chip-bg);border:1px solid var(--chip-bg)}.contact-view-toggle button{width:38px;height:38px;border:none;border-radius:10px;background:transparent;color:#475569;display:grid;place-items:center;cursor:pointer}.contact-view-toggle button.active{background:#fff;color:var(--chip-text);box-shadow:0 6px 14px #f9731624}.contacts-list{display:grid;border-radius:18px;overflow:hidden;border:1px solid rgba(226,232,240,.9);background:#ffffffeb}.contacts-list-head,.contacts-list-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(140px,1fr) minmax(180px,1.2fr) minmax(120px,.8fr) 110px;gap:14px;align-items:center;padding:14px 16px}.contacts-list-head{background:#f8fafc;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.contacts-list-row{border-top:1px solid #eef2f7;color:#334155}.contacts-list-person{display:flex;align-items:center;gap:12px;min-width:0}.contacts-list-person strong,.contacts-list-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-list-person strong{color:#0f172a}.contacts-list-person small{margin-top:3px;color:#64748b;font-size:12px}.contact-card{padding:18px;transition:.25s ease;position:relative;overflow:hidden;isolation:isolate}.contact-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(249,115,22,.04),transparent);opacity:0;transition:.25s ease;pointer-events:none;z-index:0}.contact-head,.contact-stack,.contact-actions{position:relative;z-index:1}.contact-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a0f,0 6px 12px #f973160f}.contact-card:hover:before{opacity:1}.contact-head,.contact-actions,.contact-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.contact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.contact-row>div:last-child{flex:1;min-width:0}.contact-card h3{margin:0;font-size:1.05rem;color:#0f172a;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-meta{margin-top:3px;font-size:13px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-source-badge{display:inline-flex;width:fit-content;max-width:100%;margin-top:6px;padding:4px 8px;border-radius:999px;background:var(--chip-bg);color:var(--chip-text);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f97316,var(--chip-bg));color:#fff;font-weight:800;font-size:1.25rem;box-shadow:0 10px 20px #f973163d}.contact-avatar.compact{width:42px;height:42px;border-radius:14px;font-size:1rem}.contact-card h3{margin:0;font-size:1.15rem;color:#0f172a;line-height:1.3}.contact-meta{margin-top:2px;font-size:13px;color:#64748b}.contact-actions{gap:8px}.contact-actions button{width:40px;height:40px;padding:0;display:grid;place-items:center}.contact-stack{display:grid;gap:10px}.contact-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.contact-notes{font-size:13px;line-height:1.5;color:#475569;background:#f8fafc;border-radius:12px;padding:10px 12px;border:1px solid #eef2f7}.contacts-empty{padding:34px;border:2px dashed #dbe3ef;border-radius:20px;text-align:center;color:#64748b;background:#ffffffb3;font-size:14px}@media (max-width: 1024px){.contacts-toolbar{grid-template-columns:1fr}.contacts-stats{grid-template-columns:repeat(3,1fr)}.contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts-alpha-content.contacts-list{overflow-x:auto}}@media (max-width: 768px){.contacts-page{gap:14px}.contacts-hero{flex-direction:column;align-items:flex-start;padding:18px}.contacts-hero h1{font-size:1.85rem}.contacts-hero p{font-size:.9rem}.contacts-actions{width:100%;flex-wrap:wrap}.contacts-actions button{flex:1;justify-content:center}.contacts-stats,.contact-form,.contacts-grid,.contacts-toolbar{grid-template-columns:1fr}.contacts-panel{padding:14px}.contact-card{padding:16px}.contact-avatar{width:46px;height:46px;font-size:1.1rem}.contact-card h3{font-size:1rem}.contact-actions button{width:36px;height:36px}.contact-tag{width:100%;justify-content:flex-start}.contacts-alpha-header{min-height:58px;padding:10px 12px}.contacts-alpha-letter{width:34px;height:34px;border-radius:10px;font-size:16px}.contacts-alpha-content{padding:12px}.contacts-alpha-content.contacts-list{margin:12px}.contact-view-toggle{width:100%}.contact-view-toggle button{flex:1;width:auto}.contacts-list-head{display:none}.contacts-list-row{grid-template-columns:1fr;gap:8px}}@media (max-width: 480px){.contacts-hero h1{font-size:1.65rem}.contacts-stat{padding:16px}.contacts-stat strong{font-size:1.6rem}.contacts-search,.contact-form input,.contact-form textarea{font-size:12px;padding:11px 12px}.primary-btn,.ghost-btn{width:100%}}.contact-form-card{border:1px solid #eef2f7;border-radius:18px;background:#f8fafcbf;overflow:hidden}.contact-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer}.contact-form-header h3{margin:0;font-size:15px;font-weight:700;color:#0f172a}.contact-form-header span{display:block;margin-top:4px;font-size:12px;color:#64748b}.contact-form-toggle{width:36px;height:36px;border:none;border-radius:12px;background:var(--chip-bg);color:var(--chip-text);font-size:20px;font-weight:600;cursor:pointer;transition:.2s ease}.contact-form-toggle:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff}.contact-form{border-top:1px solid #eef2f7;padding:16px}.contact-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media (max-width: 768px){.contact-form-header{padding:14px}.contact-form-actions{flex-direction:column}.contact-form-actions button{width:100%}}.data-backup-section{padding:20px 0}.data-backup-section h3{margin:0 0 6px;font-size:1rem;color:var(--heading)}.data-backup-desc{color:var(--meta);font-size:.85rem;margin:0 0 16px}.data-backup-actions{display:flex;gap:12px;flex-wrap:wrap}.data-backup-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.data-backup-btn.primary{background:var(--accent);color:#fff}.data-backup-btn.primary:hover{opacity:.9}.data-backup-btn.secondary{background:var(--bg-soft);color:var(--heading);border:1px solid var(--border)}.data-backup-btn.secondary:hover{border-color:var(--accent)}.data-backup-result{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:10px;font-size:.85rem}.data-backup-result.success{background:var(--success-soft);color:var(--success)}.data-backup-result.error{background:var(--danger-soft);color:var(--danger)}.settings-page{display:grid;gap:20px}.settings-hero,.settings-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm)}.settings-hero{padding:26px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.settings-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.settings-hero h1{margin:10px 0 6px;font-size:34px}.settings-hero p,.settings-card-head p,.toggle-row p,.settings-preview-card small{margin:0;color:var(--text-muted);line-height:1.6}.settings-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.settings-primary-btn,.settings-ghost-btn,.segmented-group button,.accent-btn,.toggle-switch,.settings-shortcuts button{border:none;cursor:pointer}.settings-primary-btn,.settings-ghost-btn,.settings-shortcuts button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;font-weight:700}.settings-primary-btn{background:linear-gradient(135deg,var(--accent),var(--primary-dark));color:#fff}.settings-ghost-btn,.settings-shortcuts button{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{padding:22px}.settings-card.wide{grid-column:span 2}.settings-card-head h3{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;font-size:22px}.settings-control-group{margin-top:18px;display:grid;gap:10px}.settings-control-group label{font-size:13px;font-weight:700;color:var(--text)}.segmented-group{display:inline-flex;padding:6px;border:1px solid var(--border);border-radius:16px;background:var(--bg-soft)}.segmented-group button{padding:10px 16px;border-radius:12px;background:transparent;color:var(--text-muted);font-weight:700}.segmented-group button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.accent-options{display:flex;gap:10px;flex-wrap:wrap}.accent-btn{padding:12px 16px;border-radius:14px;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);font-weight:700}.accent-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.settings-toggles{margin-top:18px;display:grid;gap:14px}.settings-toggles.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border-radius:18px;background:var(--bg-soft);border:1px solid var(--border)}.toggle-row strong{display:block;margin-bottom:4px}.toggle-switch{position:relative;width:54px;height:32px;border-radius:999px;background:#cbd5e1;flex-shrink:0}.toggle-switch:disabled{cursor:not-allowed;opacity:.55}.toggle-switch span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle-switch.active{background:var(--accent)}.toggle-switch.active span{transform:translate(22px)}.settings-preview-card{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),rgba(34,197,94,.12))}.settings-preview-card span,.settings-preview-card small,.settings-preview-card b{display:block}.settings-preview-card strong{display:block;margin:10px 0 6px;font-size:28px}.settings-preview-card b{font-size:16px;color:var(--text);font-weight:700}.settings-shortcuts{margin-top:18px;display:grid;gap:10px}.settings-governance{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:18px}.settings-governance-main{display:grid;gap:18px}.settings-panel,.settings-side-note,.member-access-card,.member-policy-item{border:1px solid var(--border);border-radius:20px;background:var(--bg-soft)}.settings-panel,.settings-side-note{padding:18px}.settings-panel-head{margin-bottom:14px}.settings-panel-head h4,.settings-side-note h4{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;font-size:18px}.settings-panel-head p,.settings-side-note li,.member-access-copy span,.member-policy-item span,.member-access-empty{margin:0;color:var(--text-muted);line-height:1.6}.member-visibility-grid,.member-policy-list{display:grid;gap:12px}.member-access-card{padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.member-access-card.allowed{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.member-access-card.locked{opacity:.9}.member-access-copy{display:grid;gap:4px}.member-access-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.status-badge.allowed{background:#22c55e1f;color:#15803d}.status-badge.locked{background:#f59e0b1f;color:#b45309}.member-view-btn:disabled{opacity:.55;cursor:not-allowed}.member-policy-item{padding:16px;display:grid;gap:6px}.settings-side-note ul{margin:12px 0 0;padding-left:18px}.member-access-empty{padding:18px;border-radius:18px;background:var(--card);border:1px dashed var(--border)}.settings-accordion-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm)}.settings-accordion-card.wide{grid-column:span 2}.settings-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 22px;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:700;color:var(--text);gap:12px}.settings-accordion-header:hover{background:var(--bg-soft)}.settings-accordion-chevron{display:flex;align-items:center;transition:transform .2s ease;color:var(--text-muted)}.settings-accordion-chevron.open{transform:rotate(180deg)}.settings-accordion-body{padding:0 22px 18px}.sidebar-menu-config-list{display:grid;gap:4px}.sidebar-menu-config-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--bg-soft);border:1px solid var(--border);cursor:grab;transition:background .15s,opacity .15s}.sidebar-menu-config-row:hover{background:var(--card);border-color:var(--accent-soft)}.sidebar-menu-config-row.dragging{opacity:.5;border-style:dashed}.sidebar-menu-config-row.is-child{margin-left:24px}.sidebar-menu-config-drag{display:flex;align-items:center;color:var(--text-muted);cursor:grab;flex-shrink:0;font-size:13px}.sidebar-menu-config-label{flex:1;font-weight:600;font-size:13px}.sidebar-menu-toggle{position:relative;width:32px;height:18px;border-radius:999px;border:none;cursor:pointer;flex-shrink:0;background:#cbd5e1;padding:0;transition:background .2s ease}.sidebar-menu-toggle.active{background:var(--accent)}.sidebar-menu-toggle span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease}.sidebar-menu-toggle.active span{transform:translate(14px)}.sidebar-menu-config-actions{margin-top:12px;display:flex;justify-content:flex-end}.sidebar-menu-save-btn{padding:8px 14px!important;font-size:12px!important;border-radius:10px!important}.settings-muted-text{color:var(--text-muted);font-size:14px}@media (max-width: 1024px){.settings-hero h1{font-size:28px}.settings-card-head h3{font-size:19px}.settings-governance{grid-template-columns:1fr}.settings-side-note{order:-1}}@media (max-width: 980px){.settings-grid,.settings-toggles.two-col,.settings-governance{grid-template-columns:1fr}.settings-card.wide,.settings-accordion-card.wide{grid-column:span 1}}@media (max-width: 820px){.settings-hero{padding:18px}.settings-card{padding:16px}.settings-hero h1{font-size:24px}.settings-card-head h3{font-size:17px}.settings-preview-card strong{font-size:22px}.settings-control-group select{width:100%}.settings-panel,.settings-side-note{padding:14px}.settings-accordion-header{padding:12px 16px;font-size:15px}.settings-accordion-body{padding:0 16px 14px}.settings-primary-btn,.settings-ghost-btn,.settings-shortcuts button{padding:10px 14px;font-size:13px;width:100%;justify-content:center}.settings-hero-actions{width:100%}.member-access-card{flex-direction:column;align-items:flex-start}.member-access-meta{justify-content:flex-start;width:100%}.applogs-pagination{flex-wrap:wrap;gap:8px}.applogs-page-size{width:100%}.applogs-page-nav{width:100%;justify-content:center}.applogs-total-entries{width:100%;text-align:center}}.applogs-toolbar{display:flex;align-items:center;gap:12px;padding:0 0 16px;flex-wrap:wrap}.applogs-search{flex:1;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--card);border:1px solid var(--border);min-width:200px}.applogs-search input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text)}.applogs-clear-search{border:none;background:none;cursor:pointer;color:var(--text-muted);display:flex;padding:2px}.applogs-toolbar-actions{display:flex;gap:8px}.applogs-filter-btn,.applogs-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font-weight:600;font-size:13px}.applogs-filter-btn.active{border-color:var(--accent);color:var(--accent)}.applogs-refresh-btn{padding:8px 10px}.applogs-filters{display:flex;gap:12px;padding:14px;margin-bottom:14px;border-radius:14px;background:var(--bg-secondary);border:1px solid var(--border);flex-wrap:wrap}.applogs-filter-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.applogs-filter-group label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.applogs-filter-group select,.applogs-filter-group input{padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;outline:none}.applogs-loading,.applogs-empty,.applogs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-muted);text-align:center}.applogs-error svg{font-size:32px;color:#dc3545}.applogs-error h4{margin:0;color:#dc3545}.applogs-error p{margin:0;font-size:13px;max-width:400px}.applogs-error-actions,.applogs-empty .applogs-test-btn{margin-top:8px}.applogs-error-actions{display:flex;gap:8px}.applogs-test-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--accent);cursor:pointer;font-weight:600;font-size:13px}.applogs-empty svg{font-size:32px;opacity:.5}.applogs-empty h4{margin:0;color:var(--text)}.applogs-empty p{margin:0;font-size:14px}.applogs-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.applogs-list-header{display:grid;grid-template-columns:160px 80px 120px 1fr 160px;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.applogs-row{display:grid;grid-template-columns:160px 80px 120px 1fr 160px;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;align-items:center;transition:background .15s}.applogs-row:last-child{border-bottom:none}.applogs-row:hover{background:var(--bg-secondary)}.applogs-row.error,.applogs-row.fatal{background:#dc35450d}.applogs-row.warn{background:#ffc1070d}.applogs-col-time{font-family:monospace;font-size:12px;white-space:nowrap;color:var(--text-muted)}.applogs-level-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.applogs-level-badge.trace{background:#e2e3e5;color:#383d41}.applogs-level-badge.debug{background:#d1ecf1;color:#0c5460}.applogs-level-badge.info{background:#d4edda;color:#155724}.applogs-level-badge.warn{background:#fff3cd;color:#856404}.applogs-level-badge.error{background:#f8d7da;color:#721c24}.applogs-level-badge.fatal{background:#dc3545;color:#fff}.applogs-col-category{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applogs-col-message{display:flex;align-items:center;gap:8px;min-width:0}.applogs-msg-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applogs-exception{flex-shrink:0;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;background:#f8d7da;color:#721c24;cursor:help}.applogs-col-device{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.applogs-muted{color:var(--text-muted);opacity:.5}.applogs-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 4px;font-size:13px;color:var(--text-muted)}.applogs-page-size{display:flex;align-items:center;gap:6px}.applogs-page-size label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.applogs-page-size select{padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:13px;outline:none}.applogs-page-nav{display:flex;align-items:center;gap:8px}.applogs-pagination button{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}.applogs-pagination button:disabled{opacity:.4;cursor:not-allowed}.applogs-total-entries{font-size:12px;color:var(--text-muted)}@media (max-width: 768px){.settings-hero{flex-direction:column;padding:14px;gap:14px}.settings-hero h1{font-size:20px}.settings-hero p{font-size:13px}.settings-chip{font-size:10px;padding:4px 10px}.settings-card{padding:14px}.settings-card-head h3{font-size:16px}.settings-card-head p{font-size:12px}.settings-grid{gap:12px}.settings-hero-actions,.settings-primary-btn,.settings-ghost-btn,.settings-shortcuts button,.segmented-group{width:100%}.settings-primary-btn,.settings-ghost-btn,.settings-shortcuts button{padding:10px 14px;font-size:13px;justify-content:center}.settings-control-group{margin-top:14px}.settings-control-group label{font-size:12px}.settings-control-group select{width:100%;padding:10px;font-size:14px}.segmented-group{display:grid;grid-template-columns:1fr 1fr;padding:4px}.segmented-group button{padding:8px 12px;font-size:13px}.accent-options{gap:6px}.accent-btn{padding:8px 12px;font-size:12px}.settings-toggles{margin-top:14px;gap:10px}.toggle-row{padding:12px;gap:10px}.toggle-row strong{font-size:13px}.toggle-row p{font-size:12px}.settings-preview-card{margin-top:14px;padding:14px}.settings-preview-card strong{font-size:20px}.settings-preview-card b{font-size:14px}.settings-preview-card small{font-size:11px}.settings-shortcuts{gap:8px}.settings-accordion-header{padding:10px 14px;font-size:14px}.settings-accordion-body{padding:0 14px 12px}.sidebar-menu-config-row{padding:5px 8px}.sidebar-menu-config-label{font-size:12px}.sidebar-menu-config-row.is-child{margin-left:16px}.settings-governance{gap:12px}.settings-panel{padding:12px}.settings-panel-head h4{font-size:15px}.settings-panel-head p{font-size:12px}.settings-side-note{padding:12px;font-size:12px}.settings-side-note h4{font-size:15px}.member-access-card{flex-direction:column;align-items:flex-start;padding:12px;gap:10px}.member-access-copy strong{font-size:13px}.member-access-copy span{font-size:12px}.member-access-meta{justify-content:flex-start;width:100%}.status-badge{font-size:11px;padding:6px 10px}.member-view-btn{width:100%;justify-content:center}.member-policy-item{padding:12px}.member-policy-item strong{font-size:13px}.member-policy-item span{font-size:12px}.member-access-empty{font-size:13px}.applogs-toolbar{flex-direction:column;align-items:stretch}.applogs-search{min-width:unset}.applogs-toolbar-actions{justify-content:flex-end}.applogs-list-header{display:none}.applogs-row{display:flex;flex-direction:column;gap:6px;padding:10px;border-bottom:1px solid var(--border)}.applogs-col-time,.applogs-col-level,.applogs-col-category,.applogs-col-message,.applogs-col-device{display:flex;align-items:center;gap:8px}.applogs-col-time:before{content:"Time:";font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em}.applogs-col-level:before{content:"Level:";font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em}.applogs-col-category:before{content:"Category:";font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em}.applogs-col-message:before{content:"Message:";font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em}.applogs-col-device:before{content:"Device:";font-weight:700;color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.03em}.applogs-filters{flex-direction:column;gap:8px;padding:10px}.applogs-filter-group{min-width:unset}.applogs-filter-group label{font-size:10px}.applogs-filter-group select,.applogs-filter-group input{padding:8px;font-size:13px}.applogs-pagination{flex-direction:column;align-items:stretch;gap:8px;text-align:center}.applogs-page-size,.applogs-page-nav{width:100%;justify-content:center}.applogs-total-entries{width:100%;text-align:center}.applogs-loading,.applogs-empty,.applogs-error{padding:24px 14px}.applogs-error p{font-size:12px}}@media (max-width: 480px){.settings-hero h1{font-size:18px}.settings-card-head h3{font-size:14px;gap:6px}.settings-accordion-header{font-size:13px;padding:8px 12px}.settings-accordion-body{padding:0 12px 10px}.sidebar-menu-config-row{padding:4px 6px;gap:6px}.sidebar-menu-config-row.is-child{margin-left:12px}.sidebar-menu-config-drag,.sidebar-menu-config-label{font-size:11px}.sidebar-menu-config-actions{justify-content:stretch}.sidebar-menu-save-btn{width:100%}.member-access-card{padding:10px}.member-access-meta{flex-direction:column;align-items:stretch}.member-view-btn{width:100%}.applogs-row{padding:8px}.settings-primary-btn,.settings-ghost-btn{padding:8px 12px;font-size:12px}}:root{--bg: #f1f5f9;--bg-soft: #f8fafc;--card: #ffffff;--card-elevated: #ffffff;--card-muted: #f8fafc;--overlay: rgba(15, 23, 42, .45);--page-gradient: radial-gradient(circle at top left, rgba(249, 115, 22, .1), transparent 24%), radial-gradient(circle at top right, rgba(245, 158, 11, .1), transparent 18%), linear-gradient(180deg, #fff7ed, #fffbeb 48%, #f8fafc);--text: #111827;--darktext: #111827;--lightdarktext: #252525;--text-muted: #6b7280;--text-soft: #94a3b8;--primary: #f97316;--primary-dark: #ea580c;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .14);--accent-shadow: rgba(249, 115, 22, .22);--primary-soft: #ffedd5;--gradient-primary: linear-gradient(135deg, #f97316, #ea580c);--success: #22c55e;--success-dark: #16a34a;--danger: #ef4444;--border: #e5e7eb;--border-strong: #dbe3ef;--input-bg: #f8fafc;--input-bg-focus: #ffffff;--chip-bg: #ffedd5;--chip-text: #c2410c;--radius: 14px;--shadow-sm: 0 6px 14px rgba(0,0,0,.08);--shadow-md: 0 20px 40px rgba(0,0,0,.12);--heading: var(--text);--subheading: var(--text);--meta: var(--text-muted);--card-soft: var(--bg-soft);--sidebar-width: 240px;--sidebar-mini: 70px;--sidebar-bg-from: #f97316;--sidebar-bg-to: #c2410c;--sidebar-text: #ffffff;--sidebar-hover-bg: rgba(255, 255, 255, .14);--sidebar-scroll-thumb: rgba(255, 255, 255, .28);--sidebar-active-bg: #ffffff;--sidebar-active-text: #c2410c}html.dark{--bg: #0f172a;--bg-soft: #020617;--card: #1e293b;--card-elevated: #172131;--card-muted: #111827;--overlay: rgba(2, 6, 23, .7);--page-gradient: radial-gradient(circle at top left, rgba(249, 115, 22, .16), transparent 24%), radial-gradient(circle at top right, rgba(245, 158, 11, .12), transparent 20%), linear-gradient(180deg, #1c1917, #0f172a 48%, #020617);--text: #e5e7eb;--text-muted: #94a3b8;--text-soft: #64748b;--border: #263244;--border-strong: #334155;--input-bg: #0f172a;--input-bg-focus: #111827;--chip-bg: rgba(249, 115, 22, .18);--chip-text: #fed7aa;--sidebar-bg-from: #111827;--sidebar-bg-to: #1f2937;--sidebar-text: rgba(255, 255, 255, .9);--sidebar-hover-bg: rgba(255, 255, 255, .08);--sidebar-scroll-thumb: rgba(255, 255, 255, .18);--sidebar-active-bg: rgba(255, 255, 255, .94);--sidebar-active-text: var(--primary-dark)}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--page-gradient);color:var(--text);transition:background-color .25s ease,color .25s ease,background .25s ease}.container{max-width:1200px;margin:auto}.card{background:var(--card);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}input,select,textarea{background:var(--input-bg);color:var(--text);border:1px solid var(--border-strong)}button{color:inherit}.card,.expense-form,.main-content,.page-content,.layout-content{transform:none!important;filter:none!important;perspective:none!important}.muted{color:var(--text-muted);font-size:13px}.empty-state{text-align:center;padding:32px}.read-only-banner{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 18px;margin-bottom:18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 80%,white),color-mix(in srgb,var(--bg-soft) 85%,white));color:var(--text)}.read-only-banner strong{font-size:14px}.read-only-banner span{color:var(--text-muted);font-size:13px;line-height:1.5}.app-header{padding:8px 20px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.app-title{margin:0;font-size:28px;font-weight:700}.app-subtitle{margin-top:4px;opacity:.85;font-size:14px}.dashboard{display:flex;flex-direction:column;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi-card{border-radius:16px;padding:18px;background:linear-gradient(135deg,var(--bg-soft),#fff);box-shadow:var(--shadow-md);transition:transform .2s}.kpi-card:hover{transform:translateY(-2px)}.kpi-value{margin-top:8px;font-size:28px;font-weight:600}.kpi-card.income{background:linear-gradient(135deg,#dcfce7,#fff);color:#166534}.kpi-card.expense{background:linear-gradient(135deg,#fee2e2,#fff);color:#991b1b}.kpi-card.balance{background:linear-gradient(135deg,#fed7aa,#fff);color:#9a3412}.form-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;opacity:.7}.field input,select{padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.field input:focus{outline:none;border-color:var(--primary)}button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:12px;padding:10px 18px}.table-wrapper{overflow-x:auto}.expense-table{width:100%;border-collapse:collapse;font-size:14px}.expense-table th,.expense-table td{padding:12px}.expense-table tbody tr:hover{background:var(--bg-soft)}.amount{text-align:right;font-weight:600}.category-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;background:#ffedd5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--card-elevated);border-radius:14px;padding:20px;width:100%;box-shadow:0 20px 50px #00000040;color:var(--text);border:1px solid var(--border)}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,select:focus,textarea:focus{outline:none;background:var(--input-bg-focus);border-color:var(--primary-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-soft) 85%,transparent)}html.dark .app-layout,html.dark .layout-right,html.dark .layout-content,html.dark .profile-container,html.dark .modern-savings-page,html.dark .modern-bills-page,html.dark .modern-loan-page,html.dark .modern-emi-page,html.dark .bills-page,html.dark .loan-page,html.dark .emi-page,html.dark .savings-page,html.dark .finance-overview,html.dark .dashboard-shell,html.dark .dashboard-page{background:var(--page-gradient)!important;color:var(--text)}html.dark .profile-hero,html.dark .profile-stat-card,html.dark .owner-spotlight,html.dark .member-card,html.dark .empty-members-state,html.dark .savings-hero,html.dark .savings-toolbar,html.dark .saving-card.advanced,html.dark .saving-list-board,html.dark .savings-empty-state,html.dark .bills-hero,html.dark .bills-toolbar,html.dark .bill-group,html.dark .bill-card.modern,html.dark .bill-table,html.dark .loan-hero,html.dark .loan-toolbar.modern-toolbar,html.dark .loan-card.modern,html.dark .loan-list-board,html.dark .emi-hero,html.dark .emi-toolbar.modern-toolbar,html.dark .emi-card.modern,html.dark .emi-list-board,html.dark .modal,html.dark .modal-card,html.dark .profile-modal-card,html.dark .profile-modal-hint,html.dark .profile-form-section,html.dark .insight-card,html.dark .owner-score-ring,html.dark .loan-info-grid div,html.dark .emi-info-grid div,html.dark .bill-info-grid div,html.dark .loan-modal-summary div,html.dark .emi-modal-summary div,html.dark .read-only-card,html.dark .cm-modal,html.dark .cm-item,html.dark .table-card,html.dark .card,html.dark .contact-form,html.dark .contact-info-card{background:color-mix(in srgb,var(--card) 92%,transparent)!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .toolbar-search,html.dark .toolbar-controls label,html.dark .toolbar-selects label,html.dark .view-toggle,html.dark .loan-type-pill,html.dark .emi-type-pill,html.dark .goal-category-pill,html.dark .recurring-chip,html.dark .hero-chips span,html.dark .profile-modal-tags span,html.dark .profile-modal-stats span,html.dark .goal-mini-stats div,html.dark .category-badge,html.dark .month-right,html.dark .month-left,html.dark .summary-right,html.dark .summary-left{background:color-mix(in srgb,var(--bg-soft) 78%,var(--card))!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .provider,html.dark .muted,html.dark .section-sub,html.dark .card-info p,html.dark .profile-modal-title p,html.dark .owner-spotlight-copy p,html.dark .member-card-about,html.dark .goal-notes,html.dark .goal-progress-meta,html.dark .progress-text-row,html.dark .loan-list-row small,html.dark .emi-list-row small,html.dark .stat-content small,html.dark .insight-card p,html.dark .toast p,html.dark p.muted,html.dark .empty,html.dark .group-empty-state{color:var(--text-muted)!important}html.dark .bill-card-title-row h3,html.dark .saving-card-top h3,html.dark .loan-info h3,html.dark .emi-info h3,html.dark .profile-modal-meta strong,html.dark .profile-modal-title h3,html.dark .section-header h2,html.dark .owner-title-row h3,html.dark .member-card-copy h3,html.dark .empty-members-state h3,html.dark .savings-empty-state h3,html.dark .loan-empty-state h3,html.dark .emi-empty-state h3{color:var(--text)!important}html.dark .cm-header,html.dark .modal-header,html.dark .profile-modal-head,html.dark .bill-modal-head.advanced-head,html.dark .modal-footer,html.dark .bill-modal-actions,html.dark .profile-modal-actions,html.dark .savings-modal-actions,html.dark .advanced-actions,html.dark .modern-footer{background:color-mix(in srgb,var(--card-elevated) 96%,transparent)!important;border-color:var(--border)!important}html.dark .filter-chip,html.dark .ghost,html.dark .outline-btn,html.dark .secondary-btn,html.dark .cancel-btn,html.dark .modal-close-btn,html.dark .modal-close,html.dark .field-action-btn,html.dark .bill-actions .outline,html.dark .loan-actions .edit,html.dark .emi-actions .edit{background:color-mix(in srgb,var(--bg-soft) 82%,var(--card))!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .filter-chip:hover,html.dark .ghost:hover,html.dark .outline-btn:hover,html.dark .secondary-btn:hover,html.dark .cancel-btn:hover,html.dark .modal-close-btn:hover,html.dark .modal-close:hover,html.dark .field-action-btn:hover{background:color-mix(in srgb,var(--card) 88%,var(--bg-soft))!important}html.dark .filter-chip.active,html.dark .view-toggle button.active,html.dark .bill-actions .success,html.dark .save-btn,html.dark .primary,html.dark .loan-actions .view,html.dark .emi-actions .view,html.dark .status-btn.pending{color:#fff!important}html.dark .progress-bar,html.dark .goal-progress-bar,html.dark .progress,html.dark .ring-bg{background:color-mix(in srgb,var(--border) 72%,var(--bg-soft))!important}html.dark .react-select__control,html.dark .bill-select__control,html.dark .react-select__menu,html.dark .bill-select__menu,html.dark .bill-select__menu-list,html.dark .react-select__menu-list{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .react-select__single-value,html.dark .react-select__placeholder,html.dark .bill-select__single-value,html.dark .bill-select__placeholder{color:var(--text)!important}html.dark .react-select__option,html.dark .bill-select__option{background:var(--card)!important;color:var(--text)!important}html.dark .react-select__option--is-focused,html.dark .bill-select__option--is-focused{background:color-mix(in srgb,var(--accent-soft) 55%,var(--card))!important}html.dark .tooltip{background:var(--card-elevated);color:var(--text);border:1px solid var(--border)}.primary,.primary-btn,.save-btn,.settings-primary-btn,.planner-btn.primary,.report-btn.primary,.loan-actions .view,.emi-actions .view,.primary-compact,button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px color-mix(in srgb,var(--accent-shadow, var(--accent-soft)) 80%,transparent)}.primary:hover,.primary-btn:hover,.save-btn:hover,.settings-primary-btn:hover,.planner-btn.primary:hover,.report-btn.primary:hover,.primary-compact:hover,button.primary:hover{box-shadow:0 16px 34px color-mix(in srgb,var(--accent-shadow, var(--accent-soft)) 100%,transparent)}.accent-btn.active,.segmented-group button.active,.filter-chip.active,.view-toggle button.active,.contact-view-toggle button.active{background:var(--accent-soft)!important;color:var(--primary-dark)!important;border-color:color-mix(in srgb,var(--primary) 44%,var(--border))!important}.settings-chip,.report-chip,.category-pill,.category-badge,.loan-type-pill,.emi-type-pill,.goal-category-pill,.recurring-chip,.hero-chips span,.profile-modal-tags span,.profile-view-alert,.contact-source-badge{background:var(--chip-bg)!important;color:var(--chip-text)!important;border-color:color-mix(in srgb,var(--primary) 24%,var(--border))!important}.kpi-card.balance{background:linear-gradient(135deg,var(--chip-bg),#fff)!important;color:var(--chip-text)!important}.dash-card.modern.indigo,.dash-card.modern.blue,.summary-card.tone-blue{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important}.loan-card.modern.active,.emi-card.modern.active,.saving-card.advanced.active{border-top-color:var(--primary)!important}.progress,.progress-bar,.goal-progress-bar{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,#fbbf24))!important}.navbar,.search-item.active,.sidebar-link.active,.sidebar-sub-link.active{border-color:var(--primary)!important}a,.brand,.section-label,.tone-blue strong,.loan-info h3 svg,.emi-info h3 svg{color:var(--primary-dark)}.app-theme-loading{min-height:100svh;background:var(--page-gradient)}.fab-container{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:14px}.fab{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff}.fab-income{background:#22c55e}.fab-expense{background:#ef4444}.chatbot-fab{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 14px var(--accent-shadow);z-index:auto;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}.chatbot-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px var(--accent-shadow)}.chatbot-fab:active{transform:scale(.95)}.spinner-container{display:flex;align-items:center;justify-content:center;padding:80px 20px;width:100%;min-height:200px}.modern-spinner{position:relative;width:56px;height:56px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);border-right-color:var(--primary);animation:spinnerRotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring--inner{top:8px;right:8px;bottom:8px;left:8px;border-top-color:var(--primary-dark);border-right-color:transparent;border-left-color:var(--primary-dark);animation-direction:reverse;animation-duration:.9s}.spinner-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--primary);animation:spinnerPulse 1s ease-in-out infinite}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}} @media (max-width:768px){.read-only-banner{flex-direction:column;align-items:flex-start}.kpi-grid,.form-grid{grid-template-columns:1fr}}:root{--app-scale: .92;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--bg: #f1f5f9;--bg-soft: #f8fafc;--card: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--shadow-sm: 0 6px 14px rgba(0, 0, 0, .06);--shadow-md: 0 20px 40px rgba(0, 0, 0, .12);--radius: 14px;--primary: #f97316;--primary-dark: #ea580c;--accent: var(--primary);--accent-soft: rgba(249, 115, 22, .16);--accent-shadow: rgba(249, 115, 22, .22);--primary-soft: #ffedd5;--gradient-primary: linear-gradient(135deg, #f97316, #ea580c);--chip-bg: #ffedd5;--chip-text: #c2410c;--page-gradient: radial-gradient(circle at top left, rgba(249, 115, 22, .1), transparent 24%), radial-gradient(circle at top right, rgba(245, 158, 11, .1), transparent 18%), linear-gradient(180deg, #fff7ed, #fffbeb 48%, #f8fafc);--success: #22c55e;--success-dark: #16a34a;--warning: #f59e0b;--danger: #ef4444;--danger-soft: #fee2e2;--success-soft: #dcfce7;--warning-soft: #fef3c7;--info: #2563eb;--info-bg: #dbeafe;--info-border: rgba(37,99,235,.25);--card-glass: rgba(255,255,255,.92);--badge-bg: #f1f5f9;--table-stripe: rgba(0,0,0,.02)}html.dark{--bg: #0f172a;--bg-soft: #020617;--card: #1e293b;--text: #e5e7eb;--muted: #94a3b8;--border: #263244;--text-muted: #94a3b8;--text-soft: #64748b;--danger-soft: rgba(239,68,68,.15);--success-soft: rgba(34,197,94,.15);--warning-soft: rgba(245,158,11,.15);--info: #60a5fa;--info-bg: rgba(59,130,246,.15);--info-border: rgba(59,130,246,.25);--card-glass: rgba(30,41,59,.92);--badge-bg: rgba(255,255,255,.06);--table-stripe: rgba(255,255,255,.02);--heading: var(--text);--subheading: var(--text);--meta: var(--text-muted);--border-strong: #334155;--input-bg: #0f172a;--input-bg-focus: #111827;--chip-bg: rgba(249, 115, 22, .18);--chip-text: #fed7aa;--accent-soft: rgba(249, 115, 22, .16);--accent-shadow: rgba(249, 115, 22, .22);--primary-soft: transparent;--gradient-primary: linear-gradient(135deg, #f97316, #ea580c);--page-gradient: radial-gradient(circle at top left, rgba(249, 115, 22, .16), transparent 24%), radial-gradient(circle at top right, rgba(245, 158, 11, .12), transparent 20%), linear-gradient(180deg, #1c1917, #0f172a 48%, #020617)}html.theme-orange{--primary: #f97316;--primary-dark: #ea580c;--accent: var(--primary);--accent-soft: rgba(249, 115, 22, .16);--accent-shadow: rgba(249, 115, 22, .22);--primary-soft: #ffedd5;--gradient-primary: linear-gradient(135deg, #f97316, #ea580c);--chip-bg: #ffedd5;--chip-text: #c2410c;--page-gradient: radial-gradient(circle at top left, rgba(249, 115, 22, .1), transparent 24%), radial-gradient(circle at top right, rgba(245, 158, 11, .1), transparent 18%), linear-gradient(180deg, #fff7ed, #fffbeb 48%, #f8fafc);--sidebar-bg-from: #f97316;--sidebar-bg-to: #c2410c;--sidebar-active-text: #c2410c}html.theme-royal-blue,html.theme-blue{--primary: #2563eb;--primary-dark: #1d4ed8;--accent: var(--primary);--accent-soft: rgba(37, 99, 235, .16);--accent-shadow: rgba(37, 99, 235, .22);--primary-soft: #dbeafe;--gradient-primary: linear-gradient(135deg, #2563eb, #1d4ed8);--chip-bg: #dbeafe;--chip-text: #1d4ed8;--page-gradient: radial-gradient(circle at top left, rgba(37, 99, 235, .1), transparent 24%), radial-gradient(circle at top right, rgba(14, 165, 233, .1), transparent 18%), linear-gradient(180deg, #eff6ff, #f8fafc 48%, #ffffff);--sidebar-bg-from: #2563eb;--sidebar-bg-to: #1e3a8a;--sidebar-active-text: #1d4ed8}html.theme-green{--primary: #22c55e;--primary-dark: #16a34a;--accent: var(--primary);--accent-soft: rgba(34, 197, 94, .16);--accent-shadow: rgba(34, 197, 94, .22);--primary-soft: #dcfce7;--gradient-primary: linear-gradient(135deg, #22c55e, #16a34a);--chip-bg: #dcfce7;--chip-text: #166534;--page-gradient: radial-gradient(circle at top left, rgba(34, 197, 94, .1), transparent 24%), radial-gradient(circle at top right, rgba(20, 184, 166, .1), transparent 18%), linear-gradient(180deg, #f0fdf4, #f8fafc 48%, #ffffff);--sidebar-bg-from: #15803d;--sidebar-bg-to: #166534;--sidebar-active-text: #166534}html.theme-purple{--primary: #a855f7;--primary-dark: #9333ea;--accent: var(--primary);--accent-soft: rgba(168, 85, 247, .16);--accent-shadow: rgba(168, 85, 247, .22);--primary-soft: #f3e8ff;--gradient-primary: linear-gradient(135deg, #a855f7, #9333ea);--chip-bg: #f3e8ff;--chip-text: #7e22ce;--page-gradient: radial-gradient(circle at top left, rgba(168, 85, 247, .1), transparent 24%), radial-gradient(circle at top right, rgba(236, 72, 153, .09), transparent 18%), linear-gradient(180deg, #faf5ff, #f8fafc 48%, #ffffff);--sidebar-bg-from: #9333ea;--sidebar-bg-to: #6b21a8;--sidebar-active-text: #7e22ce}html.dark.theme-orange{--page-gradient: radial-gradient(circle at top left, rgba(249, 115, 22, .18), transparent 24%), radial-gradient(circle at top right, rgba(245, 158, 11, .12), transparent 20%), linear-gradient(180deg, #1c1917, #0f172a 48%, #020617);--chip-bg: rgba(249, 115, 22, .18);--chip-text: #fed7aa;--sidebar-bg-from: #7c2d12;--sidebar-bg-to: #431407}html.dark.theme-blue{--sidebar-bg-from: #172554;--sidebar-bg-to: #1e1b4b}html.dark.theme-royal-blue{--page-gradient: radial-gradient(circle at top left, rgba(37, 99, 235, .18), transparent 24%), radial-gradient(circle at top right, rgba(14, 165, 233, .12), transparent 20%), linear-gradient(180deg, #020617, #0f172a 48%, #020617);--chip-bg: rgba(37, 99, 235, .18);--chip-text: #bfdbfe;--sidebar-bg-from: #172554;--sidebar-bg-to: #1e1b4b}html.dark.theme-green{--page-gradient: radial-gradient(circle at top left, rgba(34, 197, 94, .16), transparent 24%), radial-gradient(circle at top right, rgba(20, 184, 166, .1), transparent 20%), linear-gradient(180deg, #052e16, #0f172a 48%, #020617);--chip-bg: rgba(34, 197, 94, .18);--chip-text: #bbf7d0;--sidebar-bg-from: #052e16;--sidebar-bg-to: #14532d}html.dark.theme-purple{--page-gradient: radial-gradient(circle at top left, rgba(168, 85, 247, .17), transparent 24%), radial-gradient(circle at top right, rgba(236, 72, 153, .1), transparent 20%), linear-gradient(180deg, #1e1b4b, #0f172a 48%, #020617);--chip-bg: rgba(168, 85, 247, .18);--chip-text: #e9d5ff;--sidebar-bg-from: #3b0764;--sidebar-bg-to: #581c87}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:calc(15px * var(--app-scale));transition:background-color .25s ease,color .25s ease}.logout-btn{margin-left:8px;background:transparent;color:#ef4444}.logout-btn:hover{background:#ef44441a}.logo-img{width:42px;height:42px;object-fit:contain;margin-right:8px}.nav-logo{display:flex;align-items:center;gap:8px}.card.table-card,.card.income-form,.card.expense-form,.card.kharacha-list.modern,.card.kharacha-form{display:block}html{font-size:calc(16px * var(--app-scale))}body{overflow-x:hidden}.app-layout{--sidebar-width: clamp(196px, 18vw, 224px);--sidebar-mini: 75px}.layout-content,.main-content,.page-content,.dashboard-page,.dashboard-shell,.settings-page,.profile-container,.report-workspace,.modern-bills-page,.modern-loan-page,.modern-emi-page,.modern-savings-page,.finance-overview{padding:clamp(12px,1.4vw,22px)!important}.card,.settings-card,.report-hero,.report-filters-panel,.report-main-panel,.contact-form,.contact-info-card,.loan-card.modern,.emi-card.modern,.saving-card.advanced,.bill-card.modern{border-radius:clamp(10px,1vw,16px)!important}.card,.settings-card,.report-filters-panel,.report-main-panel,.contact-form,.contact-info-card{padding:clamp(12px,1.2vw,18px)!important}h1{font-size:clamp(24px,2.4vw,34px)!important}h2{font-size:clamp(20px,1.8vw,28px)!important}h3{font-size:clamp(16px,1.3vw,21px)!important}button,input,select,textarea{min-height:36px}input,select,textarea,.field input,.field select,.field textarea{padding:9px 11px!important}.kpi-grid,.report-summary-grid,.settings-grid,.contacts-grid,.loan-grid,.emi-grid,.saving-grid{gap:clamp(10px,1.1vw,16px)!important}.kpi-card,.summary-card{padding:clamp(12px,1.1vw,16px)!important}@media (max-width: 1180px){:root{--app-scale: .9}}@media (max-width: 820px){:root{--app-scale: .88}.layout-content,.main-content,.page-content,.dashboard-page,.dashboard-shell,.settings-page,.profile-container,.report-workspace{padding:12px!important}}@media (max-width: 520px){:root{--app-scale: .86}.profile-menu.modern,.notification-dropdown,.report-preview-modal,.modal,.modal-card{width:min(96vw,420px)!important;max-width:96vw!important}}:where(.primary,.primary-btn,.primary-compact,.save-btn,.settings-primary-btn,.planner-btn.primary,.report-btn.primary,.permission-btn,.accent-btn.active,.filter-chip.active,.loan-actions .view,.emi-actions .view,.contact-avatar,.avatar-circle,.navbar-avatar,.dash-card.modern.indigo,.dash-card.modern.blue,.stat-card.modern.indigo,.summary-card.tone-blue,.progress,.progress-bar,.goal-progress-bar){background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important;border-color:transparent!important}:where(.settings-chip,.report-chip,.category-pill,.category-badge,.loan-type-pill,.emi-type-pill,.goal-category-pill,.recurring-chip,.hero-chips span,.profile-modal-tags span,.profile-view-alert,.contact-source-badge,.status-label.pending,.status-btn.pending,.goal-status.live,.noti-label.upcoming,.view-toggle button.active,.contact-view-toggle button.active){background:var(--chip-bg)!important;color:var(--chip-text)!important;border-color:color-mix(in srgb,var(--primary) 26%,var(--border))!important}:where(a,.brand,.section-label,.tone-blue strong,.budget-kpi.total strong,.noti-icon,.loan-info h3 svg,.emi-info h3 svg,.settings-card-head h3 svg,.panel-head svg,.profile-item.switch-back,.contact-card-action,.attachment-download,.attachment-open){color:var(--primary-dark)!important}:where(input:focus,select:focus,textarea:focus,.react-select__control--is-focused,.bill-select__control--is-focused,.toolbar-search:focus-within){border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}:where(.loan-card.modern.active,.emi-card.modern.active,.saving-card.advanced.active,.bill-card.modern.upcoming,.bill-group.unpaid summary,.kharacha-summary-card,.member-card,.profile-form-section){border-color:color-mix(in srgb,var(--primary) 56%,var(--border))!important}:where(.primary,.primary-btn,.primary-compact,.save-btn,.settings-primary-btn,.planner-btn.primary,.report-btn.primary,.contact-avatar,.avatar-circle,.navbar-avatar){box-shadow:0 12px 28px var(--accent-shadow)!important}.kpi-card.balance,.settings-preview-card{background:linear-gradient(135deg,var(--chip-bg),color-mix(in srgb,var(--card) 88%,white))!important;color:var(--chip-text)!important}.report-workspace,.dashboard-page,.dashboard-shell,.finance-overview,.modern-bills-page,.modern-loan-page,.modern-emi-page,.modern-savings-page,.profile-container,.app-layout,.layout-content{background:var(--page-gradient)!important}svg :where([fill="#f97316"],[stroke="#f97316"],[fill="#ea580c"],[stroke="#ea580c"]){fill:var(--primary)!important;stroke:var(--primary)!important}:root{--radius: 10px;--radius-sm: 8px;--radius-lg: 14px;--control-height: 34px;--control-padding-y: 7px;--control-padding-x: 10px;--page-padding: clamp(10px, 1.15vw, 18px);--section-gap: clamp(10px, 1vw, 16px);--card-padding: clamp(11px, 1vw, 16px);--font-xs: .72rem;--font-sm: .82rem;--font-md: .9rem;--font-lg: 1rem;--font-xl: 1.2rem;--font-2xl: 1.55rem;--shadow-sm: 0 4px 12px rgba(15, 23, 42, .06);--shadow-md: 0 14px 30px rgba(15, 23, 42, .1)}html.dark{--shadow-sm: 0 4px 14px rgba(0, 0, 0, .22);--shadow-md: 0 16px 34px rgba(0, 0, 0, .28)}body{font-size:var(--font-md);line-height:1.45;background:var(--page-gradient)}h1,h2,h3,h4,h5,h6{color:var(--text);letter-spacing:0}h1,.page-title,.hero-copy h1,.settings-hero h1,.profile-hero h1,.savings-hero h1,.bills-hero h1,.loan-hero h1,.emi-hero h1,.report-hero h1,.section-header h1{font-size:clamp(22px,2vw,30px)!important;line-height:1.12!important;margin-block:0 8px!important}h2,.section-header h2,.panel-head h2,.card-head h2{font-size:clamp(18px,1.45vw,24px)!important;line-height:1.18!important;margin-block:0 6px!important}h3,.card h3,.settings-card-head h3,.loan-info h3,.emi-info h3,.saving-card-top h3,.bill-card-title-row h3{font-size:clamp(15px,1.05vw,18px)!important;line-height:1.25!important}p,li,td,th,label,input,select,textarea,button{font-size:var(--font-md)}p,.section-sub,.hero-copy p,.settings-hero p,.profile-hero p,.savings-hero p,.bills-hero p,.loan-hero p,.emi-hero p,.card-info p,.muted,.provider,.empty,.group-empty-state,.profile-modal-title p,.owner-spotlight-copy p,.member-card-about,.goal-notes,.loan-list-row small,.emi-list-row small,.stat-content small,.insight-card p,.toast p{color:var(--text-muted, var(--muted))!important;font-size:var(--font-sm)!important;line-height:1.45!important}.layout-content,.main-content,.page-content,.dashboard-page,.dashboard-shell,.settings-page,.profile-container,.report-workspace,.modern-bills-page,.modern-loan-page,.modern-emi-page,.modern-savings-page,.finance-overview,.bills-page,.loan-page,.emi-page,.savings-page,.udhar-page,.contacts-page{padding:var(--page-padding)!important;gap:var(--section-gap)!important;background:var(--page-gradient)!important;color:var(--text)!important}.card,.settings-card,.report-hero,.report-filters-panel,.report-main-panel,.contact-form,.contact-info-card,.loan-card.modern,.emi-card.modern,.saving-card.advanced,.bill-card.modern,.bill-group,.profile-hero,.profile-stat-card,.owner-spotlight,.member-card,.empty-members-state,.savings-hero,.savings-toolbar,.saving-list-board,.savings-empty-state,.bills-hero,.bills-toolbar,.bill-table,.loan-hero,.loan-toolbar.modern-toolbar,.loan-list-board,.emi-hero,.emi-toolbar.modern-toolbar,.emi-list-board,.insight-card,.contact-card,.summary-card,.kpi-card,.dash-card,.stat-card,.modal,.modal-card,.profile-modal-card,.cm-modal,.cm-item,.table-card{background:color-mix(in srgb,var(--card) 94%,transparent)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important}.card,.settings-card,.report-filters-panel,.report-main-panel,.contact-form,.contact-info-card,.loan-card.modern,.emi-card.modern,.saving-card.advanced,.bill-card.modern,.bill-group,.profile-stat-card,.owner-spotlight,.member-card,.saving-list-board,.loan-list-board,.emi-list-board,.bill-table,.insight-card,.summary-card,.kpi-card,.dash-card,.stat-card,.table-card{padding:var(--card-padding)!important}.profile-hero,.savings-hero,.bills-hero,.loan-hero,.emi-hero,.settings-hero,.report-hero{padding:clamp(16px,1.7vw,24px)!important}button,.primary,.primary-btn,.primary-compact,.save-btn,.settings-primary-btn,.planner-btn,.report-btn,.outline-btn,.secondary-btn,.cancel-btn,.ghost,.filter-chip,.contact-view-toggle button,.view-toggle button,.accent-btn,.profile-item,.permission-btn,.ghost-mini,.snooze-btn,.field-action-btn,.bill-actions button,.loan-actions button,.emi-actions button{min-height:var(--control-height)!important;padding:var(--control-padding-y) var(--control-padding-x)!important;border-radius:var(--radius-sm)!important;font-weight:650;line-height:1.2}.primary,.primary-btn,.primary-compact,.save-btn,.settings-primary-btn,.planner-btn.primary,.report-btn.primary,.permission-btn,.accent-btn.active,.loan-actions .view,.emi-actions .view,button.primary,.bill-actions .success{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px var(--accent-shadow)!important}.primary:hover,.primary-btn:hover,.primary-compact:hover,.save-btn:hover,.settings-primary-btn:hover,.planner-btn.primary:hover,.report-btn.primary:hover,.permission-btn:hover,.accent-btn.active:hover,.loan-actions .view:hover,.emi-actions .view:hover,button.primary:hover{filter:saturate(1.05) brightness(.98);transform:translateY(-1px)}.ghost,.outline-btn,.secondary-btn,.cancel-btn,.modal-close-btn,.modal-close,.field-action-btn,.bill-actions .outline,.loan-actions .edit,.emi-actions .edit,.filter-chip,.view-toggle,.contact-view-toggle,.toolbar-search,.toolbar-controls label,.toolbar-selects label,.month-left,.month-right,.summary-left,.summary-right{background:color-mix(in srgb,var(--bg-soft) 82%,var(--card))!important;color:var(--text)!important;border-color:var(--border)!important}.ghost:hover,.outline-btn:hover,.secondary-btn:hover,.cancel-btn:hover,.modal-close-btn:hover,.modal-close:hover,.field-action-btn:hover,.bill-actions .outline:hover,.loan-actions .edit:hover,.emi-actions .edit:hover,.filter-chip:hover,.view-toggle button:hover,.contact-view-toggle button:hover,.profile-item:hover,.accent-btn:hover{background:color-mix(in srgb,var(--accent-soft) 62%,var(--card))!important;color:var(--primary-dark)!important;border-color:color-mix(in srgb,var(--primary) 30%,var(--border))!important}.filter-chip.active,.view-toggle button.active,.contact-view-toggle button.active,.segmented-group button.active,.status-btn.pending,.status-label.pending{background:var(--chip-bg)!important;color:var(--chip-text)!important;border-color:color-mix(in srgb,var(--primary) 36%,var(--border))!important}input,select,textarea,.field input,.field select,.field textarea{min-height:var(--control-height)!important;padding:var(--control-padding-y) var(--control-padding-x)!important;border-radius:var(--radius-sm)!important;background:var(--input-bg, var(--bg-soft))!important;color:var(--text)!important;border:1px solid var(--border-strong, var(--border))!important}select,.field select,.form-field select,.toolbar-controls select,.toolbar-selects select,.dashboard-filter select,.bill-modal-grid select,.form-group select{width:100%!important;height:var(--control-height)!important;min-height:var(--control-height)!important;padding:0 calc(var(--control-padding-x) + 24px) 0 var(--control-padding-x)!important;border-radius:var(--radius-sm)!important;border:1px solid var(--border-strong, var(--border))!important;background-color:var(--input-bg, var(--bg-soft))!important;color:var(--text)!important;font-size:var(--font-md)!important;line-height:1.2!important}.react-select,.bill-select,.budget-select,.select-wrapper,.select-with-menu>.react-select,.select-with-menu>.select-wrapper{width:100%!important;min-width:0!important;flex:1 1 auto!important}.react-select__control,.bill-select__control,.budget-select__control{width:100%!important;min-height:var(--control-height)!important;height:auto!important;padding:0!important;border-radius:var(--radius-sm)!important;background:var(--input-bg, var(--bg-soft))!important;color:var(--text)!important;border:1px solid var(--border-strong, var(--border))!important;box-shadow:none!important;cursor:pointer!important;overflow:visible!important}.react-select__control:hover,.bill-select__control:hover,.budget-select__control:hover{border-color:color-mix(in srgb,var(--primary) 46%,var(--border-strong, var(--border)))!important}.react-select__control--is-focused,.bill-select__control--is-focused,.budget-select__control--is-focused{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.react-select__value-container,.bill-select__value-container,.budget-select__value-container{min-height:calc(var(--control-height) - 2px)!important;height:auto!important;padding:4px var(--control-padding-x)!important;overflow:visible!important;flex-wrap:nowrap!important;min-width:0!important}.react-select__input-container,.bill-select__input-container,.budget-select__input-container{margin:0!important;padding:0!important;color:var(--text)!important;font-size:var(--font-md)!important;line-height:1.35!important;min-width:2px!important;overflow:visible!important}.react-select__input,.bill-select__input,.budget-select__input{color:var(--text)!important;min-width:2px!important}.react-select__single-value,.bill-select__single-value,.budget-select__single-value,.react-select__placeholder,.bill-select__placeholder,.budget-select__placeholder{margin:0!important;padding:0!important;color:var(--text)!important;font-size:var(--font-md)!important;line-height:1.35!important;max-width:100%!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}.react-select__placeholder,.bill-select__placeholder,.budget-select__placeholder{color:var(--text-soft, var(--muted))!important}.react-select__indicators,.bill-select__indicators,.budget-select__indicators{min-height:calc(var(--control-height) - 2px)!important;align-self:stretch!important;flex-shrink:0!important}.react-select__indicator,.bill-select__indicator,.budget-select__indicator{padding:0 8px!important;color:var(--text-muted, var(--muted))!important}.react-select__menu,.bill-select__menu,.budget-select__menu{border-radius:var(--radius-sm)!important;background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important;overflow:hidden!important;z-index:100001!important;min-width:100%!important;width:max-content!important;max-width:min(92vw,560px)!important;box-shadow:var(--shadow-md)!important}.react-select__menu-portal,.bill-select__menu-portal,.budget-select__menu-portal{z-index:100001!important}.react-select__menu-list,.bill-select__menu-list,.budget-select__menu-list{max-height:min(320px,46dvh)!important;overflow-y:auto!important;overflow-x:hidden!important}.react-select__option,.bill-select__option,.budget-select__option{padding:9px 11px!important;color:var(--text)!important;background:var(--card)!important;font-size:var(--font-md)!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}input[id^=react-select-][id$=-input]{padding:0!important;width:100%!important;border:none!important;background:transparent!important}input[id^=react-select-][id$=-input]:active,input[id^=react-select-][id$=-input]:hover,input[id^=react-select-][id$=-input]:focus{border:none!important}.react-select__option--is-focused,.bill-select__option--is-focused,.budget-select__option--is-focused{background:color-mix(in srgb,var(--accent-soft) 54%,var(--card))!important}.react-select__option--is-selected,.bill-select__option--is-selected,.budget-select__option--is-selected{background:var(--primary)!important;color:#fff!important}textarea,.field textarea{min-height:78px!important}label,.field label{color:var(--text-muted, var(--muted))!important;font-size:var(--font-sm)!important;font-weight:650}input::placeholder,textarea::placeholder{color:var(--text-soft, var(--muted))!important}table,.expense-table,.income-table,.bill-table table,.data-grid{color:var(--text)!important;font-size:var(--font-sm)!important}th,.expense-table th,.income-table th,.data-grid th{color:var(--text-muted, var(--muted))!important;background:color-mix(in srgb,var(--bg-soft) 90%,var(--card))!important;font-size:var(--font-xs)!important;text-transform:uppercase;letter-spacing:.04em}td,th,.expense-table td,.expense-table th,.income-table td,.income-table th,.data-grid td,.data-grid th{padding:8px 10px!important;border-color:var(--border)!important}tr:hover,.expense-table tbody tr:hover,.income-table tbody tr:hover,.data-grid tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 34%,transparent)!important}.navbar{height:54px!important;padding-inline:clamp(12px,1.2vw,18px)!important;background:color-mix(in srgb,var(--card) 88%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))!important;box-shadow:0 3px 14px #0f172a0f!important}.brand{color:var(--text)!important;font-size:clamp(14px,1.05vw,16px)!important}.toggle-btn,.icon-btn,.avatar-btn{width:50px!important;height:45px!important;min-height:34px!important;font-size:16px!important}.search-box{padding:7px 10px!important;border-radius:var(--radius-sm)!important;background:color-mix(in srgb,var(--bg-soft) 84%,var(--card))!important;border:1px solid var(--border)!important}.search-box input{min-height:22px!important;padding:0!important}.profile-menu.modern,.notification-dropdown,.search-dropdown{border-radius:var(--radius)!important;background:color-mix(in srgb,var(--card-elevated, var(--card)) 96%,transparent)!important;color:var(--text)!important;border-color:var(--border)!important}.sidebar{width:clamp(188px,17vw,212px)!important;padding:14px 9px!important;background:linear-gradient(180deg,var(--sidebar-bg-from),var(--sidebar-bg-to))!important}.sidebar.mini{width:64px!important}.logo{font-size:17px!important;margin-bottom:18px!important}.nav-item{gap:10px!important;padding:8px 10px!important;border-radius:var(--radius-sm)!important;font-size:var(--font-sm)!important}.nav-item svg{font-size:16px!important}.sub-menu{margin-left:22px!important;gap:3px!important}.nav-item.sub{padding:7px 9px!important;font-size:var(--font-xs)!important}.nav-item.active,.nav-item.sub.active,.popover-item.active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important}.popover-menu{border-radius:var(--radius)!important;background:color-mix(in srgb,var(--card) 96%,transparent)!important;color:var(--text)!important;border-color:var(--border)!important}.popover-item{padding:8px 10px!important;border-radius:var(--radius-sm)!important;font-size:var(--font-sm)!important}.kpi-grid,.report-summary-grid,.settings-grid,.contacts-grid,.loan-grid,.emi-grid,.saving-grid,.form-grid,.form-section,.dashboard,.toolbar-selects,.toolbar-controls,.profile-stats-grid,.hero-stats,.summary-grid,.contact-info-grid,.loan-info-grid,.emi-info-grid,.bill-info-grid,.goal-mini-stats{gap:var(--section-gap)!important}.kpi-value,.summary-card strong,.dash-card strong,.stat-content strong,.goal-current,.bill-amount,.loan-amount,.emi-amount{color:var(--text)!important;font-size:clamp(18px,1.6vw,24px)!important;line-height:1.12!important}.settings-chip,.report-chip,.category-pill,.category-badge,.loan-type-pill,.emi-type-pill,.goal-category-pill,.recurring-chip,.hero-chips span,.profile-modal-tags span,.profile-view-alert,.contact-source-badge,.permission-pill.success,.goal-status.live,.goal-status.done,.noti-label.upcoming{background:var(--chip-bg)!important;color:var(--chip-text)!important;border-color:color-mix(in srgb,var(--primary) 24%,var(--border))!important}.progress,.progress-bar,.goal-progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary-dark))!important}.kpi-card.balance,.settings-preview-card,.summary-card.tone-blue,.dash-card.modern.indigo,.dash-card.modern.blue,.stat-card.modern.indigo{background:linear-gradient(135deg,var(--primary),var(--primary-dark))!important;color:#fff!important}.kpi-card.balance *,.settings-preview-card *,.summary-card.tone-blue *,.dash-card.modern.indigo *,.dash-card.modern.blue *,.stat-card.modern.indigo *{color:#fff!important}@media (max-width: 820px){:root{--app-scale: .88;--page-padding: 10px;--section-gap: 10px;--control-height: 42px;--control-padding-y: 9px;--control-padding-x: 12px}.navbar{height:50px!important}}html,body,#root{max-width:100%}img,svg,video,canvas{max-width:100%}.app-layout,.layout-right,.layout-content,.main-content,.page-content,.landing-page,.dashboard-page,.dashboard-shell,.settings-page,.profile-container,.report-workspace,.modern-bills-page,.modern-loan-page,.modern-emi-page,.modern-savings-page,.finance-overview,.auth-container,.ultra-dashboard{min-width:0}.layout-content>*,.main-content>*,.page-content>*,.card,.settings-card,.modal,.modal-card,.profile-modal-card,.savings-modal-card,.advanced-bill-modal,.contact-form,.table-wrapper,.bill-table,.loan-list-board,.saving-list-board,.report-main-panel,.report-filters-panel{max-width:100%;min-width:0}.table-wrapper,.responsive-table,.expense-table-wrapper,.income-table-wrapper,.bill-table,.report-table,.data-grid-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.expense-table,.income-table,.report-table table,.data-grid table{min-width:min(720px,100%)}@media (max-width: 1024px){.app-layout{--sidebar-width: 204px}.layout-content,.main-content,.page-content,.dashboard-page,.dashboard-shell,.settings-page,.profile-container,.report-workspace,.modern-bills-page,.modern-loan-page,.modern-emi-page,.modern-savings-page,.finance-overview,.ultra-dashboard{padding:clamp(10px,1.6vw,16px)!important}.settings-grid,.settings-toggles.two-col,.settings-governance,.dashboard-hero-grid,.dashboard-lower-grid,.ultra-grid,.platform-preview,.contact-section,.report-workspace-grid,.report-layout,.finance-overview-grid,.assistant-shell,.budget-shell,.contact-table-layout,.profile-modal-body,.savings-modal-body,.advanced-bill-body,.modern-edit-body,.expense-form-shell,.income-form-shell,.kharacha-shell,.udhar-shell{grid-template-columns:1fr!important}.modern-dashboard,.modern-stats,.savings-stats-grid,.profile-stats-grid,.platform-metrics,.feature-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.navbar{gap:10px}.nav-center{width:min(360px,36vw)!important}}@media (max-width: 900px){.navbar{padding-inline:10px!important}.nav-left,.nav-right{gap:7px!important;min-width:0}.brand{max-width:min(42vw,260px)!important}.layout-content{margin-bottom:0!important}.landing-nav,.hero-section,.section-band,.landing-section,.landing-footer{width:min(100% - 24px,1180px)!important}.hero-section,.hero-dashboard,.hero-task-grid,.dashboard-grid,.contact-options,.contact-form,.bill-modal-grid.advanced-grid,.savings-form-grid,.form-grid,.form-section,.loan-modal-summary,.loan-info-grid,.emi-info-grid,.bill-info-grid,.goal-mini-stats,.owner-details-grid,.member-card-meta{grid-template-columns:1fr!important}.settings-hero,.profile-hero,.savings-hero,.bills-hero,.loan-hero,.emi-hero,.report-hero,.loan-toolbar.modern-toolbar,.savings-toolbar,.bills-toolbar,.toolbar-controls,.toolbar-selects,.range-fields,.dashboard-filter,.date-range,.section-header,.section-header.refined,.profile-form-section-head,.profile-modal-actions,.modal-footer,.modern-footer,.bill-modal-actions,.savings-modal-actions,.advanced-actions,.member-card-head,.member-card-actions,.profile-action-buttons,.add-member-actions,.goal-actions,.hero-actions,.loan-hero-actions,.bills-hero-actions{flex-direction:column!important;align-items:stretch!important}.toolbar-search,.toolbar-controls label,.toolbar-selects label,.date-range input,.dashboard-filter select,.range-fields input,.filter-date{width:100%!important;min-width:0!important}.bill-table-head,.loan-list-head,.saving-list-head,.contact-table-head,.budget-table-head{display:none!important}.bill-table-row,.loan-list-row,.saving-list-row,.contact-table-row,.budget-table-row,.emi-month-row.modern-row,.watchlist-row,.pressure-row,.txn-row{grid-template-columns:1fr!important;display:grid!important;gap:7px!important;align-items:stretch!important;padding:12px!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:color-mix(in srgb,var(--card) 94%,transparent)!important}}@media (max-width: 768px){body{overflow-x:hidden!important}.app-layout,.layout-right{width:100%}.layout-content,.main-content,.page-content,.dashboard-page,.dashboard-shell,.settings-page,.profile-container,.report-workspace,.modern-bills-page,.modern-loan-page,.modern-emi-page,.modern-savings-page,.finance-overview,.ultra-dashboard{padding:10px!important;gap:10px!important;border-radius:0!important;box-shadow:none!important}.sidebar{width:min(82vw,284px)!important;max-width:284px!important;left:calc(-1*min(82vw,284px))!important;overflow-y:auto!important}.sidebar.open{left:0!important}.logo{text-align:left!important;padding-inline:8px}.navbar{position:sticky!important;height:52px!important;min-height:52px!important}.brand{max-width:calc(100vw - 182px)!important}.notification-dropdown,.profile-menu.modern,.search-dropdown{position:fixed!important;left:10px!important;right:10px!important;top:58px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 72px);overflow-y:auto}.notification-item,.notification-topline,.notification-permission,.dropdown-header{flex-direction:column!important;align-items:stretch!important}.profile-actions{grid-template-columns:1fr!important}.card,.settings-card,.report-filters-panel,.report-main-panel,.contact-form,.contact-info-card,.loan-card.modern,.emi-card.modern,.saving-card.advanced,.bill-card.modern,.bill-group,.profile-stat-card,.owner-spotlight,.member-card,.saving-list-board,.loan-list-board,.emi-list-board,.bill-table,.insight-card,.summary-card,.kpi-card,.dash-card,.stat-card,.table-card,.feature-card,.pricing-card,.bar-panel,.pie-panel,.contact-copy,.contact-panel{padding:12px!important;border-radius:var(--radius)!important}.settings-hero,.profile-hero,.savings-hero,.bills-hero,.loan-hero,.emi-hero,.report-hero{padding:14px!important}.modern-dashboard,.modern-stats,.savings-stats-grid,.profile-stats-grid,.platform-metrics,.feature-grid,.pricing-grid,.ultra-kpis,.loan-grid.modern-grid,.emi-grid.modern-grid,.advanced-grid,.profile-grid.refined-grid,.modern-list,.contacts-grid,.kpi-grid,.report-summary-grid{grid-template-columns:1fr!important;gap:10px!important}.hero-buttons,.landing-actions,.hero-proof,.hero-chips,.profile-hero-chips,.modern-badges,.bill-actions.modern-actions,.loan-actions.modern-actions,.notification-actions,.notification-header-actions{align-items:stretch!important}.primary-button,.secondary-button,.link-button,.settings-primary-btn,.settings-ghost-btn,.bills-add-btn,.loan-add-btn,.savings-add-btn,.add-btn,.save-btn,.cancel-btn,.outline-btn,.secondary-btn,.danger-btn,.ghost-btn,.report-btn,.planner-btn,.bill-actions button,.loan-actions button,.emi-actions button,.goal-actions button,.member-card-actions button,.profile-action-buttons button,.add-member-actions button{width:100%!important;min-height:42px!important}.icon-btn,.toggle-btn,.avatar-btn,.modal-close,.modal-close-btn,.close-btn,.field-action-btn,.dashboard-visibility-toggle,.view-toggle button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important}.view-toggle{width:100%;justify-content:stretch}.view-toggle button{flex:1}.modal-overlay{align-items:stretch!important;justify-content:center!important;padding:8px!important;overflow-y:auto!important}.modal,.modal-card,.modal-card.large,.profile-modal-card,.savings-modal-card,.advanced-bill-modal,.cm-modal,.report-preview-modal,.attachment-viewer-modal{width:min(100%,520px)!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:var(--radius)!important;overflow-y:auto!important}.profile-modal-head,.profile-modal-body,.modal-actions,.add-member-body,.savings-modal-header,.savings-modal-body,.savings-modal-actions,.bill-modal-head.advanced-head,.advanced-bill-body,.bill-modal-actions.advanced-actions,.modal-header.advanced-header,.loan-modal-summary,.emi-month-list.modern-month-list,.modern-edit-body,.modal-footer.modern-footer{padding-left:14px!important;padding-right:14px!important}.full-width,.full-field,.form-group.full,.bill-modal-grid .field.full{grid-column:1 / -1!important}.fab-container{right:12px!important;bottom:12px!important;gap:8px!important}.fab{width:42px!important;height:42px!important}}@media (max-width: 560px){:root{--app-scale: .86}.landing-nav{grid-template-columns:auto auto!important;min-height:auto!important;gap:8px!important;padding-block:10px!important}.landing-brand{width:100%}.landing-brand img{width:32px!important;height:32px!important}.landing-actions{width:auto;display:flex!important;gap:8px!important}.landing-actions .mobile-nav-hidden{display:none!important}.landing-actions .primary-button{width:auto!important}.hero-section{padding-block:24px!important}.hero-copy{gap:14px!important}.hero-copy h1,.section-heading h2,.contact-section h2{font-size:clamp(28px,10vw,38px)!important;line-height:1.08!important}.hero-text,.section-heading span{font-size:14px!important;line-height:1.55!important}.hero-image-card{min-height:180px!important}.chart-shell,.donut-shell,.dashboard-chart{min-height:220px!important}.plan-price,.goal-amount-line,.progress-meta,.bill-card-head,.loan-card-header.modern-head,.saving-card-top,.owner-spotlight-main{flex-direction:column!important;align-items:flex-start!important}.profile-menu.modern,.notification-dropdown{left:8px!important;right:8px!important}.read-only-banner{padding:10px!important}}html.dark .settings-card,html.dark .settings-accordion-card,html.dark .kpi-card,html.dark .hero-section,html.dark .page-hero,html.dark .profile-hero,html.dark .edit-modal-content,html.dark .settings-card.wide,html.dark .settings-hero,html.dark .hero-card,html.dark .stat-box,html.dark .summary-box,html.dark .info-box{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .applogs-filters,html.dark .applogs-search,html.dark .applogs-filter-group select,html.dark .applogs-filter-group input{background:var(--bg-soft)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .toggle-row,html.dark .member-access-card,html.dark .member-policy-item,html.dark .settings-panel,html.dark .settings-side-note{background:var(--bg-soft)!important;border-color:var(--border)!important}html.dark .settings-accordion-body{border-top-color:var(--border)!important}html.dark input,html.dark select,html.dark textarea,html.dark .form-input,html.dark .form-select,html.dark .form-textarea{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark input:focus,html.dark select:focus,html.dark textarea:focus,html.dark .form-input:focus,html.dark .form-select:focus,html.dark .form-textarea:focus{background:var(--input-bg-focus)!important;border-color:var(--primary-dark)!important}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-muted)!important;opacity:.7}html.dark button.btn,html.dark button.button,html.dark .btn,html.dark .button,html.dark .action-btn{color:var(--text)!important}html.dark button.btn-primary,html.dark .btn-primary,html.dark .submit-btn{color:#fff!important;background:var(--gradient-primary)!important;border-color:transparent!important}html.dark button.btn-secondary,html.dark .btn-secondary{background:var(--bg-soft)!important;color:var(--text)!important;border-color:var(--border-strong)!important}html.dark button.btn-danger,html.dark .btn-danger,html.dark .delete-btn{background:#ef444426!important;color:#fca5a5!important;border-color:#ef444440!important}html.dark table,html.dark .table,html.dark .data-table,html.dark .budget-table{color:var(--text)!important}html.dark table th,html.dark table td,html.dark .table th,html.dark .table td,html.dark .expense-table th,html.dark .expense-table td,html.dark .income-table th,html.dark .income-table td{border-color:var(--border)!important;color:var(--text)!important}html.dark table tbody tr:hover,html.dark .table tbody tr:hover,html.dark .expense-table tbody tr:hover,html.dark .income-table tbody tr:hover{background:var(--table-stripe)!important}html.dark table tbody tr:nth-child(2n),html.dark .table tbody tr:nth-child(2n),html.dark .expense-table tbody tr:nth-child(2n),html.dark .income-table tbody tr:nth-child(2n){background:var(--table-stripe)!important}html.dark .table-header,html.dark .table-head{background:var(--bg-soft)!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .modal,html.dark .modal-overlay,html.dark .modal-backdrop{background:var(--overlay)!important}html.dark .modal-card,html.dark .modal-content,html.dark .modal-box{background:var(--card-elevated)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .modal-header,html.dark .modal-body,html.dark .modal-footer{color:var(--text)!important;border-color:var(--border)!important}html.dark .edit-modal,html.dark .edit-modal-header,html.dark .edit-modal-body,html.dark .edit-modal-footer,html.dark .edit-modal-card{background:var(--card-elevated)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .edit-modal label,html.dark .edit-modal .form-label,html.dark .modal label{color:var(--text)!important}html.dark .popover-menu{background:var(--card-elevated)!important;color:var(--text)!important;border-color:var(--border)!important}html.dark .popover-item{color:var(--text)!important}html.dark .popover-item:hover{background:var(--bg-soft)!important}html.dark .popover-item.active,html.dark .dropdown-item.active{background:var(--accent-soft)!important;color:var(--chip-text)!important}html.dark .dropdown-menu,html.dark .dropdown-content{background:var(--card-elevated)!important;border-color:var(--border)!important}html.dark .dropdown-item{color:var(--text)!important}html.dark .dropdown-item:hover{background:var(--bg-soft)!important}html.dark .badge,html.dark .chip,html.dark .pill,html.dark .status-pill,html.dark .type-pill,html.dark .loan-type-pill,html.dark .emi-type-pill,html.dark .goal-category-pill,html.dark .recurring-chip{background:var(--badge-bg)!important;color:var(--text-muted)!important;border-color:var(--border)!important}html.dark .badge-success,html.dark .pill-success,html.dark .status-paid,html.dark .status-active{background:var(--success-soft)!important;color:#86efac!important;border-color:#22c55e33!important}html.dark .badge-danger,html.dark .pill-danger,html.dark .status-overdue,html.dark .status-inactive{background:var(--danger-soft)!important;color:#fca5a5!important;border-color:#ef444433!important}html.dark .badge-warning,html.dark .pill-warning,html.dark .status-today,html.dark .status-upcoming,html.dark .status-pending{background:var(--warning-soft)!important;color:#fcd34d!important;border-color:#f59e0b33!important}html.dark .badge-info,html.dark .pill-info,html.dark .status-info{background:var(--info-bg)!important;color:#93c5fd!important;border-color:var(--info-border)!important}html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.dark .heading,html.dark .title,html.dark .section-title,html.dark .card-title,html.dark .hero-title,html.dark .page-title,html.dark p,html.dark span,html.dark label,html.dark .text,html.dark .description,html.dark .note,html.dark .hint{color:var(--text)!important}html.dark p.muted,html.dark span.muted,html.dark .muted,html.dark .text-muted,html.dark .text-soft,html.dark .meta,html.dark small,html.dark .small,html.dark .section-sub,html.dark .card-info p,html.dark .profile-modal-title p,html.dark .owner-spotlight-copy p,html.dark .member-card-about,html.dark .goal-notes,html.dark .goal-progress-meta,html.dark .progress-text-row,html.dark .loan-list-row small,html.dark .emi-list-row small,html.dark .stat-content small,html.dark .insight-card p,html.dark .toast p,html.dark .group-empty-state{color:var(--text-muted)!important}html.dark ::-webkit-scrollbar-track{background:var(--bg-soft)!important}html.dark ::-webkit-scrollbar-thumb{background:var(--border)!important;border-radius:8px}html.dark .card,html.dark .card-outer,html.dark .card-inner,html.dark .card-container,html.dark .card-wrapper,html.dark .toolbar,html.dark .toolbar-row,html.dark .toolbar-section,html.dark .toolbar-controls,html.dark .toolbar-selects,html.dark .toolbar-search,html.dark .filter-bar,html.dark .filter-row{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .view-toggle,html.dark .filter-toggle{background:var(--bg-soft)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .view-toggle button,html.dark .filter-toggle button{color:var(--text)!important}html.dark .view-toggle button.active,html.dark .filter-toggle button.active{background:var(--accent-soft)!important;color:var(--chip-text)!important}html.dark .sidebar{box-shadow:inset -1px 0 #ffffff0a,10px 0 40px #00000059!important}html.dark .navbar,html.dark .navbar-content,html.dark .navbar-search,html.dark .nav-bar,html.dark .nav-container{background:var(--card-elevated)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .navbar a,html.dark .navbar-link,html.dark .navbar-item{color:var(--text)!important}html.dark .spinner-ring{border-top-color:var(--primary)!important;border-right-color:var(--primary)!important}html.dark .spinner-ring--inner{border-top-color:var(--primary-dark)!important;border-left-color:var(--primary-dark)!important}html.dark .spinner-dot{background:var(--primary)!important}html.dark .loader,html.dark .loading-indicator{border-color:var(--border)!important;border-top-color:var(--primary)!important}html.dark .contact-page,html.dark .contact-list-item,html.dark .contact-detail-card,html.dark .contact-form-card,html.dark .contact-card,html.dark .contact-item{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .contact-list-item:hover,html.dark .contact-item:hover{background:var(--bg-soft)!important}html.dark .contact-form,html.dark .contact-info-card,html.dark .shopping-planner-page,html.dark .shopping-list-card,html.dark .shopping-item-row,html.dark .shopping-summary-bar,html.dark .shopping-payment-modal,html.dark .shopping-planner-container,html.dark .income-page,html.dark .expense-page,html.dark .income-table-container,html.dark .expense-table-container,html.dark .income-form-container,html.dark .expense-form-container,html.dark .income-form,html.dark .expense-form,html.dark .income-container,html.dark .expense-container{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .income-form input,html.dark .income-form select,html.dark .income-form textarea,html.dark .expense-form input,html.dark .expense-form select,html.dark .expense-form textarea{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .income-form label,html.dark .expense-form label{color:var(--text)!important}html.dark .udhar-page,html.dark .udhar-container,html.dark .udhar-card,html.dark .udhar-item,html.dark .udhar-list-item,html.dark .udhar-form-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .udhar-page input,html.dark .udhar-page select,html.dark .udhar-page textarea,html.dark .udhar-container input,html.dark .udhar-container select,html.dark .udhar-container textarea{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .udhar-toolbar,html.dark .udhar-filters{background:var(--card)!important;border-color:var(--border)!important}html.dark .bills-page,html.dark .reminders-page,html.dark .bills-container,html.dark .reminders-container,html.dark .bill-card,html.dark .reminder-card,html.dark .bill-card.modern,html.dark .bill-item,html.dark .reminder-item,html.dark .bill-group,html.dark .reminder-group,html.dark .bills-hero,html.dark .bills-toolbar,html.dark .bills-table{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .bill-card-title-row h3,html.dark .bill-card .bill-amount,html.dark .reminder-card .reminder-amount{color:var(--text)!important}html.dark .bill-card small,html.dark .reminder-card small{color:var(--text-muted)!important}html.dark .profile-page,html.dark .profile-card,html.dark .profile-section,html.dark .profile-container,html.dark .profile-stat-card,html.dark .profile-form-section,html.dark .profile-card-item,html.dark .profile-hero,html.dark .owner-spotlight,html.dark .owner-spotlight-main,html.dark .member-card,html.dark .empty-members-state{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .profile-modal-card,html.dark .profile-modal-hint{background:var(--card-elevated)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .profile-modal-title h3,html.dark .profile-modal-meta strong{color:var(--text)!important}html.dark .profile-image-field,html.dark .image-upload-area,html.dark .emi-page,html.dark .emi-container,html.dark .emi-list-page,html.dark .emi-list-container,html.dark .emi-card,html.dark .emi-card.modern,html.dark .emi-list-board,html.dark .emi-list-item,html.dark .emi-hero,html.dark .emi-toolbar,html.dark .emi-toolbar.modern-toolbar,html.dark .emi-form-page,html.dark .emi-form-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .emi-info-grid div,html.dark .emi-modal-summary div{background:var(--bg-soft)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .loan-page,html.dark .loan-container,html.dark .loan-list-page,html.dark .loan-list-container,html.dark .loan-card,html.dark .loan-card.modern,html.dark .loan-list-board,html.dark .loan-list-item,html.dark .loan-hero,html.dark .loan-toolbar,html.dark .loan-toolbar.modern-toolbar,html.dark .loan-form-page,html.dark .loan-form-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .loan-info-grid div,html.dark .loan-modal-summary div{background:var(--bg-soft)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .loan-info h3{color:var(--text)!important}html.dark .savings-page,html.dark .savings-container,html.dark .saving-card,html.dark .saving-card.advanced,html.dark .saving-list-board,html.dark .saving-list-row,html.dark .saving-item,html.dark .savings-hero,html.dark .savings-toolbar,html.dark .savings-empty-state,html.dark .saving-form-page,html.dark .saving-form-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .saving-card-top h3{color:var(--text)!important}html.dark .kharacha-page,html.dark .kharacha-container,html.dark .kharacha-card,html.dark .kharacha-item,html.dark .kharacha-list-item{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .kharacha-modal-content{background:var(--card-elevated)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .credit-cards-page,html.dark .credit-card-item,html.dark .credit-card-form,html.dark .credit-cards-container,html.dark .dashboard-page,html.dark .dashboard-shell,html.dark .dashboard-container,html.dark .dash-card,html.dark .dashboard-card,html.dark .stat-card,html.dark .insight-card,html.dark .dashboard-stat,html.dark .summary-card,html.dark .dashboard .card,html.dark .dashboard .widget-card,html.dark .report-page,html.dark .report-card,html.dark .report-summary-card,html.dark .report-container,html.dark .finance-overview,html.dark .finance-overview-card,html.dark .overview-stat-card,html.dark .finance-chart-container,html.dark .finance-container,html.dark .attachment-viewer,html.dark .attachment-card,html.dark .attachment-list,html.dark .user-settings-page,html.dark .member-access-section,html.dark .cm-modal,html.dark .cm-header,html.dark .cm-body,html.dark .cm-footer,html.dark .cm-item{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .budget-planner-next{background:transparent!important}html.dark .budget-category-card,html.dark .budget-list-row{background:var(--card)!important;border-color:var(--planner-border, var(--border))!important;color:var(--text)!important}html.dark .budget-month-selector,html.dark .budget-view-toggle{background:var(--bg-soft)!important;border-color:var(--planner-border, var(--border))!important}html.dark .auth-container,html.dark .auth-card,html.dark .auth-form{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .auth-container input,html.dark .auth-container select{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .finance-assistant,html.dark .assistant-card,html.dark .chat-container,html.dark .chat-message{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .cm-overlay{background:#020617b3!important}html.dark .cm-modal{background:var(--card-elevated)!important;box-shadow:0 20px 50px #0006,0 4px 12px #0003!important}html.dark .cm-header{background:var(--card-elevated)!important;border-bottom-color:var(--border)!important}html.dark .cm-header h2{color:var(--text)!important}html.dark .cm-close{background:var(--bg-soft)!important;color:var(--text-muted)!important}html.dark .cm-close:hover{background:var(--badge-bg)!important}html.dark .cm-form{background:var(--card-elevated)!important;border-bottom-color:var(--border)!important}html.dark .cm-form input{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .cm-form input:focus{border-color:var(--primary)!important;background:var(--input-bg-focus)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}html.dark .cm-save{background:var(--gradient-primary)!important;color:#fff!important}html.dark .cm-save:hover{opacity:.9!important;transform:translateY(-1px)!important}html.dark .cm-list{background:transparent!important}html.dark .cm-list::-webkit-scrollbar-track{background:transparent!important}html.dark .cm-list::-webkit-scrollbar-thumb{background:var(--border)!important}html.dark .cm-item{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .cm-item span{color:var(--text)!important}html.dark .cm-item:hover{background:var(--bg-soft)!important}html.dark .cm-edit{background:var(--info-bg)!important;color:var(--info)!important}html.dark .cm-edit:hover{background:#3b82f640!important}html.dark .cm-delete{background:var(--danger-soft)!important;color:#fca5a5!important}html.dark .cm-delete:hover{background:#ef444440!important}html.dark .emi-month-row.modern-row{background:var(--card)!important;border-color:var(--border)!important}html.dark .cancel-btn{background:var(--bg-soft)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .save-btn{background:var(--gradient-primary)!important;color:#fff!important}html.dark .contact-view-toggle button.active{background:var(--card)!important;color:var(--chip-text)!important;box-shadow:0 6px 14px #00000040!important}html.dark .dashboard-filter select,html.dark .date-range input{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .edit-modal-content{background:var(--card-elevated)!important;border-color:var(--border)!important}html.dark .edit-modal-content input,html.dark .edit-modal-content select,html.dark .edit-modal-content textarea{background:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text)!important}html.dark .edit-modal-content label{color:var(--text)!important}html.dark .budget-planner-page .budget-table td{color:var(--text)!important;border-color:var(--border)!important}html.dark .read-only-banner,html.dark .read-only-card{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important}html.dark .toast{background:var(--card-elevated)!important;border-color:var(--border)!important;color:var(--text)!important}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.error-boundary-card{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:3rem 2rem;max-width:420px;width:100%}.error-boundary-card .error-icon{font-size:3rem;color:var(--danger);margin-bottom:1rem}.error-boundary-card h2{margin:0 0 .5rem;color:var(--heading)}.error-boundary-card .error-message{color:var(--meta);font-size:.9rem;margin-bottom:1.5rem;word-break:break-word}html.dark .error-boundary-card{background:var(--card);border-color:var(--border)}