@font-face{font-family:"HN GEO";src:url(/assets/fonts/HelveticaNeueLTGEOW82-55Rm.c94f8824.woff2) format("woff2");font-weight:400}
@font-face{font-family:"HN GEO";src:url(/assets/fonts/HelveticaNeueLTGEOW82-75Bd.95f09d26.woff2) format("woff2");font-weight:700}
*{box-sizing:border-box}
body{margin:0;font-family:"HN GEO",Arial,sans-serif;background:#f4efe7;color:#1a1714;display:flex;min-height:100vh;font-size:14.5px}
a{color:inherit;text-decoration:none}
.side{width:240px;background:#14110f;color:#f1eadf;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex:none}
.side__brand{display:flex;align-items:center;gap:10px;padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}
.side__brand span{width:26px;height:32px;color:#c9a24d}.side__brand svg{width:100%;height:100%}
.side nav{display:grid;gap:2px}
.side nav a{padding:11px 14px;border-radius:10px;color:rgba(241,234,223,.7);display:flex;justify-content:space-between}
.side nav a:hover,.side nav a.on{background:rgba(241,234,223,.08);color:#fff}
.side nav em{font-style:normal;background:#b8282a;color:#fff;border-radius:10px;padding:0 8px;font-size:12px;line-height:20px}
.side__foot{margin-top:auto;display:grid;gap:4px;font-size:13px}.side__foot a{padding:8px 14px;color:rgba(241,234,223,.55)}
.main{flex:1;padding:34px 40px;min-width:0}
h1{margin:0 0 24px;font-size:28px}
.alert{background:#e3efe6;color:#174b2c;padding:12px 16px;border-radius:10px;margin-bottom:18px}
.alert--err{background:#f7e1df;color:#8a1d1d}
.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat{background:#fff;border-radius:14px;padding:20px}.stat span{color:#7a7068;font-size:13px}.stat b{display:block;font-size:30px;margin-top:6px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eee5d8;vertical-align:middle}
th{font-size:12px;color:#7a7068;font-weight:400;background:#faf6f0}
td img{width:52px;height:52px;object-fit:cover;border-radius:8px}
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;background:#14110f;color:#fff;border:0;font:inherit;cursor:pointer}
.btn--gold{background:#c9a24d;color:#14110f}.btn--sm{padding:6px 12px;font-size:13px}.btn--red{background:#b8282a}.btn--ghost{background:transparent;color:#14110f;border:1px solid #d8cdbc}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px;flex-wrap:wrap}
.f{display:grid;gap:16px}
.f label{display:grid;gap:6px;font-size:13px;color:#5a514a}
.f input,.f textarea,.f select{padding:11px 13px;border:1px solid #d8cdbc;border-radius:10px;font:inherit;background:#fff;width:100%}
.f textarea{min-height:120px;resize:vertical}
.f .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.f .chk{display:flex;align-items:center;gap:8px;flex-direction:row}.f .chk input{width:auto}
.imgs{display:flex;flex-wrap:wrap;gap:12px}
.imgs label{position:relative;width:120px;display:block}
.imgs img{width:120px;height:120px;object-fit:cover;border-radius:10px;display:block}
.imgs span{display:flex;gap:6px;align-items:center;font-size:12px;margin-top:4px}
.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;background:#eee5d8}
.pill--new{background:#b8282a;color:#fff}.pill--confirmed{background:#c9a24d}.pill--shipped{background:#3aa7b9;color:#fff}.pill--done{background:#173326;color:#fff}
.login{margin:auto;width:min(380px,92vw)}
.login .card{padding:34px}
.muted{color:#7a7068}
@media(max-width:860px){body{flex-direction:column}.side{width:100%;height:auto;position:static}.side nav{grid-auto-flow:column;overflow:auto}.side__foot{display:none}.main{padding:22px 16px}.stats{grid-template-columns:1fr 1fr}table{display:block;overflow:auto}}

.tabs{display:flex;gap:6px;border-bottom:1px solid #e6dccb}
.tab{padding:10px 16px;border:0;background:none;font:inherit;cursor:pointer;border-bottom:2px solid transparent;color:#7a7068}
.tab.on{border-color:#c9a24d;color:#14110f;font-weight:700}
.pane{display:none;gap:16px}.pane.on{display:grid}
.tri{display:grid;gap:12px}.tri--3{grid-template-columns:repeat(3,1fr);padding:14px;border:1px solid #eee5d8;border-radius:12px}
.lb{font-style:normal;font-size:11px;background:#14110f;color:#c9a24d;border-radius:6px;padding:1px 6px;margin-left:4px}
@media(max-width:900px){.tri--3{grid-template-columns:1fr}}

/* login */
.login-page{background:#14110f;color:#f1eadf;display:block}
.lg{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}
.lg__art{position:relative;overflow:hidden;isolation:isolate}
.lg__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:kb 24s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.12) translate(-2%,-2%)}}
.lg__art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,17,15,.55),rgba(20,17,15,.15) 40%,rgba(20,17,15,.92)),linear-gradient(90deg,transparent 60%,#14110f)}
.lg__ring{position:absolute;left:-12%;bottom:-18%;width:70%;aspect-ratio:1;background:#c9a24d;opacity:.18;-webkit-mask:url(/assets/img/borjgali.svg) center/contain no-repeat;mask:url(/assets/img/borjgali.svg) center/contain no-repeat;animation:spin 80s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.lg__brand{position:absolute;left:48px;top:44px;display:flex;align-items:center;gap:14px}
.lg__brand span{width:40px;height:48px;color:#c9a24d}.lg__brand svg{width:100%;height:100%}
.lg__brand b{display:block;font-size:19px}.lg__brand small{font-size:10px;letter-spacing:.32em;color:#c9a24d}
.lg__quote{position:absolute;left:48px;right:48px;bottom:56px}
.lg__quote em{display:block;font-style:normal;font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.15;margin-bottom:10px}
.lg__quote span{color:rgba(241,234,223,.65);letter-spacing:.04em}
.lg__main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;gap:40px;background:radial-gradient(60% 50% at 70% 20%,rgba(184,40,42,.16),transparent 70%),radial-gradient(50% 50% at 30% 100%,rgba(23,51,38,.55),transparent 70%)}
.lg__form{width:min(400px,100%);display:grid;gap:16px;animation:rise .8s cubic-bezier(.2,.7,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
.lg__mark{width:46px;height:56px;color:#c9a24d;margin-bottom:6px}.lg__mark svg{width:100%;height:100%}
.lg__form h1{font-size:30px;line-height:1.15;margin:0;color:#f1eadf}
.lg__sub{margin:-6px 0 10px;color:rgba(241,234,223,.55)}
.lg__err{padding:12px 16px;border-radius:12px;background:rgba(184,40,42,.15);border:1px solid rgba(184,40,42,.45);color:#ffb3ad;font-size:14px}
.lg__field{position:relative;display:grid;gap:8px;font-size:13px;color:rgba(241,234,223,.7)}
.lg__field i{position:absolute;left:16px;bottom:15px;width:20px;height:20px;color:#c9a24d;pointer-events:none}
.lg__field i svg{width:100%;height:100%}
.lg__field input{width:100%;padding:15px 48px 15px 48px;border-radius:14px;border:1px solid rgba(241,234,223,.14);background:rgba(241,234,223,.05);color:#f1eadf;font:inherit;font-size:15.5px;transition:.25s}
.lg__field input:focus{outline:0;border-color:#c9a24d;background:rgba(241,234,223,.08);box-shadow:0 0 0 4px rgba(201,162,77,.15)}
.lg__eye{position:absolute;right:10px;bottom:9px;width:36px;height:36px;border:0;border-radius:10px;background:none;color:rgba(241,234,223,.5);cursor:pointer;padding:8px}
.lg__eye.on,.lg__eye:hover{color:#c9a24d;background:rgba(241,234,223,.06)}
.lg__eye svg{width:100%;height:100%}
.lg__btn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:16px;border:0;border-radius:14px;background:#c9a24d;color:#14110f;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:.3s}
.lg__btn svg{width:18px;height:18px;transition:.3s}
.lg__btn:hover{background:#e2c27a;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(201,162,77,.6)}
.lg__btn:hover svg{transform:translateX(4px)}
.lg__back{text-align:center;font-size:13.5px;color:rgba(241,234,223,.5)}.lg__back:hover{color:#c9a24d}
@media(max-width:900px){.lg{grid-template-columns:1fr}.lg__art{min-height:220px}.lg__quote{display:none}.lg__brand{left:24px;top:24px}.lg__art::after{background:linear-gradient(180deg,rgba(20,17,15,.4),#14110f)}}

/* credits */
.credits{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.credits__ge,.credits__by{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;border:1px solid rgba(241,234,223,.12);font-size:12.5px;color:rgba(241,234,223,.65);transition:.3s}
.credits__flag{display:inline-flex;width:20px;height:14px;border-radius:3px;overflow:hidden}.credits__flag svg{width:100%;height:100%}
.heart{color:#d8433f;display:inline-block;animation:beat 1.6s infinite}
@keyframes beat{0%,60%,100%{transform:scale(1)}20%{transform:scale(1.25)}}
.credits__by img{height:20px;width:auto}
.credits__by:hover{border-color:#3B5BFF;background:rgba(59,91,255,.12);color:#fff}
.credits--side{flex-direction:column;align-items:stretch;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.credits--side .credits__ge,.credits--side .credits__by{justify-content:center;font-size:11.5px}
.side__me{display:block;padding:10px 14px!important;border-radius:10px;background:rgba(241,234,223,.05);margin-bottom:6px}
.side__me b{display:block;color:#f1eadf;font-size:13.5px}.side__me small{font-size:11.5px;color:#c9a24d}
.side__me.on{outline:1px solid #c9a24d}

/* users / profile */
.pw{display:flex;gap:8px}
.perm-box{display:grid;gap:10px;padding:16px;border:1px solid #eee5d8;border-radius:12px}
.owner{padding:12px;border-radius:10px;background:#faf6f0}
.perms{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;transition:.3s}
.perms.dim{opacity:.35;pointer-events:none}
.perm{display:flex!important;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d8cdbc;border-radius:10px;cursor:pointer;color:#1a1714!important;transition:.2s}
.perm input{width:auto!important}
.perm:has(input:checked){border-color:#c9a24d;background:#fbf5e8}
.profile{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:start}
.avatar{width:72px;height:72px;border-radius:50%;background:#173326;color:#c9a24d;display:grid;place-items:center;font-size:30px;font-weight:700}
.meter{height:6px;border-radius:3px;background:#eee5d8;overflow:hidden;margin-top:-8px}.meter span{display:block;height:100%;width:0;transition:.3s}
@media(max-width:860px){.profile{grid-template-columns:1fr}.side .credits--side{display:none}}
.credits__ge,.credits__by{white-space:nowrap;flex-shrink:0}

/* unified auth */
.lg__main{position:relative}
.lg__langs{position:absolute;top:24px;right:24px;display:flex;gap:2px;padding:4px;border:1px solid rgba(241,234,223,.14);border-radius:999px}
.lg__langs a{padding:6px 11px;border-radius:999px;font-size:12px;color:rgba(241,234,223,.6)}
.lg__langs a.on{background:#c9a24d;color:#14110f}
.lg__tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:rgba(241,234,223,.06);margin-bottom:4px}
.lg__tabs a{text-align:center;padding:11px;border-radius:11px;font-weight:500;color:rgba(241,234,223,.6);transition:.3s}
.lg__tabs a.on{background:#f1eadf;color:#14110f}
.lg__fields{display:grid;gap:16px}
.lg__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg__switch{text-align:center;margin:0;font-size:14px;color:rgba(241,234,223,.55)}
.lg__switch a{color:#c9a24d;font-weight:500}
.lg__form{width:min(440px,100%)}
body.lang-ru{font-family:"HN GEO",Inter,Arial,sans-serif}
@media(max-width:520px){.lg__row{grid-template-columns:1fr}.lg__langs{top:14px;right:14px}}

/* orders */
.pill--making{background:#e8d6b0}.pill--ready{background:#d8c27a}.pill--delivered{background:#173326;color:#fff}.pill--cancelled{background:#7a7068;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.otrack{display:flex;gap:0;margin-bottom:22px;background:#fff;border-radius:14px;padding:18px;overflow:auto}
.otrack div{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;font-size:12.5px;color:#7a7068;text-align:center}
.otrack div::before{content:"";position:absolute;top:16px;left:-50%;right:50%;height:3px;background:#eee5d8;z-index:0}
.otrack div:first-child::before{display:none}
.otrack i{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;background:#eee5d8}
.otrack .done i,.otrack .cur i{background:#173326;color:#c9a24d}
.otrack .done::before,.otrack .cur::before{background:#173326}
.otrack .cur i{box-shadow:0 0 0 5px rgba(201,162,77,.35)}
.otrack .cur{color:#14110f;font-weight:700}
.otrack.x{opacity:.45}
.ogrid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
.olog{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.olog li{padding-left:14px;border-left:2px solid #eee5d8}
.olog p{margin:6px 0 0;background:#faf6f0;padding:8px 10px;border-radius:8px}
@media(max-width:1000px){.ogrid{grid-template-columns:1fr}}
.lg__quote em{font-size:clamp(22px,2.3vw,34px)}
.opt{font-size:11px;color:rgba(241,234,223,.4);font-weight:400}