:root{
  --bg:#f3f6fb;--bg2:#edf2f8;--card:rgba(255,255,255,.9);--text:#111827;--muted:#748094;--line:#e5eaf2;
  --primary:#355cff;--primary2:#2345dc;--primary-soft:#eef2ff;--navy:#0a1020;--navy2:#111d3d;
  --danger:#d53d57;--success:#17895c;--shadow:0 22px 65px rgba(21,34,68,.10);--shadow-soft:0 10px 35px rgba(21,34,68,.07);
  --radius:26px;--radius-sm:17px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f7f9fd 0,#eef3f9 100%);color:var(--text);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 8% 0%,rgba(88,116,255,.10),transparent 28%),radial-gradient(circle at 90% 12%,rgba(64,190,196,.08),transparent 25%)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app-shell,.page-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:30px 0 126px}.page-shell.narrow{width:min(720px,calc(100% - 28px))}.app-header,.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.premium-header{padding:2px 2px 0}.brand-row{display:flex;align-items:center;gap:13px}.brand-mini{width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,var(--navy),#1c2a52);box-shadow:0 12px 28px rgba(10,16,32,.18);display:grid;place-items:center;color:#fff}.brand-mini svg{font-size:21px}.eyebrow,.topbar span{display:block;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em}.app-header h1{margin:3px 0 0;font-size:24px;letter-spacing:-.55px}.avatar,.profile-badge{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#101827,#273657);color:#fff;display:grid;place-items:center;text-decoration:none;font-weight:800;box-shadow:0 12px 28px rgba(10,16,32,.16)}
.hero-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#08101f 0%,#101c3c 55%,#1d3470 100%);color:#fff;border-radius:32px;padding:28px;box-shadow:0 30px 75px rgba(9,18,42,.26)}.premium-hero{isolation:isolate}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;z-index:-1}.hero-glow-a{width:340px;height:340px;background:radial-gradient(circle,rgba(76,112,255,.6),transparent 65%);right:-120px;top:-160px}.hero-glow-b{width:300px;height:300px;background:radial-gradient(circle,rgba(57,206,194,.18),transparent 65%);left:-120px;bottom:-180px}.period-nav{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;text-align:center}.period-nav a{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px);transition:.18s}.period-nav a:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}.period-nav a svg{font-size:21px}.period-nav span,.hero-total span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#b7c4e6;font-weight:700}.period-nav strong{display:block;font-size:17px;margin-top:4px}.hero-total{text-align:center;padding:30px 0 24px}.hero-total strong{display:block;font-size:clamp(36px,6.2vw,58px);letter-spacing:-2.7px;margin-top:7px;line-height:1.06}.hero-total small{display:inline-block;margin-top:11px;color:#aebbdc;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.premium-summary button{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.075);color:#fff;border-radius:19px;padding:14px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;backdrop-filter:blur(9px);transition:.18s}.premium-summary button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.summary-icon{width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:rgba(255,255,255,.1);display:grid!important;place-items:center!important;color:#dce5ff!important}.summary-icon svg{font-size:19px}.premium-summary button>div{min-width:0;flex:1}.premium-summary button>div>span{display:block;font-size:11px;color:#bec9e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-summary b{display:block;margin-top:4px;font-size:15px;white-space:nowrap}.premium-summary small{float:right;margin-top:-18px;color:#91a2ce;font-size:10px}
.filter-tabs{display:flex;gap:8px;overflow:auto;padding:22px 2px 5px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{border:1px solid rgba(224,229,239,.9);background:rgba(255,255,255,.82);color:var(--muted);padding:11px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 5px 18px rgba(20,30,60,.04);cursor:pointer;font-size:13px;font-weight:750;transition:.18s}.filter-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 9px 22px rgba(10,16,32,.17)}
.section-block{scroll-margin-top:18px;margin-top:30px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title>div{display:flex;align-items:center;gap:12px}.section-title h2{margin:0;font-size:19px;letter-spacing:-.3px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:12px}.section-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#edf1ff,#f6f8ff);display:grid;place-items:center;color:var(--primary);box-shadow:inset 0 0 0 1px #e4e9ff}.section-icon.bank{color:#6a4fd4;background:linear-gradient(145deg,#f2efff,#faf9ff);box-shadow:inset 0 0 0 1px #e9e2ff}.section-icon.personal{color:#168a80;background:linear-gradient(145deg,#eaf9f7,#f7fffe);box-shadow:inset 0 0 0 1px #d8f3ef}.section-icon svg{font-size:20px}.round-add,.mini-add{border:0;background:var(--navy);color:#fff;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(10,16,32,.16);transition:.18s}.round-add:hover{transform:translateY(-1px);background:#142342}.round-add svg{font-size:21px}.expense-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.expense-card,.bank-card,.personal-card,.settings-card,.empty-card,.legal-card{background:var(--card);border:1px solid rgba(226,231,240,.88);border-radius:var(--radius);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}.premium-card{transition:transform .18s,box-shadow .18s,border-color .18s}.premium-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#dce3ef}.expense-card{padding:18px}.expense-head{display:flex;align-items:center;justify-content:space-between}.expense-head>div{display:flex;align-items:center;gap:9px}.expense-head h3{font-size:14px;margin:0}.category-dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#5a76ff,#8aa0ff);box-shadow:0 0 0 5px #eef2ff}.mini-add{width:32px;height:32px;border-radius:11px;background:var(--primary-soft);color:var(--primary);box-shadow:none}.mini-add svg{font-size:17px}.expense-total{font-size:23px;font-weight:850;margin:16px 0 2px;letter-spacing:-.7px}.card-meta{color:#9aa4b5;font-size:11px}.empty-small{margin:13px 0 4px;color:var(--muted);font-size:12px}.item-list{border-top:1px solid var(--line);margin-top:13px}.item-list.no-top{border-top:0;margin-top:0}.line-item{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.line-item:last-child{border-bottom:0}.line-item.roomy .line-main{padding-block:15px}.line-main{flex:1;min-width:0;border:0;background:transparent;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 2px;text-align:left;cursor:pointer;color:var(--text)}.line-main span{min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-main small{display:block;color:var(--muted);font-size:10px;font-weight:550;margin-top:3px}.line-main strong{font-size:13px;white-space:nowrap;letter-spacing:-.15px}.delete-x{width:34px;border:0;background:transparent;color:#aab3c2;display:grid;place-items:center;cursor:pointer;transition:.18s}.delete-x:hover{color:var(--danger)}.delete-x svg{font-size:16px}.bank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bank-card{padding:21px}.bank-head{display:flex;justify-content:space-between;gap:14px}.bank-kicker{display:block!important;margin-bottom:4px!important;font-size:9px!important;color:#9aa5b8!important;font-weight:850!important;letter-spacing:.15em!important}.bank-head h3{margin:0;font-size:18px;letter-spacing:-.35px}.bank-head span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.bank-head strong{font-size:19px;white-space:nowrap;letter-spacing:-.4px}.bank-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.personal-card{padding:14px 20px}.empty-card{text-align:center;padding:38px 24px}.empty-card h3{margin:14px 0 7px}.empty-card p{color:var(--muted);max-width:500px;margin:0 auto 20px;line-height:1.55;font-size:13px}.empty-icon{width:58px;height:58px;border-radius:20px;margin:0 auto;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.empty-icon svg{font-size:27px}.empty-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;padding:6px 0}
.btn{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:.18s}.btn.primary{background:linear-gradient(135deg,#4165ff,#2f50e7);color:#fff;box-shadow:0 10px 24px rgba(53,92,255,.22)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(53,92,255,.27)}.btn.wide{width:100%;padding-block:13px}.btn.soft{background:var(--primary-soft);color:var(--primary)}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.btn.small{padding:9px 12px;font-size:12px}.btn.danger-text{background:transparent;color:var(--danger);padding-inline:4px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon{font-size:15px}
.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(460px,calc(100% - 28px));background:rgba(255,255,255,.88);backdrop-filter:blur(22px);border:1px solid rgba(222,228,238,.9);box-shadow:0 20px 55px rgba(21,34,68,.18);border-radius:24px;display:grid;grid-template-columns:1fr 82px 1fr;align-items:center;padding:8px}.bottom-nav>button:not(.main-add),.bottom-nav>a{border:0;background:transparent;text-decoration:none;color:var(--muted);display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;font-weight:700;cursor:pointer}.bottom-nav>button:not(.main-add)>svg,.bottom-nav>a>svg{font-size:19px;color:#313b4c}.bottom-nav .main-add{width:58px;height:58px;border:0;border-radius:19px;background:linear-gradient(145deg,#4165ff,#2648de);color:#fff;display:grid;place-items:center;justify-self:center;box-shadow:0 12px 30px rgba(53,92,255,.36);cursor:pointer}.bottom-nav .main-add svg{font-size:26px}
.sheet-backdrop{position:fixed;inset:0;background:rgba(7,12,24,.48);backdrop-filter:blur(3px);z-index:40;opacity:0;pointer-events:none;transition:.22s}.sheet-backdrop.open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;z-index:50;left:50%;bottom:0;transform:translate(-50%,105%);width:min(620px,100%);max-height:90vh;overflow:auto;background:rgba(255,255,255,.98);border-radius:30px 30px 0 0;padding:12px 24px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -26px 75px rgba(9,18,42,.25);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.bottom-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:46px;height:5px;border-radius:99px;background:#dfe4ec;margin:2px auto 15px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.sheet-head h3{margin:2px 0 0;font-size:21px;letter-spacing:-.45px}.sheet-kicker{font-size:9px;color:#97a2b3;font-weight:850;letter-spacing:.14em}.sheet-head>button{border:0;background:#f1f4f8;width:36px;height:36px;border-radius:12px;font-size:21px;color:#697386;cursor:pointer}.sheet-form,.stack{display:grid;gap:14px}.sheet-form label,.stack label{font-weight:780;font-size:12px;color:#344054}.sheet-form small,.stack small{font-weight:550;color:var(--muted)}input,select,textarea{width:100%;margin-top:7px;border:1px solid #dde3ec;background:#fbfcfe;border-radius:14px;padding:13px 14px;outline:none;color:var(--text);transition:.16s}textarea{resize:vertical;min-height:82px}input:focus,select:focus,textarea:focus{background:#fff;border-color:#9daeff;box-shadow:0 0 0 4px #eef1ff}.money-input{position:relative}.money-input>span{position:absolute;z-index:2;left:14px;top:50%;transform:translateY(-50%);margin-top:3px;color:#8b96a8;font-weight:800}.money-input input{padding-left:32px}.chooser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chooser-grid button{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfe);border-radius:19px;padding:19px 15px;text-align:left;cursor:pointer;transition:.18s}.chooser-grid button:hover{border-color:#cfd8ec;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.chooser-icon{width:40px;height:40px;border-radius:13px;background:var(--primary-soft);display:grid!important;place-items:center;color:var(--primary)!important}.chooser-icon svg{font-size:19px}.chooser-grid button>span:nth-child(2){display:block;color:var(--text);font-size:13px;font-weight:850;margin-top:10px}.chooser-grid small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.hint{font-size:11px;color:var(--danger);margin:-6px 0 0}.alert{padding:13px 15px;border-radius:14px;margin:0 0 14px;font-size:13px;border:1px solid transparent;box-shadow:var(--shadow-soft)}.alert.success{background:#effaf5;color:#176b49;border-color:#dbf3e8}.alert.error{background:#fff2f4;color:#a5243c;border-color:#f8dce2}
.auth-body{min-height:100vh;background:radial-gradient(circle at 10% 0,#dfe6ff 0,transparent 30%),radial-gradient(circle at 90% 100%,#dff7f4 0,transparent 28%),#f4f7fb}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(470px,100%);background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border:1px solid rgba(225,231,240,.9);border-radius:31px;padding:34px;box-shadow:0 30px 80px rgba(23,36,72,.14)}.brand-mark{width:56px;height:56px;background:linear-gradient(145deg,var(--navy),#253968);color:#fff;border-radius:19px;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 14px 32px rgba(10,16,32,.20)}.auth-card h1{margin:21px 0 8px;font-size:29px;letter-spacing:-.8px}.muted{color:var(--muted)}.auth-card>.muted{margin:0 0 22px;line-height:1.6;font-size:13px}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin:20px 0 0}.auth-switch a,.check a{color:var(--primary);font-weight:800}.check{display:flex!important;align-items:flex-start;gap:9px;font-weight:550!important;line-height:1.45}.check input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto}.settings-card{padding:25px;margin-bottom:16px}.settings-card h2,.settings-card h3{margin-top:0;letter-spacing:-.3px}.profile-badge{margin-bottom:14px}.topbar strong{display:block}.icon-btn{width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;text-decoration:none;color:var(--text);font-size:20px;box-shadow:var(--shadow-soft)}.legal-page{width:min(760px,calc(100% - 32px));margin:40px auto}.back-link{text-decoration:none;color:var(--primary);font-weight:800}.legal-card{padding:26px;line-height:1.75;margin-top:20px}.filter-section[hidden]{display:none!important}
@media(max-width:850px){.expense-grid{grid-template-columns:repeat(2,1fr)}.bank-grid{grid-template-columns:1fr}.premium-summary button{padding:12px}.summary-icon{display:none!important}}
@media(max-width:560px){.app-shell{width:min(100% - 22px,1180px);padding-top:18px}.premium-header{margin-bottom:17px}.brand-mini{width:40px;height:40px}.app-header h1{font-size:20px}.avatar{width:43px;height:43px;border-radius:14px}.hero-card{padding:19px;border-radius:25px}.hero-total{padding:25px 0 20px}.hero-total strong{font-size:38px;letter-spacing:-1.8px}.premium-summary{gap:7px}.premium-summary button{padding:11px 9px;border-radius:15px;display:block}.premium-summary button>div>span{font-size:9px}.premium-summary b{font-size:11px}.premium-summary small{font-size:9px;margin-top:-15px}.filter-tabs{padding-top:17px}.expense-grid{grid-template-columns:1fr}.section-block{margin-top:25px}.section-title h2{font-size:17px}.bottom-sheet{padding-inline:17px}.auth-card{padding:25px;border-radius:25px}.chooser-grid{grid-template-columns:repeat(2,1fr)}.bank-actions{align-items:center}.bank-card{padding:18px}.personal-card{padding-inline:17px}.empty-inline{align-items:flex-start;flex-direction:column}.bottom-nav{bottom:max(10px,env(safe-area-inset-bottom));border-radius:21px}.bottom-nav .main-add{width:54px;height:54px}.period-nav{grid-template-columns:40px 1fr 40px}.period-nav a{width:38px;height:38px}}

/* Premium V4 · E-posta ve güvenlik */
.auth-card-premium{position:relative;overflow:hidden}.auth-card-premium:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-130px;top:-130px;background:radial-gradient(circle,rgba(53,92,255,.18),transparent 70%);pointer-events:none}.auth-kicker,.settings-kicker{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;color:#8995a8;margin-bottom:8px}.auth-card-premium h1{letter-spacing:-.7px}.secure-note{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px 14px;border:1px solid #e6ebf4;background:#f8faff;border-radius:15px}.secure-note>span{width:28px;height:28px;border-radius:10px;background:#eaf8f1;color:#18875d;display:grid;place-items:center;font-weight:900}.secure-note strong,.secure-note small{display:block}.secure-note strong{font-size:12px}.secure-note small{margin-top:3px;color:var(--muted);font-size:10px}
.profile-page{padding-bottom:60px}.profile-hero-card{display:flex;align-items:center;gap:16px;background:linear-gradient(145deg,#fff,#f7f9ff)}.profile-hero-card .profile-badge{margin:0;flex:0 0 52px;width:52px;height:52px;border-radius:18px}.profile-hero-card h2{margin:0 0 5px}.profile-hero-card p{margin:0}.setting-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.setting-heading h3{margin:0}.status-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:7px 10px;background:#f1f4f8;color:#7a8799;font-size:10px;font-weight:850}.status-pill.success{background:#eaf8f1;color:#16835b}.status-pill.pending{background:#fff5dc;color:#a46c00}.status-pill.secure{background:#eef2ff;color:#355cff}.verified-email{display:flex;align-items:center;gap:12px;padding:15px;border-radius:17px;background:linear-gradient(145deg,#f2fbf7,#f9fdfb);border:1px solid #dff2e8;margin:12px 0}.verified-icon{width:36px;height:36px;border-radius:12px;background:#1b8c63;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(27,140,99,.18)}.verified-email strong,.verified-email small{display:block}.verified-email strong{font-size:13px}.verified-email small{font-size:10px;color:#6e8178;margin-top:4px}.pending-email-box{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid #f1dfae;background:#fffaf0;border-radius:17px;margin:12px 0}.pending-email-box small,.pending-email-box strong,.pending-email-box span{display:block}.pending-email-box small{color:#a17e31;font-size:10px}.pending-email-box strong{font-size:13px;margin-top:4px;word-break:break-all}.pending-email-box span{color:#998357;font-size:10px;margin-top:4px}.security-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,249,255,.96))}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:14px 0!important}.switch-row>span:first-child strong,.switch-row>span:first-child small{display:block}.switch-row>span:first-child strong{font-size:13px}.switch-row>span:first-child small{font-size:10px;color:var(--muted);margin-top:4px}.switch-control{position:relative;flex:0 0 48px;width:48px;height:28px}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control i{position:absolute;inset:0;border-radius:999px;background:#d8dee8;transition:.2s;cursor:pointer}.switch-control i:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 3px 9px rgba(0,0,0,.15);transition:.2s}.switch-control input:checked+i{background:#355cff}.switch-control input:checked+i:after{transform:translateX(20px)}.switch-control input:disabled+i{opacity:.5;cursor:not-allowed}.inline-hint{font-size:11px;color:#9a6d19;background:#fff7e5;border:1px solid #f3e2bc;border-radius:13px;padding:10px 12px}.logout-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.logout-card h3{margin:0 0 5px}.logout-card p{margin:0}.danger-soft{background:#fff0f3!important;color:#c73c55!important}.danger-soft:hover{background:#ffe5ea!important}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none!important}.security-orb,.verify-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:25px;font-weight:900;margin-bottom:17px}.security-orb{background:linear-gradient(145deg,#0a1020,#1d3470);color:#fff;box-shadow:0 14px 30px rgba(12,24,52,.2)}.otp-input{text-align:center;font-size:28px!important;font-weight:850!important;letter-spacing:9px!important;padding-left:20px!important}.twofa-card #resendButton{margin-top:10px}.twofa-foot{text-align:center;color:#98a3b3;font-size:10px;margin:14px 0 0}.verify-icon.ok{background:#e8f8f0;color:#17895c}.verify-icon.bad{background:#fff0f3;color:#d53d57}.verify-card .btn{margin-top:10px}
@media(max-width:560px){.profile-hero-card{align-items:flex-start}.pending-email-box,.logout-card{align-items:stretch;flex-direction:column}.pending-email-box form,.pending-email-box .btn,.logout-card .btn{width:100%}.setting-heading{align-items:center}.otp-input{font-size:25px!important;letter-spacing:7px!important}}


/* Premium V6 · Tablet portrait / landscape responsive */
@media (min-width:600px) and (max-width:1024px) and (orientation:portrait){
  .app-shell{width:min(100% - 34px,920px);padding-top:24px}
  .page-shell.narrow{width:min(760px,calc(100% - 42px))}
  .hero-card{padding:25px;border-radius:29px}
  .hero-total{padding:27px 0 22px}.hero-total strong{font-size:50px}
  .premium-summary{gap:9px}.premium-summary button{padding:13px 12px}.summary-icon{display:grid!important;width:34px;height:34px;flex-basis:34px}
  .premium-summary b{font-size:13px}.premium-summary small{font-size:9px}
  .expense-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .bank-grid{grid-template-columns:1fr;gap:13px}
  .expense-card{padding:17px}.bank-card{padding:20px}
  .bottom-nav{width:min(520px,calc(100% - 42px));bottom:max(18px,env(safe-area-inset-bottom))}
  .bottom-sheet{width:min(680px,calc(100% - 34px));border-radius:30px 30px 0 0;padding-inline:28px}
  .auth-card{width:min(520px,100%)}
  .settings-card{padding:27px}
}

@media (min-width:768px) and (max-width:1366px) and (orientation:landscape){
  .app-shell{width:min(1180px,calc(100% - 48px));padding-top:22px;padding-bottom:112px}
  .page-shell.narrow{width:min(820px,calc(100% - 48px))}
  .premium-header{margin-bottom:18px}
  .hero-card{padding:22px 26px;border-radius:28px}
  .hero-total{padding:20px 0 18px}.hero-total strong{font-size:46px}.hero-total small{margin-top:8px}
  .premium-summary button{padding:12px 14px}.summary-icon{display:grid!important}
  .expense-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .section-block{margin-top:24px}
  .bottom-nav{width:500px;bottom:max(12px,env(safe-area-inset-bottom));padding:7px}
  .bottom-nav .main-add{width:54px;height:54px}
  .bottom-sheet{width:min(720px,calc(100% - 42px));max-height:86vh;padding:10px 28px calc(22px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}
  .sheet-form{gap:11px}.sheet-head{margin-bottom:12px}.sheet-head h3{font-size:19px}
  .auth-shell{padding:18px}.auth-card{width:min(520px,100%);padding:28px}.auth-card h1{font-size:27px}
  .profile-page{padding-top:22px}.settings-card{padding:23px;margin-bottom:13px}
}

@media (min-width:1025px) and (max-width:1366px){
  .app-shell{width:min(1180px,calc(100% - 52px))}
}

@media (hover:none) and (pointer:coarse){
  .btn,.round-add,.mini-add,.delete-x,.period-nav a,.filter-tabs button{min-height:42px}
  .line-main{min-height:48px}
  input,select,textarea{font-size:16px}
}