body {
background: #f6fafd;
}

/*Uikit==================================================================================*/
.uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover {
    color: #fff;
}
.uk-list-striped>li:nth-of-type(odd) {
    background: #efefef;
}
.uk-link:hover, a:hover {
    color: #df405a;
    text-decoration: underline;
}
.uk-button-primary {
    background-color: #df405a;
}
.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: #d2304a;
    color: #fff;
}
.uk-table td, .uk-table th{
    border: 1px solid #cacaca;
}
.uk-list-striped>li:nth-of-type(odd){
  border: none;
}
.uk-form-stacked .uk-form-label{
    display: block;
    margin-bottom: 2px;
    font-size: 17px;
    font-weight: 500;
}
.uk-modal-body{
  padding: 15px;
}
.uk-container {
    max-width: 1500px !important;
}
/*Универсальные==================================================================*/
.h1-blc{
margin-bottom: 20px;
border-bottom: 2px solid #df405a;
position: relative;
}

.h1-blc:after {
content: '';
position: absolute;
background: #df405a;
width: 45px;
height: 7px;
bottom: -7px;
right: 0px;
}

.h1-blc>h1{
font-size: 35px;
display: inline-block;
margin-bottom: 5px;
}



/*Разметка страниц*/

/*Топ*/
.top-panel {
background: #f6f6f6;
border-bottom: 1px solid #dadada;
padding: 10px 0;
}
/*Футер*/
.footer-panel{
  background: #f6f6f6;
  border-top: 1px solid #dadada;
  padding: 10px 0;
}
/*Панель слева*/
.left-menu .uk-nav-default>li>a:focus, .left-menu .uk-nav-default>li>a:hover {
color: #fff;
}
.left-panel {
background: #2e2e48;
width: 300px;
min-height: 100%;
}
.left-menu{
padding: 30px;
}
.logo {
background: #2a293b;
width: 100%;
padding: 15px;
box-sizing: border-box;
font-size: 18px;
color: #fff;
}

