@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:var(--bg);--ink:var(--ink);--muted:var(--muted);--green:var(--accent);--line:var(--line)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:calc(14px * var(--lad-text-scale,1))}button,input,select{font:inherit}button,a,label.import{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:calc(3px * var(--lad-interface-scale,1)) solid #b4ce8b;outline-offset:calc(3px * var(--lad-interface-scale,1))}.shell{max-width:calc(1600px * var(--lad-interface-scale,1));margin:auto;display:grid;grid-template-columns:calc(245px * var(--lad-interface-scale,1)) 1fr;min-height:100vh}aside{border-right:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(44px * var(--lad-interface-scale,1)) calc(28px * var(--lad-interface-scale,1));display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-size:calc(43px * var(--lad-text-scale,1));font-weight:800;letter-spacing:calc(-4px * var(--lad-interface-scale,1))}.brand-dot{color:var(--accent)}.tagline{font-size:calc(10px * var(--lad-text-scale,1));color:var(--muted);margin:calc(8px * var(--lad-interface-scale,1)) 0 calc(47px * var(--lad-interface-scale,1))}nav{display:grid;gap:calc(10px * var(--lad-interface-scale,1))}nav button{border:0;background:none;text-align:left;color:var(--muted);padding:calc(14px * var(--lad-interface-scale,1)) calc(17px * var(--lad-interface-scale,1));border-radius:calc(11px * var(--lad-interface-scale,1));font-size:calc(18px * var(--lad-text-scale,1))}nav button span{font-size:calc(13px * var(--lad-text-scale,1));margin-left:calc(12px * var(--lad-interface-scale,1))}nav button.active{background:var(--soft);color:var(--green);font-weight:700}.aside-bottom{margin-top:auto;padding-top:calc(80px * var(--lad-interface-scale,1));color:var(--muted);font-size:calc(10px * var(--lad-text-scale,1))}.storage-dot{display:inline-block;background:#87ad74;width:calc(6px * var(--lad-interface-scale,1));height:calc(6px * var(--lad-interface-scale,1));border-radius:50%;margin-right:calc(4px * var(--lad-interface-scale,1))}.text-button{border:0;background:none;color:var(--muted);font-size:calc(11px * var(--lad-text-scale,1));padding:0;text-decoration:none}.aside-bottom .text-button{display:block;margin-top:calc(18px * var(--lad-interface-scale,1));cursor:pointer}main{padding:calc(48px * var(--lad-interface-scale,1)) calc(50px * var(--lad-interface-scale,1)) calc(22px * var(--lad-interface-scale,1));min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:calc(20px * var(--lad-interface-scale,1))}.eyebrow{font-size:calc(9px * var(--lad-text-scale,1));font-weight:800;color:var(--muted);letter-spacing:calc(1.7px * var(--lad-interface-scale,1))}h1{font-size:calc(30px * var(--lad-text-scale,1));letter-spacing:calc(-1.3px * var(--lad-interface-scale,1));margin:calc(12px * var(--lad-interface-scale,1)) 0 calc(7px * var(--lad-interface-scale,1))}header p{color:var(--muted);font-size:calc(12px * var(--lad-text-scale,1));margin:0}.primary{background:var(--green);color:var(--on-accent);border:0;border-radius:calc(10px * var(--lad-interface-scale,1));padding:calc(13px * var(--lad-interface-scale,1)) calc(19px * var(--lad-interface-scale,1));font-weight:600;font-size:calc(12px * var(--lad-text-scale,1))}.primary:hover{background:var(--accent)}.toolbar{display:flex;justify-content:space-between;margin:calc(34px * var(--lad-interface-scale,1)) 0 calc(22px * var(--lad-interface-scale,1))}.month-picker{display:flex;align-items:center;gap:calc(12px * var(--lad-interface-scale,1));background:var(--surface);border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(9px * var(--lad-interface-scale,1)) calc(13px * var(--lad-interface-scale,1));border-radius:calc(9px * var(--lad-interface-scale,1))}.month-picker input{border:0;background:none;color:var(--ink);font-weight:600;max-width:calc(155px * var(--lad-interface-scale,1))}.month-picker>span:first-child{display:none}select{border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(8px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink);padding:calc(9px * var(--lad-interface-scale,1))}.currency select{background:transparent;font-size:calc(11px * var(--lad-text-scale,1))}.cards{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:calc(16px * var(--lad-interface-scale,1))}.card{background:var(--surface);border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(15px * var(--lad-interface-scale,1));padding:calc(23px * var(--lad-interface-scale,1))}.balance{background:var(--accent);color:var(--on-accent);border-color:var(--accent);position:relative;overflow:hidden}.balance:after{content:'';position:absolute;width:calc(150px * var(--lad-interface-scale,1));height:calc(150px * var(--lad-interface-scale,1));border:calc(30px * var(--lad-interface-scale,1)) solid #ffffff05;border-radius:50%;right:calc(-60px * var(--lad-interface-scale,1));top:calc(5px * var(--lad-interface-scale,1));pointer-events:none}.card-label{font-size:calc(11px * var(--lad-text-scale,1));color:var(--muted);display:flex;justify-content:space-between;align-items:center}.balance .card-label{color:var(--on-accent)}.big-number{font-size:calc(29px * var(--lad-text-scale,1));font-weight:700;letter-spacing:calc(-1px * var(--lad-interface-scale,1));margin:calc(17px * var(--lad-interface-scale,1)) 0 calc(11px * var(--lad-interface-scale,1));overflow-wrap:anywhere}.card-note{color:var(--muted);font-size:calc(10px * var(--lad-text-scale,1))}.balance .card-note{color:var(--on-accent)}.badge{background:var(--soft);color:var(--accent);border-radius:calc(7px * var(--lad-interface-scale,1));padding:calc(5px * var(--lad-interface-scale,1)) calc(7px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1))}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:calc(20px * var(--lad-interface-scale,1));margin-top:calc(22px * var(--lad-interface-scale,1))}.panel{background:var(--surface);border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(15px * var(--lad-interface-scale,1));padding:calc(25px * var(--lad-interface-scale,1));min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:calc(14px * var(--lad-interface-scale,1));margin-bottom:calc(24px * var(--lad-interface-scale,1))}h2{font-size:calc(15px * var(--lad-text-scale,1));letter-spacing:calc(-.3px * var(--lad-interface-scale,1));margin:0}.panel-head button{font-size:calc(11px * var(--lad-text-scale,1));border:0;background:transparent;color:var(--green)}.sub{font-size:calc(11px * var(--lad-text-scale,1));color:var(--muted);line-height:1.7}.donut-layout{display:flex;align-items:center;justify-content:space-around;gap:calc(25px * var(--lad-interface-scale,1));min-height:calc(190px * var(--lad-interface-scale,1))}.donut{height:calc(156px * var(--lad-interface-scale,1));width:calc(156px * var(--lad-interface-scale,1));border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut-center{height:calc(121px * var(--lad-interface-scale,1));width:calc(121px * var(--lad-interface-scale,1));background:var(--surface);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center strong{font-size:calc(19px * var(--lad-text-scale,1));letter-spacing:calc(-.7px * var(--lad-interface-scale,1))}.donut-center span{font-size:calc(10px * var(--lad-text-scale,1));color:var(--muted);margin-top:calc(4px * var(--lad-interface-scale,1))}.legend{flex:1;max-width:calc(210px * var(--lad-interface-scale,1))}.legend-row{display:flex;align-items:center;gap:calc(8px * var(--lad-interface-scale,1));font-size:calc(10px * var(--lad-text-scale,1));margin:calc(15px * var(--lad-interface-scale,1)) 0}.legend-row strong{margin-left:auto}.dot{width:calc(7px * var(--lad-interface-scale,1));height:calc(7px * var(--lad-interface-scale,1));flex-shrink:0;border-radius:50%}.budget-row{margin:calc(20px * var(--lad-interface-scale,1)) 0}.row-label{display:flex;justify-content:space-between;gap:calc(8px * var(--lad-interface-scale,1));font-size:calc(11px * var(--lad-text-scale,1))}.row-label small{font-size:calc(10px * var(--lad-text-scale,1));color:var(--muted)}.track{height:calc(5px * var(--lad-interface-scale,1));background:var(--surface-2);border-radius:calc(9px * var(--lad-interface-scale,1));overflow:hidden;margin-top:calc(10px * var(--lad-interface-scale,1))}.track>i{height:100%;display:block;background:var(--accent);border-radius:calc(9px * var(--lad-interface-scale,1))}.track>i.over{background:var(--danger)}.full{margin-top:calc(22px * var(--lad-interface-scale,1))}.tx-row{display:flex;align-items:center;gap:calc(13px * var(--lad-interface-scale,1));padding:calc(14px * var(--lad-interface-scale,1)) 0;border-top:calc(1px * var(--lad-interface-scale,1)) solid var(--line)}.tx-icon{width:calc(36px * var(--lad-interface-scale,1));height:calc(36px * var(--lad-interface-scale,1));border-radius:calc(11px * var(--lad-interface-scale,1));background:var(--surface-2);display:grid;place-items:center;font-size:calc(17px * var(--lad-text-scale,1));flex-shrink:0}.tx-text{min-width:0}.tx-text strong{font-size:calc(12px * var(--lad-text-scale,1));display:block;overflow-wrap:anywhere}.tx-text span{display:block;font-size:calc(10px * var(--lad-text-scale,1));color:var(--muted);margin-top:calc(4px * var(--lad-interface-scale,1))}.tx-amount{margin-left:auto;font-weight:700;font-size:calc(12px * var(--lad-text-scale,1));white-space:nowrap}.positive{color:var(--positive)}.delete{background:none;border:0;color:var(--muted);padding:calc(7px * var(--lad-interface-scale,1))}.empty{text-align:center;padding:calc(32px * var(--lad-interface-scale,1)) calc(10px * var(--lad-interface-scale,1));color:var(--muted);font-size:calc(12px * var(--lad-text-scale,1));line-height:1.9}.empty .empty-icon{font-size:calc(30px * var(--lad-text-scale,1));display:block;color:var(--accent);margin-bottom:calc(8px * var(--lad-interface-scale,1))}.savings{margin-top:calc(20px * var(--lad-interface-scale,1));background:var(--soft);border:0}.savings .big-number{font-size:calc(25px * var(--lad-text-scale,1))}.savings-bottom{display:flex;justify-content:space-between;align-items:center}.savings button{border:calc(1px * var(--lad-interface-scale,1)) solid var(--accent-line);border-radius:calc(8px * var(--lad-interface-scale,1));padding:calc(8px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));background:transparent;color:var(--green);font-size:calc(11px * var(--lad-text-scale,1))}footer{display:flex;justify-content:space-between;gap:calc(10px * var(--lad-interface-scale,1));font-size:calc(9px * var(--lad-text-scale,1));color:var(--muted);margin-top:calc(35px * var(--lad-interface-scale,1))}footer span{display:flex;gap:calc(5px * var(--lad-interface-scale,1));align-items:center}.notice{font-size:calc(11px * var(--lad-text-scale,1));color:var(--muted);line-height:1.7;background:var(--soft);padding:calc(12px * var(--lad-interface-scale,1)) calc(16px * var(--lad-interface-scale,1));border-radius:calc(9px * var(--lad-interface-scale,1));margin-bottom:calc(20px * var(--lad-interface-scale,1))}.chart{display:flex;align-items:flex-end;gap:calc(12px * var(--lad-interface-scale,1));height:calc(210px * var(--lad-interface-scale,1));padding-top:calc(20px * var(--lad-interface-scale,1))}.chart-col{display:flex;flex:1;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:calc(9px * var(--lad-interface-scale,1));min-width:0}.bar{background:var(--accent);width:70%;min-height:calc(2px * var(--lad-interface-scale,1));border-radius:calc(5px * var(--lad-interface-scale,1)) calc(5px * var(--lad-interface-scale,1)) 0 0}.chart-col span{font-size:calc(10px * var(--lad-text-scale,1));color:var(--muted)}.chart-col small{font-size:calc(9px * var(--lad-text-scale,1))}.filters{display:flex;gap:calc(10px * var(--lad-interface-scale,1));margin-bottom:calc(20px * var(--lad-interface-scale,1));flex-wrap:wrap}.filters input{flex:1;min-width:calc(130px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(10px * var(--lad-interface-scale,1));border-radius:calc(8px * var(--lad-interface-scale,1))}dialog{border:0;border-radius:calc(20px * var(--lad-interface-scale,1));padding:calc(28px * var(--lad-interface-scale,1));max-width:calc(420px * var(--lad-interface-scale,1));width:calc(100% - calc(32px * var(--lad-interface-scale,1)));box-shadow:0 calc(30px * var(--lad-interface-scale,1)) calc(120px * var(--lad-interface-scale,1)) #15392133;color:var(--ink)}dialog::backdrop{background:#18312355;backdrop-filter:blur(calc(3px * var(--lad-interface-scale,1)))}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(24px * var(--lad-interface-scale,1))}.dialog-top button{border:0;background:none;color:var(--muted)}form label{display:block;margin:calc(16px * var(--lad-interface-scale,1)) 0 calc(6px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1))}form input,form select{width:100%;padding:calc(12px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(9px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink)}.submit{width:100%;margin-top:calc(14px * var(--lad-interface-scale,1))}#error{color:var(--danger);font-size:calc(12px * var(--lad-text-scale,1))}#toast{position:fixed;bottom:calc(25px * var(--lad-interface-scale,1));left:50%;transform:translateX(-50%);background:var(--accent);color:var(--on-accent);padding:calc(12px * var(--lad-interface-scale,1)) calc(20px * var(--lad-interface-scale,1));border-radius:calc(10px * var(--lad-interface-scale,1));display:none;font-size:calc(12px * var(--lad-text-scale,1));z-index:10}.goal-detail{margin:calc(20px * var(--lad-interface-scale,1)) 0}.totals{display:flex;gap:calc(30px * var(--lad-interface-scale,1));margin-top:calc(24px * var(--lad-interface-scale,1))}.totals strong{display:block;margin-top:calc(8px * var(--lad-interface-scale,1))}.danger{color:var(--danger)}
.mobile-backup{display:none}@media(min-width:1450px){main{padding:calc(55px * var(--lad-interface-scale,1)) calc(70px * var(--lad-interface-scale,1))}}@media(max-width:1100px){.shell{grid-template-columns:calc(190px * var(--lad-interface-scale,1)) 1fr}aside{padding:calc(35px * var(--lad-interface-scale,1)) calc(20px * var(--lad-interface-scale,1))}main{padding:calc(35px * var(--lad-interface-scale,1)) calc(25px * var(--lad-interface-scale,1))}.grid{grid-template-columns:1fr}.donut-layout{justify-content:center}.cards{gap:calc(10px * var(--lad-interface-scale,1))}.card{padding:calc(18px * var(--lad-interface-scale,1))}.big-number{font-size:calc(24px * var(--lad-text-scale,1))}}@media(max-width:650px){.mobile-backup{display:flex;gap:calc(24px * var(--lad-interface-scale,1));margin-top:calc(24px * var(--lad-interface-scale,1))}.shell{display:block}aside{padding:calc(18px * var(--lad-interface-scale,1)) calc(20px * var(--lad-interface-scale,1)) 0;border:0;display:block}.brand{font-size:calc(31px * var(--lad-text-scale,1));letter-spacing:calc(-3px * var(--lad-interface-scale,1))}.tagline,.aside-bottom{display:none}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--surface);border-top:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(8px * var(--lad-interface-scale,1)) calc(4px * var(--lad-interface-scale,1)) calc(calc(8px * var(--lad-interface-scale,1)) + env(safe-area-inset-bottom));z-index:5;backdrop-filter:blur(calc(10px * var(--lad-interface-scale,1)))}nav button{font-size:calc(20px * var(--lad-text-scale,1));padding:calc(7px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));text-align:center}nav button span{display:block;margin:calc(3px * var(--lad-interface-scale,1)) 0 0;font-size:calc(9px * var(--lad-text-scale,1))}main{padding:calc(24px * var(--lad-interface-scale,1)) calc(20px * var(--lad-interface-scale,1)) calc(100px * var(--lad-interface-scale,1))}header{align-items:flex-start}h1{font-size:calc(25px * var(--lad-text-scale,1))}.eyebrow{font-size:calc(8px * var(--lad-text-scale,1));letter-spacing:calc(1.2px * var(--lad-interface-scale,1))}header p{font-size:calc(10px * var(--lad-text-scale,1))}header .primary{font-size:calc(22px * var(--lad-text-scale,1));padding:calc(5px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));border-radius:50%}header .primary span{display:none}.toolbar{margin-top:calc(26px * var(--lad-interface-scale,1))}.cards{grid-template-columns:1fr 1fr}.balance{grid-column:1/-1}.balance .big-number{font-size:calc(33px * var(--lad-text-scale,1))}.card{padding:calc(18px * var(--lad-interface-scale,1))}.big-number{font-size:calc(23px * var(--lad-text-scale,1))}.card-note{font-size:calc(9px * var(--lad-text-scale,1))}.panel{padding:calc(20px * var(--lad-interface-scale,1))}.grid{gap:calc(16px * var(--lad-interface-scale,1));margin-top:calc(16px * var(--lad-interface-scale,1))}.donut-layout{gap:calc(18px * var(--lad-interface-scale,1))}.donut{width:calc(135px * var(--lad-interface-scale,1));height:calc(135px * var(--lad-interface-scale,1))}.donut-center{width:calc(105px * var(--lad-interface-scale,1));height:calc(105px * var(--lad-interface-scale,1))}.donut-center strong{font-size:calc(16px * var(--lad-text-scale,1))}.legend-row{font-size:calc(9px * var(--lad-text-scale,1))}.panel-head{margin-bottom:calc(15px * var(--lad-interface-scale,1))}footer{line-height:1.7;flex-direction:column}footer .text-button{font-size:calc(10px * var(--lad-text-scale,1))}.chart{gap:calc(6px * var(--lad-interface-scale,1))}.chart-col small{font-size:calc(8px * var(--lad-text-scale,1))}.tx-amount{font-size:calc(11px * var(--lad-text-scale,1))}}

