*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;color:#f2f2f5;background:#14141a;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}button{font-family:inherit}.topnav{z-index:30;background:#101014;border-bottom:1px solid #2a2a33;gap:4px;padding:10px 14px;display:flex;position:fixed;top:0;left:0;right:0}.topnav__tab{font:inherit;color:#8a8a99;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.topnav__tab:hover{color:#eaeaef;background:#1b1b22}.topnav__tab.is-active{color:#1a1408;background:linear-gradient(#f0bd4c,#d99a24)}.topnav__logout{margin-left:auto}.login{background:#14141a;justify-content:center;align-items:center;min-height:100vh;display:flex}.login__card{background:#1b1b22;border:1px solid #2a2a33;border-radius:12px;flex-direction:column;gap:14px;width:320px;padding:28px;display:flex}.login__title{color:#f2f2f5;margin:0 0 6px;font-size:20px;font-weight:700}.login__error{color:#e5484d;margin:0;font-size:13px}.app{background:#14141a;grid-template-columns:380px 1fr;min-height:100vh;padding-top:44px;display:grid}.app--history{display:block}.hint--inline{margin:-6px 0 0}.panel{background:#1b1b22;border-right:1px solid #2a2a33;align-self:start;height:calc(100vh - 44px);padding:24px 22px 40px;position:sticky;top:44px;overflow-y:auto}.panel__title{color:#f2f2f5;margin:0 0 20px;font-size:20px;font-weight:700}.hint{color:#7c7c8a;margin:14px 0 0;font-size:13px;line-height:1.5}.search{position:relative}.search__label{text-transform:uppercase;letter-spacing:.06em;color:#8a8a99;margin-bottom:6px;font-size:12px;display:block}.search__input{color:#f2f2f5;background:#0f0f14;border:1px solid #33333f;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.search__input:focus{border-color:#e0a832;box-shadow:0 0 0 3px #e0a8321f}.search__results{z-index:20;background:#0f0f14;border:1px solid #33333f;border-radius:10px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 40px #00000080}.search__item{cursor:pointer;border-radius:7px;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 10px;display:grid}.search__item.is-active{background:#26262f}.search__model{color:#eaeaef;font-size:14px}.search__storage{color:#7c7c8a;grid-column:1;font-size:12px}.search__price{color:#e0a832;white-space:nowrap;grid-area:1/2/span 2;align-self:center;font-size:14px;font-weight:600}.search__empty{color:#6c6c7a;padding:10px;font-size:13px}.picked{background:#0f0f14;border:1px solid #3a3324;border-left:3px solid #e0a832;border-radius:10px;margin-top:14px;padding:12px 14px}.picked__head{color:#eaeaef;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.picked__price{color:#e0a832;margin-top:4px;font-size:18px;font-weight:700;display:block}.link{font:inherit;color:#8a8a99;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.link:hover{color:#eaeaef}.group{border:0;border-top:1px solid #2a2a33;margin:22px 0 0;padding:16px 0 0}.group:disabled{opacity:.45}.group:disabled input,.group:disabled .select{cursor:not-allowed}.group legend{text-transform:uppercase;letter-spacing:.06em;color:#8a8a99;padding:0 8px 0 0;font-size:12px}.field{margin-bottom:12px;display:block}.field>span{color:#8a8a99;margin-bottom:5px;font-size:12px;display:block}.field input{color:#f2f2f5;background:#0f0f14;border:1px solid #33333f;border-radius:8px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}.field input:hover{border-color:#45454f}.field input:focus{border-color:#e0a832;box-shadow:0 0 0 3px #e0a83224}.field input[type=file]{color:#8a8a99;padding:7px;font-size:12px}.select{color:#f2f2f5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f0f14;border:1px solid #33333f;border-radius:8px;outline:none;width:100%;min-height:37px;padding:9px 36px 9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s;position:relative}.select:hover{border-color:#45454f}.select--disabled{cursor:not-allowed;opacity:.6}.select--disabled:hover{border-color:#33333f}.select:focus,.select--open{border-color:#e0a832;box-shadow:0 0 0 3px #e0a83224}.select__value{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.select__value--placeholder{color:#8a8a99}.select:after{content:"";pointer-events:none;transform-origin:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1.5L5.5 6L10 1.5' stroke='%23e0a832' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/11px 7px no-repeat;width:11px;height:7px;transition:background-image .15s,transform .15s;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.select:hover:after,.select--open:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M1 1.5L5.5 6L10 1.5' stroke='%23f0bd4c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select--open:after{transform:translateY(-50%)rotate(180deg)}.select__menu{z-index:20;opacity:0;transform-origin:top;pointer-events:none;background:#16161c;border:1px solid #33333f;border-radius:10px;max-height:240px;margin:0;padding:6px;list-style:none;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;transform:translateY(-6px)scale(.98);box-shadow:0 12px 28px #00000073,0 2px 6px #0000004d}.select--open .select__menu{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.select__option{color:#f2f2f5;cursor:pointer;border-radius:6px;padding:8px 10px;font-size:14px;transition:background-color .1s}.select__option--highlight{background:#23232c}.select__option--selected{color:#e0a832;font-weight:600}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-row--price{grid-template-columns:1fr 1fr auto}.field-row--price-extra{grid-template-columns:1fr auto}.field-row--payment{grid-template-columns:1.6fr 1fr}.field--narrow{max-width:90px}.with-btn{gap:6px;display:flex}.with-btn button{color:#cfcfd8;cursor:pointer;background:#26262f;border:1px solid #33333f;border-radius:8px;flex:none;width:38px;font-size:15px}.with-btn button:hover{color:#e0a832}.actions{gap:10px;margin-top:26px;display:flex}.btn{color:#eaeaef;cursor:pointer;background:#26262f;border:1px solid #3a3a46;border-radius:10px;flex:1;padding:12px;font-family:inherit;font-size:14px;font-weight:600}.btn:hover:not(:disabled){background:#2f2f3a}.btn--primary{color:#1a1408;background:linear-gradient(#f0bd4c,#d99a24);border-color:#d99a24}.btn--primary:hover:not(:disabled){background:linear-gradient(#f7c95e,#e2a52c)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--add{color:#c9c9d0;background:0 0;border-style:dashed;width:100%;margin-top:4px;padding:10px;font-size:13px}.btn--add:hover:not(:disabled){color:#eaeaef;background:#22222b}.extra-item{background:#17171d;border:1px solid #2a2a33;border-radius:10px;margin-bottom:6px;padding:12px}.extra-item__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.extra-item__label{text-transform:uppercase;letter-spacing:.06em;color:#8a8a99;font-size:11px}.preview{justify-content:center;align-items:flex-start;display:flex;overflow:auto}.receipt{--gold:#e0a832;--gold-soft:#c9982f;color:#fff;background:#0b0b0d url(/background.png) 50%/cover no-repeat;border-radius:6px;flex:none;width:820px;padding:44px 52px 0;position:relative;overflow:hidden;box-shadow:0 30px 70px #0000008c}.receipt__head{justify-content:space-between;align-items:center;gap:48px;padding-bottom:40px;display:flex}.brand{text-align:center}.brand__logo{width:190px;height:auto;display:inline-block}.contacts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.contacts li{color:#e9e9ec;align-items:center;gap:14px;font-size:13px;line-height:1.45;display:flex}.contacts__icon{color:var(--gold);flex:none}.receipt__title{justify-content:space-between;align-items:baseline;padding-bottom:26px;display:flex}.receipt__title h1{white-space:nowrap;flex-shrink:0;margin:0;font-size:24px;font-weight:800}.receipt__number{color:#fff;font-size:22px;font-weight:600}.meta{grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:26px;display:grid}.meta__cell{align-items:flex-start;gap:12px;display:flex}.meta__icon{color:var(--gold);flex:none;margin-top:2px}.meta__label{color:#f2f2f5;font-size:13px;display:block}.meta__value{color:#8f8f98;margin-top:3px;font-size:15px;display:block}.rule{background:var(--gold);border:0;height:1px;margin:0}.rule--summary{margin-top:24px}.product{grid-template-columns:150px 1fr auto;align-items:start;gap:26px;padding:30px 0;display:grid}.product__side{flex-direction:row;justify-content:space-between;align-self:center;align-items:center;min-width:260px;display:flex}.product__photo{justify-content:center;align-items:center;width:150px;height:165px;display:flex;overflow:hidden}.product__photo img{object-fit:contain;width:100%;height:100%}.product__mock{width:88px;height:118px}.product__name{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:14px;display:flex}.product__name h2{white-space:nowrap;margin:0;font-size:22px;font-weight:700}.badge{letter-spacing:-.02em;color:var(--gold-soft);opacity:.8;white-space:nowrap;border-radius:6px;padding:0;font-size:15px;font-weight:200}.specs{flex-direction:column;gap:7px;margin:0;display:flex}.specs>div{gap:8px;font-size:14px;display:flex}.specs dt{color:#8f8f98}.specs dd{color:#eaeaee;margin:0}.product__extra{grid-column:1/-1;grid-template-columns:150px 1fr auto;align-items:center;gap:26px;height:auto;margin-top:4px;display:grid}.product__extra-label{letter-spacing:.04em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.product__extra p{text-align:left;color:#eaeaee;white-space:pre-wrap;overflow-wrap:break-word;grid-column:1/3;place-self:center start;margin:0;font-size:16px;font-weight:600}.product__qty{color:#c9c9d0;white-space:nowrap;font-size:15px}.product__price{color:var(--gold);white-space:nowrap;font-size:24px;font-weight:700}.product__qty--extra{font-size:13px}.product__price--extra{font-size:17px}.keep-row{justify-content:space-between;align-items:center;gap:24px;margin:0 0 20px;display:flex}.product__extra+.totals .keep-row{margin-top:-24px}.badge-feature{letter-spacing:.01em;text-transform:uppercase;color:#8f8f98;white-space:nowrap;align-items:center;gap:10px;font-size:11px;font-weight:600;line-height:1.4;display:flex}.badge-feature svg{color:var(--gold);flex:none}.keep-note{letter-spacing:.02em;text-transform:uppercase;color:#6c6c78;white-space:nowrap;margin:0;font-size:12px}.summary{grid-template-columns:1fr auto;align-items:stretch;gap:40px;min-height:255px;padding:20px 0;display:grid}.totals{flex-direction:column;justify-content:space-between;display:flex}.totals__row{justify-content:space-between;align-items:baseline;padding-bottom:14px;display:flex}.totals__row--big{font-size:19px;font-weight:700}.totals__row--muted{color:#7d7d86;font-size:14px}.totals__due{color:var(--gold);justify-content:flex-end;align-items:center;gap:16px;font-size:20px;font-weight:700;display:flex}.qr{text-align:center}.qr__frame{width:190px;height:190px}.qr__frame img{object-fit:contain;filter:invert();mix-blend-mode:screen;width:100%;height:100%;display:block}.qr p{color:#8f8f98;margin:0;font-size:13px;line-height:1.45}.closing{justify-content:center;align-items:flex-end;gap:28px;padding:32px 0 40px;display:flex}.stamp{background:#fff;border-radius:50%;width:200px;height:200px}.closing__right{flex-direction:column;gap:24px;display:flex}.closing__signatures{gap:28px;display:flex}.signature{flex-direction:column;gap:8px;width:190px;display:flex}.signature__line{background:#fff;height:48px}.signature span{color:#8f8f98;font-size:13px}.closing__thanks{text-align:center}.closing__thanks .thanks__heart{color:var(--gold)}.closing__thanks h3{margin:0;font-size:20px;font-weight:600}.closing__thanks p{color:#8f8f98;margin:0;font-size:14px}.history{background:#14141a;grid-template-columns:340px 1fr;min-height:calc(100vh - 44px);display:grid}.history--empty{text-align:center;justify-content:center;align-items:center;display:flex}.history__list{background:#1b1b22;border-right:1px solid #2a2a33;margin:0;padding:14px;list-style:none;overflow-y:auto}.history__item{cursor:pointer;background:#0f0f14;border:1px solid #2a2a33;border-radius:10px;grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:6px;padding:10px 12px;display:grid;position:relative}.history__item:hover{border-color:#45454f}.history__item.is-active{border-color:#e0a832}.history__item-main{color:#eaeaef;flex-direction:column;gap:2px;font-size:13px;display:flex}.history__item-side{color:#8a8a99;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;display:flex}.history__price{color:#e0a832;font-weight:600}.history__remove{grid-column:1/-1;justify-self:start;margin-top:4px}.history__detail{grid-template-columns:340px 1fr;gap:24px;padding:24px;display:grid;overflow-y:auto}.history__fields h2{color:#f2f2f5;margin:0 0 16px;font-size:16px}.history__dl{flex-direction:column;gap:10px;margin:0 0 20px;display:flex}.history__dl>div{border-bottom:1px solid #2a2a33;justify-content:space-between;gap:12px;padding-bottom:8px;font-size:13px;display:flex}.history__dl dt{color:#8a8a99}.history__dl dd{color:#eaeaef;text-align:right;margin:0}.history__dl-highlight dd{color:#e0a832;font-weight:700}.history__pdf{background:#0f0f14;border:1px solid #2a2a33;border-radius:10px;min-height:70vh;overflow:hidden}.history__pdf iframe{border:0;width:100%;height:100%;min-height:70vh}@media print{html,body{background:#fff;height:auto}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.topnav,.panel{display:none}.app{background:#fff;min-height:0;padding-top:0;display:block}.preview{padding:0;overflow:visible}.receipt{width:100%;box-shadow:none;border-radius:0;padding:34px 40px}.receipt__head{padding-bottom:34px}.receipt__title,.meta{padding-bottom:24px}.product{padding:28px 0}.keep-row{margin-bottom:20px}.closing{gap:28px;padding:28px 0 32px}.stamp,.qr__frame{width:166px;height:166px}.signature__line{height:44px}@page{margin:8mm}}