:root{--auth-navy:#07182d;--auth-navy2:#102946;--auth-gold:#d8aa2b;--auth-gold2:#f2cf67;--auth-ink:#0b1f3a}
.auth-root{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:28px;overflow:auto;background:#07182d}
.auth-root[hidden]{display:none}.auth-backdrop{position:fixed;inset:0;background:radial-gradient(circle at 72% 18%,rgba(216,170,43,.22),transparent 28%),linear-gradient(135deg,rgba(4,14,29,.88),rgba(11,31,58,.78)),url('assets/wolf-step-5.webp') center/cover}
.auth-card{position:relative;width:min(760px,100%);padding:34px 38px 38px;border:1px solid rgba(242,207,103,.35);border-radius:24px;background:rgba(250,252,255,.97);box-shadow:0 30px 90px rgba(0,0,0,.45);color:var(--auth-ink)}.auth-card.narrow{width:min(520px,100%)}
.auth-brand{display:flex;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid #dce2ea}.auth-brand img{width:82px;height:55px;object-fit:contain;background:var(--auth-navy);border-radius:10px;padding:5px}.auth-brand div{display:grid;line-height:1}.auth-brand strong{font:700 17px Montserrat,sans-serif}.auth-brand span{margin-top:5px;color:#a57a0b;font:700 11px Montserrat,sans-serif;letter-spacing:.32em}
.auth-heading{margin:25px 0 20px}.auth-heading.centered{text-align:center}.auth-heading>span,.modal-title>span{color:#a77800;font:700 12px Montserrat,sans-serif;letter-spacing:.18em}.auth-heading h1{margin:7px 0 8px;font:700 clamp(25px,4vw,36px) Montserrat,sans-serif}.auth-heading p{margin:0;color:#607087;font-size:16px;line-height:1.55}
.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:7px;font-weight:700;font-size:14px}.auth-form input,.auth-form select{width:100%;height:50px;border:1px solid #cbd4df;border-radius:11px;background:#fff;padding:0 14px;color:#0b1f3a;font:500 16px Inter,sans-serif;outline:none}.auth-form input:focus,.auth-form select:focus{border-color:var(--auth-gold);box-shadow:0 0 0 3px rgba(216,170,43,.16)}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.password-entry{position:relative}.password-entry input{padding-right:82px}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);height:34px;border:0;border-radius:8px;background:#e8edf3;color:#16304d;padding:0 11px;font-weight:800;cursor:pointer}
.auth-primary,.auth-secondary{min-height:52px;border:0;border-radius:11px;padding:0 18px;font:700 15px Montserrat,sans-serif;cursor:pointer}.auth-primary{background:linear-gradient(135deg,var(--auth-gold2),var(--auth-gold));color:#07182d;box-shadow:0 10px 24px rgba(190,137,0,.25)}.auth-secondary{background:var(--auth-navy);color:#fff}.auth-primary:disabled,.auth-secondary:disabled{opacity:.55;cursor:wait}
.locked-username{display:flex;align-items:center;gap:12px;border:1px solid #d8b756;background:#fff9e8;border-radius:12px;padding:13px 15px}.locked-username small{color:#7d6b39}.locked-username strong{font-size:18px}.locked-username span{margin-left:auto;border-radius:99px;background:var(--auth-navy);color:#fff;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.12em}
.photo-picker{grid-template-columns:62px 1fr!important;grid-template-rows:1fr 1fr;align-items:center;column-gap:13px!important;cursor:pointer}.photo-picker input{display:none}.photo-preview{grid-row:1/3;width:60px;height:60px;border:2px dashed #c59b22;border-radius:50%;display:grid;place-items:center;background:center/cover;color:#b08308;font-size:28px}.photo-picker b{align-self:end}.photo-picker small{align-self:start;color:#8290a2;font-weight:500}.auth-message{padding:12px 14px;border-radius:10px;font-weight:700;font-size:14px}.auth-message.error{background:#fff0f0;color:#a32323;border:1px solid #f0bbbb}.auth-message.success{background:#edfff5;color:#137445;border:1px solid #abe2c5}
.auth-tabs,.admin-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 20px;padding:4px;background:#e9edf2;border-radius:12px}.auth-tabs button,.admin-tabs button{border:0;border-radius:9px;padding:11px;background:transparent;color:#647389;font-weight:800;cursor:pointer}.auth-tabs button.active,.admin-tabs button.active{background:#fff;color:#0b1f3a;box-shadow:0 2px 8px rgba(0,0,0,.1)}.auth-pane{display:none}.auth-pane.active{display:grid}.pending-mark{width:76px;height:76px;margin:28px auto 8px;display:grid;place-items:center;border-radius:50%;background:#eaf8ef;color:#198a4d;font-size:37px;font-weight:800}.auth-loading{display:grid;justify-items:center;gap:18px;padding:50px 0}.auth-loading span{width:40px;height:40px;border:4px solid #dfe5ec;border-top-color:var(--auth-gold);border-radius:50%;animation:authspin .8s linear infinite}@keyframes authspin{to{transform:rotate(360deg)}}
.admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.user-bar{position:fixed;z-index:9000;right:14px;bottom:88px;width:auto;max-width:calc(100% - 28px);display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 9px 7px 8px;border:1px solid rgba(216,170,43,.5);border-radius:16px;background:rgba(7,24,45,.94);box-shadow:0 12px 34px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.user-bar button{border:0;cursor:pointer}.user-identity{display:flex;align-items:center;gap:9px;background:transparent;color:#fff;text-align:left}.user-identity i,.admin-user>i,.profile-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--auth-gold2),var(--auth-gold));display:grid;place-items:center;color:#07182d;font-style:normal;font-weight:800}.user-identity img,.admin-user img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.user-identity span{display:grid}.user-identity small{color:#d8b64e;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.user-identity strong{font-size:13px;white-space:nowrap}.user-bar>div{display:flex;gap:7px}.user-bar>div button{padding:9px 12px;border-radius:9px;background:#203750;color:#fff;font-weight:700}.user-bar>div .bar-gold{background:var(--auth-gold);color:#07182d}
.auth-modal{position:fixed;z-index:11000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(2,10,20,.75);overflow:auto}.auth-modal-card{position:relative;width:min(580px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:20px;background:#f8fafc;padding:28px;color:#0b1f3a;box-shadow:0 30px 90px #0009}.auth-modal-card.wide{width:min(1120px,100%)}.modal-x{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#637187;font-size:30px;cursor:pointer}.modal-title h2{margin:5px 40px 20px 0;font:700 28px Montserrat,sans-serif}.profile-avatar{width:86px;height:86px;margin:auto;font-size:34px}.password-block{margin-top:25px;padding-top:22px;border-top:1px solid #d8dee7}.password-block h3{margin:0}
.admin-content{min-height:260px}.admin-loading{padding:60px;text-align:center}.user-count{margin:5px 0 14px;color:#68778b}.user-count strong{color:#9b7000;font-size:20px}.admin-users{display:grid;gap:10px}.admin-user{display:grid;grid-template-columns:48px minmax(160px,1fr) auto 125px minmax(245px,auto);align-items:center;gap:11px;padding:11px;border:1px solid #dce2e9;border-radius:13px;background:#fff}.admin-user-main{display:grid}.admin-user-main strong{font-size:15px}.admin-user-main small{color:#718096}.status{padding:5px 8px;border-radius:99px;font-size:11px;font-weight:800}.status.pending{background:#fff3cd;color:#8b6500}.status.approved{background:#e5f8ed;color:#137642}.status.rejected,.status.suspended{background:#ffe8e8;color:#a42929}.admin-role{height:36px;border:1px solid #ccd5df;border-radius:8px;background:#fff;padding:0 8px}.admin-actions{display:flex;gap:5px;justify-content:flex-end}.admin-actions button{border:0;border-radius:7px;padding:7px 8px;background:#e8edf3;color:#203750;font-size:11px;font-weight:800;cursor:pointer}.admin-actions .approve{background:#d8aa2b;color:#07182d}.admin-actions .danger{background:#ffe7e7;color:#a82222}.owner-tag{grid-column:4/6;color:#9a7200;font-size:11px;letter-spacing:.12em}.activity-list{display:grid;gap:1px;border:1px solid #dce2e9;border-radius:12px;overflow:hidden}.activity-list>div{display:grid;grid-template-columns:150px 1fr 180px;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #e7ebf0}.activity-list b{color:#768499;font-size:12px;text-align:right}
.admin-user-group{margin:0 0 22px}.admin-user-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:12px 16px;border-left:4px solid var(--auth-gold);border-radius:10px;background:#102946;color:#fff}.admin-user-group-heading h3{margin:0;font:700 16px Montserrat,sans-serif}.admin-user-group-heading span{display:grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border-radius:20px;background:#f2cf67;color:#07182d;font-weight:800}
.bitrix-import{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:18px;border:1px solid #dfd2a6;border-radius:15px;background:#fffaf0}.bitrix-import h3{margin:4px 0;font:700 20px Montserrat,sans-serif}.bitrix-import p{margin:0;color:#66758a}.bitrix-kicker{color:#9a7200;font-size:11px;font-weight:800;letter-spacing:.14em}.bitrix-import .auth-message{grid-column:1/-1}.bitrix-plan-summary{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#526277;font-size:13px}.bitrix-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bitrix-groups>section{min-width:0;border:1px solid #dce2e9;border-radius:14px;background:#fff;overflow:hidden}.bitrix-groups header{padding:13px 15px;background:#0b2038;color:#fff}.bitrix-groups header div{display:flex;justify-content:space-between;gap:12px}.bitrix-groups header small{color:#e4c86f}.bitrix-leads{max-height:430px;overflow:auto}.bitrix-leads article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:9px 12px;border-bottom:1px solid #e8edf2}.bitrix-leads article>b{color:#a77900;font-size:12px}.bitrix-leads article div{display:grid;min-width:0}.bitrix-leads article strong,.bitrix-leads article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bitrix-leads article strong{font-size:13px}.bitrix-leads article small{margin-top:2px;color:#768599;font-size:11px}.bitrix-hold{margin-top:14px;background:#fff5d8;color:#785900;border:1px solid #ead18b}
@media(max-width:760px){.auth-root{padding:12px}.auth-card{padding:24px 18px}.auth-row{grid-template-columns:1fr}.admin-user{grid-template-columns:44px 1fr auto}.admin-role{grid-column:2/4}.admin-actions{grid-column:1/4;flex-wrap:wrap}.owner-tag{grid-column:2/4}.activity-list>div{grid-template-columns:1fr}.activity-list b{text-align:left}.auth-modal{padding:10px}.auth-modal-card{padding:24px 14px}.user-bar{right:7px;bottom:78px;max-width:calc(100% - 14px)}.gateway-content{padding-top:74px}.bitrix-import{grid-template-columns:1fr}.bitrix-import .auth-message{grid-column:1}.bitrix-groups{grid-template-columns:1fr}.bitrix-plan-summary{display:grid}}
.impersonation-banner{position:fixed;z-index:10020;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:10px 12px 10px 18px;border:1px solid rgba(230,180,45,.78);border-radius:14px;background:rgba(8,25,43,.96);box-shadow:0 12px 36px rgba(0,0,0,.32);color:#eef5ff;font:600 14px/1.2 Inter,Arial,sans-serif}.impersonation-banner strong{color:#ffd75a}.impersonation-banner button,.admin-actions .enter-account{border:1px solid rgba(230,180,45,.7);border-radius:9px;background:#d7a920;color:#07182c;font-weight:800;cursor:pointer}.impersonation-banner button{padding:8px 12px}.admin-actions .enter-account{padding:7px 10px}
@media(max-width:700px){.impersonation-banner{top:6px;width:calc(100% - 20px);justify-content:space-between;font-size:12px}}
.admin-user-group{margin-bottom:26px}.admin-user-group-heading{margin-bottom:9px;padding:12px 15px;border:1px solid #dce4ed;border-left:4px solid #d8aa2b;border-radius:11px;background:linear-gradient(100deg,#132c49,#1c3a58);box-shadow:0 7px 20px rgba(7,24,45,.12)}.admin-user-group-heading h3{font-size:15px}.admin-user-group-heading span{min-width:28px;height:25px;font-size:12px}
.admin-language-summary{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;margin:0 0 18px;padding:12px 14px;border:1px solid #e8d8a4;border-radius:10px;background:#fffaf0;color:#34445a;font-size:12px}.admin-language-summary strong{color:#725410;font-size:13px}.admin-user-language{display:grid;gap:4px;max-width:190px;margin-top:5px}.admin-user-language span{color:#66778b;font-size:10px;font-weight:700}.admin-lead-language{height:34px;max-width:100%;padding:0 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#152b45;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.admin-lead-language:disabled{opacity:.55;cursor:default}
.admin-user{grid-template-columns:minmax(190px,1fr) auto 118px minmax(235px,auto) 34px;gap:12px;padding:10px 12px;border-color:#dce5ee;border-radius:12px;background:linear-gradient(115deg,#fff,#fbfcff);box-shadow:0 4px 15px rgba(7,24,45,.035);transition:border-color .18s,box-shadow .18s,transform .18s}.admin-user:hover{border-color:#d8b85a;box-shadow:0 7px 22px rgba(7,24,45,.1)}.admin-user.admin-drop-target{border-color:#d8aa2b;box-shadow:0 0 0 3px rgba(216,170,43,.25);transform:translateY(-2px)}.admin-user-person{display:flex;align-items:center;gap:11px;min-width:0}.admin-user-person>i{flex:none;width:43px;height:43px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f5d675,#d5a824);display:grid;place-items:center;color:#07182d;font-style:normal;font-weight:800}.admin-user-person>i img{width:100%;height:100%;object-fit:cover}.admin-user-main{min-width:0;gap:3px}.admin-user-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#112944;font-size:14px}.admin-user-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.admin-user-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-rank{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 8px;border:1px solid #cbd3db;border-radius:8px;background:#edf0f3;color:#354356;font-size:11px;font-weight:900;white-space:nowrap}.admin-rank small{font-size:8px;letter-spacing:.1em;opacity:.72}.admin-rank[data-tier="bronze"]{border-color:#cd9b74;background:#fff0e4;color:#784528}.admin-rank[data-tier="silver"]{border-color:#abb8c9;background:#f0f4fa;color:#46617e}.admin-rank[data-tier="gold"]{border-color:#e7c463;background:#fff6d8;color:#805600}.admin-rank[data-tier="platinum"]{border-color:#8ccdc5;background:#e9faf6;color:#24675e}.admin-rank[data-tier="emerald"]{border-color:#86d9a3;background:#e8faef;color:#1f7541}.admin-rank[data-tier="diamond"]{border-color:#8ac9e5;background:#e9f8ff;color:#286c89}.admin-rank[data-tier="master"],.admin-rank[data-tier="grandmaster"]{border-color:#b5a0da;background:#f4edff;color:#62449a}.admin-rank[data-tier="challenger"]{border-color:#e5bd43;background:#fff5ca;color:#805800}.admin-user .status{padding:5px 7px;font-size:10px}.admin-role{width:100%;height:35px;font-size:12px;font-weight:700}.admin-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.admin-actions button{min-height:30px;padding:5px 7px;border-radius:7px;font-size:10px;transition:filter .15s,transform .15s}.admin-actions button:hover{filter:brightness(.94);transform:translateY(-1px)}.admin-order-controls{display:grid;grid-template-columns:1fr 1fr;gap:2px;justify-self:end;align-self:center;width:34px}.admin-order-controls button{width:16px;height:20px;padding:0;border:1px solid #d7dfe8;border-radius:5px;background:#f5f8fb;color:#193552;font-size:13px;font-weight:800;cursor:pointer}.admin-order-controls button:disabled{opacity:.32;cursor:default}.admin-drag-handle{grid-column:1/-1;display:grid;place-items:center;height:20px;border-radius:5px;color:#97700b;font-size:13px;line-height:1;letter-spacing:-2px;cursor:grab}.admin-drag-handle:active{cursor:grabbing}.owner-tag{grid-column:3/5}.admin-user-group.saving{opacity:.7;pointer-events:none}
@media(max-width:1100px){.admin-user{grid-template-columns:minmax(200px,1fr) auto 115px 34px}.admin-actions{grid-column:1/4;justify-content:flex-start}.admin-order-controls{grid-column:4;grid-row:1/3}.owner-tag{grid-column:3}}
@media(max-width:700px){.admin-user{grid-template-columns:minmax(0,1fr) auto;gap:9px}.admin-user-person{grid-column:1}.admin-user-badges{grid-column:1/3;grid-row:2}.admin-role,.owner-tag{grid-column:1/3;grid-row:auto}.admin-actions{grid-column:1/3;grid-row:auto;justify-content:flex-start}.admin-order-controls{grid-column:2;grid-row:1}.admin-user-main strong,.admin-user-main small{white-space:normal}}