.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(140px * var(--lad-interface-scale,1)),1fr));gap:calc(12px * var(--lad-interface-scale,1))}.account-tile{padding:calc(16px * var(--lad-interface-scale,1));background:var(--surface-2);border-radius:calc(10px * var(--lad-interface-scale,1));min-width:0}.account-tile strong{display:block;font-size:calc(20px * var(--lad-text-scale,1));margin-top:calc(10px * var(--lad-interface-scale,1));overflow-wrap:anywhere}.account-editor{margin-bottom:calc(12px * var(--lad-interface-scale,1))}.legend{max-height:calc(260px * var(--lad-interface-scale,1));overflow:auto}.donut-layout{flex-wrap:wrap}.account-editor input{width:100%}

.fx-banner{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--lad-interface-scale,1));margin:0 0 calc(20px * var(--lad-interface-scale,1));padding:calc(12px * var(--lad-interface-scale,1)) calc(16px * var(--lad-interface-scale,1));background:var(--soft);border-radius:calc(10px * var(--lad-interface-scale,1));color:var(--muted);font-size:calc(10px * var(--lad-text-scale,1))}.fx-banner button{background:none;border:0;color:var(--green);font:inherit;white-space:nowrap}.fx-pair{display:grid;grid-template-columns:1fr calc(36px * var(--lad-interface-scale,1)) 1fr;gap:calc(8px * var(--lad-interface-scale,1));align-items:end}.fx-pair button{border:0;border-radius:calc(8px * var(--lad-interface-scale,1));padding:calc(12px * var(--lad-interface-scale,1)) 0;background:var(--soft);color:var(--green)}.fx-pair select{font-size:calc(11px * var(--lad-text-scale,1))}.fx-result{margin:calc(22px * var(--lad-interface-scale,1)) 0;padding:calc(20px * var(--lad-interface-scale,1));background:var(--soft);border-radius:calc(12px * var(--lad-interface-scale,1));text-align:center}.fx-result strong{display:block;font-size:calc(26px * var(--lad-text-scale,1))}.fx-result span{display:block;font-size:calc(11px * var(--lad-text-scale,1));margin-top:calc(10px * var(--lad-interface-scale,1))}.tx-amount small{display:block;font-size:calc(9px * var(--lad-text-scale,1));font-weight:400;color:var(--muted);margin-top:calc(4px * var(--lad-interface-scale,1));white-space:normal}.tx-amount{max-width:48%;text-align:right}.rate-note:empty{display:none}@media(max-width:650px){.fx-banner{align-items:flex-start;font-size:calc(9px * var(--lad-text-scale,1))}.tx-text span{line-height:1.7}.fx-pair select{padding:calc(10px * var(--lad-interface-scale,1)) calc(4px * var(--lad-interface-scale,1))}}