/* Современная оболочка админки */
body{background:#f1f5f9;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.left-panel{background:linear-gradient(180deg,#111827,#1f2937)!important;width:280px;box-shadow:10px 0 28px rgba(15,23,42,.12)}.logo{background:rgba(255,255,255,.05)!important;padding:18px!important;font-weight:900;letter-spacing:-.02em}.left-menu{padding:20px!important}.left-menu .uk-nav-default>li>a{color:#e5e7eb;border-radius:14px;padding:12px 14px;font-weight:900}.left-menu .uk-nav-sub a{border-radius:12px;padding:10px 12px!important;color:#cbd5e1!important;font-weight:800}.left-menu .uk-nav-sub a:hover,.left-menu .uk-nav-sub a:focus{background:#df405a;color:#fff!important;text-decoration:none}.top-panel{background:rgba(255,255,255,.86)!important;border-bottom:1px solid #e2e8f0!important;backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(15,23,42,.04)}.top-panel .uk-button{border-radius:12px;font-weight:800}.h1-blc{border:0!important;margin-bottom:16px!important}.h1-blc:after{display:none}.h1-blc>h1{font-size:32px!important;font-weight:950;letter-spacing:-.04em;color:#111827}.footer-panel{background:#fff!important;border-top:1px solid #e2e8f0!important;color:#64748b}.uk-button-primary{border-radius:12px;font-weight:900}.uk-input,.uk-select,.uk-textarea{border-radius:12px;border-color:#dbe3ee}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{border-color:#df405a;box-shadow:0 0 0 3px rgba(223,64,90,.12)}.uk-modal-dialog{border-radius:22px;overflow:hidden}
@media(max-width:960px){.left-panel{display:none!important}.top-panel{position:sticky;top:0;z-index:1000}.uk-container{padding-left:12px!important;padding-right:12px!important}.h1-blc{display:none!important}}


/* =========================================================
   Apple Liquid Glass UI refresh — global shell
   ========================================================= */
:root{
  --lg-bg:#eef3fb;
  --lg-bg2:#f8fbff;
  --lg-text:#111827;
  --lg-muted:#667085;
  --lg-line:rgba(148,163,184,.30);
  --lg-glass:rgba(255,255,255,.70);
  --lg-glass-strong:rgba(255,255,255,.86);
  --lg-dark:rgba(15,23,42,.92);
  --lg-accent:#df405a;
  --lg-accent2:#ff7a90;
  --lg-blue:#2563eb;
  --lg-shadow:0 24px 70px rgba(15,23,42,.12);
  --lg-shadow-soft:0 14px 34px rgba(15,23,42,.08);
  --lg-radius:28px;
}
html{background:var(--lg-bg)}
body.liquid-app-shell,
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important;color:var(--lg-text);background:
  radial-gradient(circle at 18% 0%,rgba(255,255,255,.98),rgba(255,255,255,0) 32%),
  radial-gradient(circle at 84% 8%,rgba(223,64,90,.18),rgba(223,64,90,0) 30%),
  radial-gradient(circle at 55% 94%,rgba(37,99,235,.13),rgba(37,99,235,0) 34%),
  linear-gradient(135deg,#eef3fb 0%,#f8fbff 44%,#edf4ff 100%)!important;}
.liquid-app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.30) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.33),rgba(0,0,0,0));z-index:-1}.app-layout{min-height:100vh}.left-panel{width:292px!important;background:rgba(10,16,30,.76)!important;backdrop-filter:blur(30px) saturate(170%);-webkit-backdrop-filter:blur(30px) saturate(170%);border-right:1px solid rgba(255,255,255,.16);box-shadow:24px 0 80px rgba(15,23,42,.16)}.logo{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08)!important;margin:14px;border:1px solid rgba(255,255,255,.12);border-radius:24px;width:auto!important;padding:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.logo img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.22))}.logo span{font-size:18px;font-weight:950;color:#fff;letter-spacing:-.03em}.left-menu{padding:10px 16px 22px!important}.left-menu .uk-nav-default>li>a{display:flex;align-items:center;min-height:46px;border-radius:18px;color:rgba(255,255,255,.88)!important;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-weight:900;letter-spacing:-.01em}.left-menu .uk-nav-sub{padding-left:0!important;margin-top:10px}.left-menu .uk-nav-sub a{display:flex!important;align-items:center;min-height:44px;border-radius:16px;color:rgba(255,255,255,.78)!important;background:transparent;border:1px solid transparent;font-weight:850}.left-menu .uk-nav-sub a:hover,.left-menu .uk-nav-sub a:focus{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.14);color:#fff!important;text-decoration:none!important;transform:translateX(2px)}.top-panel{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.68)!important;backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border-bottom:1px solid rgba(148,163,184,.24)!important;box-shadow:0 10px 34px rgba(15,23,42,.06)}.top-panel .uk-container{max-width:1640px!important}.top-panel .uk-button{height:40px;line-height:38px;padding:0 16px;border-radius:999px;border-color:rgba(15,23,42,.12);background:rgba(255,255,255,.72);font-weight:900;color:#111827}.top-panel .uk-button:hover{background:#111827;color:#fff;text-decoration:none}.content-viewport>.uk-container{max-width:1640px!important}.h1-blc{border:0!important;margin:0 0 18px!important}.h1-blc:after{display:none!important}.h1-blc>h1{font-size:38px!important;line-height:1.02;font-weight:950;letter-spacing:-.055em;color:#0f172a;margin:0!important}.footer-panel{background:rgba(255,255,255,.60)!important;border-top:1px solid rgba(148,163,184,.22)!important;backdrop-filter:blur(20px);color:#667085!important}.uk-card,.admin-card,.home-action-card,.home-stat-card{backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%)}.uk-button-primary{background:linear-gradient(135deg,var(--lg-accent),var(--lg-accent2))!important;border:0!important;border-radius:999px!important;box-shadow:0 12px 26px rgba(223,64,90,.24);font-weight:950}.uk-button-secondary{background:#111827!important;border:0!important;border-radius:999px!important;box-shadow:0 12px 26px rgba(15,23,42,.18);font-weight:950}.uk-input,.uk-select,.uk-textarea{border-radius:18px!important;border:1px solid rgba(148,163,184,.34)!important;background:rgba(255,255,255,.74)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{border-color:rgba(223,64,90,.72)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(223,64,90,.12)!important}.uk-modal-dialog{border-radius:30px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:var(--lg-shadow)!important}.mobile-liquid-nav{display:none}
@media(max-width:960px){body{padding-bottom:82px}.left-panel{display:none!important}.top-panel{padding:8px 0!important}.top-panel .uk-float-left{font-size:13px!important;margin-top:8px!important}.top-panel .uk-button{height:36px;line-height:34px;padding:0 12px;font-size:13px}.content-viewport>.uk-container{padding-left:12px!important;padding-right:12px!important;margin-top:10px!important}.mobile-liquid-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;position:sticky;top:57px;z-index:850;padding:8px 12px;background:rgba(238,243,251,.72);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid rgba(148,163,184,.18)}.mobile-liquid-nav a{display:flex;align-items:center;justify-content:center;min-height:39px;border-radius:999px;background:rgba(255,255,255,.70);border:1px solid rgba(148,163,184,.22);color:#111827!important;text-decoration:none!important;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(15,23,42,.06)}.mobile-liquid-nav a:active{transform:scale(.98)}.h1-blc{display:none!important}.footer-panel{display:none!important}.uk-margin-large-bottom{margin-bottom:90px!important}}
@media(max-width:390px){.mobile-liquid-nav{gap:5px;padding-left:8px;padding-right:8px}.mobile-liquid-nav a{font-size:11px}}

/* =========================================================
   FIX 2026-06-15: less visual haze across the site
   ========================================================= */
:root{
  --lg-shadow:0 10px 28px rgba(15,23,42,.07)!important;
  --lg-shadow-soft:0 7px 18px rgba(15,23,42,.045)!important;
}
.liquid-app-shell .left-panel,
.liquid-app-shell .top-panel,
.liquid-app-shell .uk-card,
.liquid-app-shell .admin-card,
.liquid-app-shell .home-action-card,
.liquid-app-shell .home-stat-card,
.liquid-app-shell .uk-modal-dialog,
.liquid-app-shell .route-toolbar,
.liquid-app-shell .storage-row,
.liquid-app-shell .card-stock,
.liquid-app-shell .mileage-card,
.liquid-app-shell .mobile-bottom-bar,
.liquid-app-shell .mobile-liquid-nav a{
  box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(10px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(135%)!important;
}
.liquid-app-shell .uk-button,
.liquid-app-shell .uk-button-primary,
.liquid-app-shell .uk-button-secondary,
.liquid-app-shell button,
.liquid-app-shell .list-add-stock,
.liquid-app-shell .home-stat-head a,
.liquid-app-shell .quick-action{
  box-shadow:0 5px 13px rgba(15,23,42,.06)!important;
}
.liquid-app-shell .uk-button-primary,
.liquid-app-shell .list-add-stock,
.liquid-app-shell .home-stat-head a{
  box-shadow:0 6px 14px rgba(223,64,90,.12)!important;
}
.liquid-app-shell .uk-input,
.liquid-app-shell .uk-select,
.liquid-app-shell .uk-textarea,
.liquid-app-shell input,
.liquid-app-shell select,
.liquid-app-shell textarea{
  box-shadow:none!important;
}
.liquid-app-shell .uk-input:focus,
.liquid-app-shell .uk-select:focus,
.liquid-app-shell .uk-textarea:focus,
.liquid-app-shell input:focus,
.liquid-app-shell select:focus,
.liquid-app-shell textarea:focus{
  box-shadow:0 0 0 3px rgba(223,64,90,.10)!important;
}
.liquid-app-shell .home-action-card:hover,
.liquid-app-shell .home-stat-card:hover,
.liquid-app-shell .storage-row:hover{
  box-shadow:0 10px 26px rgba(15,23,42,.075)!important;
}