/* Tavarov website companion. Layout and presentation only. */
:root,:root[data-appearance=light]{--p:#7850dc;--p2:#6b42cf;--p-soft:#ece5f9;--ink:#24212c;--muted:#77717f;--line:#e6e1ed;--bg:#f7f6fa;--card:#fffffff0;--side:#fbfafdd9;--key:#fff;--keyh:#f2edf9;--ok:#20855b;--ok-soft:#e5f3eb;--warn:#956417;--warn-soft:#fff3df;--bad:#bd3d4d;--bad-soft:#fdecef;--shadow:0 5px 30px #39294e04,inset 0 1px 0 #fff;--scene:radial-gradient(ellipse at 85% 0%,#eae1f940,transparent 48%),linear-gradient(135deg,#faf9fc,#f5f3f9);color-scheme:light}
:root[data-appearance=dark]{--p:#b699ff;--p2:#c3adff;--p-soft:#b394f322;--ink:#efecf5;--muted:#aaa2b6;--line:#ffffff15;--bg:#17151e;--card:#25212ceb;--side:#211d28c9;--key:#ffffff06;--keyh:#ffffff0e;--ok:#77d6a5;--ok-soft:#244335;--warn:#f4cc8a;--warn-soft:#4b3d25;--bad:#f7a2ad;--bad-soft:#4a2931;--shadow:0 7px 35px #00000008,inset 0 1px 0 #ffffff06;--scene:radial-gradient(ellipse at 85% 0%,#68508017,transparent 55%),linear-gradient(135deg,#1c1822,#18151e);color-scheme:dark}
body{background:var(--scene);font-size:14px;font-feature-settings:'cv11','ss03';letter-spacing:-.015em}.mark,.brand.big .mark{background:transparent url('brand-mark.svg') center/contain no-repeat;border-radius:0;box-shadow:none}.mark:before,.mark:after{display:none}.brand .mark{width:27px;height:27px}.brand.big .mark{width:32px;height:32px}.brand.big b{font-size:18px;letter-spacing:-.6px}.brand b{font-weight:600;letter-spacing:-.5px}.brand small{font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.brand.big small{font-size:11px}.brand{gap:12px}
.app{grid-template-columns:216px minmax(0,1fr)}.side{padding:35px 16px 22px;gap:33px;background:var(--side);border-right:1px solid var(--line);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4)}.side .brand{padding:0 9px}.side nav{gap:6px}.nav{height:46px;border-radius:14px;font-size:12px;font-weight:500;padding:0 13px;border:1px solid transparent}.nav svg{height:18px;width:18px;stroke-width:1.6}.nav.on{background:var(--p-soft);color:var(--p);border-color:transparent}.nav.on svg{color:var(--p)}.nav:hover{background:var(--keyh)}.side-foot{gap:13px}.chip{font-size:10px;letter-spacing:.03em;font-weight:500;height:23px}
main{padding:29px 32px 32px;min-width:0}.workspace-header{background:var(--side);border:1px solid #ffffff80;border-radius:22px;padding:16px 22px;min-height:74px;gap:18px;margin-bottom:24px;box-shadow:var(--shadow);backdrop-filter:blur(25px) saturate(1.5);-webkit-backdrop-filter:blur(25px) saturate(1.5)}:root[data-appearance=dark] .workspace-header{border-color:var(--line)}.workspace-title{font-size:24px;font-weight:600;letter-spacing:-1px;line-height:1.2}.workspace-controls{gap:12px;align-items:center}.workspace-controls .pick{gap:7px}.appearance-switch{border-radius:100px;padding:3px;background:var(--key);gap:2px}.appearance-switch button{width:31px;height:30px;border-radius:100px}.appearance-switch button[aria-pressed=true]{background:var(--p-soft);color:var(--p)}.appearance-switch svg{width:14px;height:14px}
.seg{border-radius:100px;background:var(--key);padding:3px;gap:1px;border:1px solid var(--line)}.seg button{border-radius:100px;font-size:11px;font-weight:500;height:30px;padding:0 12px}.seg.mini button{height:29px;font-size:10px;padding:0 11px}.seg button.on{background:var(--p-soft);color:var(--p);box-shadow:none}
.till{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:23px}.card{border:1px solid var(--line);border-radius:24px;padding:25px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.pad-card{background:transparent;border:0;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}#amtLbl{padding:23px 27px 0;border-radius:23px 23px 0 0;font-size:11px;font-weight:500;color:var(--muted);background:var(--card)}.amount{font-size:clamp(54px,5vw,76px);font-weight:550;letter-spacing:-3.5px;padding:9px 27px 25px;min-height:112px;border-radius:0 0 23px 23px;margin-bottom:18px;background:var(--card)}.amount .cur{font-size:18px;font-weight:450;letter-spacing:-.5px;color:var(--muted)}.amount.zero #amtVal{color:var(--ink);opacity:1}.note{height:49px!important;border-radius:15px!important;margin-bottom:18px;font-size:12px;background:var(--card)!important}.note::placeholder{color:var(--muted);opacity:.9}.pad{gap:9px;margin-bottom:18px}.pad button{height:clamp(60px,8vh,80px);border-radius:15px;border:1px solid var(--line);background:var(--key);font-size:25px;font-weight:450;box-shadow:0 3px 14px #34204702,inset 0 1px 0 #ffffff18}.pad button:hover{background:var(--keyh)}.pad button:active{background:var(--p-soft);color:var(--p)}.pad-card .row{gap:9px}.pad-card .row .btn{height:48px;font-size:12px;border-radius:100px}.pad-card #chargeBtn{min-width:135px}.btn{font-size:12px;font-weight:500;border-radius:100px;box-shadow:none;height:43px;padding:0 20px}.btn.primary{background:#7850dc;box-shadow:0 5px 15px #7041c214;color:#fff;border:1px solid transparent}.btn.primary:hover{background:#6a41ce}.btn.primary:disabled{opacity:.45}.btn.ghost{border:1px solid var(--line);background:var(--key)}.btn.ghost:hover{background:var(--keyh)}.btn.small{border-radius:100px;font-size:11px}.link{font-weight:500;font-size:12px;text-decoration:none}.link:hover{text-decoration:underline}kbd{font-size:9px;font-weight:400;padding:0 4px;border-radius:4px}
h3{font-size:11px;font-weight:500;letter-spacing:0}.side-card .stat{padding:20px 0 24px;margin-bottom:24px}.side-card .stat small{font-size:11px;color:var(--muted)}.side-card .stat b{font-size:clamp(26px,3vw,39px);letter-spacing:-1.7px;font-weight:550;margin-top:11px}.fine,.quick-hint{font-size:11px;line-height:1.75;color:var(--muted)}.list li{padding:18px 0;line-height:1.5}.list li b{font-weight:500;font-size:13px}.list li small{font-size:10px}.quick button{border-radius:13px;font-size:12px;background:var(--key)}.quick button:hover{background:var(--p-soft)}.table th{font-size:10px;font-weight:500;letter-spacing:0}.table td{font-size:12px}.table-wrap{border:1px solid var(--line);border-radius:18px}.table{min-width:620px}.toolbar{margin-bottom:24px}.toolbar input{border-radius:100px}.settings{gap:20px}.settings .lbl{font-size:11px}.settings input,.settings select{font-size:12px;border-radius:13px}.settings h2{font-size:19px;letter-spacing:-.6px}
.setup{padding:45px 22px;overflow:auto;align-items:center;min-height:100%;height:100%;position:relative;background:radial-gradient(ellipse at 65% 30%,#e6dcf944,transparent 50%)}:root[data-appearance=dark] .setup{background:none}.setup-card{max-width:610px;width:100%;padding:42px 45px;border:1px solid var(--line);background:var(--card);border-radius:30px;box-shadow:0 15px 65px #44305607,inset 0 1px 0 #fff4;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.back-to-site{display:inline-flex;font-size:10px;color:var(--muted);text-decoration:none;margin-bottom:30px}.back-to-site:hover{color:var(--p)}.setup-card h1{font-size:42px;font-weight:600;letter-spacing:-2px;line-height:1.08;margin:31px 0 19px;max-width:420px}.setup-card .muted{font-size:14px;line-height:1.8;color:var(--muted)}.steps{list-style:none;counter-reset:setup;display:grid;gap:20px;margin:30px 0}.steps li{counter-increment:setup;position:relative;padding-left:32px;font-size:12px;line-height:1.8;color:var(--muted)}.steps li:before{content:counter(setup,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:10px;color:#9c7ec4;font-variant-numeric:tabular-nums}.steps li .link{display:block;margin-top:7px;font-size:11px}.setup-card .row{gap:10px}.setup-card input{font-size:12px;border-radius:100px!important;height:46px!important;padding:0 20px;background:var(--key)!important}.setup-card .row .btn{height:46px;flex-shrink:0;padding:0 22px}.setup .fine{font-size:10px;line-height:1.8;margin-top:19px;opacity:.9}.setup .err{font-size:12px}.pay-qr{border-radius:24px;background:#fff!important;box-shadow:0 9px 35px #29203808}.pay-amount b{font-weight:550;letter-spacing:-2.5px}.pay-note{font-size:14px;color:var(--muted)}.modal-card{border-radius:24px;background:var(--card)}.modal{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
@media(max-width:1150px){.app{grid-template-columns:190px minmax(0,1fr)}.side{padding-left:13px;padding-right:13px}.side .brand{padding:0 4px}.brand b{font-size:14px}main{padding:24px}.workspace-header{padding:15px 19px;gap:15px}.till{gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(235px,.9fr)}.workspace-controls{gap:9px}.side-card{padding:22px}.seg.mini button{padding:0 8px}}
@media(max-width:920px){.till{grid-template-columns:minmax(0,1fr)}.workspace-header{align-items:flex-start;flex-wrap:wrap}.workspace-controls{justify-content:flex-start}.side-card .stat{padding-top:7px}.side-card{min-height:230px}.pay-qr{max-width:360px}}
@media(max-width:620px){.app{grid-template-columns:1fr}.side{padding:14px 16px 11px;gap:15px;background:var(--side);border-bottom:1px solid var(--line)}.side .brand{padding:0}.side nav{gap:5px}.nav{height:48px;padding:6px 4px;gap:5px;border-radius:13px;font-size:9px}.nav svg{width:17px;height:17px}.side .brand b{font-size:14px}.side .brand small{font-size:9px;margin-top:2px}.side .mark{width:25px;height:25px}main{padding:19px 15px 30px}.workspace-header{border-radius:20px;padding:17px;gap:16px;min-height:0;margin-bottom:19px}.workspace-title{font-size:25px;letter-spacing:-1px}.workspace-controls{gap:8px;flex-wrap:wrap}.workspace-controls .pick{gap:5px;flex-wrap:wrap}.seg.mini button{font-size:10px;padding:0 9px;height:28px}.appearance-switch button{width:29px;height:28px}.till{gap:20px}.amount{font-size:63px;min-height:103px;letter-spacing:-3px;padding:8px 23px 24px}#amtLbl{padding:21px 23px 0}.amount .cur{font-size:17px}.pad{gap:8px}.pad button{height:62px;font-size:24px;border-radius:14px}.pad-card .row .btn{font-size:10px;height:45px;padding:0 13px}.pad-card #chargeBtn{min-width:100px}.side-card{padding:24px}.card{border-radius:21px}.setup{padding:22px 14px;display:block;min-height:100%;height:100%;overflow:auto}.setup-card{border-radius:26px;padding:29px 26px;margin:auto;max-width:540px}.back-to-site{margin-bottom:25px}.setup-card h1{font-size:37px;letter-spacing:-1.8px;margin-top:27px}.setup-card .muted{font-size:13px}.steps{margin:26px 0;gap:18px}.steps li{font-size:11px;padding-left:28px}.setup-card .row{flex-wrap:wrap}.setup-card .row input{flex:1 1 100%;width:100%}.setup-card .row .btn{width:100%;height:44px}.setup .fine{font-size:9px;line-height:1.9}.pay-info .row{gap:10px}.pay-info .btn{font-size:11px}.toolbar .seg{max-width:100%}.settings .card{padding:23px}.table-wrap{max-width:100%}}
@media(max-width:350px){.setup-card{padding:26px 21px}.setup-card h1{font-size:32px}.workspace-header{padding:15px}.seg.mini button{padding:0 7px;font-size:9px}.workspace-controls .pick{gap:4px}.pad-card .row{gap:6px}.pad-card .row .btn{padding:0 10px;font-size:9px}}
@media(prefers-reduced-transparency:reduce){.workspace-header,.side,.setup-card,.card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}}