.cloud-info{display:flex;justify-content:space-between;gap:calc(10px * var(--lad-interface-scale,1));font-size:calc(10px * var(--lad-text-scale,1));color:var(--muted);margin-bottom:calc(12px * var(--lad-interface-scale,1))}.cloud-loading .shell{visibility:hidden}.cloud-loading:after{content:"Підключення до особистого сховища…";position:fixed;inset:40% calc(20px * var(--lad-interface-scale,1));text-align:center;color:var(--accent)}.cloud-gate{position:fixed;inset:0;background:var(--bg);z-index:100;display:grid;place-items:center;padding:calc(25px * var(--lad-interface-scale,1))}.cloud-gate section{max-width:calc(420px * var(--lad-interface-scale,1));background:var(--surface);border-radius:calc(20px * var(--lad-interface-scale,1));padding:calc(28px * var(--lad-interface-scale,1))}.cloud-gate p{line-height:1.8;color:var(--muted)}.cloud-gate button{display:block;width:100%;padding:calc(12px * var(--lad-interface-scale,1));border:0;border-radius:calc(10px * var(--lad-interface-scale,1));margin-top:calc(14px * var(--lad-interface-scale,1));background:var(--accent);color:var(--on-accent)}

.monitor-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(12px * var(--lad-interface-scale,1));margin:calc(18px * var(--lad-interface-scale,1)) 0}.monitor-grid>div{padding:calc(14px * var(--lad-interface-scale,1));border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--soft);font-size:calc(10px * var(--lad-text-scale,1))}.monitor-grid strong{display:block;font-size:calc(20px * var(--lad-text-scale,1));color:var(--accent);margin-top:calc(8px * var(--lad-interface-scale,1))}.cloud-info{flex-wrap:wrap}

