@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}:root{--color-bg: #f6f8fa;--color-sidebar: #ffffff;--color-primary: #00B3FF;--color-secondary: #E3F6FE;--color-text: #15223C;--color-muted: #9a9a9a;--color-green: #2DD683;--color-green-shade: #D8FFEC;--color-red: #E74A51;--color-red-shade: #F8D7DA;--color-orange: #FA8B3A;--color-orange-shade: #FFE8D4;--color-yellow: #FED142;--color-yellow-shade: #FFF6CC}.dark{--color-bg: #121418;--color-sidebar: #1e1f23;--color-primary: #00B3FF;--color-secondary: #173047;--color-text: #e3e6eb;--color-muted: #9da3af;--color-green: #2DD683;--color-green-shade: #183a2d;--color-red: #E74A51;--color-red-shade: #3a2222;--color-orange: #FA8B3A;--color-orange-shade: #3a2a1e;--color-yellow: #FED142;--color-yellow-shade: #3a361e}.body{background-color:var(--color-bg);color:var(--color-text)}.dashboard{display:grid;grid-template-columns:1fr;gap:1rem;background:var(--color-bg);margin-top:2rem}.dashboard__main{display:flex;flex-direction:column;gap:1rem}@media(max-width:360px){.dashboard{gap:.5rem;padding:.4rem .5rem}}@media(max-width:480px){.dashboard{gap:.75rem;padding:.5rem .75rem}}@media(min-width:481px)and (max-width:1024px){.dashboard{gap:1rem;padding:.75rem 1rem}}@media(min-width:1025px){.dashboard{margin-top:2rem;grid-template-columns:auto 1fr;gap:3rem;padding:0rem 3rem}.dashboard__main{gap:1.5rem}}.header{position:sticky;top:0;left:0;right:0;width:100%;background:var(--color-bg);z-index:100}.header__container{max-width:100%;margin:0 auto;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.header__left{display:flex;align-items:center;flex:0 0 auto;gap:2rem}.header__right{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.header__icons{display:flex;gap:1.3rem;align-items:center}.header__icon-btn{background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-muted);transition:background .15s ease,color .15s ease,transform .12s ease;padding:.5rem}.header__icon-btn svg{width:1.5rem;height:1.5rem;display:block}.header__icon-btn:hover{background-color:var(--color-secondary);color:var(--color-primary);border-radius:8px;padding:.5rem}.header__icon-btn:active,.header__icon-btn.is-active,.header__icon-btn.active,.header__icon-btn:focus{background:#0000000a;color:var(--color-primary)}.header__avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.header__nav{display:flex;gap:2rem;align-items:center;color:var(--color-muted);background:var(--color-bg)}@media(max-width:767px){.header__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;transform:translateY(-200%);transition:transform .3s ease;text-align:center;padding:1rem 0}}.header__nav--open{transform:translateY(0);border-bottom:1px solid #c9c9c9;border-radius:0rem 0rem 1rem 1rem}.header__link{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;padding:.5rem;transition:color .2s ease}.header__link svg{order:-1;width:1.5rem;height:1.5rem;display:block;flex-shrink:0}.header__link:hover{background-color:var(--color-secondary);border-radius:8px;color:var(--color-primary);padding:.5rem}.header__link:active,.header__link.is-active,.header__link.active,.header__link:focus{background-color:var(--color-secondary);border-radius:8px;color:var(--color-primary);padding:.5rem}.header__toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;margin-left:auto;color:var(--color-text)}@media(max-width:767px){.header__toggle{display:block;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);z-index:10}}.header__logo img{display:block;max-width:160px;width:auto;height:auto}@media(max-width:1920px){.header__container{padding:1.5rem 3rem;gap:2.5rem}.header__nav{gap:2rem}.header__link{font-size:1rem}}@media(max-width:1440px){.header__container{padding:1rem 1.5rem;gap:1.5rem}.header__nav{gap:1.5rem}.header__link{font-size:.95rem}}@media(max-width:1024px){.header__container{padding:1rem 1.5rem;gap:1rem}.header__nav{gap:1rem;align-items:center;flex-wrap:nowrap}.header__link{font-size:.95rem;padding:.35rem .45rem}.header__icons svg,.header__link svg{width:1.25rem;height:1.25rem}.header__logo img{max-width:130px}.header__left{flex:0 0 auto;gap:1rem}}@media(max-width:767px){.header__logo img{max-width:110px}.header__right .header__icons,.header__right .header__avatar{display:none}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stats__column{display:flex;flex-direction:column;align-items:flex-start}.stats__card{padding:1rem;border-left:8px solid;border-radius:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 6px #00000026;border-left-color:var(--color-primary)}.stats__card--success{border-left-color:var(--color-green)}.stats__card--warning{border-left-color:var(--color-orange)}.stats__card--yellow{border-left-color:var(--color-yellow)}.stats__card--danger{border-left-color:var(--color-red)}.stats__title{font-size:1rem;color:var(--color-muted)}.stats__value{font-size:1.5rem;font-weight:600;margin-top:.5rem}.stats__badge{display:inline-block;padding:.2rem .5rem;font-size:.8rem;font-weight:600;border-radius:8px;color:#fff;padding:.5rem;display:flex;align-items:center;gap:.2rem;background-color:var(--color-primary)}.stats__badge svg{width:.6rem;height:.6rem}.stats__badge--success{color:var(--color-green);background-color:var(--color-green-shade)}.stats__badge--warning{color:var(--color-orange);background-color:var(--color-orange-shade)}.stats__badge--yellow{color:var(--color-yellow);background-color:var(--color-yellow-shade)}.stats__badge--danger{color:var(--color-red);background-color:var(--color-red-shade)}@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stats__card{padding:.75rem}.stats__value{font-size:1.25rem}}@media(max-width:480px){.stats{grid-template-columns:1fr;gap:1rem}}@media(max-width:360px){.stats{grid-template-columns:1fr;gap:.6rem}.stats__card{padding:.6rem}.stats__title{font-size:.9rem}.stats__value{font-size:1.1rem}}.charts-grid{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:stretch;background:var(--color-bg)}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}.charts-grid.charts-grid--lower{grid-template-columns:320px 1fr}@media(max-width:1024px){.charts-grid.charts-grid--lower{grid-template-columns:1fr}}.charts-grid.charts-grid--lower .charts__card{padding:1rem}.charts-grid .charts__card{padding:1.4rem;border-radius:12px;box-shadow:0 1px 6px #00000026}.overview{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;align-items:stretch}@media(max-width:1024px){.overview{grid-template-columns:1fr}}.charts__main{display:flex;flex-direction:column;gap:1rem;height:100%}.charts__main .charts__title{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--color-text);margin:0 0 .25rem}.charts__main .charts__controls{background:#f4f7fb;color:var(--color-muted);padding:.35rem .65rem;border-radius:999px;font-size:.85rem;box-shadow:0 1px #fff9 inset}.charts__main .charts__canvas-wrap{position:relative;height:320px;border-radius:12px;overflow:hidden}.charts__main canvas{display:block;width:100%!important;height:100%!important}@media(max-width:1024px){.charts__canvas-wrap{height:260px}}@media(max-width:768px){.charts__canvas-wrap{height:220px}}@media(max-width:480px){.charts__canvas-wrap{height:180px}}@media(max-width:360px){.charts__canvas-wrap{height:140px}}.summary-card{background:var(--color-bg);padding:1.5rem;border-radius:12px;box-shadow:0 1px 6px #00000026;border:none;height:100%;display:flex;flex-direction:column}.summary-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.summary-card__filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-muted);font-size:.85rem;cursor:pointer;border-radius:6px;transition:background .2s;white-space:nowrap;flex-wrap:nowrap}.summary-card__filter-btn:hover{background:#f8f9fa}.summary-card__filter-btn svg{display:block;flex-shrink:0;width:auto;height:1rem}.summary-card__filter-btn svg:last-child{height:.75rem;opacity:.95}.summary-card__body{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.summary-card__stats{display:flex;flex-direction:space-between;gap:8rem}@media(max-width:1024px){.summary-card__stats{gap:4rem}.summary-card__legend{flex-direction:row;gap:1rem;flex-wrap:wrap}}@media(max-width:480px){.summary-card__donut{width:96px;height:96px}.summary-card__donut canvas{width:96px!important;height:96px!important}.summary-card__stats{gap:4rem}}.summary-card__item{display:flex;flex-direction:column;gap:.5rem}.summary-card__label{color:var(--color-muted);margin:0;font-size:1rem}.summary-card__amount{font-size:1.25rem;font-weight:700;margin:0}.summary-card__right{display:flex;gap:2rem;align-items:flex-start}.summary-card__donut{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.summary-card__donut canvas{width:120px!important;height:120px!important}.summary-card__bars{display:flex;flex-direction:column;gap:6px;margin-top:6px}.summary-card__bar{width:64px;height:8px;border-radius:6px;box-shadow:inset 0 1px #fff9}.summary-card__legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.2rem;font-size:.9rem;color:#6c757d;text-align:start;justify-content:center}.summary-card__legend-item{display:flex;align-items:center;gap:1rem;line-height:1;justify-content:flex-start;color:var(--color-muted)}.summary-card__legend-bar{width:36px;height:10px;border-radius:6px;display:inline-block}.history-card{padding:1.5rem;background:var(--color-bg);border-radius:12px;border:none;box-shadow:0 1px 6px #00000026;height:100%;display:flex;flex-direction:column}.history-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.history-card__viewall{font-size:.85rem;color:var(--color-primary);text-decoration:none}.history-card__viewall:hover{text-decoration:underline}.history-card__list{display:flex;flex-direction:column;gap:1rem;flex:1}.history-card__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0}.history-card__item-left{display:flex;align-items:center;gap:.75rem}.history-card__icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#00b3ff1f,#00b3ff0f);display:inline-flex;align-items:center;justify-content:center;font-weight:600}.history-card__icon svg{width:18px;height:18px;display:block}.history-card__meta{display:flex;flex-direction:column}.history-card__title{font-weight:600;font-size:.95rem;color:var(--color-text)}.history-card__date{color:var(--color-muted);font-size:.85rem;margin-top:2px}.history-card__amount{font-weight:600;white-space:nowrap;margin-left:8px}.history-card__amount--positive{color:var(--color-green)}.history-card__amount--negative{color:var(--color-red)}.history-card__icon--blue{color:var(--color-primary);background:linear-gradient(180deg,#00b3ff1f,#00b3ff0f)}.history-card__icon--green{color:var(--color-green);background:linear-gradient(180deg,#00cc661f,#00cc660f)}.history-card__icon--yellow{color:var(--color-yellow);background:linear-gradient(180deg,#ffdd331f,#ffdd330f)}.history-card__icon--red{color:var(--color-red);background:linear-gradient(180deg,#ff00001f,#ff00000f)}.sidebar{width:331px;display:flex;flex-direction:column;gap:1rem;background:var(--color-bg)}@media(max-width:1024px){.sidebar{flex-direction:row;width:100%}}@media(max-width:767px){.sidebar{flex-direction:column;width:100%}}@media(max-width:425px){.sidebar{flex-direction:column;width:100%}}.sidebar__card{background:inherit;border-radius:16px;box-shadow:0 1px 6px #00000026;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.sidebar__card .sidebar__title{padding:.5rem;margin:0}.sidebar__heading{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0 1.5rem}.sidebar__card-media{position:relative}.sidebar__card-media img{width:100%;display:block;height:auto;object-fit:cover}@media(max-width:768px){.sidebar__card-media img{object-fit:cover}.sidebar{width:100%;padding:.5rem 0}}.sidebar__card-top{position:absolute;top:25px;left:20px;z-index:6;color:#fff;font-size:.95rem;font-weight:700;text-transform:none}.sidebar__card-data{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(320px,100% - 32px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:3;gap:.5rem;padding:.4rem .6rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);box-sizing:border-box}.sidebar__card-data-row{display:flex;justify-content:start;gap:5rem;width:100%;align-items:center}.sidebar__card-data-name,.sidebar__card-data-expiry{font-size:.8rem;color:#fffffff2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__card-data-number{margin-top:.35rem;font-size:1.05rem;font-weight:800;color:#fff;text-align:start;width:100%;letter-spacing:.08rem}.sidebar__card-body{position:relative;z-index:1}.sidebar__balance{font-size:.875rem;color:#6b7280;margin:0 0 .5rem;font-weight:500}.sidebar__amount{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--color-text)}.sidebar__meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-muted)}.sidebar__status{background:var(--color-green-shade);color:var(--color-green);padding:.25rem .5rem;border-radius:4px;font-weight:600}.sidebar__quick{background:inherit;padding:1.25rem;border-radius:16px;box-shadow:0 1px 6px #00000026;display:flex;flex-direction:column;gap:2rem}.sidebar__quick-input{display:flex;flex-direction:column;gap:.5rem}.sidebar__quick-contacts{display:flex;align-items:center;gap:1.5rem}.sidebar__quick-contacts .sidebar__avatar-dot{display:inline-block}.sidebar__title{margin:0 0 .5rem;font-weight:700;color:var(--color-text);font-size:.95rem}.sidebar__input{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid #eef2f6;margin-bottom:.5rem;background:#f8fafc}.sidebar__input-label{font-size:.85rem;color:var(--color-muted);font-weight:600}.sidebar__btn{width:100%;padding:.6rem .75rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.sidebar__btn--secondary{background:transparent;color:var(--color-text);border:1px solid #eef2f6}.sidebar__add{display:flex;justify-content:center;align-items:center}.sidebar__add-btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;width:100%;background:#f3f9ff;color:var(--color-primary);border:1px solid rgba(0,179,255,.12);padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:700}@media(max-width:768px){.sidebar__add-btn{width:100%;justify-content:center;padding:.6rem}}.sidebar__avatar-dot{width:32px;height:32px;aspect-ratio:1/1;border-radius:50%;background-color:var(--color-muted);display:inline-block;object-fit:cover}.sidebar__contacts-more{background:transparent;border:none;color:var(--color-muted);font-size:1.1rem;margin-left:auto;cursor:pointer;padding:.15rem;display:inline-flex;align-items:center}.sidebar__contacts-more svg{width:18px;height:18px;display:block;stroke:currentColor}.sidebar__quick-actions{display:flex;gap:.5rem}.charts__side{display:flex;flex-direction:column;gap:3rem;height:100%}.savings__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;color:var(--color-text)}.savings__list{display:flex;flex-direction:column;gap:2rem}.savings__item{display:flex;flex-direction:column;gap:.4rem}.savings__row{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;color:var(--color-text)}.savings__bar{background:#f1f5f9;height:8px;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #fff9}.savings__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#00b3ff,#00b3ff99);width:40%;transition:width .4s ease}.savings__amount{font-weight:600;color:var(--color-text);font-size:.95rem}.table__wrap{overflow:auto}.table__content{width:100%;border-collapse:collapse;font-size:.95rem}.table__content th,.table__content td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid #f1f5f9;color:var(--color-text);white-space:nowrap}@media(max-width:768px){.table__content th,.table__content td{white-space:normal;font-size:.9rem;padding:.5rem .4rem}}@media(max-width:480px){.table__content th,.table__content td{font-size:.85rem}}@media(max-width:360px){.table__content th,.table__content td{font-size:.8rem;padding:.4rem .35rem}}body{font-family:Inter,sans-serif;margin:0}