body{background:radial-gradient(circle at 100% 0,#e7f3f5 0,transparent 25rem),#f6f8fb}.years-shell{padding-bottom:72px}.years-hero{position:relative;overflow:hidden;border:1px solid rgba(24,62,91,.08);border-radius:23px;background:linear-gradient(120deg,#143052 0%,#18436a 58%,#2e7481 100%);box-shadow:0 16px 34px rgba(19,48,80,.13)}.years-hero:before{content:'';position:absolute;right:-82px;top:-100px;width:270px;height:270px;border:1px solid rgba(163,238,218,.18);border-radius:50%}.years-hero:after{content:'';position:absolute;right:92px;bottom:-112px;width:170px;height:170px;border-radius:50%;background:rgba(84,199,171,.12)}.years-hero>*{position:relative;z-index:1}.years-hero h1{letter-spacing:-.055em}.years-hero .sub{color:#dce9f1}.year-control{padding:5px 6px 5px 10px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.1)}.year-trigger{border-radius:9px!important;box-shadow:0 4px 12px rgba(5,32,48,.15)}.year-options{border:0!important;box-shadow:0 14px 28px rgba(14,42,67,.18)!important}
.year-summary{gap:14px}.year-card,.year-panel{border-color:#e4eaf0;box-shadow:0 9px 26px rgba(24,52,79,.045)}.year-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfcfd)}.year-card:after{content:'';position:absolute;right:-30px;bottom:-39px;width:98px;height:98px;border-radius:50%;background:currentColor;opacity:.035}.year-card.income{background:linear-gradient(145deg,#fff,#f5fcf9)}.year-card.expense{background:linear-gradient(145deg,#fff,#fff8f7)}.year-card.balance{border:0;background:linear-gradient(125deg,#173756 0%,#1d5373 64%,#2c7e83 100%);box-shadow:0 15px 30px rgba(19,48,80,.16)}.year-card.balance:before{content:'';position:absolute;right:-40px;top:-58px;width:165px;height:165px;border:1px solid rgba(158,238,219,.22);border-radius:50%}.year-card.balance:after{right:52px;bottom:-67px;width:122px;height:122px;background:#59d0b4;opacity:.13}.year-card.balance span,.year-card.balance small{position:relative;z-index:1;color:#bfeadd}.year-card.balance strong{position:relative;z-index:1;color:#fff;font-size:1.8rem}.year-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.year-panel{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(155deg,#fff,#fbfcfd)}.year-panel:before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#ef766d,#f4bd55)}.panel-heading{padding-bottom:14px;border-bottom:1px solid #edf1f4;margin-bottom:17px}.panel-heading h2{letter-spacing:-.045em}.total-tag{padding:8px 11px;border-radius:999px;font-variant-numeric:tabular-nums}.category-type{border:1px solid #e5ebef;border-radius:13px!important;background:#eef3f6!important;box-shadow:inset 0 1px 2px rgba(22,52,77,.025)}.category-type button{border-radius:9px!important;transition:background .18s ease,box-shadow .18s ease}.category-type button.active{box-shadow:0 5px 13px rgba(20,48,72,.1)!important}.category-table-wrap{border-color:#e6ecef!important;border-radius:14px!important;scrollbar-width:thin;scrollbar-color:#cad6df transparent}.category-table th{background:#f7fafc!important}.category-panel[data-type="expense"] .category-table th{background:#fffaf4!important}.category-table td{transition:background .18s ease}.category-table tbody tr:hover td{background:#f8fbfc}.category-table .category-badge{box-shadow:inset 0 0 0 1px rgba(25,55,79,.04)}
.year-insights{gap:14px}.insight-card{border-color:#e4eaf0!important;border-radius:18px!important;box-shadow:0 9px 22px rgba(24,52,79,.045)!important}.insight-card:hover{transform:translateY(-2px);box-shadow:0 13px 26px rgba(24,52,79,.09)!important}.insight-icon{box-shadow:inset 0 0 0 1px rgba(25,55,79,.04)}.insight-bar{height:8px!important;background:#edf2f5!important}
@media(max-width:760px){.years-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.years-hero{border-radius:19px;box-shadow:0 14px 28px rgba(19,48,80,.13)}.years-hero h1{font-size:1.72rem}.year-summary{gap:10px}.year-card{border-radius:15px}.year-card.balance{padding:16px}.year-card.balance strong{font-size:1.35rem}.year-panel{border-radius:17px}.year-panel:before{height:3px}.panel-heading{padding-bottom:12px;margin-bottom:14px}.year-insights{gap:10px}.insight-card{border-radius:15px!important}}