:root{--surface:#fff;--surface-2:#f0f3f7;--accent:#256346;--on-accent:#fff;--soft:#edf2e6;--accent-line:#cad8bc;--positive:#297c48;--danger:#a3422d}.balance{color:var(--on-accent)}.balance .card-label,.balance .card-note{color:var(--on-accent);opacity:.86}.primary:hover{filter:brightness(.94)}.header-actions{display:flex;gap:calc(10px * var(--lad-interface-scale,1));align-items:center;flex-shrink:0}.icon-button{border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink);min-width:calc(42px * var(--lad-interface-scale,1));min-height:calc(42px * var(--lad-interface-scale,1));font-size:calc(19px * var(--lad-text-scale,1));cursor:pointer}.theme-picks{display:flex;gap:calc(12px * var(--lad-interface-scale,1))}.theme-picks label{flex:1;position:relative}.theme-picks input,.colour-picks input{position:absolute;opacity:0;width:calc(1px * var(--lad-interface-scale,1));height:calc(1px * var(--lad-interface-scale,1))}.theme-picks span{display:block;text-align:center;border:calc(2px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(14px * var(--lad-interface-scale,1));border-radius:calc(11px * var(--lad-interface-scale,1));background:var(--surface)}.theme-picks label:has(input:checked) span,.colour-picks label:has(input:checked){border-color:var(--accent);background:var(--soft)}.theme-picks label:has(input:focus-visible) span,.colour-picks label:has(input:focus-visible){outline:calc(3px * var(--lad-interface-scale,1)) solid var(--accent);outline-offset:calc(3px * var(--lad-interface-scale,1))}.colour-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8px * var(--lad-interface-scale,1))}.colour-picks label{position:relative;border:calc(2px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));padding:calc(12px * var(--lad-interface-scale,1)) calc(4px * var(--lad-interface-scale,1));text-align:center;cursor:pointer;min-width:0}.colour-picks i{display:block;width:calc(26px * var(--lad-interface-scale,1));height:calc(26px * var(--lad-interface-scale,1));border-radius:50%;margin:0 auto calc(8px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line)}.colour-picks span{font-size:calc(9px * var(--lad-text-scale,1));overflow-wrap:anywhere}.cloud-loading:after{content:var(--loading-text,"Підключення до особистого сховища…")}.analysis-consent{display:flex;align-items:flex-start;gap:calc(10px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1));line-height:1.7;margin:calc(18px * var(--lad-interface-scale,1)) 0}.analysis-consent input{width:calc(18px * var(--lad-interface-scale,1));height:calc(18px * var(--lad-interface-scale,1));flex-shrink:0;accent-color:var(--accent)}.analysis-report h3{font-size:calc(14px * var(--lad-text-scale,1));margin:calc(24px * var(--lad-interface-scale,1)) 0 calc(10px * var(--lad-interface-scale,1))}.analysis-report p,.analysis-report li{line-height:1.8;color:var(--ink)}.analysis-report ul{padding-left:calc(20px * var(--lad-interface-scale,1))}.analysis-report [data-user]{white-space:pre-wrap}.analysis-actions{display:grid;gap:calc(12px * var(--lad-interface-scale,1))}.analysis-action{padding:calc(16px * var(--lad-interface-scale,1));background:var(--surface-2);border-radius:calc(12px * var(--lad-interface-scale,1))}.analysis-action strong{display:block;margin-bottom:calc(7px * var(--lad-interface-scale,1))}.analysis-panel .primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){nav button{padding:calc(7px * var(--lad-interface-scale,1)) calc(8px * var(--lad-interface-scale,1));font-size:calc(18px * var(--lad-text-scale,1))}nav button span{font-size:calc(8px * var(--lad-text-scale,1))}.colour-picks{grid-template-columns:repeat(4,1fr)}.header-actions{gap:calc(8px * var(--lad-interface-scale,1))}.icon-button{min-width:calc(36px * var(--lad-interface-scale,1));min-height:calc(36px * var(--lad-interface-scale,1));font-size:calc(18px * var(--lad-text-scale,1))}.analysis-consent{font-size:calc(11px * var(--lad-text-scale,1))}}
dialog{background:var(--surface)}[data-accent="mono"] .tx-icon{filter:grayscale(1)}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}.storage-dot{background:var(--accent)}.colour-picks i{background:var(--chip-light)}[data-theme="dark"] .colour-picks i{background:var(--chip-dark)}

.demo-notice{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10px * var(--lad-interface-scale,1))}.demo-notice span{flex:1;min-width:calc(180px * var(--lad-interface-scale,1))}.cloud-info[hidden]{display:none}

