@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#f4fbf8;background:#051117;font-synthesis:none;--bg: #07161d;--surface: #0c2029;--surface-2: #102a34;--line: rgba(174, 217, 209, .12);--muted: #8ca3aa;--text: #f4fbf8;--green: #32e58f;--green-2: #1fcf7b;--danger: #ff6b61;--orange: #ffad39;--blue: #39a9ff}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 80% -20%,#103b3e 0,#051117 37%)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-shell{min-height:100vh}.app-shell.light-theme{color:#17262b;background:radial-gradient(circle at 80% -20%,#d9ece7 0,#eef5f3 40%);--bg: #eef5f3;--surface: #ffffff;--surface-2: #e4efec;--line: rgba(23, 56, 62, .14);--muted: #60757a;--text: #17262b}.light-theme .app-content{color:var(--text)}.light-theme .side-nav,.light-theme .bottom-nav{background:#fffffff0}.light-theme .side-nav{border-right-color:var(--line)}.light-theme .side-nav>button:hover{color:var(--text);background:#32e58f1a}.light-theme .panel,.light-theme .metric-card,.light-theme .profile-card,.light-theme .vehicle-mini,.light-theme .form-card,.light-theme .menu-list button,.light-theme .ride-item,.light-theme .expense-item,.light-theme .expense-filters,.light-theme .modal{color:var(--text);background:#fff;border-color:var(--line)}.light-theme .section-heading h2,.light-theme .metric-card strong,.light-theme .ride-path strong,.light-theme .ride-value strong,.light-theme .expense-item b,.light-theme .menu-list button,.light-theme .vehicle-hero strong,.light-theme .topbar h1{color:var(--text)}.light-theme input,.light-theme select,.light-theme textarea{color:var(--text);color-scheme:light;background:#f4f9f8;border-color:var(--line)}.light-theme .search-row,.light-theme .quick-options button,.light-theme .summary-stats div,.light-theme .detail-list,.light-theme .ride-detail-section,.light-theme .ride-detail-identity,.light-theme .delete-expense-summary,.light-theme .expense-detail-list,.light-theme .ride-route-list,.light-theme .ride-detail-cards>div{color:var(--text);background:#f4f9f8;border-color:var(--line)}.light-theme .ride-entry-form{gap:14px}.ride-form-intro{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(50,229,143,.2);border-radius:15px;background:linear-gradient(135deg,#32e58f1f,#32e58f09)}.ride-form-intro>div{display:flex;flex-direction:column;gap:3px;min-width:0}.ride-form-intro strong{font-size:.98rem}.ride-form-intro small{color:var(--muted);line-height:1.4}.ride-form-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;color:#062117;background:var(--green);box-shadow:0 8px 22px #32e58f29}.ride-form-note{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.ride-form-section{display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#05141b61}.ride-form-section-title{display:flex;align-items:center;gap:8px;color:var(--green)}.ride-form-section-title strong{color:var(--text);font-size:.86rem}.ride-form-section-title span{margin-left:auto;padding:4px 7px;border-radius:999px;color:#8fdcb8;background:#32e58f14;font-size:.62rem;font-weight:700}.ride-form-section .field{color:#aec1c4}.ride-form-section .form-message{margin:-2px 0 0}.ride-form-submit{min-height:50px;margin-top:3px;box-shadow:0 12px 28px #32e58f2e}.light-theme .ride-form-intro{background:linear-gradient(135deg,#e4f8ee,#f7fbf9);border-color:#1fcf7b3d}.light-theme .ride-form-section{background:#f7faf9;border-color:#17383e1f}.light-theme .ride-form-section-title strong{color:var(--text)}.light-theme .ride-form-section-title span{color:#176d4d;background:#e3f5ec}.light-theme .ride-form-section .field{color:#53696e}.modal-backdrop{background:#14262a59}.light-theme .modal{background:#fff}.light-theme .vehicle-hero{color:var(--green-2);background:radial-gradient(circle,rgba(50,229,143,.13),transparent 55%),#f4f9f8;border-color:var(--line)}.light-theme .secondary-button,.light-theme .choice-row button{color:var(--text);background:#f4f9f8}.light-theme .choice-row button.active{color:#042016;background:var(--green)}.light-theme .icon-button:hover{background:#17383e14}.light-theme .notification i{box-shadow:0 0 0 2px var(--bg)}.light-theme .segmented{background:#e3eeeb;border-color:#17383e1f;box-shadow:none}.light-theme .segmented button{color:#51676c}.light-theme .segmented button.active{color:#062117;background:var(--green)}.light-theme .filter-toggle{color:#466066;background:#eef5f3;border-color:#17383e24}.light-theme .search-row input{color:var(--text)}.light-theme .search-row input::placeholder,.light-theme input::placeholder,.light-theme textarea::placeholder{color:#7c9094;opacity:1}.light-theme .list-date,.light-theme .title-action{color:#53696e}.light-theme .ride-item time{color:#687e83}.light-theme .field,.light-theme .form-card label{color:#53696e}.light-theme .metric-label{color:#60757a}.light-theme .metric-card.primary{color:#fff;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.25),transparent 42%),linear-gradient(135deg,#08724a,#07523e);border-color:#0b704b52}.light-theme .metric-card.primary .metric-label{color:#c9eee0}.light-theme .metric-card.primary strong{color:#fff}.light-theme .bar-track{background:#e4eeeb}.light-theme .bar-column>span,.light-theme .bar-column small{color:#657b80}.light-theme .category-icon{color:#d88716;background:#fff4df}.light-theme .expense-detail-hero{background:linear-gradient(135deg,#fff5e3,#fff)}.light-theme .ride-detail-total{background:linear-gradient(135deg,#e4f8ee,#f7fbf9)}.light-theme .ride-detail-total small{color:#15764f}.light-theme .menu-list{background:#fff}.light-theme .bottom-nav button{color:#809499}.light-theme .bottom-nav button.active{color:var(--green-2)}.light-theme .bottom-nav button.add svg{box-shadow:0 0 0 6px #f4f8f7,0 10px 25px #1fcf7b38}.light-theme .progress{background:#e1ece9}.light-theme .period-navigator strong{color:#52686d}.light-theme .period-navigator .icon-button{color:#294248;background:#fff;border-color:#17383e29;box-shadow:0 3px 12px #15373d14}.light-theme .hero-total{background:linear-gradient(135deg,#0a7650,#075541);border-color:#06604147}.light-theme .hero-total span{color:#c8eee0}.light-theme .hero-total strong{color:#fff}.light-theme .hero-total small{color:#a9e8cb}.light-theme .goal-panel .section-heading>div>span{color:#60757a}.light-theme .goal-panel .section-heading svg{color:#168058}.light-theme .goal-values>span{color:#60757a;background:#f3f8f6}.light-theme .goal-values strong{color:#17262b}.light-theme .goal-form .helper-text{color:#25664d;background:#e7f6ee}.light-theme .custom-period{color:var(--text);background:#fff;border-color:#17383e24;box-shadow:0 6px 20px #16393e0f}.light-theme .custom-period .field{color:#52686d}.light-theme .custom-period input,.light-theme input[type=date]{color:#17262b;color-scheme:light;background:#f3f8f6;border-color:#17383e29}.light-theme .custom-period input:focus{background:#fff;border-color:#1fcf7ba6}.light-theme input[type=date]::-webkit-calendar-picker-indicator{opacity:.72;cursor:pointer}.light-theme .report-controls .custom-period,.light-theme .expense-filters .custom-period{background:#f8fbfa}.app-content{width:min(1120px,calc(100% - 260px));margin-left:240px;padding:28px 32px 64px}.side-nav{position:fixed;inset:0 auto 0 0;width:240px;padding:30px 18px;background:#051117f0;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.side-brand,.auth-brand{display:flex;align-items:center;gap:10px;font-size:1.25rem;margin:0 10px 38px}.side-brand strong span,.auth-brand strong span{color:var(--green)}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid var(--green);color:var(--green);border-radius:50%;font-weight:800;font-size:.82rem}.side-nav>button{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;margin:4px 0;background:transparent;border:0;border-radius:13px;color:var(--muted);cursor:pointer;text-align:left}.side-nav>button:hover{background:#32e58f0f;color:#fff}.side-nav>button.active{color:var(--green);background:#32e58f1c}.bottom-nav{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:22px}.topbar-title{display:flex;align-items:center;gap:12px}.topbar-actions{display:flex;align-items:center;gap:4px}.theme-quick-toggle{color:var(--green);border:1px solid rgba(50,229,143,.22);background:#32e58f14}.light-theme .theme-quick-toggle{color:#167e55;border-color:#167e552e;background:#32e58f1f}.topbar h1{font-size:1.35rem;margin:0;letter-spacing:-.03em}.demo-label{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;padding:8px;border-radius:50%;cursor:pointer}.icon-button:hover{background:#ffffff0f}.notification{position:relative}.notification i{position:absolute;width:7px;height:7px;background:var(--danger);border-radius:50%;top:6px;right:7px;box-shadow:0 0 0 2px var(--bg)}.welcome-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.welcome-row p{font-size:1.45rem;font-weight:700;letter-spacing:-.03em;margin:0 0 4px}.welcome-row span{color:var(--muted);font-size:.9rem}.period-navigator{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:38px;margin:-8px 0 14px}.period-navigator strong{min-width:150px;color:#dce8e8;text-align:center;font-size:.86rem;font-weight:700;text-transform:capitalize}.period-navigator .icon-button{width:34px;height:34px;border:1px solid var(--line);background:#0a1d25}.period-navigator .icon-button:disabled{opacity:.32;cursor:not-allowed;transform:none}.segmented{display:flex;gap:5px;padding:4px;background:#0a1d25;border:1px solid var(--line);border-radius:13px;overflow-x:auto;scrollbar-width:none}.segmented button{border:0;background:transparent;color:#becdd0;padding:8px 14px;border-radius:9px;white-space:nowrap;cursor:pointer;font-size:.82rem;font-weight:600}.segmented button.active{color:#042016;background:var(--green);box-shadow:0 6px 20px #32e58f38}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric-card{min-height:116px;padding:19px;border-radius:18px;background:linear-gradient(145deg,var(--surface-2),#0b2029);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.metric-card.primary{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.22),transparent 42%),linear-gradient(135deg,#0a472f,#0a2e28);border-color:#32e58f47}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#a8bcbf;font-size:.8rem}.metric-card strong{font-size:clamp(1.25rem,2.4vw,2rem);letter-spacing:-.05em}.dashboard-grid,.report-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.panel{background:linear-gradient(145deg,#0f2730eb,#081920f0);border:1px solid var(--line);border-radius:18px;padding:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading>div>span,.section-heading>span{color:var(--muted);font-size:.75rem}.section-heading h2{margin:2px 0 0;font-size:1rem}.bar-chart{display:flex;align-items:end;gap:12px;min-height:220px;padding-top:18px}.bar-column{flex:1;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.bar-column>span{min-height:17px;font-size:.68rem;color:#c9d9da}.bar-track{width:min(38px,70%);height:142px;border-radius:9px 9px 4px 4px;background:#ffffff0a;position:relative;overflow:hidden}.bar-track i{position:absolute;inset:auto 0 0;background:linear-gradient(180deg,#3af1a0,#1dbf70);border-radius:8px 8px 3px 3px;box-shadow:0 0 20px #32e58f2e}.bar-column small{color:var(--muted);font-size:.7rem;text-transform:capitalize}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-stats div{min-height:91px;padding:15px;display:flex;flex-direction:column;justify-content:center;background:#ffffff09;border-radius:13px}.summary-stats strong{font-size:1.15rem}.summary-stats span{color:var(--muted);font-size:.75rem;margin-top:4px}.floating-add{display:none}.hero-total{margin:18px 0 16px;padding:28px;border-radius:20px;background:radial-gradient(circle at 88% 16%,rgba(50,229,143,.23),transparent 38%),linear-gradient(135deg,#0b342a,#0b2028);border:1px solid rgba(50,229,143,.2)}.hero-total span,.hero-total small{display:block;color:var(--muted)}.hero-total strong{display:block;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.055em;margin:4px 0}.hero-total small{color:#82dbae}.detail-list>div:not(.section-heading){display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.detail-list>div span{color:var(--muted);font-size:.88rem}.danger-text{color:var(--danger)}.success-text{color:var(--green)}.search-row{margin:16px 0;display:flex;align-items:center;gap:10px;padding:6px 9px 6px 14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;color:var(--muted)}.search-row input{flex:1;min-width:0;color:#fff;background:transparent;border:0;padding:8px 0;outline:0}.search-row .active-filter{color:var(--green);border-color:#32e58f59;background:#32e58f1a}.filter-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:#b8c9cc;background:#0a1d25;font-size:.74rem;font-weight:700;cursor:pointer}.period-filter{display:flex;justify-content:flex-end;margin:10px 0 14px}.period-filter .segmented{width:min(100%,520px)}.ride-filters{margin-bottom:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#0a1d25b8}.light-theme .ride-filters{background:#fff;border-color:var(--line)}.ride-filters .period-filter .segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.ride-filters .period-filter .segmented button{min-width:0;padding-inline:7px}.expense-filters{margin:14px 0 18px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#0a1d25b8}.expense-filter-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.filter-field-with-icon{position:relative;display:flex;align-items:center}.filter-field-with-icon svg{position:absolute;left:13px;color:var(--muted);pointer-events:none}.filter-field-with-icon input{padding-left:40px}.expense-filters .period-filter{justify-content:stretch;margin-bottom:0}.expense-filters .period-filter .segmented{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;overflow:visible}.expense-filters .period-filter .segmented button{min-width:0;padding-inline:6px}.expense-filters .custom-period{max-width:none;margin:12px 0 0}.expense-filters>.period-navigator{justify-content:center;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line)}.custom-period{max-width:520px;margin-left:auto;padding:14px;border:1px solid var(--line);border-radius:14px;background:#0a1d25b8}.custom-period input{color-scheme:dark}.list-date,.title-action{color:#d5e2e2;font-size:.85rem;font-weight:700;margin:18px 0 8px}.ride-list,.expense-list{border-radius:17px;overflow:hidden;border:1px solid var(--line)}.ride-item-clickable,.expense-item-clickable{cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.ride-item-clickable:hover,.ride-item-clickable:focus-visible,.expense-item-clickable:hover,.expense-item-clickable:focus-visible{background:#193b43f2;outline:none}.ride-item-clickable:focus-visible,.expense-item-clickable:focus-visible{box-shadow:inset 0 0 0 2px #32e58f8c}.light-theme .ride-item-clickable:hover,.light-theme .ride-item-clickable:focus-visible,.light-theme .expense-item-clickable:hover,.light-theme .expense-item-clickable:focus-visible{background:#e9f5f0}.ride-item{display:grid;grid-template-columns:55px minmax(0,1fr) auto auto;gap:12px;align-items:center;min-height:72px;padding:12px 16px;background:#0c2029d1;border-bottom:1px solid var(--line)}.ride-item:last-child,.expense-item:last-child{border-bottom:0}.ride-platform-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0}.platform-badge{width:32px;height:32px;display:inline-grid;place-items:center;flex:0 0 32px;border-radius:10px;font-size:.72rem;font-weight:950;letter-spacing:-.03em;box-shadow:0 6px 16px #00000029}.platform-badge.uber{color:#fff;background:#050505;border:1px solid rgba(255,255,255,.18)}.platform-badge.ninety-nine{color:#302500;background:#ffdb18;border:1px solid #e7c100}.platform-badge.indrive{color:#173000;background:#b6f43d;border:1px solid #97d520}.platform-badge.particular{color:#d8efff;background:#17658f;border:1px solid #2f86b4}.platform-badge.other{color:#dbe7e8;background:#31464d;border:1px solid #496169}.ride-platform-cell time{font-size:.62rem;line-height:1;white-space:nowrap}.light-theme .platform-badge.uber{border-color:#050505}.light-theme .platform-badge.particular,.light-theme .platform-badge.other{color:#fff}.ride-item time{font-size:.78rem;color:#cbd8d9}.ride-path,.ride-value{min-width:0;display:flex;flex-direction:column}.ride-path strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ride-path span,.ride-value span{color:var(--muted);font-size:.72rem;margin-top:3px}.ride-value{text-align:right}.ride-value strong{font-size:.9rem}.item-actions{display:flex;align-items:center;gap:2px}.delete-item{color:var(--muted)}.delete-item:hover{color:var(--danger);background:#ff6b611a}.title-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.title-action .small-button{flex:0 0 auto;white-space:nowrap}.small-button{display:flex;align-items:center;gap:5px;background:var(--green);color:#042016;border:0;padding:8px 12px;border-radius:10px;font-size:.75rem;font-weight:800;cursor:pointer}.expense-list{margin-top:16px}.expense-summary-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#0c2029d1}.expense-summary-compact>div{display:flex;flex-direction:column;gap:3px}.expense-summary-compact span{color:var(--muted);font-size:.75rem}.expense-summary-compact small{color:var(--muted);font-size:.67rem}.expense-summary-compact>strong{flex:0 0 auto;font-size:1.18rem}.light-theme .expense-summary-compact{color:var(--text);background:#fff;border-color:var(--line)}.expense-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:15px;background:#0c2029d1;border-bottom:1px solid var(--line)}.expense-item>div{display:flex;flex-direction:column}.expense-item>.item-actions{flex-direction:row;align-items:center;gap:3px}.expense-item small{color:var(--muted);margin-top:3px}.expense-item b{font-size:.88rem}.category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--orange);background:#ffad391f}.expense-detail-category-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:var(--orange);background:#ffad3921;border:1px solid rgba(255,173,57,.2)}.expense-detail-total{background:linear-gradient(135deg,#7a4211,#49250c);border-color:#ffad3947}.expense-detail-total small{color:#ffe0ad}.expense-detail-total strong{color:#fff}.expense-detail-total span{color:#ffd28d}.expense-detail-total-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:15px;color:#3a2104;background:var(--orange);box-shadow:0 8px 20px #ffad3933}.expense-detail-cards .span-2{grid-column:1 / -1}.expense-detail-cards .span-2 strong{overflow-wrap:anywhere}.light-theme .expense-detail-identity{background:#f7faf9}.light-theme .expense-detail-category-icon{color:#9a6211;background:#fff0d7;border-color:#be791633}.light-theme .expense-detail-total{background:linear-gradient(135deg,#9b5818,#6e380e)}.expense-detail-hero{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(255,173,57,.18);border-radius:15px;background:linear-gradient(135deg,#ffad391a,#0a1d25b3)}.expense-detail-hero .category-icon{width:48px;height:48px;flex:0 0 auto}.expense-detail-hero>div{min-width:0;display:flex;flex-direction:column}.expense-detail-hero small,.expense-detail-hero span{color:var(--muted)}.expense-detail-hero strong{margin:2px 0;font-size:1.55rem}.expense-detail-list{padding:0 15px;border:1px solid var(--line);border-radius:14px;background:#0719208c}.expense-detail-list>div:last-child{border-bottom:0}.expense-detail-list strong{max-width:58%;text-align:right;overflow-wrap:anywhere}.ride-detail-identity{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#07192094}.ride-platform-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:var(--green);background:#32e58f1a;font-size:.84rem;font-weight:900}.ride-detail-identity>div,.ride-detail-identity time{min-width:0;display:flex;flex-direction:column}.ride-detail-identity small,.ride-detail-identity span{color:var(--muted);font-size:.7rem}.ride-detail-identity strong{margin:2px 0}.ride-detail-identity time{text-align:right;font-style:normal}.ride-detail-total{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px;border:1px solid rgba(50,229,143,.22);border-radius:17px;background:linear-gradient(135deg,#114f3a94,#071920d9)}.ride-detail-total>div{display:flex;flex-direction:column}.ride-detail-total small{color:#8de5b7;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ride-detail-total strong{margin:3px 0;font-size:1.8rem;letter-spacing:-.04em}.ride-detail-total span{color:var(--muted);font-size:.75rem}.ride-detail-total-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;color:#062117!important;background:var(--green)}.ride-detail-section{padding:15px;border:1px solid var(--line);border-radius:16px;background:#0719207a}.ride-detail-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ride-detail-title svg{color:var(--muted)}.ride-detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ride-detail-cards>div{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:#ffffff09}.ride-detail-cards small{color:var(--muted);font-size:.7rem}.ride-detail-cards strong{margin-top:4px}.ride-detail-cards .highlight{color:var(--green);background:#32e58f14}.ride-route-list{padding:0 15px;border:1px solid var(--line);border-radius:14px;background:#0719208c}.ride-route-list>div:last-child{border-bottom:0}.ride-route-list strong{max-width:62%;text-align:right;overflow-wrap:anywhere}.ride-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ride-detail-actions .secondary-button{margin:0}.danger-outline-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border:1px solid rgba(255,107,97,.28);border-radius:12px;color:#ffaaa4;background:#ff6b6114;font-weight:800;cursor:pointer}.delete-warning{display:flex;gap:13px;align-items:flex-start;padding:15px;border:1px solid rgba(255,107,97,.24);border-radius:14px;background:#ff6b6114}.delete-warning-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:var(--danger);background:#ff6b611f}.delete-warning strong{display:block;margin:2px 0 4px}.delete-warning p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45}.delete-expense-summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:#07192094}.delete-expense-summary>div{min-width:0;display:flex;flex-direction:column}.delete-expense-summary small{margin-top:3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-expense-summary b{white-space:nowrap}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions .secondary-button{margin-top:0}.danger-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,107,97,.35);border-radius:12px;padding:13px 16px;color:#fff;background:linear-gradient(135deg,#e95047,#cf3933);font-weight:800;cursor:pointer}.danger-button:disabled,.modal-actions button:disabled{opacity:.55;cursor:wait}.expense-summary{margin-top:16px}.expense-summary>span{color:var(--muted)}.expense-summary>strong{display:block;font-size:1.65rem;margin:5px 0 14px}.expense-summary small{display:block;color:var(--muted);margin-top:9px}.progress{height:7px;border-radius:9px;background:#ffffff0f;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--orange));border-radius:inherit}.goal-panel{display:flex;flex-direction:column;gap:16px}.goal-panel .section-heading{margin-bottom:0}.goal-progress{height:12px}.goal-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal-values>span{display:flex;flex-direction:column;gap:4px;padding:13px;border-radius:12px;color:var(--muted);background:#ffffff09;font-size:.76rem}.goal-values strong{color:var(--text);font-size:.95rem}.goal-form{margin-top:16px}.goals-overview{margin-bottom:13px;padding:18px;overflow:hidden;border:1px solid rgba(50,229,143,.2);border-radius:20px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.18),transparent 42%),linear-gradient(145deg,#0d2a2c,#082027)}.goal-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.goal-overview-head>div{display:flex;flex-direction:column;gap:4px}.goal-overview-head>div>span{color:#9bc9bd;font-size:.75rem}.goal-overview-head>div>strong{color:#fff;font-size:clamp(1.65rem,5vw,2.25rem);letter-spacing:-.04em}.goal-overview-head>div>small{color:#7da69f;font-size:.7rem;text-transform:capitalize}.goal-status-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;color:#8fe8ba;background:#32e58f1a;border:1px solid rgba(50,229,143,.18);font-size:.64rem;font-weight:800;white-space:nowrap}.goal-status-chip.reached{color:#052016;background:var(--green)}.goal-progress-layout{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:20px}.goal-ring{width:132px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) var(--goal-progress),rgba(255,255,255,.08) 0);box-shadow:0 12px 30px #0003}.goal-ring-core{width:76%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#0a2027;border:1px solid rgba(255,255,255,.05)}.goal-ring-core strong{color:#fff;font-size:1.35rem}.goal-ring-core small{color:var(--muted);font-size:.62rem}.goal-progress-copy{display:flex;flex-direction:column;gap:5px}.goal-progress-copy>span{color:#8eaaa8;font-size:.7rem}.goal-progress-copy>strong{color:var(--green);font-size:1.32rem}.goal-progress-copy>small{max-width:280px;color:#a8c0bd;font-size:.7rem;line-height:1.5}.goal-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.goal-stat-card{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.goal-stat-card.wide{grid-column:1 / -1}.goal-stat-card>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.7rem}.goal-stat-card>span svg{color:var(--green)}.goal-stat-card>strong{color:var(--text);font-size:1rem}.goal-stat-card>small{color:var(--muted);font-size:.64rem}.goal-form-premium{gap:14px;margin-top:0;padding:16px}.goal-form-intro{display:flex;align-items:center;gap:11px}.goal-form-intro>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;color:#052016;background:var(--green)}.goal-form-intro>div{display:flex;flex-direction:column;gap:3px}.goal-form-intro strong{font-size:.88rem}.goal-form-intro small{color:var(--muted);font-size:.68rem}.goal-money-input{display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid rgba(168,205,201,.16);border-radius:11px;background:#071920}.goal-money-input:focus-within{border-color:#32e58fb3;box-shadow:0 0 0 3px #32e58f17}.goal-money-input b{padding-left:13px;color:var(--green);font-size:.78rem}.goal-money-input input{border:0;background:transparent;outline:0}.goal-save-button{min-height:50px;box-shadow:0 12px 28px #32e58f2e}.light-theme .goals-overview{background:radial-gradient(circle at 100% 0,rgba(31,207,123,.18),transparent 42%),linear-gradient(145deg,#176746,#0d4c39);border-color:#1fcf7b47}.light-theme .goal-overview-head>div>span,.light-theme .goal-overview-head>div>small,.light-theme .goal-progress-copy>span,.light-theme .goal-progress-copy>small{color:#c4e4d7}.light-theme .goal-status-chip{color:#e2fff1;background:#ffffff1a;border-color:#fff3}.light-theme .goal-ring{background:conic-gradient(#39e99a var(--goal-progress),rgba(255,255,255,.18) 0)}.light-theme .goal-ring-core{background:#123f32}.light-theme .goal-stat-card{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0d}.light-theme .goal-form-premium{background:#fff;border-color:#17383e21}.light-theme .goal-money-input{background:#f3f8f6;border-color:#17383e29}.light-theme .goal-money-input input{color:var(--text)}@media(max-width:430px){.goals-overview{padding:15px}.goal-overview-head{flex-direction:column}.goal-progress-layout{grid-template-columns:112px minmax(0,1fr);gap:14px}.goal-ring{width:112px}.goal-progress-copy>strong{font-size:1.08rem}}.report-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.report-controls>.segmented{align-self:flex-start}.report-controls .period-navigator{margin:0}.report-controls .custom-period{width:100%;max-width:none;margin:0}.report-filter-card{display:flex;flex-direction:column;gap:13px;margin-bottom:13px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0f2730eb,#081920f0)}.report-filter-heading{display:flex;align-items:center;justify-content:space-between;color:var(--green)}.report-filter-heading>div{display:flex;flex-direction:column;gap:3px}.report-filter-heading span{color:var(--muted);font-size:.68rem}.report-filter-heading strong{color:var(--text);font-size:.92rem}.report-filter-group{display:flex;flex-direction:column;gap:7px}.report-filter-group>span{color:var(--muted);font-size:.66rem;font-weight:700}.report-filter-group .segmented{width:100%}.report-filter-group .segmented button{flex:1}.report-period-navigator{min-height:44px;margin:0;padding:4px 7px;border:1px solid var(--line);border-radius:13px;background:#ffffff06}.report-period-navigator strong{color:var(--text);font-size:.8rem;text-transform:capitalize}.report-custom-period{width:100%;max-width:none;margin:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:#ffffff06}.report-summary-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;padding:18px;overflow:hidden;border:1px solid rgba(50,229,143,.22);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.22),transparent 44%),linear-gradient(135deg,#0b4b35,#092b29)}.report-summary-banner.expenses{border-color:#ff6b614d;background:radial-gradient(circle at 100% 0,rgba(255,107,97,.24),transparent 44%),linear-gradient(135deg,#6f2933,#352329)}.report-summary-banner.performance{border-color:#39a9ff3d;background:radial-gradient(circle at 100% 0,rgba(57,169,255,.18),transparent 44%),linear-gradient(135deg,#123e4b,#0b292c)}.report-summary-banner>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.report-summary-banner>div:first-child>span{color:#b4d9cd;font-size:.72rem}.report-summary-banner>div:first-child>strong{color:#fff;font-size:clamp(1.55rem,5vw,2.15rem);letter-spacing:-.045em}.report-summary-banner>div:first-child>small{color:#91bcb0;font-size:.68rem;text-transform:capitalize}.report-summary-side{min-width:92px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:11px 13px;border-radius:13px;background:#ffffff14}.report-summary-side strong{color:#fff;font-size:1rem}.report-summary-side span{color:#b9d5ce;font-size:.62rem}.report-filter-card+.report-summary-banner+.report-metrics{margin-bottom:13px}.report-layout .panel{box-shadow:0 12px 30px #0000001a}.report-layout .detail-list .secondary-button{width:100%;margin-top:7px}.light-theme .report-filter-card{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0d}.light-theme .report-period-navigator,.light-theme .report-custom-period{background:#f5f9f8;border-color:#17383e1f}.light-theme .report-summary-banner{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.22),transparent 44%),linear-gradient(135deg,#19704c,#0f503f)}.light-theme .report-summary-banner.expenses{background:radial-gradient(circle at 100% 0,rgba(255,135,127,.28),transparent 44%),linear-gradient(135deg,#9b3f48,#73313a)}.light-theme .report-summary-banner.performance{background:radial-gradient(circle at 100% 0,rgba(95,193,255,.22),transparent 44%),linear-gradient(135deg,#17667a,#164b59)}.light-theme .report-layout .panel{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0d}.light-theme .donut>div{background:#fff}@media(max-width:560px){.report-filter-card{padding:13px}.report-view-filter .segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.report-period-filter .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.report-period-filter .segmented button{min-height:38px}.report-summary-banner{padding:15px}.report-summary-side{min-width:78px;padding:9px 10px}.report-metrics .metric-card{min-height:92px}.report-metrics .metric-card strong{font-size:1.08rem}}.report-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.report-metrics .metric-card{min-width:0}.report-empty{color:var(--muted);font-size:.82rem;text-align:center}.donut-panel{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}.donut{width:220px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.donut>div{width:66%;aspect-ratio:1;border-radius:50%;background:var(--surface);display:grid;place-content:center;text-align:center}.donut strong{font-size:1.15rem}.donut span{color:var(--muted);font-size:.7rem}.legend div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:8px 0}.legend i{width:8px;height:8px;border-radius:50%}.legend span{color:var(--muted)}.secondary-button,.primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 16px;font-weight:800;cursor:pointer}.primary-button{border:0;color:#042016;background:linear-gradient(135deg,#3aef9b,#27d584);box-shadow:0 10px 28px #32e58f29}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{margin-top:16px;border:1px solid var(--line);background:#ffffff0a;color:#e5f1ef}.profile-card,.vehicle-mini{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#536d75,#18323b)}.profile-card div,.vehicle-mini div{display:flex;flex-direction:column}.profile-card small,.vehicle-mini span{color:var(--muted);margin-top:3px}.menu-list{margin-top:16px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.menu-list button{width:100%;display:grid;grid-template-columns:24px 1fr 18px;gap:11px;align-items:center;padding:16px;border:0;border-bottom:1px solid var(--line);background:#0c2029d1;text-align:left;cursor:pointer}.menu-list button:last-child{border-bottom:0}.menu-list button:hover{background:var(--surface-2)}.menu-list .logout{color:var(--danger)}.vehicle-mini{margin-top:16px}.vehicle-mini>svg{color:var(--green)}.more-profile-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(50,229,143,.08),var(--surface))}.more-profile-copy{display:flex;flex-direction:column;min-width:0}.more-profile-copy strong{font-size:1.02rem}.more-profile-copy small{margin-top:3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.account-status{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:8px;color:#8edbb6;font-size:.7rem;font-weight:700}.account-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #32e58f1a}.more-vehicle-card{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto 20px;gap:13px;align-items:center;margin-top:16px;padding:15px;color:var(--text);text-align:left;border:1px solid rgba(50,229,143,.22);border-radius:18px;background:linear-gradient(135deg,#32e58f1a,#0c2029d9);cursor:pointer;box-shadow:0 12px 30px #0000001a}.more-vehicle-card:hover{border-color:#32e58f6b}.more-vehicle-media{width:56px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:14px;color:var(--green);background:#32e58f1a}.more-vehicle-media .vehicle-thumb{width:100%;height:100%;border:0}.more-vehicle-copy{display:flex;flex-direction:column;min-width:0}.more-vehicle-copy small{color:var(--green);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.more-vehicle-copy strong{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-vehicle-copy>span{margin-top:3px;color:var(--muted);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-vehicle-card>b{padding:4px 7px;border-radius:999px;color:#8ee2b8;background:#32e58f17;font-size:.58rem;text-transform:uppercase}.more-section{margin-top:20px}.more-section-label{display:block;margin:0 4px 8px;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.more-menu-list{margin-top:0}.more-menu-list button{grid-template-columns:35px 1fr 18px;min-height:60px}.more-menu-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--green);background:#32e58f17}.more-signout{width:100%;display:grid;grid-template-columns:40px 1fr 18px;gap:12px;align-items:center;margin-top:20px;padding:14px 15px;text-align:left;color:var(--danger);border:1px solid rgba(255,107,97,.2);border-radius:16px;background:#ff6b610d;cursor:pointer}.more-signout>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ff6b611a}.more-signout>div{display:flex;flex-direction:column}.more-signout small{margin-top:3px;color:var(--muted)}.light-theme .more-profile-card{color:var(--text);background:linear-gradient(135deg,#e8f7f0,#fff);border-color:#1fcf7b33}.light-theme .account-status{color:#167b55}.light-theme .more-vehicle-card{color:var(--text);background:linear-gradient(135deg,#e3f7ed,#fff);border-color:#1fcf7b40}.light-theme .more-vehicle-card>b{color:#176d4d;background:#dff3e9}.light-theme .more-menu-icon{color:#168058;background:#e7f6ef}.light-theme .more-signout{background:#fff7f6;border-color:#cd463d33}@media(max-width:420px){.more-vehicle-card{grid-template-columns:52px minmax(0,1fr) 18px}.more-vehicle-card>b{display:none}}.vehicle-hero{position:relative;min-height:275px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:46px 18px 22px;overflow:hidden;border-radius:22px;color:var(--green);background:radial-gradient(circle at 50% 30%,rgba(50,229,143,.16),transparent 48%),linear-gradient(145deg,#0d252d,#071820);border:1px solid rgba(50,229,143,.18)}.vehicle-main-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;color:#8be8b9!important;background:#32e58f1a;border:1px solid rgba(50,229,143,.18);font-size:.68rem;font-weight:800}.vehicle-visual{width:100%;min-height:142px;display:grid;place-items:center}.vehicle-placeholder{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--green)}.vehicle-placeholder small{color:var(--muted);font-size:.72rem}.vehicle-hero-copy{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.vehicle-hero strong{color:var(--text);font-size:1.25rem}.vehicle-hero span{color:var(--muted)}.vehicle-photo{width:min(82%,360px);height:150px;object-fit:contain;border-radius:14px;filter:contrast(1.35) brightness(.8) saturate(1.05);mix-blend-mode:screen}.vehicle-thumb{width:64px;height:44px;object-fit:cover;border-radius:10px;border:1px solid var(--line);filter:contrast(1.35) brightness(.8) saturate(1.05);mix-blend-mode:screen}.vehicle-single-note{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:13px 14px;border:1px solid rgba(50,229,143,.16);border-radius:14px;color:var(--green);background:#32e58f0f}.vehicle-single-note>div{display:flex;flex-direction:column;gap:3px}.vehicle-single-note strong{color:var(--text);font-size:.82rem}.vehicle-single-note small{color:var(--muted);font-size:.7rem;line-height:1.4}.vehicle-form{gap:13px;padding:14px}.vehicle-form-section{display:flex;flex-direction:column;gap:13px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#05141b61}.vehicle-section-heading{display:flex;align-items:center;gap:10px}.vehicle-section-heading>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;color:#052016;background:var(--green);font-size:.72rem;font-weight:900}.vehicle-section-heading>div{display:flex;flex-direction:column;gap:2px}.vehicle-section-heading strong{color:var(--text);font-size:.88rem}.vehicle-section-heading small{color:var(--muted);font-size:.68rem}.vehicle-upload{position:relative;display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px!important;padding:14px!important;overflow:hidden;border:1px dashed rgba(50,229,143,.34)!important;border-radius:14px!important;color:var(--text)!important;background:#32e58f0b;cursor:pointer}.vehicle-upload-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#052016;background:var(--green)}.vehicle-upload>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.vehicle-upload strong{font-size:.8rem}.vehicle-upload small{color:var(--muted);font-size:.68rem}.vehicle-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.vehicle-remove-photo{align-self:flex-start;padding:0;border:0;color:#ff8b83;background:transparent;font-size:.74rem;font-weight:700;cursor:pointer}.vehicle-save-button{min-height:51px;margin-top:2px;box-shadow:0 12px 28px #32e58f2e}.light-theme .vehicle-hero{background:radial-gradient(circle at 50% 30%,rgba(31,207,123,.15),transparent 48%),linear-gradient(145deg,#f8fcfa,#eaf5f1);border-color:#1fcf7b38}.light-theme .vehicle-main-badge{color:#176d4d!important;background:#e0f5ea;border-color:#1fcf7b3d}.light-theme .vehicle-single-note{background:#f2faf6;border-color:#1fcf7b33}.light-theme .vehicle-form-section{background:#f7faf9;border-color:#17383e1f}.light-theme .vehicle-upload{background:#f0faf5;border-color:#1fcf7b59!important}@media(max-width:420px){.vehicle-hero{min-height:250px;padding-inline:14px}.vehicle-form{padding:11px}.vehicle-form-section{padding:13px}.vehicle-form .form-grid{grid-template-columns:1fr}}.backup-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:18px;border:1px solid rgba(50,229,143,.2);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#0b4232,#0a2928)}.backup-hero-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;color:#052016;background:var(--green);box-shadow:0 10px 24px #32e58f2e}.backup-hero>div{display:flex;flex-direction:column;gap:4px}.backup-hero>div>span{color:#9cc8ba;font-size:.7rem}.backup-hero>div>strong{color:#fff;font-size:1.05rem}.backup-hero>div>small{color:#aac5bd;font-size:.68rem;line-height:1.45}.backup-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.backup-stat-grid article{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.backup-stat-grid svg{flex:0 0 auto;color:var(--green)}.backup-stat-grid article>div{display:flex;flex-direction:column;gap:2px;min-width:0}.backup-stat-grid strong{color:var(--text);font-size:1rem}.backup-stat-grid span{color:var(--muted);font-size:.64rem}.backup-actions{display:flex;flex-direction:column;gap:9px;margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.backup-section-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:3px}.backup-section-heading span{color:var(--muted);font-size:.68rem}.backup-section-heading strong{font-size:.9rem}.backup-action-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.backup-action-card.featured{border-color:#32e58f3d;background:#32e58f0e}.backup-action-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:#32e58f1a}.backup-action-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.backup-action-card>div strong{font-size:.8rem}.backup-action-card>div small{color:var(--muted);font-size:.65rem;line-height:1.4}.backup-action-card button{min-width:118px;margin:0;padding:10px 12px;font-size:.7rem}.backup-security{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid rgba(57,169,255,.18);border-radius:14px;color:var(--blue);background:#39a9ff0f}.backup-security svg{flex:0 0 auto}.backup-security>div{display:flex;flex-direction:column;gap:3px}.backup-security strong{color:var(--text);font-size:.78rem}.backup-security small{color:var(--muted);font-size:.67rem;line-height:1.5}.light-theme .backup-hero{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#176a49,#0f4c3c)}.light-theme .backup-stat-grid article,.light-theme .backup-actions{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0b}.light-theme .backup-action-card{background:#f6faf8;border-color:#17383e1c}.light-theme .backup-action-card.featured{background:#effaf4;border-color:#1fcf7b3d}.light-theme .backup-action-icon{color:#168058;background:#e2f6eb}.light-theme .backup-security{background:#eef8fd;border-color:#39a9ff33}@media(max-width:480px){.backup-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.backup-stat-grid article{flex-direction:column;align-items:flex-start;gap:6px;padding:11px}.backup-action-card{grid-template-columns:42px minmax(0,1fr)}.backup-action-card button,.backup-action-card .backup-import{grid-column:1 / -1;width:100%}}.settings-profile-hero{display:grid;grid-template-columns:58px minmax(0,1fr) 24px;align-items:center;gap:13px;margin-bottom:12px;padding:17px;border:1px solid rgba(50,229,143,.2);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.17),transparent 45%),linear-gradient(135deg,#0b3d31,#0a2528)}.settings-avatar{width:58px;height:58px;display:grid;place-items:center;border:2px solid rgba(50,229,143,.55);border-radius:50%;color:#052016;background:var(--green);font-size:1rem;font-weight:900}.settings-profile-hero>div{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-profile-hero>div strong{color:#fff;font-size:1rem}.settings-profile-hero>div span{overflow:hidden;color:#b2cfca;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.settings-profile-hero>div small{color:#7fdbaa;font-size:.62rem}.settings-profile-hero>svg{color:var(--green)}.settings-message{margin:0 0 12px}.settings-section{display:flex;flex-direction:column;gap:13px;margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.settings-section-heading{display:flex;align-items:center;gap:10px}.settings-section-heading>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;color:#052016;background:var(--green)}.settings-section-heading>div{display:flex;flex-direction:column;gap:3px}.settings-section-heading strong{font-size:.86rem}.settings-section-heading small{color:var(--muted);font-size:.66rem}.settings-profile-form .field{color:var(--muted)}.settings-profile-form input:disabled{color:#759095;opacity:1;cursor:not-allowed}.settings-save-button{min-height:49px;box-shadow:0 10px 25px #32e58f29}.theme-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-choice-grid button{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;align-items:center;gap:9px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:14px;color:var(--text);background:#ffffff06;cursor:pointer}.theme-choice-grid button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--muted);background:#ffffff0b}.theme-choice-grid button>div{display:flex;flex-direction:column;gap:2px;min-width:0}.theme-choice-grid button strong{font-size:.77rem}.theme-choice-grid button small{color:var(--muted);font-size:.6rem}.theme-choice-grid button>i{width:10px;height:10px;border:2px solid #6d8589;border-radius:50%}.theme-choice-grid button.active{border-color:#32e58f73;background:#32e58f12}.theme-choice-grid button.active>span{color:#052016;background:var(--green)}.theme-choice-grid button.active>i{border-color:var(--green);background:var(--green);box-shadow:0 0 0 3px #32e58f1f}.settings-caption{margin:0;color:var(--muted);font-size:.64rem;line-height:1.45}.settings-security-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.settings-security-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-security-row strong{font-size:.77rem}.settings-security-row small{color:var(--muted);font-size:.63rem;line-height:1.4}.settings-security-row button{flex:0 0 auto;margin:0}.light-theme .settings-profile-hero{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.18),transparent 45%),linear-gradient(135deg,#176a49,#0e4d3c)}.light-theme .settings-section{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0b}.light-theme .theme-choice-grid button,.light-theme .settings-security-row{color:var(--text);background:#f6faf8;border-color:#17383e1f}.light-theme .theme-choice-grid button>span{background:#e7f1ee}.light-theme .theme-choice-grid button.active{background:#effaf4;border-color:#1fcf7b57}@media(max-width:480px){.theme-choice-grid{grid-template-columns:1fr}.settings-security-row{flex-direction:column;align-items:stretch}.settings-security-row button{width:100%}}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.setting-row input{width:20px;height:20px;accent-color:var(--green)}.theme-setting>span{display:flex;flex-direction:column;gap:4px}.theme-setting strong{color:var(--text)}.theme-setting small{color:var(--muted)}.theme-switch{position:relative;width:50px;height:28px;flex:0 0 auto;padding:3px;border:1px solid var(--line);border-radius:999px;background:#173039;cursor:pointer;transition:background .2s ease}.theme-switch span{display:block;width:20px;height:20px;border-radius:50%;background:#b9c8ca;transition:transform .2s ease,background .2s ease}.theme-switch.active{background:var(--green)}.theme-switch.active span{transform:translate(20px);background:#052016}.light-theme .theme-switch:not(.active){background:#d3e2de}.settings-list .secondary-button{margin-top:10px}.form-card,.modal-form{display:flex;flex-direction:column;gap:15px}.form-card{background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field,.form-card label{display:flex;flex-direction:column;gap:7px;color:#a9bec1;font-size:.78rem}input,select,textarea{width:100%;color:#f6fbfa;background:#071920;border:1px solid rgba(168,205,201,.16);border-radius:11px;padding:12px 13px}.file-input::file-selector-button{margin-right:10px;border:0;border-radius:8px;padding:7px 10px;color:#042016;background:var(--green);font-weight:800;cursor:pointer}select{color-scheme:dark}textarea{resize:vertical;line-height:1.5}.choice-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.choice-row button{border:1px solid var(--line);background:#0a1e26;color:#c8d7d8;padding:9px 13px;border-radius:10px;white-space:nowrap;cursor:pointer}.choice-row button.active{color:#042016;border-color:var(--green);background:var(--green)}.helper-text{margin:0;padding:12px;border-radius:11px;color:#aad5c1;background:#32e58f12;font-size:.82rem;line-height:1.45}code{display:block;white-space:normal;word-break:break-word;padding:12px;border-radius:10px;background:#061218;color:#7cdba9;font-size:.72rem}.upload-guide{display:flex;align-items:center;gap:12px;padding:13px;border:1px dashed rgba(50,229,143,.35);border-radius:12px;color:var(--green)}.upload-guide div{display:flex;flex-direction:column}.upload-guide span{color:var(--muted);font-size:.74rem;margin-top:3px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#01080bc2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(480px,100%);max-height:min(850px,92vh);overflow-y:auto;padding:20px;border:1px solid rgba(171,217,208,.16);border-radius:22px;background:linear-gradient(150deg,#0d232c,#08171e);box-shadow:0 28px 90px #0000008c}.modal.wide{width:min(620px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.modal-header h2{margin:0;font-size:1.1rem}.modal>.segmented{margin-bottom:18px}.quick-options{display:flex;flex-direction:column;gap:10px}.quick-options button{display:grid;grid-template-columns:50px 1fr 22px;gap:13px;align-items:center;padding:14px;text-align:left;border-radius:15px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.quick-options button>div{display:flex;flex-direction:column}.quick-options small{color:var(--muted);margin-top:4px}.quick-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%}.quick-icon.green{color:var(--green);background:#32e58f1f}.quick-icon.blue{color:var(--blue);background:#39a9ff1f}.quick-icon.orange{color:var(--orange);background:#ffad391f}.quick-add-intro{display:flex;flex-direction:column;gap:4px;margin:-2px 0 15px}.quick-add-intro strong{font-size:1.05rem}.quick-add-intro span{color:var(--muted);font-size:.8rem;line-height:1.45}.quick-options-premium{gap:12px}.quick-options-premium button{min-height:82px;padding:15px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.quick-options-premium button:hover{transform:translateY(-1px);border-color:#32e58f4d}.quick-options-premium .quick-option-featured{border-color:#32e58f4d;background:linear-gradient(135deg,#32e58f21,#32e58f0a);box-shadow:0 12px 28px #0000001f}.quick-options-premium .quick-option-featured .quick-icon{color:#062117;background:var(--green);box-shadow:0 8px 20px #32e58f2e}.quick-option-heading{display:flex;align-items:center;gap:8px}.quick-option-heading b{padding:3px 7px;border-radius:999px;color:#8ee2b8;background:#32e58f17;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em}.quick-add-hint{margin:14px 0 0;color:var(--muted);text-align:center;font-size:.7rem;line-height:1.4}.light-theme .quick-options-premium .quick-option-featured{background:linear-gradient(135deg,#e4f8ee,#f8fbfa);border-color:#1fcf7b4d}.light-theme .quick-option-heading b{color:#176d4d;background:#e2f4eb}.notification-center-intro{display:flex;flex-direction:column;gap:4px;padding:2px 2px 15px}.notification-center-intro strong{font-size:1.02rem}.notification-center-intro span{color:var(--muted);font-size:.78rem;line-height:1.45}.notification-list{display:flex;flex-direction:column;gap:10px}.notification-card{width:100%;display:grid;grid-template-columns:45px 1fr 18px;align-items:center;gap:12px;padding:14px;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.notification-card:hover{transform:translateY(-1px);border-color:#32e58f59;background:linear-gradient(135deg,rgba(50,229,143,.08),var(--surface))}.notification-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px}.notification-card-icon.green{color:var(--green);background:#32e58f1f}.notification-card-icon.blue{color:var(--blue);background:#39a9ff1f}.notification-card-icon.orange{color:var(--orange);background:#ffad391f}.notification-card-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.notification-card-copy strong{font-size:.88rem}.notification-card-copy small{color:var(--muted);font-size:.72rem;line-height:1.42}.notification-card-copy b{margin-top:2px;color:var(--green);font-size:.7rem}.light-theme .notification-card{color:var(--text);background:#f4f9f8;border-color:var(--line)}.light-theme .notification-card:hover{background:#eaf7f1;border-color:#1fcf7b52}.light-theme .notification-card-icon.green{color:#08724a;background:#dff5ea}.light-theme .notification-card-icon.blue{color:#176c9d;background:#e3f2fa}.light-theme .notification-card-icon.orange{color:#9a6211;background:#fff0d7}.onboarding-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.onboarding-progress i{height:4px;border-radius:999px;background:var(--line);transition:background .2s ease}.onboarding-progress i.active{background:var(--green)}.onboarding-content{display:flex;flex-direction:column;gap:16px}.onboarding-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#052016;background:var(--green);box-shadow:0 12px 30px #32e58f33}.onboarding-copy{display:flex;flex-direction:column;gap:5px}.onboarding-copy strong{font-size:1.18rem}.onboarding-copy p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.5}.onboarding-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.onboarding-benefits span{display:flex;flex-direction:column;gap:8px;padding:13px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#ffffff06;font-size:.68rem;line-height:1.35}.onboarding-benefits svg{color:var(--green)}.onboarding-fields{display:flex;flex-direction:column;gap:12px}.onboarding-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px}.onboarding-actions .primary-button,.onboarding-actions .secondary-button{margin:0}.onboarding-actions .secondary-button{width:auto}.onboarding-skip{align-self:center;padding:4px 8px;color:var(--muted);border:0;background:transparent;font-size:.7rem;cursor:pointer}.onboarding-skip:hover{color:var(--text)}.light-theme .onboarding-benefits span{background:#f4f9f8;border-color:#17383e1c}@media(max-width:520px){.onboarding-benefits{grid-template-columns:1fr}.onboarding-benefits span{flex-direction:row;align-items:center}.onboarding-content .form-grid{grid-template-columns:1fr}}.notification-center-toolbar{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:12px}.notification-center-toolbar>div{display:flex;flex-direction:column;gap:4px}.notification-center-toolbar>button{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(50,229,143,.25);border-radius:9px;color:var(--green);background:#32e58f14;font-size:.64rem;font-weight:800;cursor:pointer}.notification-admin-messages{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.notification-message.unread{border-color:#32e58f66;background:linear-gradient(135deg,rgba(50,229,143,.12),var(--surface))}.notification-unread-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #32e58f1f}.admin-dashboard-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:18px;border:1px solid rgba(50,229,143,.2);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#0b4232,#0a2928)}.admin-dashboard-hero>span{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;color:#052016;background:var(--green)}.admin-dashboard-hero>div{display:flex;flex-direction:column;gap:3px}.admin-dashboard-hero small{color:#9cc8ba;font-size:.66rem}.admin-dashboard-hero strong{color:#fff;font-size:1.02rem}.admin-dashboard-hero p{margin:0;color:#aac5bd;font-size:.68rem}.admin-users-error{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(255,173,57,.28);border-radius:13px;color:var(--orange);background:#ffad3914}.admin-users-error>div{display:flex;flex-direction:column;gap:3px}.admin-users-error strong{color:var(--text);font-size:.76rem}.admin-users-error small{color:var(--muted);font-size:.65rem;line-height:1.4}.light-theme .admin-users-error{background:#fff7e9;border-color:#be791638}.admin-dashboard-content{display:flex;flex-direction:column;gap:12px;margin-top:12px}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-metric-grid article{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.admin-metric-grid svg{color:var(--green)}.admin-metric-grid span{color:var(--muted);font-size:.66rem}.admin-metric-grid strong{font-size:1.3rem}.admin-metric-grid small{color:var(--muted);font-size:.58rem}.admin-notification-shortcut{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:13px;color:var(--text);text-align:left;border:1px solid rgba(50,229,143,.24);border-radius:15px;background:#32e58f12;cursor:pointer}.admin-notification-shortcut>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#052016;background:var(--green)}.admin-notification-shortcut>div{display:flex;flex-direction:column;gap:3px}.admin-notification-shortcut strong{font-size:.82rem}.admin-notification-shortcut small{color:var(--muted);font-size:.66rem}.admin-report-card{display:flex;flex-direction:column;gap:11px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.admin-report-card .section-heading .text-button{width:auto;margin:0}.admin-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-report-toolbar>div{display:flex;flex-direction:column;gap:3px}.admin-report-toolbar span{color:var(--muted);font-size:.65rem}.admin-report-toolbar strong{font-size:.9rem}.admin-report-toolbar .secondary-button{width:auto;margin:0;padding:9px 11px;white-space:nowrap}.admin-user-search{margin:0}.admin-user-list{display:flex;flex-direction:column}.admin-user-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--line)}.admin-user-list article:last-child{border-bottom:0}.admin-user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#052016;background:var(--green);font-size:.75rem;font-weight:900}.admin-user-list article>div{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-user-list strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-list small{overflow:hidden;color:var(--muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-list b{color:var(--muted);font-size:.58rem;font-weight:600}.admin-user-list time{color:var(--muted);font-size:.6rem}.admin-user-list>button{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;color:var(--text);text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer}.admin-user-list>button:last-child{border-bottom:0}.admin-user-list>button:hover{background:#32e58f0b}.admin-user-list>button>div{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-user-list>button strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-list>button small{overflow:hidden;color:var(--muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-list>button b{color:var(--muted);font-size:.58rem;font-weight:600}.admin-user-list>button time{color:var(--muted);font-size:.6rem}.admin-user-detail{display:flex;flex-direction:column;gap:13px}.admin-user-detail-identity{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.admin-user-detail-identity .admin-user-avatar{width:46px;height:46px}.admin-user-detail-identity>div{display:flex;flex-direction:column;gap:3px;min-width:0}.admin-user-detail-identity strong{overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-detail-identity small{overflow:hidden;color:var(--muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.admin-user-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-user-detail-grid article{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#ffffff06}.admin-user-detail-grid small{color:var(--muted);font-size:.62rem}.admin-user-detail-grid strong{font-size:.8rem}.admin-subscription-editor{display:flex;flex-direction:column;gap:11px;padding:14px;border:1px solid rgba(50,229,143,.2);border-radius:15px;background:#32e58f0b}.admin-plan-note{margin:0;color:var(--muted);font-size:.64rem;line-height:1.45}.light-theme .admin-user-list>button{color:var(--text)}.light-theme .admin-user-list>button:hover{background:#eef8f3}.light-theme .admin-user-detail-identity,.light-theme .admin-user-detail-grid article{background:#f6faf8;border-color:#17383e1c}.light-theme .admin-subscription-editor{background:#eef9f4;border-color:#1fcf7b38}.admin-plan-badge{padding:5px 8px;border-radius:999px;color:var(--muted);background:#ffffff0d;font-size:.58rem;font-weight:800}.admin-plan-badge.active{color:#8ee2b8;background:#32e58f1a}.admin-empty-note{margin:8px 0;color:var(--muted);text-align:center;font-size:.7rem}.admin-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.admin-plan-grid article{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.admin-plan-grid span{color:var(--muted);font-size:.65rem}.admin-plan-grid strong{font-size:1.25rem}.admin-plan-grid small{color:var(--muted);font-size:.58rem}.admin-payment-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 22px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:var(--surface)}.admin-payment-placeholder>span{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;color:var(--green);background:#32e58f1a}.admin-payment-placeholder strong{font-size:.95rem}.admin-payment-placeholder p{max-width:460px;margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}.admin-payment-placeholder small{color:var(--green);font-size:.64rem}.light-theme .admin-dashboard-hero{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#176a49,#0f4c3c)}.light-theme .admin-metric-grid article,.light-theme .admin-report-card,.light-theme .admin-plan-grid article,.light-theme .admin-payment-placeholder{background:#fff;border-color:#17383e21}.light-theme .admin-notification-shortcut{color:var(--text);background:#eaf8f1}.light-theme .admin-plan-badge{background:#edf3f1}.light-theme .admin-plan-badge.active{color:#176d4d;background:#e2f5eb}@media(max-width:560px){.admin-metric-grid,.admin-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-report-toolbar{align-items:flex-start;flex-direction:column}.admin-report-toolbar .secondary-button{width:100%}}.admin-notification-hero{display:flex;align-items:center;gap:13px;margin-bottom:12px;padding:17px;border:1px solid rgba(50,229,143,.22);border-radius:18px;background:linear-gradient(135deg,#32e58f21,#32e58f09)}.admin-notification-hero>span{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;color:#052016;background:var(--green)}.admin-notification-hero>div{display:flex;flex-direction:column;gap:4px}.admin-notification-hero strong{font-size:.95rem}.admin-notification-hero small{color:var(--muted);font-size:.7rem;line-height:1.45}.admin-notification-form{display:flex;flex-direction:column;gap:13px;margin-bottom:12px}.admin-notification-form textarea{resize:vertical;min-height:100px}.admin-audience{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(57,169,255,.2);border-radius:13px;color:var(--blue);background:#39a9ff0f}.admin-audience>div{display:flex;flex-direction:column;gap:2px}.admin-audience strong{color:var(--text);font-size:.76rem}.admin-audience small{color:var(--muted);font-size:.64rem}.form-message.success{color:var(--green)}.admin-notification-history{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.admin-notification-history>article{display:grid;grid-template-columns:43px minmax(0,1fr) 38px;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.admin-notification-history>article>div{display:flex;flex-direction:column;gap:3px;min-width:0}.admin-notification-history>article strong{font-size:.8rem}.admin-notification-history>article small{color:var(--muted);font-size:.67rem;line-height:1.4}.admin-notification-history>article time{color:var(--muted);font-size:.58rem}.admin-notification-history>article .icon-button{color:#ff7a72}.light-theme .notification-center-toolbar>button{color:#176d4d;background:#e6f7ee}.light-theme .notification-message.unread{background:#eaf8f1;border-color:#1fcf7b57}.light-theme .admin-notification-hero{background:linear-gradient(135deg,#e5f8ee,#f8fbfa)}.light-theme .admin-notification-history{background:#fff;border-color:#17383e21}.light-theme .admin-notification-history>article{background:#f6faf8;border-color:#17383e1c}.light-theme .admin-audience{background:#eef8fd}@media(max-width:480px){.notification-center-toolbar{flex-direction:column}.notification-center-toolbar>button{width:100%}.admin-notification-form .form-grid{grid-template-columns:1fr}}.data-load-error{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:16px;padding:13px 14px;border:1px solid rgba(255,173,57,.3);border-radius:16px;background:linear-gradient(135deg,#ffad391f,#ffad3909);box-shadow:0 10px 28px #00000014}.data-load-error-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:var(--orange);background:#ffad391f}.data-load-error>div{min-width:0;display:flex;flex-direction:column;gap:3px}.data-load-error strong{font-size:.86rem}.data-load-error small{color:var(--muted);font-size:.71rem;line-height:1.4}.data-load-error .secondary-button{width:auto;margin:0;padding:9px 11px;white-space:nowrap}.light-theme .data-load-error{background:#fff8ec;border-color:#be79163d}.light-theme .data-load-error-icon{color:#9a6211;background:#ffedcf}@media(max-width:560px){.data-load-error{grid-template-columns:40px 1fr}.data-load-error .secondary-button{grid-column:1 / -1;width:100%;justify-content:center}}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%);padding:12px 18px;border-radius:12px;color:#042016;background:var(--green);font-weight:800;box-shadow:0 12px 40px #0006}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:48px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px}.empty-state .empty-icon{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;color:var(--green);background:#32e58f1a}.empty-state p{color:var(--muted);font-size:.85rem}.empty-state .primary-button{width:auto;margin:16px auto 0}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,rgba(50,229,143,.12),transparent 32%)}.auth-card{width:min(420px,100%);padding:30px;border-radius:24px;background:#0a1d25eb;border:1px solid var(--line);box-shadow:0 30px 100px #00000073}.auth-card .auth-brand{margin:0 0 34px}.auth-card h1{margin:0;font-size:1.65rem}.auth-card>p{color:var(--muted);line-height:1.5;margin-bottom:22px}.auth-card form{display:flex;flex-direction:column;gap:14px}.text-button,.demo-button{width:100%;border:0;background:transparent;color:var(--green);padding:12px;cursor:pointer}.demo-button{color:var(--muted);border-top:1px solid var(--line)}.form-message{color:#ffb2ac;font-size:.8rem}.form-error-summary{margin:0;padding:11px 13px;border:1px solid rgba(255,107,97,.28);border-radius:12px;background:#ff6b6114;line-height:1.4}.light-theme .form-error-summary{color:#a62d26;background:#fff0ee;border-color:#be3a3038}@media(max-width:840px){.app-content{width:min(100%,700px);margin:0 auto;padding:18px 16px 108px}.side-nav{display:none}.bottom-nav{position:fixed;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;min-height:72px;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#06141af0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#92a7ac;font-size:.63rem;cursor:pointer}.bottom-nav button.active{color:var(--green)}.bottom-nav button.add svg{width:48px;height:48px;padding:12px;margin-top:-31px;border-radius:50%;color:#042016;background:var(--green);box-shadow:0 0 0 6px var(--bg),0 10px 25px #32e58f33}.bottom-nav button.add span{margin-top:-5px}.metrics-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.dashboard-grid,.report-layout{grid-template-columns:1fr}.floating-add{position:fixed;z-index:25;right:19px;bottom:90px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:0;color:#042016;background:var(--green);box-shadow:0 14px 30px #00000059}.report-metrics{grid-template-columns:1fr 1fr}.donut-panel{grid-template-columns:1fr;justify-items:center}.legend{width:100%}}@media(max-width:560px){.topbar{margin-bottom:17px}.welcome-row{display:block}.welcome-row .segmented{margin-top:14px}.period-navigator{justify-content:center;margin:-4px 0 14px}.welcome-row p{font-size:1.28rem}.metric-card{min-height:100px;padding:15px}.metric-card strong{font-size:1.22rem}.bar-chart{min-height:190px;gap:5px}.bar-column{height:165px}.bar-track{height:118px}.ride-item{grid-template-columns:46px minmax(0,1fr) auto;padding:12px;gap:9px}.expense-item{grid-template-columns:42px minmax(0,1fr) auto;min-height:94px;padding:11px 12px;gap:7px 9px}.ride-item .item-actions,.expense-item .item-actions{grid-column:2 / -1;flex-direction:row;justify-content:flex-start;align-items:center;gap:3px;margin-top:0}.ride-item .item-actions .icon-button,.expense-item .item-actions .icon-button{width:38px;height:36px}.ride-item>svg{display:none}.ride-path strong{font-size:.84rem}.ride-value strong{font-size:.79rem}.form-grid{grid-template-columns:1fr}.custom-period{grid-template-columns:1fr 1fr;gap:9px}.ride-filters{padding:12px}.title-action{align-items:flex-start}.title-action>span{line-height:1.35}.expense-summary-compact{padding:12px 13px}.expense-summary-compact>strong{font-size:1.05rem}.expense-detail-identity{grid-template-columns:52px minmax(0,1fr)}.expense-detail-identity time{grid-column:2;text-align:left;margin-top:3px}.expense-filter-grid{grid-template-columns:1fr}.expense-filters .period-filter .segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92vh;border-radius:23px 23px 0 0;border-bottom:0;padding:18px 16px calc(22px + env(safe-area-inset-bottom))}.modal.wide{width:100%}.modal .segmented button{padding-inline:11px}.segmented{width:100%}.segmented button{flex:1}.toast{bottom:90px;width:calc(100% - 34px);text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.help-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:18px;border:1px solid rgba(50,229,143,.2);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#0b4232,#0a2928)}.help-hero-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;color:#052016;background:var(--green);box-shadow:0 10px 24px #32e58f2e}.help-hero>div{display:flex;flex-direction:column;gap:4px}.help-hero>div>span{color:#9cc8ba;font-size:.7rem}.help-hero h2{margin:0;color:#fff;font-size:1.08rem}.help-hero p{margin:0;color:#aac5bd;font-size:.68rem;line-height:1.45}.help-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.help-steps>div{display:flex;align-items:center;gap:8px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.help-steps b{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:9px;color:#052016;background:var(--green);font-size:.72rem}.help-steps span{display:flex;flex-direction:column;gap:2px;min-width:0}.help-steps strong{font-size:.7rem}.help-steps small{color:var(--muted);font-size:.59rem;white-space:nowrap}.help-faq-panel{padding:18px}.help-faq-list{border:1px solid var(--line);border-radius:14px;overflow:hidden}.help-faq{border-bottom:1px solid var(--line);background:#ffffff05}.help-faq:last-child{border-bottom:0}.help-faq button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:0;color:var(--text);background:transparent;text-align:left;cursor:pointer;font-size:.78rem;font-weight:700}.help-faq button svg{flex:0 0 auto;color:var(--muted);transition:transform .18s ease}.help-faq.open button svg{color:var(--green);transform:rotate(90deg)}.help-faq p{margin:-2px 14px 14px;color:var(--muted);font-size:.72rem;line-height:1.55}.help-tip{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:14px;border:1px solid rgba(57,169,255,.18);border-radius:14px;color:var(--blue);background:#39a9ff0f}.help-tip>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#39a9ff1f}.help-tip>div{display:flex;flex-direction:column;gap:3px}.help-tip strong{color:var(--text);font-size:.78rem}.help-tip p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.5}.light-theme .help-hero{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#176a49,#0f4c3c)}.light-theme .help-steps>div,.light-theme .help-faq-panel{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0b}.light-theme .help-faq{background:#f6faf8;border-color:#17383e1a}.light-theme .help-tip{background:#eef8fd;border-color:#39a9ff33}@media(max-width:480px){.help-steps{gap:6px}.help-steps>div{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.help-steps small{white-space:normal}}.integration-hero{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:18px;border:1px solid rgba(50,229,143,.2);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#0b4232,#0a2928)}.integration-hero-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:15px;color:#052016;background:var(--green);box-shadow:0 10px 24px #32e58f2e}.integration-hero>div{display:flex;flex-direction:column;gap:4px}.integration-hero>div>span{color:#9cc8ba;font-size:.7rem}.integration-hero h2{margin:0;color:#fff;font-size:1.05rem}.integration-hero p{margin:0;color:#aac5bd;font-size:.68rem;line-height:1.45}.integration-note{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding:13px 14px;border:1px solid rgba(57,169,255,.18);border-radius:14px;color:var(--blue);background:#39a9ff0f}.integration-note svg{flex:0 0 auto;margin-top:1px}.integration-note p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}.integration-list{display:flex;flex-direction:column;gap:9px}.integration-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.integration-brand{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#052016;background:var(--green);font-size:1.05rem;font-weight:900}.integration-card:nth-child(2) .integration-brand{color:#fff;background:#1d9bf0}.integration-card:nth-child(3) .integration-brand{color:#fff;background:#7f5af0}.integration-card:nth-child(4) .integration-brand{color:#052016;background:var(--orange)}.integration-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.integration-card strong{font-size:.82rem}.integration-card small{color:var(--muted);font-size:.66rem;line-height:1.35}.integration-card em{width:max-content;margin-top:2px;padding:3px 7px;border-radius:999px;color:#8ee2b8;background:#32e58f14;font-size:.58rem;font-style:normal;font-weight:700}.integration-card button{min-width:94px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#ffffff0a;font-size:.65rem;font-weight:800}.integration-card button:disabled{opacity:.78;cursor:not-allowed}.light-theme .integration-hero{background:radial-gradient(circle at 100% 0,rgba(50,229,143,.2),transparent 44%),linear-gradient(135deg,#176a49,#0f4c3c)}.light-theme .integration-note{background:#eef8fd;border-color:#39a9ff33}.light-theme .integration-card{background:#fff;border-color:#17383e21;box-shadow:0 6px 20px #16393e0b}.light-theme .integration-card button{color:#60757a;background:#f4f9f8;border-color:#17383e24}@media(max-width:480px){.integration-card{grid-template-columns:42px minmax(0,1fr)}.integration-card button{grid-column:1 / -1;width:100%}}.more-profile-card,.more-vehicle-card,.more-section,.more-signout{font-family:Manrope,system-ui,sans-serif}.more-menu-list button>span:nth-child(2){font-size:.92rem;font-weight:600;line-height:1.25;letter-spacing:0}.more-vehicle-copy strong,.more-signout strong{font-size:.92rem;font-weight:600;line-height:1.25}.plans-hero{display:flex;gap:14px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid rgba(50,229,143,.22);border-radius:18px;background:linear-gradient(135deg,rgba(50,229,143,.13),var(--surface))}.plans-hero>span{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:#052016;border-radius:14px;background:var(--green)}.plans-hero small,.plans-hero p{color:var(--muted)}.plans-hero h2{margin:3px 0 5px;font-size:1.08rem}.plans-hero p{margin:0;font-size:.76rem;line-height:1.5}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.plan-card.featured{border-color:#32e58f8c;box-shadow:0 14px 36px #12a9631f}.plan-badge{width:max-content;margin:-6px 0 12px;padding:5px 9px;color:#052016;border-radius:999px;background:var(--green);font-size:.65rem}.plan-card>span{color:var(--muted);font-size:.76rem;font-weight:700}.plan-card>strong{margin-top:8px;color:var(--text);font-size:1.4rem}.plan-card>small{margin-top:2px;color:var(--muted)}.plan-card>p{min-height:42px;margin:14px 0 8px;color:var(--muted);font-size:.72rem;line-height:1.5}.plan-card ul{display:grid;gap:8px;min-height:88px;margin:8px 0 16px;padding:0;list-style:none;color:var(--text);font-size:.72rem}.plan-card li:before{content:"✓";margin-right:7px;color:var(--green);font-weight:800}.plan-card button:disabled{opacity:.7;cursor:not-allowed}.plans-note{margin:14px 4px 0;color:var(--muted);font-size:.7rem;line-height:1.5;text-align:center}.legal-page{padding:20px}.legal-page>small{color:var(--muted)}.legal-page h2{margin:8px 0 18px;font-size:1.2rem}.legal-page h3{margin:20px 0 5px;color:var(--text);font-size:.9rem}.legal-page p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.7}.legal-links>button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 0;color:var(--text);border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer}.light-theme .plans-hero{background:linear-gradient(135deg,#e7f8f0,#fff);border-color:#1fcf7b40}.light-theme .plan-card,.light-theme .legal-page{color:var(--text);background:#fff}.light-theme .legal-links>button{color:var(--text)}@media(max-width:720px){.plans-grid{grid-template-columns:1fr}.plan-card>p,.plan-card ul{min-height:0}}.backup-import{position:relative;min-width:118px;width:auto;margin:0;padding:10px 12px;overflow:hidden;white-space:nowrap;font-size:.7rem;cursor:pointer}.backup-import input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.backup-import.disabled{opacity:.6;cursor:wait}.backup-restore-message{grid-column:1 / -1;margin:0;padding:10px 12px;color:var(--green);border:1px solid rgba(50,229,143,.25);border-radius:12px;background:#32e58f14;font-size:.72rem}.light-theme .backup-restore-message{color:#167b55;background:#eaf8f1}