:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#152341;background:#f4f7fc;--blue:#0064ff;--line:#e4eaf3;--muted:#7b8aa3;--ink:#152341;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #99c0ff;outline-offset:4px}button,input,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.opening,.gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center}.opening h1,.gate h1{margin-top:22px;font-size:28px;letter-spacing:-1px}.opening p,.gate p{color:var(--muted);margin:12px auto 25px;max-width:380px;line-height:1.65}.brand-mark{width:54px;height:54px;border-radius:18px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;letter-spacing:-2px;font-weight:750;padding-bottom:4px;box-shadow:0 7px 18px #0064ff24}.gate .gate-note{font-size:12px;color:#8a97ad;max-width:340px;line-height:1.65;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:12px;min-height:44px;padding:11px 17px;background:white;color:#425779;font-weight:650;font-size:13px}.button.primary{background:var(--blue);border-color:var(--blue);color:white}.shell{max-width:1360px;margin:auto;display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.side{padding:34px 20px;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:#fbfcff}.brand{display:flex;align-items:center;gap:12px;margin:0 6px 35px}.brand .brand-mark{width:43px;height:43px;font-size:27px;border-radius:14px}.brand strong{font-size:18px;letter-spacing:-.4px}.brand small{display:block;color:#8c9ab1;font-size:10px;font-weight:500;letter-spacing:.2px;margin-top:4px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border-radius:11px;background:transparent;padding:14px;color:#697c9c;font-size:13px;font-weight:550}.nav button.active{background:#e9f1ff;color:var(--blue);font-weight:700}.side-bottom{margin-top:auto;padding:18px 12px 0;font-size:12px;color:#8492aa;line-height:1.7}.side-bottom strong{display:block;color:#4f6485;font-weight:600}.content{min-width:0;padding:28px 32px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.35px;color:#91a0b8;text-transform:uppercase}.preview-badge{font-size:11px;border:1px solid #dbe5f4;border-radius:7px;padding:6px 9px;background:#eef3fb;color:#7c8da9;white-space:nowrap}.mobile-brand{display:none}.heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}h1{font-size:30px;line-height:1.2;letter-spacing:-.9px}.heading p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.6}.snapshot-banner{display:flex;gap:13px;padding:17px 19px;border:1px solid #dce8fc;border-radius:13px;background:#edf4ff;color:#5678ac;margin-bottom:24px;align-items:flex-start;font-size:12px;line-height:1.6}.snapshot-banner svg{color:#4b8ff7;margin-top:2px}.snapshot-banner strong{display:block;color:#315b9b;font-size:13px;margin-bottom:3px}.snapshot-banner small{display:block;margin-top:6px;color:#7d96b9;font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;min-width:0}.stat .label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8594ab;font-size:11px;min-height:27px}.stat .label svg{width:19px;height:19px;color:#a7bad4}.stat strong{display:block;font-size:30px;letter-spacing:-.8px;margin-top:9px}.stat small{display:block;color:#a0adc0;font-size:10px;margin-top:7px;line-height:1.4}.columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.card-header{padding:21px 22px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-header h2{font-size:17px;letter-spacing:-.25px}.card-header small{font-size:11px;color:#98a5b8}.card-header button{background:none;color:var(--blue);font-size:11px;font-weight:650;padding:5px 0}.wallet-list{padding:0 22px 8px}.wallet{display:flex;gap:12px;align-items:center;padding:17px 0;border-top:1px solid #f0f3f8;min-width:0}.wallet-icon{background:#eff5ff;color:#6d9ce6;width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:11px;flex:none}.wallet-icon svg{width:20px;height:20px}.wallet-main{min-width:0;flex:1}.wallet-name{font-size:13px;font-weight:600;overflow-wrap:anywhere}.wallet-code{font-size:10px;color:#a0acc0;margin-top:4px}.wallet-amount{font-size:17px;letter-spacing:-.3px;font-weight:700;white-space:nowrap}.card-foot{padding:15px 22px;border-top:1px solid #eef2f7;color:#97a5ba;font-size:10px;line-height:1.6;background:#fcfdff}.check-list{padding:0 22px 15px}.check-item{display:flex;align-items:start;gap:11px;padding:15px 0;border-top:1px solid #eff3f8;font-size:12px;color:#7386a4;line-height:1.6}.check-item svg{width:18px;height:18px;color:#91b2df;margin-top:1px}.check-item strong{display:block;color:#425c80;font-size:12px;margin-bottom:3px;font-weight:600}.check-item .count{margin-left:auto;background:#f1f5fa;color:#8495ae;border-radius:6px;padding:3px 7px;font-size:11px;white-space:nowrap}.section-note{display:flex;gap:12px;margin:22px 0 0;font-size:11px;color:#96a3b7;line-height:1.7}.section-note svg{width:17px;height:17px;flex:none}.search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce5f1;border-radius:12px;padding:0 16px;height:53px;margin-bottom:14px}.search svg{color:#8ea0ba}.search input{width:100%;height:100%;min-width:0;border:0;outline:0;color:#3a5174;background:transparent;font-size:13px}.search:focus-within{border-color:#86b4ff;box-shadow:0 0 0 3px #0064ff09}.search input::placeholder{color:#a0aec2}.filters{display:flex;gap:7px;margin-bottom:20px;overflow:auto;scrollbar-width:none}.filter{padding:9px 13px;border-radius:8px;background:#eaf0f8;color:#7d8da7;font-size:11px;white-space:nowrap}.filter.active{background:var(--blue);color:#fff}.list-caption{display:flex;justify-content:space-between;gap:15px;color:#8e9db3;font-size:11px;margin-bottom:12px}.catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{display:block;text-align:left;width:100%;padding:19px;background:white;border:1px solid var(--line);border-radius:13px;color:inherit;min-width:0;transition:border-color .15s}.product:hover{border-color:#a4c5f8}.product-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.product-icon{width:41px;height:48px;background:#f0f5fc;color:#88a9d6;border-radius:10px;display:flex;justify-content:center;align-items:center;flex:none}.product-title{font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.product-meta{font-size:10px;color:#99a7bb;margin-top:5px;line-height:1.5;overflow-wrap:anywhere}.product-arrow{color:#b8c5d7;margin-left:auto;width:16px;flex:none}.product-prices{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf2f8;padding-top:14px}.product-prices dt{font-size:9px;color:#9aabc1;margin:0 0 6px}.product-prices dd{font-size:15px;font-weight:650;margin:0}.product-prices dd.cost{color:#7d91af;font-weight:500}.product-stage{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:14px;font-size:10px;color:#91a1ba}.badge{background:#f0f4fa;color:#8395b0;padding:4px 7px;border-radius:5px;font-size:9px;white-space:normal}.badge.warn{background:#fff4e7;color:#b48b58}.empty{text-align:center;padding:48px 25px;color:#94a4bc;font-size:13px;line-height:1.8;background:white;border:1px dashed #dce5f1;border-radius:14px;grid-column:1/-1}.empty strong{display:block;color:#526d92;font-size:15px;margin-bottom:5px}.load-more{display:flex;justify-content:center;margin-top:20px}.history-list{padding:0 22px}.movement{display:flex;gap:13px;align-items:flex-start;padding:19px 0;border-top:1px solid #edf2f8}.movement-icon{border-radius:10px;width:35px;height:35px;background:#f0f5fb;display:flex;align-items:center;justify-content:center;color:#88a6cc;flex:none}.movement-icon svg{width:18px;height:18px}.movement-main{flex:1;min-width:0}.movement-title{font-size:13px;font-weight:600;color:#476184;line-height:1.5;overflow-wrap:anywhere}.movement-desc{font-size:11px;color:#99a8bd;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.movement-time{font-size:10px;color:#abb6c6;margin-top:7px}.movement-amount{font-size:15px;font-weight:650;white-space:nowrap;margin-left:auto;line-height:1.6}.muted{color:#99a7bb}.footer{margin-top:34px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a8b3c4;line-height:1.6}.bottom-nav{display:none}dialog{max-width:600px;width:calc(100% - 28px);max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:20px;color:var(--ink);box-shadow:0 22px 80px #22314d35}dialog::backdrop{background:#15234160;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);align-items:start}.dialog-head h2{font-size:19px;line-height:1.5;overflow-wrap:anywhere}.dialog-head button{background:#f2f5fa;padding:8px;border-radius:9px;color:#8a9bb6;flex:none}.dialog-body{padding:22px 24px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:0}.detail-grid dt{font-size:11px;color:#94a4bc;margin-bottom:7px}.detail-grid dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.detail-grid .full{grid-column:1/-1}.detail-note{padding:14px 16px;background:#f5f8fc;border-radius:10px;margin-top:24px;font-size:11px;line-height:1.7;color:#8b9bb3}.dialog-footer{padding:17px 24px;border-top:1px solid var(--line);text-align:right}#toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);padding:13px 20px;background:#243858;color:white;border-radius:11px;font-size:12px;max-width:calc(100% - 32px);z-index:100;box-shadow:0 8px 30px #15234122}.refresh-error{padding:15px 18px;background:#fff4ee;color:#a27d64;border-radius:10px;font-size:12px;line-height:1.6;margin-bottom:20px}
@media(min-width:1550px){.shell{max-width:1440px}.content{padding:33px 42px}.stats{gap:18px}.stat{padding:23px}.columns{gap:24px}.catalog-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.shell{grid-template-columns:190px minmax(0,1fr)}.side{padding:30px 13px}.brand{gap:9px}.brand strong{font-size:16px}.content{padding:25px 22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}.catalog-list{grid-template-columns:1fr}.wallet-amount{font-size:16px}.brand .brand-mark{width:37px;height:37px}}
@media(max-width:650px){body{background:#f5f8fd}.shell{display:block;min-height:100dvh}.side{display:none}.content{padding:19px 18px calc(105px + env(safe-area-inset-bottom))}.topbar{margin-bottom:27px}.mobile-brand{display:flex;align-items:center;gap:9px;color:#2c476d;font-size:15px;font-weight:750;letter-spacing:-.25px}.mobile-brand .brand-mark{width:33px;height:33px;border-radius:11px;font-size:22px}.topbar>.eyebrow{display:none}.preview-badge{font-size:9px;padding:5px 7px}.heading{margin-bottom:18px;align-items:start}h1{font-size:27px;letter-spacing:-.8px}.heading p{font-size:11px;max-width:240px;line-height:1.7;margin-top:8px}.heading .button{padding:9px;min-height:36px;border-radius:10px;font-size:0;gap:0;background:#fff}.heading .button svg{width:18px;height:18px}.snapshot-banner{padding:14px 13px;gap:10px;margin-bottom:19px;border-radius:12px;font-size:10px}.snapshot-banner strong{font-size:11px}.snapshot-banner small{font-size:9px}.snapshot-banner svg{width:18px;height:18px}.stats{gap:10px;margin-bottom:22px}.stat{padding:16px 14px;border-radius:12px}.stat .label{font-size:10px;min-height:26px;line-height:1.5}.stat .label svg{width:16px;height:16px}.stat strong{font-size:27px;margin-top:7px}.stat small{font-size:9px}.card{border-radius:13px}.card-header{padding:18px 17px 14px}.card-header h2{font-size:15px}.card-header small{font-size:9px}.card-header button{font-size:10px}.wallet-list,.history-list{padding-left:17px;padding-right:17px}.wallet{gap:10px;padding:15px 0}.wallet-name{font-size:11px}.wallet-code{font-size:9px}.wallet-icon{width:34px;height:34px;border-radius:10px}.wallet-icon svg{width:17px;height:17px}.wallet-amount{font-size:15px}.card-foot{padding:13px 17px;font-size:9px}.check-list{padding:0 17px 12px}.check-item{font-size:10px}.check-item strong{font-size:11px}.check-item .count{font-size:10px}.columns{gap:18px}.section-note{font-size:10px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:20;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e2eaf5;padding:9px 8px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -4px 24px #23426704}.bottom-nav button{background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;color:#a4b1c5;font-size:9px;min-height:43px;padding:3px 0}.bottom-nav button.active{color:var(--blue);font-weight:700}.bottom-nav svg{width:21px;height:21px}.footer{font-size:9px;margin-top:27px;gap:12px;align-items:flex-start}.footer span:last-child{text-align:right}.filters{margin-right:-18px;padding-right:18px}.filter{font-size:10px;padding:9px 12px}.search{height:49px;font-size:12px;padding:0 14px}.search input{font-size:12px}.catalog-list{gap:10px}.product{padding:17px}.product-title{font-size:12px}.product-prices dt{font-size:9px}.product-prices dd{font-size:14px}.product-top{margin-bottom:13px}.product-meta{font-size:9px}.movement{gap:10px;padding:17px 0}.movement-title{font-size:11px}.movement-desc{font-size:10px}.movement-time{font-size:9px}.movement-icon{width:30px;height:30px}.movement-amount{font-size:13px}.dialog-head{padding:19px 18px}.dialog-head h2{font-size:17px}.dialog-body{padding:20px 18px}.detail-grid{gap:18px 14px}.detail-grid dt{font-size:10px}.detail-grid dd{font-size:12px}.dialog-footer{padding:15px 18px}.list-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.intake-notice{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:17px;padding:20px 22px;margin-bottom:24px;background:#edf5ff;border:1px solid #dbe9fc;border-radius:14px;color:#6482aa}.intake-notice strong{display:block;font-size:14px;color:#355983;line-height:1.5}.intake-notice p{font-size:12px;line-height:1.7;margin:5px 0}.intake-notice small{display:block;font-size:11px;line-height:1.6}.intake-notice-icon{width:38px;height:38px;border-radius:11px;background:#deebff;color:#4081d8;display:flex;align-items:center;justify-content:center}.intake-notice-icon svg{width:22px;height:22px}.intake-notice .button{background:#fff;font-size:11px;white-space:nowrap}.intake-unresolved{font-size:11px;color:#9b7146;margin-top:7px}.intake-explanation{margin:0 0 20px}.repair-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.repair-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;padding:5px 8px;border-radius:6px;background:#fff5e8;color:#a27b4c}.repair-status svg{width:14px;height:14px}.repair-status.at-master{background:#eef5ff;color:#5c80b2}.repair-note{font-size:11px;line-height:1.65;color:#8e9fb8;margin:12px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-prices dd.awaiting-intake{font-size:12px;font-weight:500;color:#8b9db6}.repair-product .product-prices{margin-bottom:0}
@media(max-width:1000px){.intake-notice{grid-template-columns:38px minmax(0,1fr)}.intake-notice .button{grid-column:2;justify-self:start}.repair-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.intake-notice{padding:16px 14px;gap:10px;grid-template-columns:28px minmax(0,1fr);border-radius:12px}.intake-notice-icon{width:28px;height:28px;border-radius:8px;align-self:start}.intake-notice-icon svg{width:17px;height:17px}.intake-notice strong{font-size:12px}.intake-notice p{font-size:10px}.intake-notice small{font-size:9px}.intake-notice .button{font-size:10px;padding:9px 11px;min-height:34px}.repair-stats{gap:8px}.repair-stats .stat{padding:13px 10px}.repair-stats .stat .label{min-height:30px;font-size:9px}.repair-stats .stat .label svg{display:none}.repair-stats .stat small{font-size:8px}.repair-note{font-size:10px}.product-prices dd.awaiting-intake{font-size:11px}}

/* Telegram: meaningful copy remains readable at 320px; vertical space is preferable to tiny type. */
@media(max-width:650px){
  .topbar{flex-wrap:wrap;row-gap:10px}.preview-badge{font-size:12px;white-space:normal;line-height:1.5;color:#536d8f}.heading p{font-size:13px;max-width:none;color:#586d88}.snapshot-banner{font-size:13px;color:#49678e}.snapshot-banner strong{font-size:14px}.snapshot-banner small{font-size:12px;color:#5c7392}.stat .label{font-size:12px;color:#586d87;min-height:36px}.stat .label span{overflow-wrap:anywhere}.stat small{font-size:12px;color:#60738e}.stat strong{font-size:29px}.card-header h2{font-size:16px}.card-header small,.card-header button{font-size:12px}.card-header small{color:#60738b}.wallet-name{font-size:14px}.wallet-code{font-size:12px;color:#65768d}.wallet-amount{font-size:16px}.card-foot{font-size:12px;color:#5d708b}.check-item{font-size:13px;color:#5d728f}.check-item strong{font-size:14px}.check-item .count{font-size:12px;color:#586e8b}.section-note{font-size:13px;color:#576b85}.bottom-nav button{font-size:12px;color:#657992;gap:5px}.bottom-nav button.active{color:var(--blue)}.footer{font-size:12px;color:#64758d}.filter{font-size:12px;padding:10px 12px;color:#536b8d}.filter.active{color:#fff}.search input{font-size:14px}.search input::placeholder{color:#708198}.list-caption{font-size:12px;color:#5d718d}.product-title{font-size:14px;color:#263c5b}.product-meta{font-size:12px;color:#61758e}.product-prices dt{font-size:12px;color:#61738b;line-height:1.5}.product-prices dd{font-size:15px}.product-prices dd.cost{color:#5b6f8a}.product-stage{font-size:12px;color:#5c708d}.badge{font-size:12px;color:#5c708d}.badge.warn{color:#8c6334}.movement-title{font-size:14px;color:#3c5577}.movement-desc{font-size:13px;color:#60718a}.movement-time{font-size:12px;color:#677991}.movement-amount{font-size:14px}.detail-grid dt{font-size:12px;color:#60748e}.detail-grid dd{font-size:14px}.detail-note{font-size:13px;color:#536984}.refresh-error{font-size:13px;color:#895f44}.intake-notice strong{font-size:14px}.intake-notice p{font-size:13px;color:#526c8f}.intake-notice small{font-size:12px;color:#5a7190}.intake-notice .button{font-size:12px}.intake-unresolved{font-size:12px;color:#8a6034}.repair-stats{grid-template-columns:1fr;gap:9px}.repair-stats .stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 15px;padding:13px 16px}.repair-stats .stat .label{grid-column:1;font-size:13px;min-height:0;color:#4f6687}.repair-stats .stat strong{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:29px}.repair-stats .stat small{grid-column:1;font-size:12px;margin:0;color:#60738d}.repair-status{font-size:12px}.repair-note{font-size:14px;color:#586b83;line-height:1.65}.product-prices dd.awaiting-intake{font-size:13px;color:#596d86}
}