.account-balance-button{margin-top:calc(10px * var(--lad-interface-scale,1));text-align:left}.account-editor{padding:calc(14px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(12px * var(--lad-interface-scale,1));margin-bottom:calc(14px * var(--lad-interface-scale,1))}.account-editor label+input{margin-bottom:calc(8px * var(--lad-interface-scale,1))}

.profile-button{border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));padding:calc(10px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));color:var(--ink);background:var(--surface);max-width:calc(220px * var(--lad-interface-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex-wrap:wrap;justify-content:flex-end}.identity-body{padding:0 calc(4px * var(--lad-interface-scale,1)) calc(8px * var(--lad-interface-scale,1))}.identity-body form{margin:calc(18px * var(--lad-interface-scale,1)) 0;padding:calc(14px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(12px * var(--lad-interface-scale,1))}.identity-body h3{margin:calc(22px * var(--lad-interface-scale,1)) 0 calc(12px * var(--lad-interface-scale,1))}.identity-actions{display:flex;flex-wrap:wrap;gap:calc(12px * var(--lad-interface-scale,1))}.identity-profiles{display:grid;gap:calc(8px * var(--lad-interface-scale,1))}.identity-profile{display:flex;flex-direction:column;align-items:flex-start;gap:calc(6px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink);padding:calc(12px * var(--lad-interface-scale,1))}.identity-profile.selected{border-color:var(--accent);background:var(--soft)}.identity-profile small,.identity-members small{color:var(--muted)}.identity-members>div{display:flex;flex-wrap:wrap;align-items:center;gap:calc(12px * var(--lad-interface-scale,1));border-top:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(12px * var(--lad-interface-scale,1)) 0}.identity-body .primary{margin-top:calc(12px * var(--lad-interface-scale,1))}.identity-body textarea{width:100%;background:var(--surface-2);color:var(--ink);border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(10px * var(--lad-interface-scale,1));border-radius:calc(8px * var(--lad-interface-scale,1));overflow-wrap:anywhere}.shared-account-label{display:block;margin-top:calc(8px * var(--lad-interface-scale,1));color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.header-actions{max-width:calc(150px * var(--lad-interface-scale,1));gap:calc(6px * var(--lad-interface-scale,1))}.profile-button{max-width:calc(150px * var(--lad-interface-scale,1));font-size:calc(11px * var(--lad-text-scale,1));padding:calc(8px * var(--lad-interface-scale,1))}.header-actions #settings{padding:calc(8px * var(--lad-interface-scale,1))}}

#auth-dialog{width:min(calc(440px * var(--lad-interface-scale,1)),calc(100vw - calc(32px * var(--lad-interface-scale,1))));max-height:90dvh;overflow:auto}#auth-dialog label{display:grid;gap:calc(8px * var(--lad-interface-scale,1));margin:calc(16px * var(--lad-interface-scale,1)) 0;font-size:calc(13px * var(--lad-text-scale,1))}#auth-dialog [hidden]{display:none!important}#auth-dialog input{width:100%;box-sizing:border-box;padding:calc(12px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line,#dce3d6);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface,#fff);color:var(--ink,#233c2d)}#auth-dialog .auth-intro,#auth-dialog .auth-note{font-size:calc(12px * var(--lad-text-scale,1));line-height:1.7;color:var(--muted,#71826b)}#auth-dialog .auth-note{margin-top:calc(22px * var(--lad-interface-scale,1))}#auth-message{font-size:calc(13px * var(--lad-text-scale,1));line-height:1.7}#auth-dialog .auth-links{display:flex;justify-content:space-between;gap:calc(16px * var(--lad-interface-scale,1));margin-top:calc(18px * var(--lad-interface-scale,1))}#auth-dialog #auth-resend{display:block;margin-top:calc(18px * var(--lad-interface-scale,1))}#auth-dialog button:disabled{opacity:.6;cursor:wait}#email-account{font-size:calc(12px * var(--lad-text-scale,1));max-width:calc(150px * var(--lad-interface-scale,1))}@media(max-width:650px){.header-actions{flex-wrap:wrap;justify-content:flex-end}#email-account{flex-basis:100%;max-width:none}}

/* Account actions stay visibly actionable in both themes and on touch screens. */
#identity-dialog{width:min(calc(540px * var(--lad-interface-scale,1)),calc(100vw - calc(24px * var(--lad-interface-scale,1))));max-width:calc(540px * var(--lad-interface-scale,1));max-height:calc(100dvh - calc(24px * var(--lad-interface-scale,1)));overflow-y:auto;background:var(--surface);padding:calc(24px * var(--lad-interface-scale,1))}#identity-dialog .dialog-top{position:sticky;top:calc(-24px * var(--lad-interface-scale,1));z-index:1;background:var(--surface);padding:calc(16px * var(--lad-interface-scale,1)) 0;margin-top:calc(-8px * var(--lad-interface-scale,1));border-bottom:calc(1px * var(--lad-interface-scale,1)) solid var(--line)}#identity-dialog h2{font-size:calc(19px * var(--lad-text-scale,1))}#identity-dialog .identity-action,#identity-dialog form button{display:flex;justify-content:center;align-items:center;gap:calc(8px * var(--lad-interface-scale,1));width:100%;min-height:calc(48px * var(--lad-interface-scale,1));margin:calc(10px * var(--lad-interface-scale,1)) 0;padding:calc(12px * var(--lad-interface-scale,1)) calc(16px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--accent-line,var(--line));border-radius:calc(12px * var(--lad-interface-scale,1));background:var(--soft);color:var(--ink);font-size:calc(14px * var(--lad-text-scale,1));font-weight:650;line-height:1.45;text-align:center;white-space:normal;transition:background .15s,border-color .15s,transform .15s}#identity-dialog .identity-action:hover,#identity-dialog form button:hover{border-color:var(--accent);background:var(--surface-2)}#identity-dialog .identity-action:active,#identity-dialog form button:active{transform:translateY(calc(1px * var(--lad-interface-scale,1)))}#identity-dialog form .primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}#identity-dialog .dialog-top .identity-action{width:calc(44px * var(--lad-interface-scale,1));min-width:calc(44px * var(--lad-interface-scale,1));min-height:calc(44px * var(--lad-interface-scale,1));margin:0;padding:calc(8px * var(--lad-interface-scale,1))}#identity-dialog .identity-profile{min-height:calc(64px * var(--lad-interface-scale,1));padding:calc(15px * var(--lad-interface-scale,1));font-size:calc(14px * var(--lad-text-scale,1))}#identity-dialog .identity-profile.selected{border-width:calc(2px * var(--lad-interface-scale,1))}#identity-dialog .identity-body>p{font-size:calc(13px * var(--lad-text-scale,1))}#identity-dialog .identity-shared-intro{margin:calc(22px * var(--lad-interface-scale,1)) 0;padding:calc(16px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--accent-line,var(--line));border-radius:calc(16px * var(--lad-interface-scale,1));background:var(--soft)}#identity-dialog .identity-shared-intro h3{margin:0 0 calc(10px * var(--lad-interface-scale,1))}#identity-dialog .identity-shared-intro p{font-size:calc(13px * var(--lad-text-scale,1));line-height:1.7}#identity-dialog .identity-shared-intro form{background:var(--surface)}#identity-dialog .identity-members .identity-action{width:auto;flex:1;min-width:calc(150px * var(--lad-interface-scale,1))}.shared-accounts-button{min-height:calc(44px * var(--lad-interface-scale,1));border-color:var(--accent-line,var(--line));background:var(--soft);font-weight:650}@media(max-width:700px){#identity-dialog{padding:calc(18px * var(--lad-interface-scale,1))}#identity-dialog .dialog-top{top:calc(-18px * var(--lad-interface-scale,1))}.header-actions{max-width:calc(190px * var(--lad-interface-scale,1))}.shared-accounts-button{width:100%;max-width:calc(190px * var(--lad-interface-scale,1));white-space:normal}}

/* Consistent header controls in the web app and Telegram mini app. */
header{flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:calc(8px * var(--lad-interface-scale,1));max-width:none}.header-actions>button{height:calc(48px * var(--lad-interface-scale,1));min-height:calc(48px * var(--lad-interface-scale,1));max-height:calc(48px * var(--lad-interface-scale,1));border-radius:calc(12px * var(--lad-interface-scale,1));display:inline-flex;align-items:center;justify-content:center;gap:calc(8px * var(--lad-interface-scale,1));padding:0 calc(14px * var(--lad-interface-scale,1));line-height:1.25;font-size:calc(12px * var(--lad-text-scale,1));font-weight:600;margin:0;min-width:0}.header-actions .profile-button{max-width:calc(200px * var(--lad-interface-scale,1))}.header-actions #settings{width:calc(48px * var(--lad-interface-scale,1));min-width:calc(48px * var(--lad-interface-scale,1));padding:0;flex-shrink:0}.header-actions svg{width:calc(20px * var(--lad-interface-scale,1));height:calc(20px * var(--lad-interface-scale,1));display:block;flex:none}.header-actions .profile-button:before{content:"";display:block;width:calc(20px * var(--lad-interface-scale,1));height:calc(20px * var(--lad-interface-scale,1));flex:none;background:currentColor;mask:var(--header-icon) center/contain no-repeat}.header-actions #add{white-space:nowrap}.header-actions #shared-accounts{width:auto;white-space:normal;text-align:left}.header-actions #identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:850px){header{display:flex;flex-direction:column;align-items:stretch;gap:calc(18px * var(--lad-interface-scale,1))}.header-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) calc(48px * var(--lad-interface-scale,1)) calc(48px * var(--lad-interface-scale,1));width:100%;max-width:none;gap:calc(8px * var(--lad-interface-scale,1))}.header-actions>button{width:100%;max-width:none!important;padding:0 calc(10px * var(--lad-interface-scale,1));font-size:calc(11px * var(--lad-text-scale,1))}.header-actions #add{padding:0;border-radius:calc(12px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1))}.header-actions #add span{display:none}.header-actions #settings{width:calc(48px * var(--lad-interface-scale,1));padding:0}.header-actions #identity{justify-content:flex-start}.header-actions #shared-accounts{width:100%;justify-content:flex-start}.toolbar{margin-top:calc(24px * var(--lad-interface-scale,1))}}
@media(max-width:360px){.header-actions{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) calc(44px * var(--lad-interface-scale,1)) calc(44px * var(--lad-interface-scale,1));gap:calc(6px * var(--lad-interface-scale,1))}.header-actions #settings{width:calc(44px * var(--lad-interface-scale,1));min-width:calc(44px * var(--lad-interface-scale,1))}.header-actions>button{padding:0 calc(7px * var(--lad-interface-scale,1));font-size:calc(10px * var(--lad-text-scale,1))}.header-actions .profile-button:before{width:calc(16px * var(--lad-interface-scale,1));height:calc(16px * var(--lad-interface-scale,1))}.header-actions>button{gap:calc(5px * var(--lad-interface-scale,1))}}

#shared-accounts{--header-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M3%209h18M15%2014h3%22/%3E%3C/svg%3E")}

#identity{--header-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22/%3E%3Cpath%20d%3D%22M5%2021v-2a7%207%200%200%201%2014%200v2%22/%3E%3C/svg%3E")}

#undo-notice{position:fixed;bottom:calc(24px * var(--lad-interface-scale,1));left:50%;transform:translateX(-50%);z-index:20;width:max-content;max-width:calc(100% - calc(32px * var(--lad-interface-scale,1)));display:flex;align-items:center;gap:calc(18px * var(--lad-interface-scale,1));padding:calc(16px * var(--lad-interface-scale,1)) calc(18px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--accent-line);border-radius:calc(14px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink);box-shadow:0 calc(8px * var(--lad-interface-scale,1)) calc(32px * var(--lad-interface-scale,1)) #0002;font-size:calc(12px * var(--lad-text-scale,1));line-height:1.6}#undo-notice[hidden]{display:none}#undo-notice button{flex-shrink:0;border:0;border-radius:calc(10px * var(--lad-interface-scale,1));padding:calc(12px * var(--lad-interface-scale,1));background:var(--accent);color:var(--on-accent);font-weight:700}body:has(#undo-notice:not([hidden])) #toast{bottom:calc(160px * var(--lad-interface-scale,1))}@media(max-width:650px){#undo-notice{bottom:calc(calc(86px * var(--lad-interface-scale,1)) + env(safe-area-inset-bottom));align-items:stretch;gap:calc(10px * var(--lad-interface-scale,1))}#undo-notice span{max-width:calc(180px * var(--lad-interface-scale,1))}#undo-notice button{max-width:calc(140px * var(--lad-interface-scale,1));white-space:normal;font-size:calc(11px * var(--lad-text-scale,1))}}

.history-dialog{max-width:calc(600px * var(--lad-interface-scale,1));width:calc(100% - calc(32px * var(--lad-interface-scale,1)));max-height:85dvh;overflow:auto;background:var(--surface)}.history-dialog>button:first-child{float:right;border:0;background:none;color:var(--ink);font-size:calc(22px * var(--lad-text-scale,1))}.history-entry{padding:calc(18px * var(--lad-interface-scale,1)) 0;border-bottom:calc(1px * var(--lad-interface-scale,1)) solid var(--line);font-size:calc(12px * var(--lad-text-scale,1));overflow-wrap:anywhere}.history-entry p{line-height:1.7}.account-tile>.text-button{margin-top:calc(10px * var(--lad-interface-scale,1))}

.admin-dialog{max-width:calc(760px * var(--lad-interface-scale,1))}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--lad-interface-scale,1));margin:calc(20px * var(--lad-interface-scale,1)) 0}.admin-grid>div{background:var(--surface-2);padding:calc(16px * var(--lad-interface-scale,1));border-radius:calc(12px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1))}.admin-grid strong{display:block;font-size:calc(26px * var(--lad-text-scale,1));margin-top:calc(8px * var(--lad-interface-scale,1))}

