/* Undisputed Development v3.4 - scoped, non-destructive visual system */
:root{--ud-accent:#78aaff;--ud-border:#2b405f;--ud-glass:rgba(10,19,35,.88);--ud-radius:16px}
html{scroll-padding-top:110px}body{overflow-x:hidden}body.ud-v34{background:#070c16;color:#eef4ff}
body.ud-v34>.header,body.ud-v34>header.header{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:900!important;box-sizing:border-box!important;width:100%!important;max-width:none!important;min-height:92px!important;margin:0!important;padding:12px max(24px,calc((100vw - 1240px)/2))!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:clamp(14px,2vw,30px)!important;flex-wrap:nowrap!important;background:rgba(9,16,30,.95)!important;border-bottom:1px solid rgba(105,152,221,.16)!important;transition:background .25s,box-shadow .25s,border-color .25s!important}
body.ud-v34>.header.ud-scrolled{background:var(--ud-glass)!important;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 16px 45px rgba(0,0,0,.25);border-color:rgba(105,152,221,.27)!important}
body.ud-v34>.header>.brand{position:static!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:none!important;margin:0!important;padding:4px 0!important;transform:none!important}
body.ud-v34>.header .brand-logo{display:block!important;width:clamp(122px,12vw,158px)!important;height:auto!important;max-height:78px!important;object-fit:contain!important;transform:none!important}
body.ud-v34>.header>nav{position:static!important;display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(14px,2.4vw,32px)!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
body.ud-v34>.header>nav a{position:relative;display:inline-flex;align-items:center;width:auto!important;white-space:nowrap!important;padding:10px 2px;color:#b6c5db!important;font-weight:650;text-decoration:none!important;transition:color .2s}
body.ud-v34>.header>nav a::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;background:linear-gradient(90deg,#478aff,#a5c7ff);border-radius:9px;transform:scaleX(0);transform-origin:left;transition:transform .22s}
body.ud-v34>.header>nav a:hover,body.ud-v34>.header>nav a[aria-current="page"]{color:#fff!important}
body.ud-v34>.header>nav a:hover::after,body.ud-v34>.header>nav a[aria-current="page"]::after{transform:scaleX(1)}
body.ud-v34>.header>.header-actions{position:static!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;width:auto!important;margin:0!important;transform:none!important}
body.ud-v34>.header>.header-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;white-space:nowrap!important}
body.ud-v34 .nav-cta,body.ud-v34 .auth-link,body.ud-v34 .button,body.ud-v34 button:not(.ud-menu-toggle):not(.ud-menu-close),body.ud-v34 input[type=submit]{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s,filter .2s}
@media(hover:hover){body.ud-v34 .nav-cta:hover,body.ud-v34 .auth-link:hover,body.ud-v34 .button:hover,body.ud-v34 button:not(.ud-menu-toggle):not(.ud-menu-close):not(:disabled):hover,body.ud-v34 input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(29,99,220,.17)}}
body.ud-v34 :is(a,button,input,select,textarea):focus-visible{outline:2px solid #8bb8ff!important;outline-offset:3px!important}
body.ud-v34 :is(input:not([type=checkbox]):not([type=radio]),textarea,select){max-width:100%;border-radius:10px}
body.ud-v34 :is(.service-card,.product-card,.auth-panel,.project-card,.ticket-card,.admin-card,.stat-card){transition:border-color .25s,box-shadow .25s,transform .25s}
@media(hover:hover){body.ud-v34 :is(.service-card,.product-card,.project-card,.ticket-card):hover{transform:translateY(-3px);border-color:rgba(118,168,255,.45);box-shadow:0 20px 42px rgba(0,0,0,.18)}}
body.ud-v34 :is(.admin-wrap,.account-wrap,.shop-wrap,.projects-wrap,.support-wrap){padding-top:clamp(30px,4vw,60px);padding-bottom:70px}
body.ud-v34 :is(.admin-tabs,.auth-tabs){gap:8px;max-width:100%;overflow-x:auto;scrollbar-width:thin}
body.ud-v34 :is(table){max-width:100%}
body.ud-v34 :is(.admin-wrap,.account-wrap,.shop-wrap,.projects-wrap,.support-wrap) :is(h1,h2){text-wrap:balance}
/* Mobile drawer is controlled by external JS; no inline handlers */
.ud-menu-toggle{display:none;flex:0 0 auto;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:1px solid #385579;border-radius:11px;background:#16263d;color:#e9f3ff;cursor:pointer}
.ud-menu-toggle span{display:block;width:19px;height:2px;background:currentColor;border-radius:3px}
.ud-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:950;opacity:0;pointer-events:none;transition:opacity .2s}
.ud-menu-overlay.is-open{opacity:1;pointer-events:auto}
.ud-menu-drawer{position:fixed;z-index:960;top:0;right:0;bottom:0;width:min(88vw,350px);padding:22px;background:#101c30;border-left:1px solid #36537c;box-shadow:-18px 0 65px #0008;transform:translateX(105%);visibility:hidden;transition:transform .24s,visibility .24s;overflow-y:auto}
.ud-menu-drawer.is-open{transform:translateX(0);visibility:visible}
.ud-menu-drawer .ud-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px;color:#e9f2ff;font-weight:800}
.ud-menu-close{width:38px;height:38px;background:#1d304d;border:1px solid #3b567a;border-radius:10px;color:#fff;cursor:pointer;font-size:24px}
.ud-menu-drawer nav,.ud-menu-drawer .ud-drawer-actions{display:flex;flex-direction:column;gap:8px}
.ud-menu-drawer a{display:flex;align-items:center;min-height:46px;padding:12px 14px;border:1px solid transparent;border-radius:10px;color:#d9e5f8;text-decoration:none;font-weight:650}
.ud-menu-drawer a:hover,.ud-menu-drawer a[aria-current="page"]{background:#1b3457;border-color:#355d91;color:#fff}
.ud-menu-drawer .ud-drawer-actions{margin-top:24px;padding-top:20px;border-top:1px solid #30445f}
body.ud-menu-open{overflow:hidden}
@media(max-width:1050px){body.ud-v34>.header{padding-left:22px!important;padding-right:22px!important;gap:12px!important}body.ud-v34>.header>nav{gap:14px!important}body.ud-v34>.header .brand-logo{width:128px!important}}
@media(max-width:850px){body.ud-v34>.header{min-height:78px!important;justify-content:space-between!important;flex-wrap:nowrap!important;padding:10px 20px!important}body.ud-v34>.header>nav,body.ud-v34>.header>.header-actions{display:none!important}body.ud-v34>.header .brand-logo{width:130px!important;max-height:60px!important}.ud-menu-toggle{display:flex}body.ud-v34 .hero{padding-top:48px}body.ud-v34 .wrap{max-width:100%}}
@media(max-width:600px){body.ud-v34 :is(.auth-panel,.service-card){padding:20px}body.ud-v34 .hero h1{font-size:clamp(40px,10vw,60px)}body.ud-v34 .footer-inner{gap:15px}}
@media(prefers-reduced-motion:reduce){body.ud-v34 *,body.ud-v34 *::before,body.ud-v34 *::after,.ud-menu-overlay,.ud-menu-drawer{transition:none!important;animation:none!important;scroll-behavior:auto!important}}