/* ФЭС 77192 — личный кабинет · v2.8 · темы: светлая (по умолчанию), военная, «Чёрная пантера» */
@font-face{font-family:Inter;font-weight:400;src:url(/fonts/Inter-Regular.woff) format("woff")}
@font-face{font-family:Inter;font-weight:500;src:url(/fonts/Inter-Medium.woff) format("woff")}
@font-face{font-family:Inter;font-weight:600;src:url(/fonts/Inter-SemiBold.woff) format("woff")}
@font-face{font-family:Inter;font-weight:700;src:url(/fonts/Inter-Bold.woff) format("woff")}
@font-face{font-family:Inter;font-weight:800;src:url(/fonts/Inter-ExtraBold.woff) format("woff")}

:root,[data-theme=light]{--bg:#F3F4F7;--bg2:#ECEEF2;--card:#FFFFFF;--card2:#F4F5F8;--line:rgba(17,20,28,.08);--line2:rgba(17,20,28,.14);--ink:#11141C;--ink2:#2B3040;--mut:#6B7180;--mut2:#9AA0AE;
 --acc:#D61F3A;--acc2:#EF3B55;--accT:#fff;--accS:rgba(214,31,58,.12);--gold:#B7862A;--info:#2563EB;
 --red:#DC2B3E;--yel:#C98A04;--grn:#15A34A;--redS:rgba(220,43,62,.1);--yelS:rgba(217,154,6,.13);--grnS:rgba(21,163,74,.1);
 --sh:0 .1rem .3rem rgba(17,20,28,.05),0 .6rem 1.6rem rgba(17,20,28,.06);--glass:rgba(243,244,247,.86);--tbg:rgba(255,255,255,.92);
 --hero:linear-gradient(150deg,#FFFFFF,#F7F8FB);--ic-combat:#2563EB;--ic-dd:#0E9F6E;--ic-dso:#7C3AED;--ic-wound:#E11D48;--ic-other:#D97706;--ic-calc:#0891B2;--ic-req:#B7862A;--ic-pdf:#475569;color-scheme:light}
[data-theme=mil]{--bg:#1A1F14;--bg2:#21271A;--card:#262D1E;--card2:#2F3725;--line:rgba(226,232,200,.08);--line2:rgba(226,232,200,.16);--ink:#EEF0E2;--ink2:#D6DAC4;--mut:#A3AA8D;--mut2:#7B8266;
 --acc:#7C8F3C;--acc2:#97AD4C;--accT:#fff;--accS:rgba(151,173,76,.16);--gold:#D6B868;--info:#9FB8D8;
 --red:#F07A6A;--yel:#E8C04A;--grn:#9BD26A;--redS:rgba(240,122,106,.14);--yelS:rgba(232,192,74,.14);--grnS:rgba(155,210,106,.13);
 --sh:0 .8rem 2rem rgba(0,0,0,.3);--glass:rgba(26,31,20,.86);--tbg:rgba(33,39,26,.94);
 --hero:linear-gradient(150deg,#323B26,#252C1C);--ic-combat:#C9B06A;--ic-dd:#9BD26A;--ic-dso:#B6C77A;--ic-wound:#F07A6A;--ic-other:#E0A85A;--ic-calc:#9FB8D8;--ic-req:#D6B868;--ic-pdf:#B9BFA6;color-scheme:dark}
[data-theme=black]{--bg:#000000;--bg2:#0A0A0B;--card:#0E0E10;--card2:#18181B;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.15);--ink:#F5F5F7;--ink2:#D4D4D8;--mut:#8E8E96;--mut2:#5E5E66;
 --acc:#E3243F;--acc2:#FF4D67;--accT:#fff;--accS:rgba(227,36,63,.18);--gold:#E7C46A;--info:#60A5FA;
 --red:#FF5A6A;--yel:#FACC15;--grn:#34D399;--redS:rgba(255,90,106,.13);--yelS:rgba(250,204,21,.12);--grnS:rgba(52,211,153,.12);
 --sh:0 0 0 1px rgba(255,255,255,.04);--glass:rgba(0,0,0,.82);--tbg:rgba(10,10,11,.92);
 --hero:linear-gradient(150deg,#141416,#08080A);--ic-combat:#60A5FA;--ic-dd:#34D399;--ic-dso:#A78BFA;--ic-wound:#FB7185;--ic-other:#FBBF24;--ic-calc:#22D3EE;--ic-req:#E7C46A;--ic-pdf:#A1A1AA;color-scheme:dark}
:root{--safe-t:env(safe-area-inset-top);--safe-b:env(safe-area-inset-bottom)}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,"SF Pro Text","Segoe UI",system-ui,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}
body{overscroll-behavior-y:none;transition:background .2s}
button,input,select,textarea{font:inherit;color:inherit}
svg{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.num{font-variant-numeric:tabular-nums}.hidden{display:none!important}
#root{max-width:34rem;margin:0 auto;min-height:100vh;position:relative}
a{color:inherit;text-decoration:none}

/* ---------- вход ---------- */
.lg{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(2rem + var(--safe-t)) 1.4rem calc(2rem + var(--safe-b));position:relative;overflow:hidden}
.lg:before{content:"";position:fixed;inset:-30% -40% auto;height:70vh;background:radial-gradient(closest-side,var(--accS),transparent);pointer-events:none}
.lg>*{position:relative;z-index:1}
.lg-t{text-align:center;margin-bottom:2rem}.lg-t b{display:block;font-size:2.1rem;font-weight:800;letter-spacing:.06em}.lg-t span{display:block;color:var(--mut);font-size:1rem;margin-top:.3rem;font-weight:600}
.fld{display:flex;align-items:center;gap:.7rem;background:var(--card);border:1px solid var(--line2);border-radius:1rem;padding:0 1rem;margin-bottom:.75rem;box-shadow:var(--sh)}
.fld:focus-within{border-color:var(--acc);box-shadow:0 0 0 .25rem var(--accS)}
.fld svg{width:1.25rem;height:1.25rem;color:var(--mut);flex-shrink:0}
.fld input{flex:1;min-width:0;background:none;border:0;outline:none;padding:1.05rem 0;font-size:1.05rem}.fld input::placeholder{color:var(--mut2)}
.fld button{background:none;border:0;color:var(--mut);padding:.4rem;display:grid;place-items:center}
.err{color:var(--red);text-align:center;min-height:1.3rem;margin-top:.8rem;font-weight:600;font-size:.92rem}

/* ---------- кнопки ---------- */
.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;border:0;border-radius:1rem;padding:1rem 1.2rem;font-weight:700;font-size:1.02rem;cursor:pointer;transition:transform .1s,filter .15s}
.btn:active{transform:scale(.98)}.btn svg{width:1.2rem;height:1.2rem}.btn:disabled{opacity:.55}
.btn.p{background:linear-gradient(180deg,var(--acc2),var(--acc));color:var(--accT);box-shadow:0 .7rem 1.6rem var(--accS)}
.btn.g{background:var(--card);color:var(--ink);border:1px solid var(--line2)}
.btn.sm{padding:.6rem .9rem;font-size:.86rem;border-radius:.8rem;width:auto}
.ib{width:2.3rem;height:2.3rem;border-radius:.8rem;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);color:var(--ink);flex-shrink:0;cursor:pointer;position:relative;padding:0}
.ib svg{width:1.2rem;height:1.2rem}

/* ---------- каркас ---------- */
.hd{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:calc(.45rem + var(--safe-t)) 1rem .45rem;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.hd .av{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.78rem;background:linear-gradient(135deg,var(--acc2),var(--acc));color:#fff;flex-shrink:0}
.hd .t{min-width:0;flex:1;line-height:1.15}.hd .t small{display:block;color:var(--mut);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd .t b{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdg{position:absolute;top:-.3rem;right:-.3rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:1rem;background:var(--acc);color:#fff;font-size:.66rem;font-weight:800;font-style:normal;display:grid;place-items:center;border:2px solid var(--bg)}
.ib.ring svg{animation:ring 1.4s ease 2}@keyframes ring{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-12deg)}}
main{padding:.3rem 1rem calc(5.8rem + var(--safe-b))}
.tb{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:34rem;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
 padding:.4rem .6rem calc(.4rem + var(--safe-b));background:var(--tbg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid var(--line)}
.tb a{display:flex;flex-direction:column;align-items:center;gap:.18rem;padding:.35rem 0;color:var(--mut2);font-size:.66rem;font-weight:700;cursor:pointer}
.tb a svg{width:1.45rem;height:1.45rem}.tb a.on{color:var(--ink)}.tb a.on svg{color:var(--acc2)}
.page{animation:fi .22s ease}@keyframes fi{from{opacity:0;transform:translateY(5px)}}
h2.sec{font-size:1.02rem;margin:1.3rem 0 .6rem;display:flex;align-items:center;gap:.5rem}h2.sec svg{width:1.1rem;height:1.1rem;color:var(--mut)}h2.sec small{margin-left:auto;color:var(--mut);font-size:.78rem;font-weight:600}
.subh{display:flex;align-items:center;gap:.7rem;margin:.25rem 0 .9rem}.subh b{font-size:1.15rem;flex:1;min-width:0}.subh .ic{width:2.1rem;height:2.1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:1.2rem;box-shadow:var(--sh)}

/* ---------- итог выплат (компактный) ---------- */
.tot{background:var(--hero);border:1px solid var(--line);border-radius:1.25rem;padding:.85rem 1rem .75rem;margin-top:.3rem;box-shadow:var(--sh)}
.tot .h{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.tot small{color:var(--mut);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tot .big{font-size:1.55rem;font-weight:800;letter-spacing:-.02em}
.bar{display:flex;height:.42rem;border-radius:1rem;overflow:hidden;background:var(--card2);margin:.55rem 0 .55rem}.bar i{display:block;height:100%}.bar .r{background:var(--red)}.bar .y{background:var(--yel)}.bar .g{background:var(--grn)}
.t3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.t3 div{border-radius:.8rem;padding:.45rem .55rem;min-width:0}.t3 span{display:flex;align-items:center;gap:.3rem;font-size:.66rem;font-weight:700;color:var(--mut);white-space:nowrap}
.t3 b{display:block;font-size:.9rem;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t3 .r{background:var(--redS)}.t3 .r b{color:var(--red)}.t3 .y{background:var(--yelS)}.t3 .y b{color:var(--yel)}.t3 .g{background:var(--grnS)}.t3 .g b{color:var(--grn)}
.dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;flex-shrink:0}.dot.r{background:var(--red)}.dot.y{background:var(--yel)}.dot.g{background:var(--grn)}
.red{color:var(--red)}.yel{color:var(--yel)}.grn{color:var(--grn)}
.note{display:flex;gap:.55rem;align-items:center;background:var(--yelS);border-radius:.9rem;padding:.55rem .8rem;margin-top:.6rem;font-size:.82rem;color:var(--ink2)}
.note svg{width:1rem;height:1rem;color:var(--yel);flex-shrink:0}.note div{white-space:pre-wrap}

/* ---------- кнопки разделов ---------- */
.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:.9rem}
.app{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .2rem .65rem;background:var(--card);border:1px solid var(--line);border-radius:1.1rem;cursor:pointer;box-shadow:var(--sh);position:relative;text-align:center;min-width:0}
.app:active{transform:scale(.96)}
.app .ic{width:2.6rem;height:2.6rem;border-radius:.9rem;display:grid;place-items:center;color:#fff}.app .ic svg{width:1.3rem;height:1.3rem}
.app span{font-size:.72rem;font-weight:700;line-height:1.15;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;max-width:100%}
.app i.w{position:absolute;top:.45rem;right:.45rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--yel);box-shadow:0 0 0 2px var(--card)}
.ic{border-radius:.8rem;display:grid;place-items:center;color:#fff;flex-shrink:0}
.k-combat{background:var(--ic-combat)}.k-dd{background:var(--ic-dd)}.k-dso{background:var(--ic-dso)}.k-wound{background:var(--ic-wound)}.k-other{background:var(--ic-other)}.k-calc{background:var(--ic-calc)}.k-req{background:var(--ic-req)}.k-pdf{background:var(--ic-pdf)}.k-crm{background:var(--acc)}
[data-theme=mil] .ic,[data-theme=black] .ic{color:#111}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.9rem}
.qk{display:flex;align-items:center;gap:.6rem;background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:.7rem .8rem;box-shadow:var(--sh);cursor:pointer;min-width:0}
.qk .ic{width:2rem;height:2rem}.qk .ic svg{width:1.05rem;height:1.05rem}.qk div{min-width:0}.qk small{display:block;color:var(--mut);font-size:.68rem;font-weight:700}.qk b{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- списки выплат ---------- */
.list{background:var(--card);border:1px solid var(--line);border-radius:1.15rem;overflow:hidden;box-shadow:var(--sh)}
.it{display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;border-bottom:1px solid var(--line);position:relative}.it:last-child{border-bottom:0}
.it .ic{width:2.1rem;height:2.1rem;border-radius:.7rem}.it .ic svg{width:1.05rem;height:1.05rem}
.it .m{flex:1;min-width:0}.it .m b{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it .m small{display:block;color:var(--mut);font-size:.75rem;margin-top:.1rem}
.it .r{text-align:right;flex-shrink:0}.it .r b{display:block;font-size:.95rem}.it .r small{display:inline-block;margin-top:.2rem}
.it.tap{cursor:pointer}
.sbar{position:absolute;left:0;top:.65rem;bottom:.65rem;width:3px;border-radius:2px}.st-paid .sbar{background:var(--red)}.st-wait .sbar{background:var(--yel)}.st-current .sbar{background:var(--grn)}
.st-current{background:var(--grnS)}.st-current .m b{color:var(--grn)}
.exp{background:var(--bg2);padding:.3rem 1rem .8rem;border-bottom:1px solid var(--line);font-size:.84rem}
.exp .row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;color:var(--mut)}.exp .row b{color:var(--ink);font-weight:600;text-align:right}
.pill{display:inline-block;padding:.16rem .5rem;border-radius:2rem;font-size:.68rem;font-weight:800;white-space:nowrap}
.p-r{background:var(--redS);color:var(--red)}.p-y{background:var(--yelS);color:var(--yel)}.p-g{background:var(--grnS);color:var(--grn)}.p-n{background:var(--card2);color:var(--mut)}.p-b{background:var(--accS);color:var(--acc)}
.mh{display:flex;justify-content:space-between;align-items:baseline;color:var(--mut);font-weight:800;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;margin:1rem .2rem .4rem}.mh b{font-size:.82rem;color:var(--ink2);letter-spacing:0}
.mh.cur{color:var(--grn)}
.empty{text-align:center;color:var(--mut);padding:2.2rem 1rem;background:var(--card);border:1px dashed var(--line2);border-radius:1.15rem}
.empty svg{width:2.3rem;height:2.3rem;color:var(--mut2);display:block;margin:0 auto .6rem}.empty b{display:block;color:var(--ink);margin-bottom:.2rem}
.chips{display:flex;gap:.4rem;overflow-x:auto;margin:.2rem -1rem .6rem;padding:0 1rem;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;padding:.5rem .8rem;border-radius:2rem;background:var(--card);border:1px solid var(--line2);font-size:.8rem;font-weight:700;color:var(--mut);cursor:pointer}
.chip.on{background:var(--ink);color:var(--bg);border-color:transparent}
.rowbtn{display:flex;gap:.5rem;margin-top:.8rem}

/* ---------- формы и калькулятор ---------- */
.form{background:var(--card);border:1px solid var(--line);border-radius:1.25rem;padding:1rem;box-shadow:var(--sh)}
.form label{display:block;margin-bottom:.8rem;min-width:0}.form label>span{display:block;font-size:.72rem;font-weight:700;color:var(--mut);margin-bottom:.35rem;letter-spacing:.03em;text-transform:uppercase}
.form input,.form select,.form textarea{width:100%;min-width:0;max-width:100%;display:block;background:var(--bg2);border:1px solid var(--line);border-radius:.85rem;padding:.85rem .95rem;font-size:16px;outline:none;-webkit-appearance:none;appearance:none}
.form textarea{resize:vertical;min-height:7rem;line-height:1.45}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--acc)}
.form input[type=date]{min-height:3.05rem;text-align:left}.form input[type=date]::-webkit-date-and-time-value{text-align:left}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.two>label{min-width:0}
.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:.22rem;gap:.22rem;margin:.3rem 0 .8rem;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}.seg a{flex:1;text-align:center;padding:.58rem .6rem;border-radius:.78rem;font-weight:700;font-size:.82rem;color:var(--mut);cursor:pointer;white-space:nowrap}
.seg a.on{background:var(--ink);color:var(--bg)}
.seg.sm{margin:0 0 .8rem;background:var(--bg2)}.seg.sm a{padding:.48rem;font-size:.78rem}.seg.sm a.on{background:var(--card);color:var(--ink);box-shadow:var(--sh)}
.fix{display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:var(--bg2);border:1px solid var(--line);border-radius:.85rem;padding:.8rem .95rem;margin-bottom:.8rem}.fix span{color:var(--mut);font-size:.8rem}
.res{margin-top:.9rem;border-radius:1.2rem;padding:1.05rem 1.1rem;background:var(--hero);border:1px solid var(--line2);animation:fi .25s}
.res small{color:var(--mut);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.res .big{font-size:2.05rem;font-weight:800;margin:.15rem 0 .2rem;letter-spacing:-.02em}
.res .sub{color:var(--mut);font-size:.84rem}
details.how{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.55rem}
details.how summary{list-style:none;cursor:pointer;color:var(--mut);font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:.35rem}
details.how summary::-webkit-details-marker{display:none}details.how summary:after{content:"›";transform:rotate(90deg);transition:.2s;font-size:1.1rem}details.how[open] summary:after{transform:rotate(-90deg)}
.how .row{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--mut)}.how .row b{color:var(--ink);text-align:right}
.how .fm{font-size:.78rem;color:var(--mut2);margin-top:.5rem;line-height:1.45}
.hint{color:var(--mut2);font-size:.76rem;margin-top:.6rem;line-height:1.45}

/* ---------- реквизиты ---------- */
.kv{background:var(--card);border:1px solid var(--line);border-radius:1.15rem;overflow:hidden;margin-top:.8rem;box-shadow:var(--sh)}
.kv>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.kv>div:last-child{border-bottom:0}.kv span{color:var(--mut);font-size:.86rem;display:flex;align-items:center;gap:.55rem}.kv b{text-align:right;font-weight:600;font-size:.9rem;word-break:break-word}
.kv.tap>div{cursor:pointer}.kv.tap span{color:var(--ink);font-weight:600}.kv .ic{width:1.9rem;height:1.9rem;border-radius:.6rem}.kv .ic svg{width:1rem;height:1rem}.kv .go{color:var(--mut2);font-size:1.2rem}
.up{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.1rem;border:1.5px dashed var(--line2);border-radius:1rem;background:var(--bg2);text-align:center}
.up svg{width:1.7rem;height:1.7rem;color:var(--gold)}.up small{color:var(--mut)}.up input{position:absolute;inset:0;opacity:0;cursor:pointer}
.prev{display:flex;gap:.6rem;margin:-.3rem 0 .9rem}.prev div{position:relative}.prev img{width:5.6rem;height:5.6rem;object-fit:cover;border-radius:.8rem;border:1px solid var(--line)}
.prev button{position:absolute;top:-.4rem;right:-.4rem;width:1.6rem;height:1.6rem;border-radius:50%;border:0;background:var(--red);color:#fff;font-weight:800}

/* ---------- профиль ---------- */
.pfh{position:relative;overflow:hidden;border-radius:1.4rem;padding:1.3rem 1.1rem 1.1rem;background:linear-gradient(145deg,var(--acc2),var(--acc) 55%,#5E0716);color:#fff;box-shadow:0 1rem 2.4rem var(--accS)}
[data-theme=mil] .pfh{background:linear-gradient(145deg,#56652A,#3B4620 60%,#272F16)}
[data-theme=black] .pfh{background:radial-gradient(120% 140% at 100% 0%,rgba(231,196,106,.18),transparent 45%),linear-gradient(145deg,#1A1A1D,#050506);border:1px solid var(--line2)}
.pfh:after{content:"";position:absolute;right:-2rem;bottom:-2.4rem;width:9rem;height:10rem;background:url(/logo.svg) no-repeat center/contain;opacity:.14;transform:rotate(-12deg)}
.pfh .av{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;font-weight:800;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.35);margin-bottom:.7rem}
.pfh small{display:block;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.pfh h3{margin:.15rem 0 .2rem;font-size:1.28rem;line-height:1.2}.pfh p{margin:0;opacity:.85;font-size:.88rem}
.pfh .tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem;position:relative;z-index:1}.pfh .tags span{background:rgba(255,255,255,.16);border-radius:2rem;padding:.3rem .65rem;font-size:.74rem;font-weight:700}
.ctr{margin-top:.8rem;padding:.9rem 1rem}.ctr .h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.ctr .h b{font-size:.92rem}.ctr .h small{color:var(--mut);font-size:.76rem;font-weight:700}
.ctr .d{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.ctr .d div{background:var(--bg2);border-radius:.8rem;padding:.55rem .7rem}.ctr .d span{display:block;color:var(--mut);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ctr .d b{font-size:.98rem}
.ctr .bar{margin:.75rem 0 .2rem}.ctr .bar i{background:var(--grn)}.ctr .left{font-size:.78rem;color:var(--mut)}
.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.8rem 1rem!important}
.th{border:2px solid var(--line);border-radius:1rem;padding:.5rem;text-align:center;cursor:pointer;font-size:.74rem;font-weight:700;color:var(--ink2);display:flex!important;flex-direction:column!important;gap:.35rem!important;align-items:stretch!important;justify-content:flex-start!important}
.th.on{border-color:var(--acc)}.th i{display:block;height:2.4rem;border-radius:.65rem;border:1px solid rgba(0,0,0,.08)}
.th .l{background:linear-gradient(135deg,#fff 50%,#F3F4F7 50%)}.th .m{background:linear-gradient(135deg,#3B4620 50%,#7C8F3C 50%)}.th .b{background:linear-gradient(135deg,#000 50%,#E3243F 50%)}

/* ---------- уведомления, обращения ---------- */
.feed{display:flex;flex-direction:column;gap:.5rem}.nw{background:var(--card);border:1px solid var(--line);border-radius:1.05rem;padding:.8rem .95rem;border-left:3px solid var(--info);box-shadow:var(--sh)}
.nw.pay{border-left-color:var(--red)}.nw.req{border-left-color:var(--gold)}.nw.crm{border-left-color:var(--grn)}.nw.new{background:linear-gradient(90deg,var(--accS),var(--card) 60%)}
.nh{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.2rem}.nh b{font-size:.9rem}.nh small{color:var(--mut2);font-size:.72rem;white-space:nowrap}.nt{font-size:.88rem;color:var(--ink2);white-space:pre-wrap}
.ap{padding:.85rem .95rem;border-bottom:1px solid var(--line)}.ap:last-child{border-bottom:0}.ap .h{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.ap .h b{font-size:.88rem}
.ap .tx{font-size:.86rem;color:var(--ink2);margin:.3rem 0 0;white-space:pre-wrap}.ap .rp{margin-top:.5rem;background:var(--grnS);border-radius:.8rem;padding:.55rem .7rem;font-size:.85rem;white-space:pre-wrap}.ap .rp small{display:block;color:var(--mut);font-size:.7rem;font-weight:700;margin-bottom:.15rem}
.pick{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.pick a{padding:.5rem .75rem;border-radius:2rem;background:var(--bg2);border:1px solid var(--line);font-size:.8rem;font-weight:700;color:var(--mut);cursor:pointer}.pick a.on{background:var(--acc);border-color:transparent;color:#fff}
.soon{text-align:center;padding:2.4rem 1.2rem}.soon .ic{width:3.4rem;height:3.4rem;margin:0 auto .9rem;border-radius:1.1rem}.soon .ic svg{width:1.7rem;height:1.7rem}.soon b{display:block;font-size:1.1rem}.soon p{color:var(--mut);margin:.4rem 0 0;font-size:.9rem}

#toast{position:fixed;left:50%;top:calc(1rem + var(--safe-t));transform:translate(-50%,calc(-100% - 1.6rem - var(--safe-t)));z-index:99;background:var(--ink);color:var(--bg);padding:.75rem 1.05rem;border-radius:1rem;font-weight:600;font-size:.88rem;box-shadow:0 1rem 2rem rgba(0,0,0,.3);transition:transform .3s;max-width:calc(100% - 2rem);text-align:center}
#toast.on{transform:translate(-50%,0)}
.skel{height:5.5rem;border-radius:1.2rem;background:linear-gradient(90deg,var(--card),var(--card2),var(--card));background-size:200% 100%;animation:sk 1.2s infinite;margin-bottom:.7rem}@keyframes sk{to{background-position:-200% 0}}
@media (min-width:640px){#root{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media (max-width:360px){.apps{gap:.4rem}.app span{font-size:.66rem}.app .ic{width:2.3rem;height:2.3rem}.t3 b{font-size:.8rem}}
.t3 div{padding:.45rem .5rem}.t3 b{font-size:.8rem;text-overflow:clip}
.qk b{white-space:normal;line-height:1.2}
/* ===== v2.9 ===== */
.bdc{display:flex;gap:.8rem;align-items:center;border-radius:1.2rem;padding:.9rem 1rem;margin:.3rem 0 .7rem;background:linear-gradient(135deg,#FFE7A8,#FFC2CF 60%,#E7C6FF);color:#3A2412;box-shadow:0 .8rem 2rem rgba(255,140,160,.3);animation:fi .4s}
.bdc>span{font-size:2rem;line-height:1}.bdc b{display:block;font-size:1rem}.bdc p{margin:.15rem 0 0;font-size:.82rem;opacity:.85}
.nw.bday{border-left-color:#F59E0B;background:linear-gradient(90deg,rgba(255,200,90,.18),var(--card) 70%)}
.sv{padding:.9rem 1rem;margin-bottom:.7rem}.svh{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem}.svh .ic{width:2rem;height:2rem;border-radius:.7rem}.svh .ic svg{width:1rem;height:1rem}.svh b{flex:1;font-size:1rem}
.sv3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.sv3>div{background:var(--bg2);border-radius:.8rem;padding:.5rem .55rem;min-width:0}
.sv3 span{display:block;font-size:.66rem;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.03em}.sv3 b{display:block;font-size:.86rem;margin-top:.1rem;white-space:nowrap}.sv3 small{display:block;color:var(--mut);font-size:.68rem}
.sv3 .y{background:var(--yelS)}.sv3 .y b{color:var(--yel)}.sv3 .r{background:var(--redS)}.sv3 .r b{color:var(--red)}.sv3 .g{background:var(--grnS)}.sv3 .g b{color:var(--grn)}
.odsc{padding:1rem 1.05rem;background:var(--hero)}.odsc small{color:var(--mut);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.odsc .big{font-size:1.7rem;font-weight:800;margin:.15rem 0 .6rem;letter-spacing:-.02em}
.o2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.o2 div{background:var(--bg2);border-radius:.8rem;padding:.5rem .65rem}.o2 span{display:block;font-size:.7rem;color:var(--mut);font-weight:700}.o2 b{font-size:.92rem}
.it.al .pc{width:2.7rem;height:2.7rem;border-radius:.85rem;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:.8rem;background:var(--accS);color:var(--acc)}
.it.al .m b{white-space:normal;font-size:.86rem;line-height:1.25}
.tsum{margin-top:.8rem;padding:.4rem 1rem}.tsum .row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--mut)}.tsum .row:last-child{border-bottom:0}
.tsum .row b{color:var(--ink)}.tsum .row.big span{color:var(--ink);font-weight:700}.tsum .row.big b{font-size:1.15rem}.tsum .grn{color:var(--grn)!important}.tsum .red{color:var(--red)!important}
/* ===== v3.0 ===== */
.hd .pg{width:1.65rem;height:2.45rem;flex-shrink:0;filter:drop-shadow(0 .15rem .3rem rgba(0,0,0,.25))}
/* «Все выплаты» — красная карта */
.hc{border-radius:1.3rem;padding:.8rem .95rem .75rem;color:#fff;position:relative;overflow:hidden;margin-top:.3rem;
 background:radial-gradient(130% 120% at 100% 0%,rgba(255,255,255,.22),transparent 45%),linear-gradient(135deg,#EF3B55,#B0102B 60%,#6E0A1C);box-shadow:0 .9rem 2rem rgba(176,16,43,.32)}
.hc:after{content:"";position:absolute;right:-1.8rem;bottom:-2.2rem;width:8rem;height:9rem;background:url(/logo.svg) no-repeat center/contain;opacity:.12;transform:rotate(-12deg);pointer-events:none}
.hc .h{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.hc small{font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.78}
.hc .big{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:.12rem}
.hc .rt{display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:1rem;padding:.25rem .5rem .25rem .25rem;flex-shrink:0;cursor:pointer;color:#fff}
.rg{--p:50;width:2.15rem;height:2.15rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#FFD15A calc(var(--p)*1%),rgba(255,255,255,.22) 0);flex-shrink:0}
.rg b{width:1.68rem;height:1.68rem;border-radius:50%;display:grid;place-items:center;background:#B0102B;font-size:.74rem;color:#fff}
.hc .rt small{display:block;font-size:.52rem;opacity:.8}.hc .rt em{display:block;font-style:normal;font-weight:800;font-size:.74rem;white-space:nowrap}
.hc .nx{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;background:rgba(255,255,255,.14);border-radius:.75rem;padding:.35rem .55rem;font-size:.74rem;position:relative;z-index:1}
.hc .nx b{font-size:.8rem}.hc .nx>div{flex:1;min-width:0}.hc .nx .cd{background:#fff;color:#111;border-radius:.55rem;padding:.12rem .42rem;font-weight:800;font-size:.68rem;white-space:nowrap}
.hc .s3{display:grid;grid-template-columns:repeat(3,1fr);gap:.32rem;margin-top:.45rem;position:relative;z-index:1}.hc .s3 div{background:rgba(255,255,255,.12);border-radius:.65rem;padding:.3rem .42rem;min-width:0}
.hc .s3 span{display:flex;align-items:center;gap:.25rem;font-size:.58rem;font-weight:700;opacity:.88;white-space:nowrap}.hc .s3 b{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:clip}
.hc .s3 i{width:.4rem;height:.4rem;border-radius:50%;display:inline-block}.ir{background:#FF9AA5}.iy{background:#FFD15A}.ig{background:#5BE3A8}
/* тонкая плашка «Документы» */
.db{display:flex;align-items:center;gap:.6rem;margin-top:.6rem;height:3.3rem;border-radius:1rem;padding:0 .65rem 0 .5rem;color:#fff;background:linear-gradient(135deg,#334155,#0F172A);box-shadow:0 .5rem 1.2rem rgba(15,23,42,.2);cursor:pointer}
[data-theme=black] .db,[data-theme=mil] .db{border:1px solid var(--line2)}
.db .ic{width:2.2rem;height:2.2rem;border-radius:.7rem;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;font-size:1rem;flex-shrink:0}.db .ic svg{width:1.1rem;height:1.1rem}
.db .tx{flex:1;min-width:0;line-height:1.2}.db .tx b{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db .tx span{display:block;font-size:.7rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db .go{font-size:1.3rem;opacity:.55}.db .ch{font-size:.64rem;font-weight:800;border-radius:1rem;padding:.2rem .5rem;white-space:nowrap;flex-shrink:0}
.db .act{flex-shrink:0;background:#22C55E;color:#fff;border:0;border-radius:.7rem;padding:.42rem .65rem;font-weight:700;font-size:.78rem;display:flex;align-items:center;gap:.3rem;cursor:pointer}.db .act svg{width:.9rem;height:.9rem}
.db.ready{background:linear-gradient(135deg,#166534,#0F172A 75%)}.db.wait{background:linear-gradient(135deg,#4D4318,#0F172A 75%)}.db.pick{background:linear-gradient(135deg,#1E3A5F,#0F172A 75%)}
.ch.y{background:rgba(250,204,21,.2);color:#FDE68A}.ch.b{background:rgba(96,165,250,.22);color:#BFDBFE}
/* выпадающий список документов */
.dsel{position:relative;margin-bottom:.9rem}.dsel .f{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:var(--bg2);border:1.5px solid var(--line2);border-radius:.9rem;padding:.85rem .95rem;font-weight:700;font-size:.95rem;text-align:left;cursor:pointer;color:var(--ink)}
.dsel.open .f{border-color:var(--acc);box-shadow:0 0 0 .25rem var(--accS)}
.dsel .dd{position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:40;background:var(--card);border:1px solid var(--line2);border-radius:1rem;box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.2);padding:.3rem 0;max-height:60vh;overflow:auto}
.dsel .g{font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:.55rem .9rem .2rem}.dsel .dd a{display:block;padding:.55rem .9rem;font-size:.9rem;cursor:pointer}.dsel .dd a.on{background:var(--accS);color:var(--acc);font-weight:700}
.form textarea{min-height:4.5rem}
.how2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.8rem}.how2 a{border:1.5px solid var(--line2);border-radius:1rem;padding:.65rem;font-size:.78rem;color:var(--mut);cursor:pointer}.how2 a b{display:block;color:var(--ink);font-size:.86rem;margin-bottom:.1rem}.how2 a.on{border-color:var(--acc);background:var(--accS)}
.mydoc .it .ic{width:2.2rem;height:2.2rem}.mydoc .it .m b{white-space:normal;line-height:1.25}
/* рейтинг */
.rtc{display:flex;align-items:center;gap:1rem;border-radius:1.3rem;padding:1rem 1.1rem;color:#fff;background:radial-gradient(130% 120% at 100% 0%,rgba(255,255,255,.2),transparent 45%),linear-gradient(135deg,#EF3B55,#B0102B 60%,#6E0A1C);box-shadow:0 .9rem 2rem rgba(176,16,43,.3)}
.rg.big{width:5.4rem;height:5.4rem}.rg.big b{width:4.3rem;height:4.3rem;font-size:1.7rem}.rtc small{font-size:.7rem;opacity:.8;font-weight:700}.rtc h3{margin:.1rem 0;font-size:1.3rem}.rtc p{margin:0;opacity:.85;font-size:.86rem}
.lvl{margin-top:.8rem;padding:.3rem .2rem}.lvl div{display:flex;align-items:center;gap:.7rem;padding:.5rem .8rem;border-radius:.8rem;font-size:.86rem;color:var(--mut)}.lvl div b{width:4.2rem;color:var(--ink2)}
.lvl div.on{background:var(--accS);color:var(--acc);font-weight:700}.lvl div.on b{color:var(--acc)}.lvl i{margin-left:auto;font-style:normal;font-size:.7rem;font-weight:800}
.it .pc{width:2.6rem;height:2.6rem;border-radius:.85rem;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:.82rem;background:var(--card2);color:var(--ink2)}
.it .pc.up{background:var(--grnS);color:var(--grn)}.it .pc.dn{background:var(--redS);color:var(--red)}.it.me{background:var(--accS)}
.apkl{margin-top:1rem;text-decoration:none}
/* ===== v3.1: приложение «ФЭС» — заставка, приветствие, офлайн, калькулятор, планшет ===== */
svg.lgo{stroke:none}
.k-kalk{background:linear-gradient(135deg,#0EA5E9,#1D4ED8)}
/* заставка */
.spl{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0B0D12;color:#fff;overflow:hidden;transition:opacity .5s ease,visibility .5s}
.spl.out{opacity:0;visibility:hidden}
.spl-bg{position:absolute;inset:0;background:radial-gradient(55% 40% at 50% 40%,rgba(214,31,58,.38),transparent 70%),radial-gradient(90% 55% at 50% 112%,rgba(217,169,58,.2),transparent 70%)}
.spl-c{position:relative;text-align:center;padding:0 1.5rem}
.spl-e{width:7.4rem;height:8.3rem;margin:0 auto 1.5rem;position:relative;animation:splE 1s cubic-bezier(.2,.9,.25,1.2) both}
.spl-e svg{width:100%;height:100%;filter:drop-shadow(0 1rem 2.2rem rgba(214,31,58,.5));position:relative;z-index:1}
.spl-e i{position:absolute;left:50%;top:50%;width:11rem;height:11rem;margin:-5.5rem 0 0 -5.5rem;border-radius:50%;border:2px solid rgba(255,231,163,.32);animation:splR 1.8s ease-out .35s infinite}
.spl-e i.d2{animation-delay:1.25s}
@keyframes splE{from{transform:scale(.35) translateY(1.5rem);opacity:0}to{transform:none;opacity:1}}
@keyframes splR{from{transform:scale(.55);opacity:.9}to{transform:scale(1.45);opacity:0}}
.spl b{display:block;font-size:2.35rem;font-weight:800;letter-spacing:.14em;animation:splT .8s .35s both}.spl b span{color:#FFD15A}
.spl small{display:block;margin-top:.5rem;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.58);animation:splT .8s .5s both}
.spl-hi{margin:1.7rem 0 0;font-size:1.02rem;font-weight:600;color:rgba(255,255,255,.88);animation:splT .8s .8s both}.spl-hi em{font-style:normal;color:#fff;font-weight:800}
@keyframes splT{from{opacity:0;transform:translateY(.9rem)}to{opacity:1;transform:none}}
.spl-l{position:absolute;bottom:calc(3.6rem + var(--safe-b));width:8.5rem;height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.spl-l i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,#EF3B55,#FFD15A);animation:splL 1.1s ease-in-out infinite}
@keyframes splL{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
.spl-v{position:absolute;bottom:calc(1.4rem + var(--safe-b));font-size:.7rem;color:rgba(255,255,255,.34);letter-spacing:.1em;text-transform:uppercase}
/* приветствие после входа */
.hi{position:fixed;inset:0;z-index:190;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:2rem;overflow:hidden;cursor:pointer;
 background:radial-gradient(80% 50% at 50% 28%,rgba(255,255,255,.2),transparent 62%),linear-gradient(165deg,#EF3B55,#B0102B 55%,#5E0716);transition:opacity .55s,transform .55s;animation:fd .3s}
[data-theme=mil] .hi{background:radial-gradient(80% 50% at 50% 28%,rgba(255,255,255,.14),transparent 62%),linear-gradient(165deg,#6B7C3E,#3B4620 55%,#1C2310)}
[data-theme=black] .hi{background:radial-gradient(80% 50% at 50% 28%,rgba(231,196,106,.18),transparent 62%),linear-gradient(165deg,#1A1A1D,#000)}
.hi.out{opacity:0;transform:scale(1.05);pointer-events:none}
.hi:before,.hi:after{content:"";position:absolute;left:50%;top:42%;width:24rem;height:24rem;margin:-12rem 0 0 -12rem;border-radius:50%;border:1px solid rgba(255,255,255,.16);animation:hiR 3s ease-out both}
.hi:after{animation-delay:.5s;border-color:rgba(255,215,110,.22)}
@keyframes hiR{from{transform:scale(.25);opacity:0}35%{opacity:1}to{transform:scale(1.3);opacity:0}}
.hi-c{position:relative;z-index:1}
.hi-p{height:7.6rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem;animation:hiP 1s cubic-bezier(.2,.9,.25,1.25) both}
.hi-p .pg{width:5.1rem;height:7.6rem;filter:drop-shadow(0 1rem 1.6rem rgba(0,0,0,.4))}
.hi-p .av{width:6rem;height:6rem;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.4)}
@keyframes hiP{from{transform:translateY(-3rem) rotate(-14deg) scale(.55);opacity:0}to{transform:none;opacity:1}}
.hi small{display:block;font-size:1.05rem;opacity:.86;font-weight:600;animation:splT .7s .35s both}
.hi h1{margin:.2rem 0 .35rem;font-size:2.15rem;line-height:1.15;font-weight:800;letter-spacing:-.01em;animation:splT .7s .5s both}
.hi p{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.8;animation:splT .7s .65s both}
.hi-w{margin-top:1.9rem;font-size:.95rem;opacity:.92;line-height:1.55;animation:splT .7s .9s both}.hi-w b{letter-spacing:.14em}
.hi-tap{position:absolute;bottom:calc(1.6rem + var(--safe-b));left:0;right:0;font-size:.72rem;opacity:.5;animation:splT .6s 1.4s both}
@keyframes fd{from{opacity:0}}
/* без интернета */
#offl:empty{display:none}
.offl{display:flex;align-items:center;gap:.55rem;margin:.15rem 1rem .35rem;padding:.5rem .55rem .5rem .75rem;border-radius:.9rem;background:var(--yelS);color:var(--ink2);font-size:.78rem;animation:fi .25s}
.offl svg{width:1.05rem;height:1.05rem;color:var(--yel);flex-shrink:0}.offl b{flex:1;font-weight:700;min-width:0}
.offl button{border:0;border-radius:.65rem;padding:.38rem .7rem;background:var(--card);color:var(--ink);font-weight:700;font-size:.74rem;cursor:pointer;flex-shrink:0}
.ofi{width:4.4rem;height:4.4rem;border-radius:1.4rem;display:grid;place-items:center;margin:0 auto 1.1rem;background:var(--yelS);color:var(--yel)}.ofi svg{width:2.1rem;height:2.1rem}
/* потянуть вниз */
#ptr{position:fixed;left:50%;top:calc(.2rem + var(--safe-t));z-index:60;width:2.7rem;height:2.7rem;margin-left:-1.35rem;border-radius:50%;background:var(--card);box-shadow:0 .4rem 1.1rem rgba(0,0,0,.2);
 display:grid;place-items:center;color:var(--mut);opacity:0;transform:translateY(-56px);pointer-events:none}
#ptr svg{width:1.3rem;height:1.3rem}#ptr.go{color:var(--acc)}#ptr.spin svg{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* окно «новая версия» */
.sheet{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.46);display:flex;align-items:flex-end;justify-content:center;animation:fd .2s}
.sheet>div{width:100%;max-width:30rem;background:var(--card);border-radius:1.6rem 1.6rem 0 0;padding:1.4rem 1.2rem calc(1.2rem + var(--safe-b));animation:su .32s cubic-bezier(.2,.9,.3,1)}
@keyframes su{from{transform:translateY(100%)}}
.sheet .ic{width:3rem;height:3rem;border-radius:1rem;margin-bottom:.8rem}.sheet .ic svg{width:1.5rem;height:1.5rem}
.sheet h3{margin:0 0 .3rem;font-size:1.2rem}.sheet p{margin:0 0 .9rem;color:var(--mut);font-size:.9rem}.sheet ul{margin:0 0 1rem;padding-left:1.15rem;color:var(--ink2);font-size:.88rem;line-height:1.5}
.sheet .btn+.btn{margin-top:.55rem}
/* кнопка «Калькулятор» рядом с плашкой «Документы» */
.dbr{display:flex;gap:.5rem;margin-top:.6rem}.dbr>.db{flex:1;min-width:0;margin-top:0}
.dbk{flex-shrink:0;width:4.5rem;height:3.3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;color:#fff;
 background:linear-gradient(135deg,#0EA5E9,#1D4ED8);box-shadow:0 .5rem 1.2rem rgba(29,78,216,.25);cursor:pointer}
.dbk:active{transform:scale(.96)}.dbk svg{width:1.3rem;height:1.3rem}.dbk span{font-size:.58rem;font-weight:800;letter-spacing:.02em}
/* калькулятор */
.kalk{background:var(--card);border:1px solid var(--line);border-radius:1.4rem;padding:.85rem;box-shadow:var(--sh)}
.kd{background:var(--bg2);border-radius:1.05rem;padding:.75rem 1rem .85rem;text-align:right;margin-bottom:.7rem;min-height:6.4rem;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;overflow:hidden}
.ke{color:var(--mut);font-size:1rem;min-height:1.4em;line-height:1.35;word-break:break-word}
.kr{font-size:2.3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;word-break:break-all;color:var(--ink2)}.kr.fin{font-weight:800;color:var(--ink)}
.kx{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem}
.kx button{border:0;border-radius:.95rem;padding:.5rem .3rem;background:var(--accS);color:var(--acc);cursor:pointer;line-height:1.1}
.kx button:active{transform:scale(.95)}.kx b{display:block;font-size:1rem}.kx small{display:block;font-size:.64rem;font-weight:700;opacity:.8;margin-top:.12rem}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.kp button{border:0;border-radius:1rem;height:3.6rem;font-size:1.4rem;font-weight:600;background:var(--card2);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:transform .08s,filter .15s}
.kp button:active{transform:scale(.93);filter:brightness(.9)}.kp button svg{width:1.45rem;height:1.45rem}
.kp .op{background:var(--bg2);color:var(--acc);font-weight:700;font-size:1.55rem}.kp .fn{color:var(--mut);font-size:1.1rem;font-weight:700}
.kp .eq{background:linear-gradient(180deg,var(--acc2),var(--acc));color:#fff;box-shadow:0 .5rem 1.2rem var(--accS);font-size:1.6rem}
.kh .it .m b{font-weight:600;color:var(--mut);font-size:.84rem;white-space:normal}.kh .it .r b{font-size:1rem}
/* боковое меню — только на планшете */
.tb .tbb,.tb .tbx,.tb .tbs{display:none}
.kv>div>span>svg{width:1.15rem;height:1.15rem;color:var(--mut);flex-shrink:0}
@media (min-width:640px) and (max-width:759px){#root{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media (min-width:760px){
 #root{max-width:none;border:0!important}#root.sh{padding-left:15.5rem}
 .tb{left:0;top:0;bottom:0;transform:none;width:15.5rem;max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:calc(1rem + var(--safe-t)) .75rem calc(1rem + var(--safe-b));
  border-top:0;border-right:1px solid var(--line);background:var(--card);overflow-y:auto}
 .tb a{flex-direction:row;justify-content:flex-start;gap:.8rem;padding:.75rem .9rem;border-radius:.95rem;font-size:.93rem;color:var(--mut);position:relative}
 .tb a svg{width:1.35rem;height:1.35rem}.tb a.on{background:var(--accS);color:var(--ink)}.tb a:hover{background:var(--bg2)}.tb a.on:hover{background:var(--accS)}
 .tb a em{margin-left:auto;font-style:normal;background:var(--acc);color:#fff;border-radius:1rem;padding:.05rem .45rem;font-size:.68rem;font-weight:800}
 .tb .tbb{display:flex;align-items:center;gap:.7rem;padding:.3rem .55rem 1.1rem;margin-bottom:.6rem;border-bottom:1px solid var(--line)}
 .tbb svg{width:2.25rem;height:2.55rem;flex-shrink:0}.tbb b{display:block;font-size:1.06rem;font-weight:800;letter-spacing:.05em}.tbb small{display:block;color:var(--mut);font-size:.72rem;font-weight:600}
 .tb .tbx{display:flex}.tb .tbs{display:block;height:1px;background:var(--line);margin:.6rem .4rem}
 .hd{padding:.75rem 1.8rem}main{padding:.8rem 1.8rem 2.5rem}.offl{margin:.2rem 1.8rem .4rem}
 .page{max-width:72rem}.form{max-width:46rem}.lg{max-width:28rem;margin:0 auto}
 .chips{margin:.2rem 0 .7rem;padding:0}
 .kwrap{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:1.5rem;align-items:start}.kh h2.sec{margin-top:0}
 .hc .big{font-size:2rem}.hc .s3 b{font-size:.9rem}.hc .s3 span{font-size:.66rem}
 .apps{gap:.7rem}.app{padding:1rem .3rem .85rem}.app .ic{width:3rem;height:3rem;border-radius:1rem}.app .ic svg{width:1.5rem;height:1.5rem}.app span{font-size:.8rem}
 .sheet{align-items:center}.sheet>div{border-radius:1.6rem}
 .spl b{font-size:3rem}.spl-e{width:9rem;height:10rem}.hi h1{font-size:2.8rem}.hi-p{height:9rem}.hi-p .pg{width:6rem;height:9rem}
}
@media (min-width:1000px){
 html,body{font-size:17px}
 .home{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:1.5rem;align-items:start}
 .home>.c1{grid-area:1/1}.home>.c2{grid-area:1/2/3/3}.home>.c3{grid-area:2/1}
 .home .apps{margin-top:.3rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
 .home .app{padding:1.2rem .4rem 1.05rem;gap:.55rem;border-radius:1.3rem}.home .app .ic{width:3.4rem;height:3.4rem;border-radius:1.1rem}.home .app .ic svg{width:1.65rem;height:1.65rem}.home .app span{font-size:.86rem}
 .hc{padding:1.2rem 1.3rem 1.1rem}.hc .big{font-size:2.3rem}.hc small{font-size:.72rem}.hc .nx{font-size:.84rem;padding:.55rem .75rem}.hc .s3 div{padding:.5rem .6rem}.hc .s3 b{font-size:1rem}.hc .s3 span{font-size:.7rem}
 .me2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem;align-items:start}.me2>.c2>.kv:first-child{margin-top:0}
}
@media (min-width:1280px){.home .apps{grid-template-columns:repeat(4,minmax(0,1fr))}.tb{width:17rem}#root.sh{padding-left:17rem}}

/* v3.4: тип следующей выплаты */
.hc .nx .nxk{display:inline-block;background:#fff;color:#B5102A;border-radius:.45rem;padding:.02rem .38rem;margin-left:.1rem;font-weight:800}
.hc .nx .nxs{display:block;opacity:.85;font-size:.68rem;margin-top:.12rem}