#auth-dialog .remember-signin{display:flex;align-items:center;gap:calc(10px * var(--lad-interface-scale,1));line-height:1.5}#auth-dialog .remember-signin input{width:calc(18px * var(--lad-interface-scale,1));height:calc(18px * var(--lad-interface-scale,1));flex:none;accent-color:var(--accent)}

/* Daily money tools */
.tx-edit{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:0;background:transparent;color:var(--ink);padding:calc(4px * var(--lad-interface-scale,1)) 0;cursor:pointer;min-width:0}.tx-edit:focus-visible{outline:calc(2px * var(--lad-interface-scale,1)) solid var(--accent);outline-offset:calc(4px * var(--lad-interface-scale,1));border-radius:calc(4px * var(--lad-interface-scale,1))}.tx-edit>strong{font:inherit;font-weight:700}.tx-edit>span{font-size:calc(11px * var(--lad-text-scale,1));color:var(--muted);margin-top:calc(5px * var(--lad-interface-scale,1));line-height:1.6}.ledger-actions{display:flex;flex-wrap:wrap;gap:calc(8px * var(--lad-interface-scale,1));margin:calc(12px * var(--lad-interface-scale,1)) 0}.ledger-actions button,.tool-row button{border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);background:var(--surface);color:var(--ink);padding:calc(10px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));border-radius:calc(10px * var(--lad-interface-scale,1));font-size:calc(11px * var(--lad-text-scale,1));cursor:pointer}.tool-row{display:flex;gap:calc(12px * var(--lad-interface-scale,1));align-items:center;flex-wrap:wrap;border-bottom:calc(1px * var(--lad-interface-scale,1)) solid var(--line);padding:calc(16px * var(--lad-interface-scale,1)) 0}.tool-row>span:first-child{flex:1;min-width:calc(130px * var(--lad-interface-scale,1))}.tool-row small{display:block;color:var(--muted);margin-top:calc(6px * var(--lad-interface-scale,1))}.upcoming .panel-head{flex-wrap:wrap}.upcoming .sub{line-height:1.7}#tools-dialog{width:min(calc(520px * var(--lad-interface-scale,1)),calc(100vw - calc(32px * var(--lad-interface-scale,1))));max-height:90dvh;overflow:auto;background:var(--surface);color:var(--ink);border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(16px * var(--lad-interface-scale,1));padding:calc(24px * var(--lad-interface-scale,1))}#tools-dialog label{display:block;margin:calc(16px * var(--lad-interface-scale,1)) 0 calc(8px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1))}#tools-dialog input,#tools-dialog select{width:100%;padding:calc(12px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface-2);color:var(--ink);box-sizing:border-box}#tools-dialog .sub{line-height:1.7;font-size:calc(12px * var(--lad-text-scale,1))}#tools-dialog .dialog-top button{border:0;background:transparent;color:var(--ink);font-size:calc(20px * var(--lad-text-scale,1))}#tools-dialog button{cursor:pointer}#tools-dialog .submit{margin-top:calc(14px * var(--lad-interface-scale,1));width:100%}#tools-dialog [data-tool="skip-step"]{margin-top:calc(16px * var(--lad-interface-scale,1));border:0;background:none;color:var(--muted);padding:calc(10px * var(--lad-interface-scale,1))}#fields details{margin:calc(18px * var(--lad-interface-scale,1)) 0}#fields summary{cursor:pointer;font-size:calc(12px * var(--lad-text-scale,1));color:var(--muted);padding:calc(10px * var(--lad-interface-scale,1)) 0}#hide-amounts{margin-left:calc(10px * var(--lad-interface-scale,1))}html[data-hide-amounts="true"] .money-value{filter:blur(calc(7px * var(--lad-interface-scale,1)));user-select:none}.toolbar{flex-wrap:wrap}.header-actions #identity{max-width:calc(210px * var(--lad-interface-scale,1))}@media(max-width:850px){.header-actions{grid-template-columns:minmax(0,1fr) calc(48px * var(--lad-interface-scale,1)) calc(48px * var(--lad-interface-scale,1))!important}.header-actions #identity{max-width:none}.tool-row{gap:calc(10px * var(--lad-interface-scale,1))}.tool-row>button{flex:1}#tools-dialog{padding:calc(20px * var(--lad-interface-scale,1))}}@media(max-width:360px){.header-actions{grid-template-columns:minmax(0,1fr) calc(44px * var(--lad-interface-scale,1)) calc(44px * var(--lad-interface-scale,1))!important}}

/* Quiet account actions and aligned period/currency controls. */
.account-panel-head{flex-wrap:wrap;align-items:center;gap:calc(12px * var(--lad-interface-scale,1))}.account-panel-head h2{margin-right:auto}.account-panel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:calc(12px * var(--lad-interface-scale,1))}.panel-head .small-transfer{display:inline-flex;align-items:center;gap:calc(6px * var(--lad-interface-scale,1));min-height:calc(32px * var(--lad-interface-scale,1));padding:calc(6px * var(--lad-interface-scale,1)) calc(10px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--accent-line);border-radius:calc(9px * var(--lad-interface-scale,1));background:var(--soft);color:var(--accent);font-size:calc(11px * var(--lad-text-scale,1));font-weight:600;white-space:nowrap}.small-transfer svg{width:calc(15px * var(--lad-interface-scale,1));height:calc(15px * var(--lad-interface-scale,1));flex:none}.settings-data{border-top:calc(1px * var(--lad-interface-scale,1)) solid var(--line);margin-top:calc(24px * var(--lad-interface-scale,1));padding-top:calc(8px * var(--lad-interface-scale,1))}.settings-data h3{font-size:calc(14px * var(--lad-text-scale,1));margin:calc(16px * var(--lad-interface-scale,1)) 0}.settings-data-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10px * var(--lad-interface-scale,1))}.settings-data-actions>button,.settings-data-actions>.settings-import{display:flex;align-items:center;justify-content:flex-start;min-height:calc(44px * var(--lad-interface-scale,1));margin:0;padding:calc(12px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface-2);color:var(--ink);font-size:calc(12px * var(--lad-text-scale,1));line-height:1.5;cursor:pointer}.settings-import:focus-within{outline:calc(3px * var(--lad-interface-scale,1)) solid var(--accent-line);outline-offset:calc(2px * var(--lad-interface-scale,1))}.toolbar{display:grid;grid-template-columns:minmax(0,calc(220px * var(--lad-interface-scale,1))) minmax(0,calc(130px * var(--lad-interface-scale,1))) minmax(0,1fr);align-items:center;justify-content:start;gap:calc(10px * var(--lad-interface-scale,1))}.toolbar .month-picker,.toolbar .currency{height:calc(44px * var(--lad-interface-scale,1));min-width:0;margin:0}.toolbar .month-picker{width:100%;padding:0 calc(12px * var(--lad-interface-scale,1));border-radius:calc(10px * var(--lad-interface-scale,1));gap:0}.toolbar .month-picker>span{display:none}.toolbar .month-picker input{width:100%;max-width:none;min-width:0;height:calc(42px * var(--lad-interface-scale,1));padding:0;border:0;font-size:calc(12px * var(--lad-text-scale,1));font-weight:600;line-height:normal}.toolbar .currency select{display:block;width:100%;height:calc(44px * var(--lad-interface-scale,1));margin:0;padding:0 calc(12px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface);font-size:calc(12px * var(--lad-text-scale,1));font-weight:600;line-height:normal}.toolbar #hide-amounts{justify-self:end;margin:0;min-height:calc(44px * var(--lad-interface-scale,1));padding:calc(8px * var(--lad-interface-scale,1)) 0}.settings-data-actions input[hidden]{display:none}@media(max-width:650px){.toolbar{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.toolbar #hide-amounts{grid-column:1/-1;min-height:calc(28px * var(--lad-interface-scale,1));padding:0}.account-panel-actions{gap:calc(10px * var(--lad-interface-scale,1))}.settings-data-actions{grid-template-columns:1fr}}

