:root{--bg:#0b1220;--panel:#121b2e;--text:#e8eefc;--muted:#9fb0d0;--accent:#00C6B6;--good:#22c55e;--warn:#fbbf24;--bad:#ef4444;--line:#223154;--shadow: 0 10px 30px rgba(0,0,0,.35);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{background:linear-gradient(180deg,var(--bg),#070b14);color:var(--text)}a{color:inherit}.container{max-width:1100px;margin:0 auto;padding:18px}.nav{display:flex;gap:10px;align-items:center;justify-content:space-between;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b122099;border-bottom:1px solid rgba(34,49,84,.8);padding:12px 18px;z-index:10}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.4px}.brandBadge{width:36px;height:36px;border-radius:12px;background:radial-gradient(circle at 30% 30%,var(--accent),#009688);display:grid;place-items:center;box-shadow:var(--shadow)}.brandBadge span{font-weight:900}.links{display:flex;gap:10px;flex-wrap:wrap}.link{padding:8px 10px;border-radius:12px;border:1px solid rgba(34,49,84,.8);background:#121b2e99;text-decoration:none;color:var(--muted)}.link.active{color:var(--text);border-color:#00c6b6b3}.grid{display:grid;gap:12px}.grid.cards{grid-template-columns:repeat(12,1fr)}.home-subscriptions-card,.home-debts-card{grid-column:span 6}.card{background:#121b2ebf;border:1px solid rgba(34,49,84,.9);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:14px;color:var(--muted);font-weight:650}.big{font-size:28px;font-weight:850;letter-spacing:-.5px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid rgba(34,49,84,.9);color:var(--muted)}.pill.good{color:var(--good);border-color:#22c55e59}.pill.warn{color:var(--warn);border-color:#fbbf2459}.pill.bad{color:var(--bad);border-color:#ef444459}.btn{border:none;border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#00c6b6f2,#009688f2);color:#101827;font-weight:800;cursor:pointer}.btn.secondary{background:#121b2e99;border:1px solid rgba(34,49,84,.9);color:var(--text)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid rgba(34,49,84,.7);text-align:left}.table th{color:var(--muted);font-weight:700;font-size:12px}.right{text-align:right}.table-scroll-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;position:relative;width:100%;max-width:100%;display:block;margin:0 -14px;padding:0 14px}.table-scroll-container .table{min-width:600px;margin:0;display:table;width:100%}.actions-column{position:sticky;right:0;background:#121b2e;z-index:10;white-space:nowrap;padding-left:16px;padding-right:16px;box-shadow:-2px 0 8px #0000004d}.table-scroll-container .table thead .actions-column{background:#121b2e;z-index:11}.table-scroll-container .table tbody .actions-column,.table-scroll-container .table tbody tr:hover .actions-column{background:#121b2e}.bill-card{transition:transform .2s,box-shadow .2s}.bill-card:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0006}input,select,textarea{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(34,49,84,.9);background:#070b1480;color:var(--text);font-size:14px}select{padding:12px 36px 12px 14px;font-size:15px;min-height:44px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239fb0d0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}select option{padding:14px 12px;font-size:15px;background:var(--panel);color:var(--text);min-height:44px}@media (max-width: 860px){select{font-size:16px;min-height:48px;padding:14px 40px 14px 16px}select option{font-size:16px;padding:16px 14px;min-height:48px}.bill-modal{max-height:65vh!important}}label{font-size:12px;color:var(--muted);display:block;margin:10px 0 6px}hr{border:none;border-top:1px solid rgba(34,49,84,.8);margin:14px 0}small{color:var(--muted)}.mobile-bottom-nav{display:none;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;margin:0!important;background:#0b1220f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(34,49,84,.8);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:10000!important;box-shadow:0 -4px 20px #0000004d;justify-content:space-around;box-sizing:border-box!important}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:600;flex:1;transition:color .2s}.mobile-nav-item svg{width:22px;height:22px;stroke-width:1.5}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item.active svg{stroke-width:2}.mobile-nav{display:none}.settings-button{background:#121b2e99;border:1px solid rgba(34,49,84,.8);border-radius:12px;padding:8px;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-button:hover{color:var(--text);border-color:#00c6b6b3}.settings-button svg{width:20px;height:20px}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:none}.settings-modal{position:fixed;top:0;right:0;bottom:0;width:85%;max-width:400px;background:var(--bg);border-left:1px solid rgba(34,49,84,.8);z-index:201;overflow-y:auto;padding:18px;display:none;box-shadow:-4px 0 20px #0006}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(34,49,84,.8)}.settings-close{background:#121b2e99;border:1px solid rgba(34,49,84,.8);border-radius:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:24px;line-height:1;cursor:pointer;transition:all .2s}.settings-close:hover{border-color:#00c6b6b3;color:var(--accent)}.settings-link{display:block;padding:12px 14px;border-radius:14px;border:1px solid rgba(34,49,84,.8);background:#121b2e99;text-decoration:none;color:var(--text);font-weight:600;transition:all .2s}.settings-link:hover{border-color:#00c6b6b3;background:#121b2ecc}@media (max-width: 860px){.grid.cards{grid-template-columns:repeat(6,1fr);grid-auto-flow:row}.upcoming-bills-table{display:none!important}.upcoming-bills-mobile-list{display:block}.debts-table{display:none!important}.debts-mobile-list{display:block}.home-subscriptions-card,.home-debts-card{grid-column:span 12;grid-row:auto!important}.desktop-nav{display:none!important}.mobile-nav{display:flex}.mobile-bottom-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}.settings-overlay.active,.settings-modal.active{display:block}.container{padding-bottom:calc(70px + env(safe-area-inset-bottom))}html,body{position:relative;overflow-x:hidden}}@media (min-width: 861px){.mobile-bottom-nav,.mobile-nav{display:none!important}.desktop-nav{display:flex}.upcoming-bills-mobile-list{display:none!important}.upcoming-bills-table{display:table}.debts-mobile-list{display:none!important}.debts-table{display:table}.settings-overlay,.settings-modal{display:none!important}.container{max-width:none;margin:0 18px;padding:18px}}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-weekday{text-align:center;font-size:10px;font-weight:700;color:var(--muted);padding:6px 2px;text-transform:uppercase;letter-spacing:.5px}.calendar-day{min-height:70px;border:1px solid rgba(34,49,84,.5);border-radius:6px;padding:5px;background:#121b2e4d;display:flex;flex-direction:column;gap:3px;transition:all .2s ease}.calendar-day-clickable:hover{background:#00c6b61a;border-color:#00c6b680}.calendar-day-other{opacity:.3;background:#121b2e1a}.calendar-day-today{border:2px solid var(--accent);background:#00c6b61a}.calendar-day-today .calendar-day-number{color:var(--accent);font-weight:900}.calendar-day-number{font-size:12px;font-weight:700;color:var(--text);margin-bottom:2px}.calendar-bills{display:flex;flex-direction:column;gap:3px;flex:1;overflow:hidden}.calendar-bill-item{background:#00c6b626;border:1px solid rgba(0,198,182,.3);border-radius:4px;padding:3px 5px;font-size:10px;cursor:pointer;transition:all .2s}.calendar-bill-item:hover{background:#00c6b640;border-color:#00c6b680}.calendar-bill-name{font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-bill-amount{font-size:9px;color:var(--muted);font-weight:500}.calendar-bill-more{font-size:9px;color:var(--muted);font-style:italic;padding:2px 5px}.calendar-dots{display:flex;gap:4px;flex-wrap:wrap;align-items:center;justify-content:center;padding:4px 0}.calendar-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 4px #00c6b680}.calendar-dot-more{font-size:8px;color:var(--accent);font-weight:600}@media (max-width: 860px){.calendar-grid{gap:2px}.calendar-weekday{font-size:9px;padding:4px 2px;font-weight:600}.calendar-day{min-height:60px;padding:4px;gap:2px}.calendar-day-number{font-size:10px;margin-bottom:2px}.calendar-dots{gap:3px;padding:2px 0}.calendar-dot{width:5px;height:5px}.calendar-dot-more{font-size:7px}.subscriptions-header{flex-wrap:wrap;align-items:flex-start}.subscriptions-header>div:first-child{flex:1;min-width:0}.subscriptions-add-btn{margin-left:auto;width:auto;flex-shrink:0}.landing-banner{grid-template-columns:1fr!important;gap:30px!important;margin-bottom:40px!important}.landing-banner h1{font-size:32px!important;text-align:center}.landing-content{max-width:100%!important}.landing-content p{font-size:16px!important}.landing-features{grid-template-columns:1fr!important;gap:24px!important}.landing-auth-desktop{display:none!important}.landing-mobile-auth-btn{display:block!important}}@media (min-width: 861px){.landing-mobile-auth-btn{display:none!important}.landing-auth-desktop{display:block!important}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}