.dhan-page{display:flex;flex-direction:column;gap:1.5rem;max-width:80rem;margin:0 auto}.dhan-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a;padding:1rem}.dhan-card--flush{padding:0;overflow:hidden}.dhan-page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.dhan-page-head h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.25}.dhan-page-head p,.dhan-sub{margin:.15rem 0 0;font-size:.75rem;color:#64748b}.dhan-btn{appearance:none;border:none;cursor:pointer;font-size:.75rem;font-weight:600;border-radius:.75rem;padding:.5rem .75rem;min-height:auto;width:auto;display:inline-flex;align-items:center;gap:.35rem;color:#fff;background:#4f46e5}.dhan-btn:hover{filter:brightness(1.05)}.dhan-btn--emerald{background:#059669}.dhan-btn--rose{background:#e11d48}.dhan-btn--sky{background:#0284c7}.dhan-btn--slate{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.dhan-btn--ghost{background:#fff3;color:#fff}.dhan-btn--full{width:100%;justify-content:center;padding:.65rem}.dhan-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:1024px){.dhan-kpi-grid--4{grid-template-columns:repeat(4,1fr)}}@media(min-width:640px){.dhan-kpi-grid--3{grid-template-columns:repeat(3,1fr)}.dhan-kpi-grid--2{grid-template-columns:repeat(2,1fr)}.dhan-kpi-grid--4sm{grid-template-columns:repeat(4,1fr)}}.dhan-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a;padding:1rem}.dhan-kpi--tint-emerald{background:#ecfdf5;border-color:#d1fae5}.dhan-kpi--tint-rose{background:#fff1f2;border-color:#ffe4e6}.dhan-kpi--tint-sky{background:#f0f9ff;border-color:#e0f2fe}.dhan-kpi--tint-indigo{background:#eef2ff;border-color:#e0e7ff}.dhan-kpi__label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.02em}.dhan-kpi--tint-emerald .dhan-kpi__label{color:#059669}.dhan-kpi--tint-rose .dhan-kpi__label{color:#e11d48}.dhan-kpi--tint-sky .dhan-kpi__label{color:#0284c7}.dhan-kpi--tint-indigo .dhan-kpi__label{color:#4f46e5}.dhan-kpi__value{margin-top:.25rem;font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.2}.dhan-kpi__value--emerald{color:#059669}.dhan-kpi__value--rose{color:#e11d48}.dhan-kpi__value--sky{color:#0284c7}.dhan-kpi__value--indigo{color:#4f46e5}.dhan-kpi__meta{margin-top:.25rem;font-size:.625rem;color:#64748b;display:flex;justify-content:space-between;gap:.5rem}.dhan-kpi--center{text-align:center;padding:.75rem;border-radius:.75rem}.dhan-kpi--center .dhan-kpi__value{font-size:.875rem}.dhan-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid #f1f5f9;border-radius:.75rem;background:#fff}.dhan-row:hover{background:#f8fafc}.dhan-row__title{font-size:.75rem;font-weight:700;color:#1e293b}.dhan-row__meta{font-size:.625rem;color:#94a3b8;margin-top:.1rem}.dhan-row__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.dhan-row__amount{font-size:.75rem;font-weight:700;color:#1e293b}.dhan-icon-btn{appearance:none;background:transparent;border:none;color:#94a3b8;padding:.25rem;min-height:auto;width:auto;cursor:pointer;font-size:.75rem}.dhan-icon-btn:hover{color:#e11d48}.dhan-empty{text-align:center;font-size:.75rem;color:#94a3b8;padding:1.5rem .5rem}.dhan-section-title{margin:0 0 .75rem;font-size:.75rem;font-weight:700;color:#334155}.dhan-progress{width:100%;height:.625rem;background:#f1f5f9;border-radius:9999px;overflow:hidden}.dhan-progress__bar{height:100%;background:#4f46e5;border-radius:9999px;transition:width .4s ease}.dhan-dues-banner{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;border-radius:1rem;padding:1rem;box-shadow:0 1px 2px #0f172a0f}.dhan-dues-banner__head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.dhan-dues-banner__head h4{margin:0;font-size:.875rem;font-weight:700}.dhan-dues-banner__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;text-align:center}.dhan-dues-banner__stat{background:#ffffff1a;border-radius:.75rem;padding:.5rem}.dhan-dues-banner__stat span{display:block;font-size:.625rem;opacity:.85}.dhan-dues-banner__stat strong{display:block;font-size:.875rem;margin-top:.15rem}.dhan-chart-box{height:14rem;position:relative}.dhan-grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.dhan-grid-2{grid-template-columns:1fr 1fr}.dhan-grid-3{grid-template-columns:repeat(3,1fr)}.dhan-split-1-2{grid-template-columns:1fr 2fr}}.dhan-grid-3{display:grid;grid-template-columns:1fr;gap:1.5rem}.dhan-split-1-2{display:grid;grid-template-columns:1fr;gap:1rem}.dhan-pill{display:inline-block;font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:.25rem;background:#f1f5f9;color:#475569}.dhan-pill--paid{background:#d1fae5;color:#047857}.dhan-pill--pending,.dhan-pill--overdue{background:#fef3c7;color:#b45309}.dhan-pill--overdue{background:#fee2e2;color:#b91c1c}.dhan-field{display:flex;flex-direction:column;gap:.25rem}.dhan-field label{font-size:.75rem;font-weight:600;color:#475569}.dhan-field input,.dhan-field select,.dhan-field textarea{width:100%;border:1px solid #e2e8f0;border-radius:.75rem;padding:.5rem .65rem;font-size:.75rem;min-height:2.25rem;background:#fff;box-sizing:border-box}.dhan-field input:focus,.dhan-field select:focus,.dhan-field textarea:focus{outline:2px solid #a5b4fc;outline-offset:1px;border-color:#6366f1}.dhan-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding-top:.5rem;border-top:1px solid #f1f5f9}@media(min-width:640px){.dhan-filter-grid{grid-template-columns:repeat(4,1fr)}}.dhan-filter-grid label{font-size:.625rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.dhan-filter-grid select{width:100%;font-size:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;padding:.375rem;background:#f8fafc;min-height:auto}.dhan-tally{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #f1f5f9;font-size:.75rem;color:#64748b}.dhan-table{width:100%;border-collapse:collapse;font-size:.75rem;text-align:left}.dhan-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;text-transform:uppercase}.dhan-table th,.dhan-table td{padding:.75rem}.dhan-table tbody tr{border-bottom:1px solid #f1f5f9}.dhan-table .num{text-align:right;font-weight:700}.dhan-desktop-only{display:none}.dhan-mobile-only{display:block}@media(min-width:768px){.dhan-desktop-only{display:block}.dhan-mobile-only{display:none}.dhan-hide-sm{display:inline-flex}}.dhan-hide-sm{display:none}@media(min-width:640px){.dhan-hide-sm{display:inline-flex}}.dhan-modal-backdrop{position:fixed;inset:0;z-index:80;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.dhan-modal-backdrop{align-items:center;padding:1rem}}.dhan-modal{background:#fff;width:100%;max-width:28rem;border-radius:1rem 1rem 0 0;max-height:min(92vh,100dvh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #0f172a40}@media(min-width:640px){.dhan-modal{border-radius:1rem}}.dhan-modal__head{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.dhan-modal__head h3{margin:0;font-size:.875rem;font-weight:700;color:#1e293b}.dhan-modal__body{padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;-webkit-overflow-scrolling:touch}.dhan-modal__actions{display:grid;grid-template-columns:1fr 1.4fr;gap:.5rem;margin-top:.25rem;padding-top:.25rem}.dhan-modal__actions .dhan-btn{width:100%;justify-content:center}.dhan-field textarea{width:100%;min-height:4.5rem;resize:vertical;border:1px solid #cbd5e1;border-radius:.75rem;padding:.55rem .75rem;font:inherit;font-size:.8125rem;color:#0f172a;background:#fff}.dhan-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.dhan-kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.dhan-kind-btn{appearance:none;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:.75rem;padding:.5rem;font-size:.75rem;font-weight:600;min-height:auto;width:100%;cursor:pointer}.dhan-kind-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.dhan-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dhan-radio-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:#334155}.dhan-radio-row label{display:flex;align-items:center;gap:.35rem;font-weight:500;cursor:pointer}.dhan-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.dhan-status-btn{appearance:none;border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:.75rem;padding:.55rem .4rem;font-size:.7rem;font-weight:600;line-height:1.2;min-height:2.5rem;width:100%;cursor:pointer;white-space:nowrap;text-align:center}.dhan-status-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.dhan-form-error{margin:0;padding:.5rem .65rem;border-radius:.5rem;background:#fff1f2;border:1px solid #fecdd3;color:#e11d48;font-size:.75rem;font-weight:600}.dhan-mark-btn{appearance:none;border:1px solid;border-radius:.5rem;padding:.25rem .5rem;font-size:.625rem;font-weight:600;min-height:auto;width:auto;cursor:pointer;background:#fff7ed;color:#d97706;border-color:#fde68a}.dhan-mark-btn--rose{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.dhan-mark-btn--slate{background:#f8fafc;color:#475569;border-color:#e2e8f0}app-root{display:block}.app-frame{min-height:100vh;min-height:100dvh;display:flex;flex-direction:row;background:#f1f5f9;color:#1e293b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app-frame:not(.app-frame--authed){background:transparent}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:row;background:#f1f5f9;color:#1e293b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.sidebar{display:flex;flex-direction:column;width:16rem;flex-shrink:0;min-height:100vh;min-height:100dvh;padding:1rem;background:#0f172a;color:#cbd5e1;border-right:1px solid #1e293b}.sidebar__brand{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .75rem;margin-bottom:.5rem;border-bottom:1px solid #1e293b}.sidebar__brand-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#4f46e5;color:#fff;border-radius:.75rem;font-size:1.15rem}.sidebar__title{margin:0;font-size:1.125rem;font-weight:700;color:#fff;line-height:1.25}.sidebar__subtitle{margin:0;font-size:.75rem;color:#94a3b8}.sidebar__period{margin-bottom:1rem;padding:.75rem;background:#1e293b99;border:1px solid rgba(51,65,85,.5);border-radius:.75rem;display:grid;gap:.5rem}.sidebar__period-label{display:block;margin-bottom:.25rem;font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.sidebar__select{width:100%;padding:.375rem .625rem;background:#0f172a;border:1px solid #334155;border-radius:.5rem;color:#fff;font-size:.75rem;outline:none}.sidebar__select:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.sidebar__nav{flex:1;overflow-y:auto;display:grid;gap:.25rem;font-size:.75rem;font-weight:500}.sidebar__footer{margin-top:auto;display:grid;gap:.5rem;flex-shrink:0}.sidebar__install{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;border:1px solid #4f46e5;border-radius:.75rem;background:#4f46e5;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;min-height:auto}.sidebar__install:hover{filter:brightness(1.08)}.sidebar__logout{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .75rem;border:1px solid #334155;border-radius:.75rem;background:#1e293b;color:#e2e8f0;font-size:.75rem;font-weight:600;cursor:pointer;min-height:auto}.sidebar__logout:hover{background:#334155;color:#fff;border-color:#64748b}.sidebar__version{margin:.35rem 0 0;text-align:center;font-size:.65rem;font-weight:600;letter-spacing:.04em;color:#64748b}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.5rem;color:#cbd5e1;text-decoration:none;transition:background .15s,color .15s}.sidebar__link i{width:1rem;text-align:center;flex-shrink:0}.sidebar__link:nth-child(1) i{color:#818cf8}.sidebar__link:nth-child(2) i{color:#34d399}.sidebar__link:nth-child(3) i{color:#fb7185}.sidebar__link:nth-child(4) i{color:#38bdf8}.sidebar__link:nth-child(5) i{color:#fbbf24}.sidebar__link:nth-child(6) i{color:#f59e0b}.sidebar__link:nth-child(7) i{color:#a5b4fc}.sidebar__link:nth-child(8) i{color:#2dd4bf}.sidebar__link:nth-child(9) i{color:#c084fc}.sidebar__link:nth-child(10) i{color:#94a3b8}.sidebar__link:hover,.sidebar__link.active{background:#1e293b;color:#fff}.sidebar__link:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:1.5rem}.mobile-header{display:none}.content{flex:1;width:100%;max-width:80rem;margin:0 auto;padding:1.5rem}.content--login{max-width:none;margin:0;padding:0}.app-main:not(.app-main--authed){flex:1;min-width:0;padding-bottom:0}.skip-link{position:absolute;left:-999px;top:0;z-index:9999;background:#0f172a;color:#fff;padding:.65rem .9rem;border-radius:10px;text-decoration:none}.skip-link:focus{left:.75rem;top:calc(env(safe-area-inset-top,0px) + .5rem)}.bottom-nav,.more-backdrop,.more-sheet{display:none}@media(max-width:767px){app-root{height:100%;min-height:100dvh}.app-shell,.app-frame--authed{flex-direction:column;height:100%;min-height:100dvh;max-height:100dvh}.sidebar{display:none}.app-main--authed{flex:1;min-height:0;padding-bottom:0;padding-top:calc(3.5rem + env(safe-area-inset-top,0px));padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.app-main:not(.app-main--authed){padding-top:0;padding-bottom:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:20;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem .75rem;background:#0f172a;color:#fff;box-shadow:0 4px 12px #0f172a40}.mobile-header__brand{display:flex;align-items:center;gap:.5rem}.mobile-header__icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#4f46e5;border-radius:.5rem;font-size:.7rem}.mobile-header__title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.mobile-header__actions{display:flex;align-items:center;gap:.5rem}.mobile-header__select{background:#1e293b;border:1px solid #334155;color:#fff;font-size:.75rem;border-radius:.5rem;padding:.375rem .5rem;outline:none}.mobile-header__add{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#4f46e5;color:#fff;border:none;border-radius:.5rem;font-size:.75rem;cursor:pointer}.mobile-header__logout{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:.5rem;font-size:.75rem;cursor:pointer;min-height:auto;padding:0}.content{min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:1rem;max-width:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;height:3.5rem;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e2e8f0}.bottom-nav__link{appearance:none;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;color:#64748b;text-decoration:none;font-size:.5625rem;font-weight:500;cursor:pointer;position:relative;padding:0}.bottom-nav__link i{font-size:.875rem}.bottom-nav__link.active{color:#4f46e5}.bottom-nav__fab-wrap{display:flex;align-items:center;justify-content:center}.bottom-nav__fab{width:2.25rem;height:2.25rem;border-radius:9999px;border:none;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #4f46e566;transform:translateY(-.5rem);cursor:pointer;font-size:.875rem}.bottom-nav__badge{position:absolute;top:.25rem;right:.7rem;width:.875rem;height:.875rem;border-radius:9999px;background:#f43f5e;color:#fff;font-size:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.more-backdrop{display:block;position:fixed;inset:0;z-index:40;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.more-sheet{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px #0f172a1f}.more-sheet__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.more-sheet__title{margin:0;font-size:.75rem;font-weight:700;color:#1e293b}.more-sheet__close{appearance:none;background:transparent;border:none;color:#94a3b8;padding:.25rem;cursor:pointer;font-size:1rem}.more-sheet__grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;font-weight:500}.more-sheet__item{display:flex;align-items:center;gap:.5rem;padding:.625rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#1e293b;text-decoration:none;text-align:left}.more-sheet__item:last-child{grid-column:1 / -1}.more-sheet__install{appearance:none;width:100%;cursor:pointer;font:inherit;color:#4f46e5;border-color:#c7d2fe;background:#eef2ff}.more-sheet__logout{appearance:none;width:100%;cursor:pointer;font:inherit;color:#e11d48;border-color:#fecdd3;background:#fff1f2}.more-sheet__version{margin:.75rem 0 0;text-align:center;font-size:.7rem;font-weight:600;color:#94a3b8}.more-sheet__item i.fa-arrow-down-left{color:#10b981}.more-sheet__item i.fa-arrow-up-right{color:#f43f5e}.more-sheet__item i.fa-piggy-bank{color:#0ea5e9}.more-sheet__item i.fa-list-check{color:#6366f1}.more-sheet__item i.fa-hand-holding-dollar{color:#14b8a6}.more-sheet__item i.fa-tags{color:#a855f7}.more-sheet__item i.fa-sliders{color:#64748b}}*,*:before,*:after{box-sizing:border-box}:root{--color-app-bg: #f1f5f9;--color-page-bg: #eef2f7;--color-card-bg-top: #ffffff;--color-card-bg-bot: #f8fbff;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-invert: #ffffff;--color-border: #dbe4ee;--color-border-strong: #dbe7f5;--color-border-soft: #c5d3e2;--color-table-border: #e2e8f0;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-focus: #93c5fd;--color-success-bg: #dcfce7;--color-success-fg: #166534;--color-danger-bg: #fee2e2;--color-danger-fg: #991b1b;--color-warning-bg: #fef3c7;--color-warning-fg: #92400e;--color-info-bg: #e0f2fe;--color-info-fg: #0369a1;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 8px 24px rgba(15, 23, 42, .06);--min-tap: 44px}html{-webkit-text-size-adjust:100%}body{margin:0;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--color-text-primary);background:#f1f5f9}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media(max-width:767px){html,body{height:100%;overflow:hidden}app-root{display:block;height:100%;min-height:100dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}