.brand{display:inline-flex;align-items:center;gap:calc(10px * var(--lad-interface-scale,1))}.brand-icon{display:block;width:calc(44px * var(--lad-interface-scale,1));height:calc(44px * var(--lad-interface-scale,1));flex:none;border-radius:calc(12px * var(--lad-interface-scale,1))}.brand-wordmark{display:block;line-height:1.1}@media(max-width:650px){.brand-icon{width:calc(32px * var(--lad-interface-scale,1));height:calc(32px * var(--lad-interface-scale,1));border-radius:calc(9px * var(--lad-interface-scale,1))}.brand{gap:calc(8px * var(--lad-interface-scale,1))}}

/* Categories, periods and reviewable imports */
.category-icon{display:inline-block;width:calc(21px * var(--lad-interface-scale,1));height:calc(21px * var(--lad-interface-scale,1));flex:none;background:currentColor;mask:var(--category-icon) center/contain no-repeat;vertical-align:middle}.tx-icon .category-icon{width:calc(22px * var(--lad-interface-scale,1));height:calc(22px * var(--lad-interface-scale,1))}.category-link{border:0;background:transparent;color:var(--ink);padding:calc(3px * var(--lad-interface-scale,1)) 0;text-align:left;font:inherit;cursor:pointer}.category-link:hover{text-decoration:underline}.account-balance-link{display:block;border:0;background:none;color:var(--ink);font-size:calc(24px * var(--lad-text-scale,1));font-weight:700;padding:calc(12px * var(--lad-interface-scale,1)) 0;cursor:pointer;text-align:left}.account-balance-link:hover{text-decoration:underline}.split-expense-button{border:0;border-radius:calc(8px * var(--lad-interface-scale,1));background:var(--soft);color:var(--accent);padding:calc(7px * var(--lad-interface-scale,1)) calc(9px * var(--lad-interface-scale,1));font-size:calc(10px * var(--lad-text-scale,1))}.icon-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:calc(6px * var(--lad-interface-scale,1));margin:calc(12px * var(--lad-interface-scale,1)) 0}.icon-picker button{display:grid;place-items:center;min-height:calc(40px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(9px * var(--lad-interface-scale,1));background:var(--surface-2);color:var(--ink)}.icon-picker [aria-pressed="true"]{border:calc(2px * var(--lad-interface-scale,1)) solid var(--accent);background:var(--soft);color:var(--accent)}.suite-check{display:flex!important;align-items:center;gap:calc(10px * var(--lad-interface-scale,1));line-height:1.6;font-size:calc(12px * var(--lad-text-scale,1))}.suite-check input{width:calc(18px * var(--lad-interface-scale,1))!important;height:calc(18px * var(--lad-interface-scale,1))!important;flex:none;accent-color:var(--accent)}.suite-category-list{margin-top:calc(16px * var(--lad-interface-scale,1))}.suite-category-list .tool-row>span:nth-child(2){flex:1;min-width:calc(100px * var(--lad-interface-scale,1))}.suite-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(9px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));align-items:end}.suite-filters label{font-size:calc(11px * var(--lad-text-scale,1));color:var(--muted);margin:calc(4px * var(--lad-interface-scale,1)) 0 calc(-4px * var(--lad-interface-scale,1))}.suite-filters input,.suite-filters select{width:100%;min-width:0;min-height:calc(42px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(9px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink);padding:calc(10px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1))}.suite-filters>label{grid-column:1/-1}.suite-filters>input:not(#search),.suite-filters>select:not(#type-filter){grid-column:1/-1}.suite-filter-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:calc(10px * var(--lad-interface-scale,1))}.suite-filter-actions button,.suite-transactions-actions button,.suite-compare-dates+button,[data-suite="filter-more"],[data-suite="csv-preview"],.csv-preview-actions button,#tools-dialog>[data-suite],#tools-dialog .tool-row button,#tools-dialog form>[data-suite]{border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);background:var(--surface-2);color:var(--ink);padding:calc(10px * var(--lad-interface-scale,1)) calc(12px * var(--lad-interface-scale,1));border-radius:calc(9px * var(--lad-interface-scale,1));font-size:calc(11px * var(--lad-text-scale,1))}.suite-transactions-actions{margin:calc(12px * var(--lad-interface-scale,1)) 0}.suite-filters #filter-summary{grid-column:1/-1;margin:calc(2px * var(--lad-interface-scale,1)) 0 calc(14px * var(--lad-interface-scale,1))}.period-selector select{height:calc(44px * var(--lad-interface-scale,1));min-height:calc(44px * var(--lad-interface-scale,1));width:100%;border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface);font-size:calc(12px * var(--lad-text-scale,1));font-weight:600}.period-details{display:flex;align-items:center;flex-wrap:wrap;gap:calc(8px * var(--lad-interface-scale,1));margin:calc(-10px * var(--lad-interface-scale,1)) 0 calc(20px * var(--lad-interface-scale,1))}.period-details .month-picker{height:calc(44px * var(--lad-interface-scale,1));margin:0;padding:0 calc(12px * var(--lad-interface-scale,1));min-width:calc(175px * var(--lad-interface-scale,1))}.period-details .month-picker input{height:calc(42px * var(--lad-interface-scale,1));max-width:none;padding:0;font-size:calc(12px * var(--lad-text-scale,1))}.period-details .month-picker>span{display:none}.period-details label:not(.month-picker){font-size:calc(11px * var(--lad-text-scale,1));color:var(--muted);margin:0}.period-details>input{max-width:calc(160px * var(--lad-interface-scale,1));min-width:calc(125px * var(--lad-interface-scale,1));height:calc(44px * var(--lad-interface-scale,1));padding:calc(10px * var(--lad-interface-scale,1));border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface);color:var(--ink);font-size:calc(12px * var(--lad-text-scale,1))}.period-details [hidden],.period-details[hidden]{display:none!important}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12px * var(--lad-interface-scale,1));margin:calc(18px * var(--lad-interface-scale,1)) 0}.comparison-grid article{padding:calc(16px * var(--lad-interface-scale,1));background:var(--surface-2);border-radius:calc(12px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1));overflow-wrap:anywhere}.comparison-grid h3{font-size:calc(12px * var(--lad-text-scale,1))}.comparison-grid strong{font-size:calc(20px * var(--lad-text-scale,1))}.suite-compare-dates{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(10px * var(--lad-interface-scale,1));margin:calc(16px * var(--lad-interface-scale,1)) 0}.suite-compare-dates input{width:100%;padding:calc(10px * var(--lad-interface-scale,1));background:var(--surface-2);color:var(--ink);border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(9px * var(--lad-interface-scale,1))}.split-people>div{display:flex;align-items:center;gap:calc(10px * var(--lad-interface-scale,1))}.split-people label{flex:1}.split-people input[type="number"]{max-width:calc(110px * var(--lad-interface-scale,1))}.budget-alerts p{margin:calc(8px * var(--lad-interface-scale,1)) 0 0}.csv-mapping{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.csv-preview-row{padding:calc(14px * var(--lad-interface-scale,1)) 0;border-bottom:calc(1px * var(--lad-interface-scale,1)) solid var(--line);font-size:calc(12px * var(--lad-text-scale,1));overflow-wrap:anywhere}.csv-preview-row>p{line-height:1.6}.csv-preview-actions{display:flex;gap:calc(10px * var(--lad-interface-scale,1));margin:calc(16px * var(--lad-interface-scale,1)) 0}.chart{overflow-x:auto}.chart-col{min-width:calc(40px * var(--lad-interface-scale,1))}.donut[data-category-chart]{cursor:pointer}.settings-data-actions>[data-suite]{border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--surface-2);color:var(--ink);padding:calc(12px * var(--lad-interface-scale,1));font-size:calc(12px * var(--lad-text-scale,1));text-align:left}.settings-data .suite-check{margin-top:calc(16px * var(--lad-interface-scale,1))}.panel>h2{margin-bottom:calc(12px * var(--lad-interface-scale,1))}
@media(max-width:650px){.icon-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.comparison-grid{grid-template-columns:1fr}.tx-row{flex-wrap:wrap}.tx-row>.tx-edit{flex:1;min-width:calc(120px * var(--lad-interface-scale,1))}.tx-row>.split-expense-button{margin-left:calc(46px * var(--lad-interface-scale,1))}.period-details{gap:calc(8px * var(--lad-interface-scale,1))}.period-details>input{max-width:calc(145px * var(--lad-interface-scale,1))}.suite-compare-dates{grid-template-columns:1fr}.suite-filters{gap:calc(8px * var(--lad-interface-scale,1))}.chart-col{min-width:calc(35px * var(--lad-interface-scale,1))}}

/* Keep native iOS date controls and account amounts inside their containers. */
.account-tile{min-inline-size:0}.account-tile>.sub{display:block;overflow-wrap:anywhere}.account-balance-link{inline-size:100%;max-inline-size:100%;min-inline-size:0;font-variant-numeric:tabular-nums;line-height:1.35;overflow-wrap:anywhere;white-space:normal}.account-balance-link .money-value{white-space:normal;overflow-wrap:anywhere}.suite-compare-dates{min-inline-size:0}.suite-compare-dates>input,.period-details input,.suite-filters input[type="date"],#tools-dialog input[type="date"],form input[type="date"]{display:block;box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-height:calc(44px * var(--lad-interface-scale,1));line-height:1.4}.suite-compare-dates>input{inline-size:100%;text-align:left;-webkit-appearance:none;appearance:none}.suite-compare-dates>input::-webkit-date-and-time-value,.period-details input::-webkit-date-and-time-value{text-align:left;min-height:1.4em}.suite-compare-dates>input::-webkit-datetime-edit{padding:0;min-inline-size:0}.period-details .month-picker{min-inline-size:0;max-inline-size:100%}.period-details .month-picker input{min-inline-size:0;max-inline-size:100%}
@media(max-width:650px){main{padding-bottom:calc(calc(112px * var(--lad-interface-scale,1)) + env(safe-area-inset-bottom,0px))}.suite-compare-dates{gap:calc(8px * var(--lad-interface-scale,1))}.suite-compare-dates>label:not(:first-child){margin-top:calc(8px * var(--lad-interface-scale,1))}.suite-compare-dates>input{font-size:calc(14px * var(--lad-text-scale,1));padding:calc(12px * var(--lad-interface-scale,1))}.period-details .month-picker{width:100%}.period-details .month-picker input{width:100%}nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(4px * var(--lad-interface-scale,1))}nav button{min-width:0;width:100%;padding:calc(8px * var(--lad-interface-scale,1)) calc(2px * var(--lad-interface-scale,1))}nav button span{overflow-wrap:anywhere}.account-panel-actions{width:100%;justify-content:space-between}.account-panel-actions>[data-action="accounts"]{min-height:calc(40px * var(--lad-interface-scale,1));text-align:right;white-space:normal}.account-tile>.text-button{display:inline-flex;align-items:center;min-height:calc(36px * var(--lad-interface-scale,1));max-width:100%;padding:calc(8px * var(--lad-interface-scale,1)) calc(10px * var(--lad-interface-scale,1));margin:calc(6px * var(--lad-interface-scale,1)) calc(8px * var(--lad-interface-scale,1)) 0 0;border:calc(1px * var(--lad-interface-scale,1)) solid var(--line);border-radius:calc(8px * var(--lad-interface-scale,1));line-height:1.5;text-align:left;white-space:normal}}
@media(max-width:480px){.account-grid{grid-template-columns:minmax(0,1fr)}.account-balance-link{font-size:calc(24px * var(--lad-text-scale,1))}.account-tile{padding:calc(16px * var(--lad-interface-scale,1))}.account-tile .shared-account-label{margin:0 0 calc(6px * var(--lad-interface-scale,1))}}

