@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#182f50;--navy-dark:#10223c;--ink:#142c50;--blue:#008ed8;--cyan:#22b7e6;--pale:#edf8fe;--muted:#74849b;--line:#e8eff5;--pink:#ed6d9b;--green:#1c9b74;--white:#fff;--shadow:0 5px 25px #16497605;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:#f2f9fd;color:var(--ink);font-size:14px;line-height:1.5}h1,h2,h3,h4,b,strong,.btn{font-family:"Manrope","DM Sans",sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.icon{flex-shrink:0;vertical-align:middle;display:inline-block}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid #1cb5ee;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;left:20px;top:20px;padding:12px;background:#fff;z-index:100}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border:1px solid transparent;border-radius:11px;line-height:1.3;font-weight:700;font-size:13px;transition:background .18s,transform .18s;white-space:normal;min-height:43px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #028ed51c}.btn-primary:hover{background:#0079bc}.btn-light{background:#edf7fd;color:#087bb5}.btn-light:hover{background:#e0f2fc}.btn-green{background:#e8f8f1;color:#16845e}.btn-danger{background:#fff0f4;color:#bf416a}.btn-white-outline{background:transparent;border-color:#ffffff40;color:#fff}.btn-xl{min-height:53px;padding:15px 22px;font-size:14px}.text-link{display:inline-flex;align-items:center;gap:5px;color:#078bc9;font-weight:600;font-size:12px}.icon-btn{display:inline-grid;place-items:center;background:none;border:0;color:var(--ink);width:38px;height:38px;border-radius:10px}.muted{color:var(--muted)}.mini{font-size:12px;color:var(--muted)}.right-align{text-align:right}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.separator{height:1px;background:var(--line);margin:22px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;font-weight:750;letter-spacing:.14em;color:var(--blue);margin-bottom:12px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.feature-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--pale);color:var(--blue);margin-bottom:18px}
.app-shell{display:grid;grid-template-columns:234px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#fff;position:sticky;top:0;height:100dvh;padding:28px 16px 16px;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:block;padding:0 11px 28px}.brand img{height:82px;width:100%;object-fit:contain}.nav-label{font-size:9px;letter-spacing:.16em;color:#a9c4df70;margin:0 15px 14px;font-weight:600}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;color:#d0dceb;font-size:12px;font-weight:500;line-height:1.4}.sidebar nav a>.icon{opacity:.87;width:20px;height:20px}.sidebar nav a:hover{background:#ffffff08}.sidebar nav a.active{background:linear-gradient(100deg,#098fd9,#258ed6);color:#fff;box-shadow:0 5px 13px #001c3b24}.sidebar nav a.active>.icon{opacity:1}.nav-dot{width:5px;height:5px;border-radius:50%;background:#fff;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-help{display:flex;gap:10px;padding:18px 10px;color:#98bedf}.sidebar-help b{font-size:10px;display:block;color:#cedded}.sidebar-help small{font-size:9px}.sidebar-foot{border-top:1px solid #ffffff13;padding:20px 5px 0;display:flex;gap:9px;align-items:center}.sidebar-foot b{display:block;font-size:10px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot small{display:block;font-size:9px;color:#a9bfd7}.sidebar-foot>a{margin-left:auto;color:#bdd2e6}.sidebar-overlay{display:none}.main{min-width:0}.topbar{height:81px;background:#fff;border-bottom:1px solid #eff4f8;display:flex;align-items:center;gap:18px;padding:19px 30px;position:sticky;top:0;z-index:15}.top-search{background:#f8fbfd;border:1px solid #e4edf4;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:13px;flex:1;max-width:650px;color:#0c75b3;height:43px}.top-search input{min-width:0;width:100%;padding:9px 0;background:none;border:0;outline:0;color:var(--ink);font-size:12px}.top-search input::placeholder{color:#8b99b0}.top-search kbd{font-family:inherit;font-size:13px;color:#aab8c9}.topbar-right{margin-left:auto;display:flex;gap:12px;align-items:center}.today-label{font-size:11px;color:#8a9bb0;margin-right:7px}.avatar{width:38px;height:38px;background:#048fd4;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.avatar.small{width:30px;height:30px;font-size:10px;background:#2a567b}.user-label b{display:block;font-size:11px}.user-label small{display:block;font-size:9px;color:var(--muted)}.menu{display:none}.topbar-label{display:flex;align-items:center;gap:10px}.content{max-width:1600px;margin:auto;padding:27px 30px 20px;min-height:calc(100dvh - 81px)}.app-footer{display:flex;justify-content:space-between;color:#a0afc1;font-size:10px;padding-top:30px;gap:10px}.card{background:#fff;border:1px solid #edf3f7;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h2{font-size:16px}.card h3{font-size:15px}.card p{color:var(--muted)}.narrow{max-width:760px}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-title h1{font-size:29px;letter-spacing:-.05em;margin:0}.page-title h2{margin:0}.page-title p{margin:7px 0 0;color:var(--muted);font-size:12px}.page-title .eyebrow{margin-bottom:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:19px}.section-heading h2,.section-heading h3{margin:0}.flash{padding:13px 16px;border:1px solid #d7f1e7;background:#edf9f3;color:#167959;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:12px}.flash.error{background:#fff1f5;color:#b83960;border-color:#ffe0eb}.notice{border:1px solid #f6e7c4;border-radius:12px;background:#fffbf1;padding:13px 16px;color:#936d25;font-size:12px;margin-bottom:20px}.notice p{color:inherit;margin:5px 0 0}.notice.blue{border-color:#d4eafa;background:#f0f9ff;color:#277398}.welcome-row{display:grid;grid-template-columns:1fr 197px;gap:15px}.hero{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(105deg,#ecf9ff,#e2f5ff);min-height:166px;padding:29px 30px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2}.hero-eyebrow{font-size:8px;font-weight:700;letter-spacing:.17em;color:#7cacca;display:block;margin-bottom:9px}.hero h1{font-size:35px;letter-spacing:-.06em;margin:0 0 7px}.hero p{margin:0;color:#6c849f;font-size:14px}.hero-waves{position:absolute;bottom:0;left:0;right:0;width:100%;height:80px}.hero-product{position:absolute;right:28px;bottom:-16px;display:flex;align-items:flex-end;gap:0;transform:rotate(7deg)}.hero-product .product-art{width:95px;height:146px;filter:drop-shadow(0 6px 6px #1487c41a)}.hero-product .product-art:last-child{width:63px;height:115px;margin-left:-8px;transform:rotate(-11deg);opacity:.9}.date-card{background:#fff;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:18px;border:1px solid #edf3f7;padding:20px;color:#137dc0}.date-card small{font-size:9px;color:#9daec1;letter-spacing:.13em;display:block;margin-bottom:7px}.date-card b{font-size:12px;line-height:1.7;color:var(--ink);max-width:100px;display:block}.grid-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:17px 0}.kpi{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #edf3f7;border-radius:18px;padding:23px;transition:transform .2s}.kpi:hover{transform:translateY(-2px)}.kpi-icon{border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:var(--blue);background:#eaf7fe;flex-shrink:0}.kpi small{font-size:12px;color:#74849c;display:block}.kpi strong{font-size:34px;letter-spacing:-.05em;line-height:1.2;display:block;margin-top:4px}.kpi-hint{font-size:10px;color:#a3b1c2;display:block;margin-top:4px}.kpi-money{font-size:12px;color:#939fb2;display:block;margin-top:3px}.kpi.pink .kpi-icon{background:#fff0f5;color:#ed75a0}.kpi.green .kpi-icon{background:#eaf9f2;color:#1b9f77}.quick-card{margin-bottom:19px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick a{border-radius:13px;padding:20px 10px 17px;background:linear-gradient(130deg,#f2faff,#eaf7fd);text-align:center;transition:background .2s;color:var(--blue)}.quick a:hover{background:#def3ff}.quick a .icon{display:block;margin:0 auto 13px}.quick b{font-size:12px;display:block;color:var(--ink)}.quick a span{font-size:10px;display:block;color:#8ea3b8;margin-top:4px}.dashboard-bottom{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.dashboard-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:10px}.dashboard-product{display:flex;align-items:center;gap:2px;min-width:0;border-right:1px solid #f0f4f8;padding-right:6px}.dashboard-product:last-child{border:0}.product-visual{width:80px;flex-shrink:0}.product-art{display:block;width:100%;height:auto}.product-caption{min-width:0}.product-caption h3{font-size:10px;letter-spacing:-.02em;margin:0 0 9px;line-height:1.4}.product-caption strong{font-size:26px;letter-spacing:-.06em;line-height:1.1;display:block}.product-caption small{font-size:9px;color:#a0afbf;display:block;margin:3px 0 9px}.product-caption .mini{font-size:8px}.stock-meter{height:6px;border-radius:10px;background:#e4f6ff;overflow:hidden;max-width:66px;margin-bottom:5px}.stock-meter span{height:100%;background:#13b3e6;border-radius:10px;display:block}.stock-meter.low span{background:#f1b450}.stock-summary{display:flex;gap:8px;align-items:center;margin-top:20px;padding-top:13px;border-top:1px solid #f0f4f8;font-size:10px;color:#8597ac}.stock-summary .icon{color:#4f9ebe}.recent-order{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f4f8}.recent-order:last-child{border:0}.recent-order b{font-size:10px;display:block;line-height:1.5;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-order small{font-size:9px;display:block;color:#a4b0c0;margin-top:4px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-number{font-size:9px;color:#1689c4;background:#f0f9ff;border-radius:8px;min-width:36px;height:30px;display:grid;place-items:center}.recent-status{margin-left:auto;text-align:right}.badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;line-height:1.4;padding:5px 9px;border-radius:6px;white-space:nowrap;font-weight:600;letter-spacing:0}.badge i{width:4px;height:4px;background:currentColor;border-radius:50%}.badge.pending{background:#fff0f5;color:#c9517d}.badge.route{background:#eaf8ff;color:#1b8fc0}.badge.done{background:#eaf8f2;color:#2b9972}.badge.inactive{background:#f1f3f6;color:#8a99a9}.badge.warn{background:#fff8e5;color:#ad7d1c}.day-progress{display:flex;align-items:center;gap:17px;margin-top:19px;padding:19px 24px}.progress-icon{color:#198dc6}.day-progress h3{font-size:12px;margin:0 0 4px}.day-progress p{font-size:10px;margin:0;color:var(--muted)}.day-progress>b{font-size:12px;color:#3899c7}.day-progress-track{height:6px;background:#e8f4fc;border-radius:10px;flex:1;margin:0 15px}.day-progress-track span{display:block;height:100%;border-radius:10px;background:var(--cyan)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.split{display:grid;grid-template-columns:1.3fr .8fr;gap:20px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label{font-weight:650;color:#5e718d;font-size:11px}.field input,.field select,.field textarea,.filter-input{width:100%;border:1px solid #dfe9f2;border-radius:10px;background:#fff;color:var(--ink);outline:0;padding:11px 12px;min-height:43px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.filter-input:focus{border-color:#139bd9;box-shadow:0 0 0 3px #0b97d514}.field input::placeholder,.field textarea::placeholder{color:#a1aebe}.field input:disabled{background:#f6f9fc;color:#abb8c9}.field textarea{resize:vertical}.filter-bar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:20px}.filter-bar .field{flex:1;min-width:150px}.filter-bar .btn{flex-shrink:0}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--line);max-width:100%}.table{border-collapse:collapse;width:100%;min-width:650px;font-size:11px}.table th{background:#f8fbfe;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#91a0b4;font-weight:650;text-align:left;padding:14px 15px;white-space:nowrap}.table td{padding:14px 15px;border-top:1px solid #eef3f7;vertical-align:middle}.table b{font-size:11px;font-weight:650}.table .mini{font-size:9px}.table .btn{padding:7px 10px;font-size:10px;min-height:33px}.table .badge{font-size:9px}.table td>form{min-width:220px}.table-compact{min-width:400px}.tabs{display:flex;gap:6px;margin-bottom:19px;flex-wrap:wrap}.tabs a{font-size:11px;font-weight:650;background:#f3f8fc;padding:8px 12px;border-radius:8px;color:#8a9bb0}.tabs a.active{color:#148bbf;background:#e9f7fe}.empty{padding:36px 18px;text-align:center;color:#94a4b9}.empty>.icon{color:#85bfdf;margin:0 auto 13px;display:block}.empty h3{font-size:13px;color:#7286a1;margin:0 0 8px}.empty p{font-size:11px;max-width:270px;margin:0 auto 16px}.balance{font-size:34px;font-weight:800;letter-spacing:-.05em;font-family:"Manrope",sans-serif;line-height:1.3}.balance.positive{color:#d75b83}.balance.zero{color:#249a73}.client-code{font-size:9px;letter-spacing:.12em;font-weight:700;color:#8ba6bd;display:block;margin-bottom:6px}.client-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.client-head h3{margin-bottom:6px}.client-head p{font-size:11px;margin:0}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{padding-right:47px}.password-toggle{position:absolute;right:4px;top:3px;bottom:3px;width:39px;color:#8ba3bc;background:none;border:0;display:grid;place-items:center;border-radius:8px}.password-toggle:hover{color:var(--blue);background:#eef8fe}
.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:22px}.stock-product{padding:22px}.stock-product-head{display:flex;gap:14px;align-items:center;margin-bottom:20px}.stock-product-head .product-art{width:90px;height:132px}.stock-product-head h2{font-size:18px;margin:0 0 6px}.stock-product-head small{font-size:10px;color:var(--muted)}.stock-values{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 22px}.stock-values div{padding:12px;background:#f4faff;border-radius:10px}.stock-values b{font-size:24px;display:block;line-height:1.2}.stock-values small{font-size:10px;color:var(--muted)}.stock-actions summary{font-size:11px;font-weight:700;color:#138dca;cursor:pointer;list-style:none}.stock-actions summary:after{content:" +";float:right}.stock-actions[open] summary{margin-bottom:16px}.stock-actions[open] summary:after{content:" −"}.stock-actions .form-grid{gap:12px}.stock-actions .field label{font-size:10px}.stock-actions .field input{min-height:37px;padding:8px;font-size:11px}.order-builder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.order-product{padding:16px;border:1px solid #e3edf5;border-radius:16px;background:#fafdff}.order-product .product-art{height:115px;width:80px;margin:0 auto}.order-product h3{font-size:12px;text-align:center;margin:8px 0 5px}.order-product .stock-note{display:block;text-align:center;font-size:10px;color:#8ea5ba;margin-bottom:14px}.order-product .field{margin:12px 0 0}.stepper{display:flex;align-items:center;border:1px solid #dfebf3;border-radius:10px;overflow:hidden;background:#fff}.stepper button{background:none;border:0;color:#078bc9;width:40px;height:38px;font-size:20px;flex-shrink:0}.stepper input{border:0;width:100%;min-width:0;outline:0;text-align:center;color:var(--ink);font-size:14px;font-weight:700;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{display:none}.order-total{border-radius:14px;background:#eaf7fe;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.order-total span{font-size:12px;color:#7197b3}.order-total strong{display:block;color:#0c7fba;font-size:28px;letter-spacing:-.04em}.order-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.order-chip{font-size:10px;background:#f1f9fe;border:1px solid #e4f1fa;border-radius:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;color:#4c7697}.order-chip .product-art{width:19px;height:29px}.order-chip b{font-size:11px}.driver-hero{border-radius:19px;padding:25px;background:linear-gradient(115deg,#0c7fc4,#079fd8);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.driver-hero h1{font-size:28px;margin:0 0 7px}.driver-hero p{font-size:12px;margin:0;color:#c1eafa}.driver-summary{display:flex;gap:23px}.driver-summary small{display:block;font-size:10px;color:#b6e2f7}.driver-summary strong{display:block;font-size:26px;line-height:1.3}.delivery-list{display:grid;gap:15px}.delivery{display:grid;grid-template-columns:44px 1fr 180px;gap:18px;padding:22px;border:1px solid #e8f0f7;border-radius:18px;background:#fff}.delivery-number{width:39px;height:39px;background:#eaf8ff;border-radius:12px;display:grid;place-items:center;color:#0385c7;font-size:13px;font-weight:700}.delivery h3{font-size:17px;margin:9px 0 7px}.delivery p{font-size:11px;color:#7f93a9;margin:5px 0;display:flex;align-items:center;gap:7px}.delivery .what{border-radius:10px;padding:12px;background:#f8fbfd;font-size:12px;margin:12px 0 0}.delivery .right{text-align:right;display:flex;flex-direction:column;align-items:stretch;gap:8px}.delivery .amount{font-size:20px;font-weight:750;color:var(--ink)}.delivery .amount small{font-size:9px;color:var(--muted);display:block;font-weight:500}.delivery .right>.mini{margin-bottom:8px}.route-card{border-left:3px solid #169ad6}.route-order{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.route-order:last-child{border:0}.route-order h3{font-size:12px;margin:0 0 4px}.route-order p{font-size:10px;margin:0}.route-position{width:50px!important}.route-info{flex:1;min-width:0}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.report-kpis .kpi{padding:19px;gap:12px}.report-kpis .kpi strong{font-size:23px}.report-kpis .kpi small{font-size:10px}.report-kpis .kpi-icon{width:43px;height:43px}.report-bar-row{display:grid;grid-template-columns:100px 1fr 48px;align-items:center;gap:12px;margin:18px 0;font-size:11px}.report-bar{height:9px;background:#f0f7fc;border-radius:10px;overflow:hidden}.report-bar span{display:block;height:100%;background:var(--cyan);border-radius:10px}
.public-body{background:#fff}.public-header{height:112px;padding:16px max(5vw,24px);background:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:30px}.public-logo{width:215px;height:75px;object-fit:contain}.public-header nav{display:flex;gap:35px;margin-left:auto;margin-right:40px;color:#cedbed;font-size:12px}.public-header nav a:hover{color:#fff}.public-header .btn{font-size:11px;min-height:40px}.public-hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:45% 55%;background:#e8f5fb;position:relative;min-height:650px;overflow:hidden}.public-hero-copy{padding:65px 0 55px max(5vw,35px);position:relative;z-index:2;background:linear-gradient(90deg,#eef8fd 75%,#e6f5fb)}.public-hero h1{font-size:clamp(56px,6vw,92px);line-height:1.02;letter-spacing:-.065em;font-weight:800;margin:11px 0 24px}.public-hero h1 em{font-style:normal;color:var(--blue)}.public-hero p{font-size:14px;color:#71889f;line-height:1.8;margin-bottom:28px}.hero-service{display:flex;align-items:center;gap:12px;margin-top:36px;color:#2c7fab}.hero-service span{font-size:10px;color:#91a7bb}.hero-service b{color:#4b6a88;font-size:11px}.public-hero-photo{position:relative;min-width:0;overflow:hidden}.public-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:62% center}.public-hero-photo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:60px;background:linear-gradient(90deg,#e6f5fb,transparent);z-index:1}.photo-tag{position:absolute;right:40px;bottom:45px;display:flex;align-items:center;gap:12px;background:#ffffffc9;backdrop-filter:blur(10px);padding:16px 20px;border-radius:14px;color:#138abe;box-shadow:0 5px 30px #07406609}.photo-tag small{font-size:7px;letter-spacing:.16em;display:block;color:#85a2b5;margin-bottom:4px}.photo-tag b{font-size:11px;color:var(--ink)}.hero-vertical{position:absolute;right:17px;top:35px;writing-mode:vertical-rl;color:#689dbb;font-size:8px;letter-spacing:.16em}.service-strip{padding:23px 24px;display:flex;align-items:center;justify-content:center;gap:75px;border-bottom:1px solid #eef3f6;font-size:11px;color:#7895ad}.service-strip span{display:flex;align-items:center;gap:12px}.service-strip .icon{color:#1595cf;width:20px;height:20px}.service-strip>i{height:18px;width:1px;background:#e2ecf4}.public-products{padding:90px max(7vw,30px);max-width:1500px;margin:auto}.public-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:30px}.public-section-head h2,.public-service h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.05em;margin:0}.public-section-head em,.public-service em{font-style:normal;color:var(--blue)}.public-section-head p{font-size:12px;color:#8296aa;margin:0 0 4px;line-height:1.8}.public-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.public-product{border:1px solid #e9f2f8;border-radius:20px;overflow:hidden;background:#fff}.product-stage{background:linear-gradient(130deg,#f7fcff,#e9f7ff);height:265px;display:flex;align-items:center;justify-content:center;position:relative}.product-stage .product-art{height:225px;width:150px;position:relative;z-index:1;transition:transform .3s}.public-product:hover .product-art{transform:translateY(-6px) rotate(-3deg)}.product-stage>span{position:absolute;bottom:40px;color:#deeff9;font-family:"Manrope",sans-serif;font-size:47px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.public-product-info{padding:25px 27px}.public-product-info>span{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#88a2b7}.public-product-info h3{font-size:22px;margin:8px 0 10px}.public-product-info p{font-size:11px;line-height:1.8;color:#8c9cae;margin:0;max-width:250px}.public-service{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:70px max(7vw,30px);background:#f3faff}.public-service>div>p{font-size:12px;color:#8198ac;line-height:1.8;max-width:340px;margin:22px 0 0}.service-points article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #e2eef7}.service-points article:last-child{border:0}.service-points article>b{color:#42b5df;font-size:12px;padding-top:3px}.service-points h3{font-size:15px;margin:0 0 9px}.service-points p{font-size:11px;color:#8ba0b6;margin:0}.team-cta{margin:50px auto;padding:25px 30px;max-width:1000px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e8f1f8;border-radius:17px;gap:25px}.team-cta>div{display:flex;align-items:center;gap:18px;color:#23a0d3}.team-cta b{color:var(--ink);font-size:14px;display:block}.team-cta small{color:#8ea3b8;font-size:11px;display:block;margin-top:5px}.public-footer{display:flex;align-items:center;gap:35px;background:var(--navy);color:#a4b8d0;padding:33px max(5vw,24px);font-size:10px}.public-footer img{width:150px;height:60px;object-fit:contain}.public-footer p{margin:0}.public-footer a{margin-left:auto;display:flex;align-items:center;gap:10px;color:#d2dfed}
.login-body{background:#f5fbff}.login-shell{min-height:100dvh;display:grid;grid-template-columns:49% 51%}.login-brand{background:var(--navy);color:#fff;padding:40px 55px 27px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:780px}.login-brand>a{width:220px;position:relative;z-index:2}.login-brand>a>img{width:100%;height:80px;object-fit:contain}.login-brand>div{margin-top:70px;position:relative;z-index:2}.login-brand .eyebrow{color:#6bc9ec;font-size:8px;letter-spacing:.15em}.login-brand h1{font-size:65px;line-height:1.08;letter-spacing:-.065em;margin:5px 0 20px}.login-brand h1 em{font-style:normal;color:#34b9e5}.login-brand p{color:#a6bbd3;line-height:1.8;font-size:12px}.login-products{position:absolute;bottom:34px;right:-45px;width:100%;height:320px;object-fit:cover;object-position:right center;border-radius:300px 0 0 0;opacity:.85;mix-blend-mode:screen}.login-brand-foot{margin-top:auto;position:relative;z-index:2;font-size:9px;color:#7c9fbd;display:flex;gap:8px;align-items:center;padding-top:300px}.login-form-side{padding:42px 65px 28px;display:flex;flex-direction:column;justify-content:space-between}.login-back{font-size:11px;color:#8d9fb3;align-self:flex-start}.login-form-wrap{width:100%;max-width:365px;margin:60px auto}.login-form-wrap>.eyebrow{font-size:8px}.login-form-wrap h2{font-size:35px;letter-spacing:-.06em;margin:2px 0 12px}.login-form-wrap>p{font-size:12px;color:#8a9db3;margin-bottom:32px}.login-form-wrap .field{margin:20px 0}.login-form-wrap .field input{height:48px;background:#fff}.login-submit{width:100%;margin-top:9px;min-height:49px;justify-content:space-between}.login-role-note{border-top:1px solid #e1ecf5;margin-top:30px;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:11px;color:#83a4bd;font-size:10px}.login-copyright{color:#a6b5c6;text-align:center;font-size:9px}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#eef9ff}.login-card{padding:35px;background:#fff;max-width:620px;width:100%;border-radius:24px;border:1px solid #e0edf6;box-shadow:0 20px 70px #1a60891a}.login-card .logo{background:var(--navy);margin:-35px -35px 28px;padding:20px;border-radius:24px 24px 0 0;display:flex;justify-content:center}.login-card .logo img{width:200px;height:70px;object-fit:contain}.login-card h1{font-size:27px}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:25px}
@media(min-width:1550px){.app-shell{grid-template-columns:250px 1fr}.sidebar nav a{font-size:13px;padding:14px}.brand img{height:90px}.dashboard-product{gap:8px}.product-visual{width:100px}.product-caption h3{font-size:11px}.dashboard-products{gap:12px}.product-caption strong{font-size:29px}.recent-order{padding:15px 0}}
@media(max-width:1200px){.app-shell{grid-template-columns:210px 1fr}.sidebar{padding:24px 12px 14px}.sidebar nav a{font-size:11px;gap:10px}.content{padding:22px}.topbar{padding:18px 22px}.today-label{display:none}.welcome-row{grid-template-columns:1fr 165px}.hero{padding:25px}.hero h1{font-size:30px}.hero-product{right:10px}.hero-product .product-art{width:78px;height:130px}.date-card{gap:10px;padding:15px}.date-card b{font-size:11px}.kpi{padding:19px 16px;gap:12px}.kpi-icon{width:53px;height:53px}.kpi small{font-size:10px}.kpi strong{font-size:29px}.dashboard-bottom{grid-template-columns:1fr 1fr;gap:15px}.card{padding:20px}.dashboard-product{flex-direction:column;align-items:center;gap:5px;padding:0 7px;text-align:center}.product-visual{width:78px}.product-caption h3{margin-bottom:5px}.product-caption strong{font-size:24px}.stock-meter{margin:5px auto}.stock-summary{font-size:9px}.recent-order{gap:8px}.recent-order b{max-width:140px}.recent-order small{max-width:130px}.recent-status .badge{font-size:8px;padding:5px 6px}.stock-grid{gap:12px}.stock-product-head{gap:6px}.stock-product-head .product-art{width:67px}.stock-product-head h2{font-size:14px}.stock-product .form-grid{grid-template-columns:1fr}.report-kpis{grid-template-columns:repeat(2,1fr)}.public-header nav{margin-right:15px;gap:22px}.public-hero{min-height:590px}.public-hero-copy{padding-top:56px}.public-hero h1{font-size:70px}.service-strip{gap:35px}.login-brand{padding:35px}.login-brand h1{font-size:56px}.login-form-side{padding:35px}}
@media(max-width:980px){.dashboard-bottom{grid-template-columns:1fr}.dashboard-product{flex-direction:row;text-align:left;justify-content:center;gap:12px}.product-visual{width:95px}.product-caption h3{font-size:11px}.stock-meter{margin-left:0}.recent-order b{max-width:300px;font-size:12px}.recent-order small{max-width:260px;font-size:10px}.grid-kpi{gap:10px}.kpi{padding:16px 12px;gap:9px}.kpi-icon{width:43px;height:43px}.kpi .icon{width:24px;height:24px}.kpi-hint{font-size:8px}.hero-product .product-art:last-child{display:none}.hero-product{opacity:.7}.quick{gap:8px}.quick b{font-size:10px}.quick a span{font-size:8px}.stock-grid{grid-template-columns:1fr}.stock-product{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stock-product-head{margin:0}.stock-product-head .product-art{width:85px}.stock-product-head h2{font-size:18px}.stock-values{margin:0}.stock-actions{grid-column:1/-1}.stock-product .form-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.day-progress .btn{font-size:10px;padding:10px}.day-progress-track{margin:0}.public-header{height:100px;padding:12px 30px}.public-logo{width:180px;height:70px}.public-header nav{display:none}.public-hero{grid-template-columns:45% 55%;min-height:530px}.public-hero-copy{padding:40px 0 35px 30px}.public-hero h1{font-size:56px}.public-hero p{font-size:12px}.public-hero .btn-xl{font-size:11px;padding:13px}.public-hero-photo>img{object-position:58% center}.photo-tag{right:25px;bottom:35px;padding:12px}.public-products{padding:65px 30px}.public-product-grid{gap:16px}.product-stage{height:225px}.product-stage .product-art{height:190px;width:125px}.public-product-info{padding:22px}.public-product-info h3{font-size:19px}.public-service{padding:55px 30px;gap:40px}.team-cta{margin:35px 30px}.login-brand{min-height:100dvh;padding:30px}.login-brand h1{font-size:49px}.login-brand>div{margin-top:60px}.login-brand>a{width:190px}.login-products{height:290px;right:-25px}.login-form-side{padding:30px}.login-form-wrap h2{font-size:29px}.login-form-wrap>.eyebrow{font-size:7px}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-265px;top:0;bottom:0;width:244px;transition:left .2s;padding:24px 16px}.sidebar.open{left:0}.sidebar nav a{font-size:12px;padding:13px}.sidebar-overlay.visible{display:block;position:fixed;inset:0;background:#10223c65;border:0;z-index:25;backdrop-filter:blur(3px)}.menu{display:grid}.topbar{height:72px;padding:14px 16px;gap:9px}.top-search{height:40px;gap:7px;padding:0 10px}.top-search input{font-size:11px}.top-search kbd{display:none}.topbar-right{gap:8px}.user-label{display:none}.avatar{width:33px;height:33px;font-size:10px}.content{padding:18px 16px}.welcome-row{grid-template-columns:1fr}.date-card{display:none}.hero{min-height:147px;padding:25px}.hero h1{font-size:31px}.hero p{font-size:12px}.hero-product{right:20px;opacity:1}.hero-product .product-art:last-child{display:block}.hero-product .product-art{height:125px;width:80px}.hero-product .product-art:last-child{height:100px;width:57px}.grid-kpi{grid-template-columns:repeat(3,1fr);gap:9px}.kpi{padding:16px 13px;display:block}.kpi-icon{width:39px;height:39px;margin-bottom:12px}.kpi strong{font-size:28px}.kpi small{font-size:9px;line-height:1.4}.kpi-hint{font-size:8px}.kpi-money{font-size:10px}.card{padding:20px;border-radius:17px}.section-heading h2{font-size:14px}.section-heading>.mini{display:none}.quick{grid-template-columns:repeat(2,1fr);gap:10px}.quick a{padding:18px 9px}.quick b{font-size:11px}.quick a span{font-size:9px}.quick a .icon{width:27px;height:27px;margin-bottom:10px}.dashboard-product{gap:6px;padding-right:6px;flex-direction:column;text-align:center}.product-visual{width:80px}.product-caption h3{font-size:10px}.product-caption small{margin-bottom:7px}.stock-meter{margin-left:auto}.stock-summary{font-size:10px}.recent-order b{font-size:11px;max-width:200px}.recent-order small{max-width:180px}.recent-status .badge{font-size:9px}.day-progress{flex-wrap:wrap;padding:18px;gap:12px}.day-progress-track{order:3;flex-basis:75%;margin:0}.day-progress>b{order:4}.day-progress .btn{margin-left:auto}.day-progress h3{font-size:11px}.day-progress p{font-size:9px}.grid-2,.split{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column;gap:14px}.page-title h1{font-size:26px}.page-title p{font-size:11px}.page-title .actions{width:100%}.page-title .actions .btn{flex:1}.form-grid{gap:15px}.delivery{grid-template-columns:35px 1fr;padding:18px;gap:13px}.delivery-number{width:33px;height:33px;border-radius:10px;font-size:11px}.delivery h3{font-size:16px}.delivery .right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left;margin-top:5px}.delivery .right .amount{grid-column:1/-1}.delivery .right>.mini{grid-column:1/-1}.delivery .right .btn{font-size:11px;padding:10px}.driver-hero{padding:20px;align-items:flex-start;flex-direction:column}.driver-hero h1{font-size:26px}.driver-summary{width:100%;justify-content:space-between;padding-top:15px;border-top:1px solid #ffffff23}.driver-summary strong{font-size:24px}.order-builder{grid-template-columns:1fr}.order-product{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;gap:12px;padding:12px}.order-product .product-art{height:90px;width:60px;grid-row:1/4}.order-product h3{font-size:11px;text-align:left;margin:0}.order-product .stock-note{text-align:left;margin:0;grid-column:2}.order-product .stepper{grid-column:2}.order-product .field{grid-column:3;grid-row:1/4;margin:0}.order-total{padding:16px}.order-total strong{font-size:24px}.stock-product{padding:20px}.stock-product-head .product-art{width:65px}.stock-product-head h2{font-size:15px}.stock-values div{padding:10px}.stock-values b{font-size:22px}.stock-values small{font-size:8px}.client-head{align-items:flex-start;flex-direction:column}.balance{font-size:32px}.report-kpis{gap:10px}.report-kpis .kpi{display:flex;gap:10px;padding:15px}.report-kpis .kpi-icon{margin:0;width:35px;height:35px}.report-kpis .kpi strong{font-size:19px}.report-kpis .kpi small{font-size:9px}.route-order{gap:10px;flex-wrap:wrap}.route-info{min-width:180px}.route-order .actions{margin-left:48px}.public-header{height:88px;padding:10px 20px;gap:15px}.public-logo{width:155px;height:62px}.public-header .btn{font-size:9px;padding:10px;gap:7px}.public-header .btn .icon:first-child{display:none}.public-hero{grid-template-columns:1fr;min-height:auto}.public-hero-copy{padding:43px 26px 0;background:linear-gradient(#eef8fd,#e5f4fb)}.public-hero h1{font-size:64px;line-height:1.03;position:relative;z-index:2;margin:8px 0 20px}.public-hero p{font-size:13px;margin-bottom:24px}.public-hero .btn-xl{font-size:12px}.public-hero-photo{height:345px;margin-top:-20px}.public-hero-photo>img{object-position:right center}.public-hero-photo:before{top:0;left:0;right:0;bottom:auto;width:100%;height:55px;background:linear-gradient(#e5f4fb,transparent)}.hero-service{margin-top:22px;position:relative;z-index:2}.photo-tag{bottom:23px;right:22px;padding:11px 15px}.photo-tag b{font-size:10px}.hero-vertical{right:13px;top:42px}.service-strip{gap:10px;justify-content:space-between;padding:20px 18px;font-size:8px}.service-strip span{gap:6px}.service-strip>i{display:none}.service-strip .icon{width:16px;height:16px}.public-products{padding:52px 22px}.public-section-head{display:block;margin-bottom:25px}.public-section-head h2{font-size:31px}.public-section-head p{font-size:11px;margin-top:18px}.public-product-grid{grid-template-columns:1fr;gap:15px}.public-product{display:grid;grid-template-columns:40% 60%;align-items:center}.product-stage{height:190px}.product-stage .product-art{width:100px;height:164px}.product-stage>span{font-size:28px;bottom:26px}.public-product-info{padding:22px}.public-product-info>span{font-size:7px}.public-product-info h3{font-size:20px}.public-product-info p{font-size:10px}.public-service{grid-template-columns:1fr;padding:45px 25px;gap:25px}.public-service h2{font-size:31px}.service-points article{padding:18px 0}.service-points h3{font-size:14px}.team-cta{flex-direction:column;align-items:stretch;margin:30px 22px;padding:22px}.team-cta>div{gap:13px}.team-cta b{font-size:13px}.team-cta small{font-size:10px}.public-footer{flex-wrap:wrap;padding:25px 22px;gap:15px;justify-content:center;text-align:center}.public-footer img{width:140px}.public-footer p{font-size:9px}.public-footer a{margin:0}.login-shell{grid-template-columns:1fr;min-height:100dvh}.login-brand{padding:18px 25px;min-height:0;flex-direction:row;align-items:center;justify-content:space-between}.login-brand>a{width:155px}.login-brand>a>img{height:66px}.login-brand>div{margin:0}.login-brand .eyebrow{font-size:6px;margin:0;color:#8fbed6;max-width:100px}.login-brand h1,.login-brand p,.login-products,.login-brand-foot{display:none}.login-form-side{padding:25px 28px;min-height:calc(100dvh - 102px)}.login-back{font-size:10px}.login-form-wrap{margin:40px auto;max-width:400px}.login-form-wrap h2{font-size:33px}.login-form-wrap>.eyebrow{font-size:8px}.login-form-wrap>p{font-size:12px}.login-form-wrap .field input{height:48px}.login-copyright{padding-top:12px}.app-footer{font-size:8px}}
@media(max-width:380px){.hero-product{opacity:.45;right:0}.hero h1{font-size:28px}.hero p{font-size:11px}.grid-kpi{gap:6px}.kpi{padding:14px 10px}.kpi small{font-size:8px}.kpi strong{font-size:24px}.kpi-hint{display:none}.kpi-money{font-size:9px}.card{padding:16px}.product-visual{width:67px}.recent-order b{max-width:140px}.recent-order small{max-width:130px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stock-product{display:block}.stock-product-head{margin-bottom:15px}.stock-values{margin-bottom:18px}.stock-product .form-grid{grid-template-columns:1fr}.order-product{gap:8px;grid-template-columns:50px 1fr 1fr}.order-product .product-art{width:50px}.order-product .stepper button{width:25px}.public-hero h1{font-size:58px}.public-header .btn .icon{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.sidebar,.topbar,.app-footer,.actions,.filter-bar,.no-print{display:none!important}.app-shell,.content,.main{display:block;padding:0}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.table{min-width:0}.table-wrap{overflow:visible}body{background:#fff}}


.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}.small-product{width:28px;height:43px}.stock-actions+.stock-actions{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.demo-banner{background:#fff5d9;color:#9a7626;font-size:10px;text-align:center;padding:8px 15px;border-bottom:1px solid #f6e8bd}.report-bar-row{grid-template-columns:110px 1fr 35px}

.public-hero-photo>img{object-position:right center}

@media(min-width:1201px){.sidebar nav a{font-size:13px}.kpi small{font-size:13px}.kpi-hint{font-size:11px}.quick b{font-size:13px}.quick a span{font-size:11px}.section-heading h2{font-size:18px}.product-caption h3{font-size:11px}.recent-order b{font-size:12px}.recent-order small{font-size:10px}.badge{font-size:10px}.date-card b{font-size:13px}.table{font-size:12px}.table b{font-size:12px}.table .mini{font-size:10px}.table th{font-size:10px}.field label{font-size:12px}.field input,.field select,.field textarea{font-size:13px}}

@media(max-width:760px){.hero-product{display:none}.grid-kpi .kpi small{font-size:10px}.hero h1{font-size:29px}.kpi-hint{font-size:9px}}