/* Device display sizing: keep controls and reset reachable at every setting. */
#modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.display-size-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.display-size-settings h3{font-size:calc(14px * var(--lad-text-scale,1))}.display-size-control{margin:18px 0}.display-size-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.display-size-label label{margin:0;min-width:0}.display-size-label output{font-size:calc(12px * var(--lad-text-scale,1));font-variant-numeric:tabular-nums;flex:none;color:var(--accent)}.display-size-range{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px;align-items:center;margin-top:10px}.display-size-range button,#display-size-reset{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:calc(14px * var(--lad-text-scale,1));line-height:1.4}.display-size-range button{padding:0;font-size:22px}.display-size-range input[type=range]{width:100%;min-width:0;min-height:44px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--accent)}.display-size-preview{padding:calc(14px * var(--lad-interface-scale,1));border:1px solid var(--accent-line);border-radius:calc(10px * var(--lad-interface-scale,1));background:var(--soft);font-size:calc(13px * var(--lad-text-scale,1));line-height:1.7;overflow-wrap:anywhere}.display-size-preview p{margin:8px 0 0}#display-size-reset{width:100%;padding:10px 12px;margin-top:12px;white-space:normal}.display-size-range button:disabled{opacity:.4;cursor:default}@media(max-width:650px){main{padding-bottom:var(--lad-nav-clearance,calc(136px + env(safe-area-inset-bottom,0px)))}nav button{min-height:44px}#undo-notice{bottom:var(--lad-nav-clearance,calc(100px + env(safe-area-inset-bottom,0px)))}.header-actions>button{min-height:44px}.header-actions #settings,.header-actions #add{min-width:44px}}

.device-lock{position:fixed;inset:0;z-index:2147483647;background:var(--bg,#f7f8f4);display:grid;place-items:center;padding:24px;color:var(--text,#24382d)}.device-lock[hidden]{display:none}.device-lock>div{max-width:360px;text-align:center}.device-lock button{display:block;margin:16px auto;min-height:44px}.device-lock img{border-radius:20px}.pwa-settings{border-top:1px solid var(--line,#dde4d7);margin-top:20px;padding-top:16px}.pwa-settings p{line-height:1.5}.pwa-settings select{max-width:100%}#offline-banner{padding:10px 14px;margin:12px 0;border-radius:12px;background:#fff0ce;color:#573e14;font-size:13px}#offline-banner[hidden]{display:none}

#device-lock{visibility:visible!important;margin:0;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;box-sizing:border-box}#device-lock::backdrop{background:#f7f8f4}