:root{--primary:#0038A8;--primary-d:#002A7F;--primary-l:#E6ECF8;--primary-m:#7FA0DC;--ink:#1d2733;--muted:#6b7684;--line:#dfe4ea;--bg:#f4f6fa;--red:#c62828}*{box-sizing:border-box}body{margin:0;font:14px/1.5 "Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--primary)}h1{font-size:22px;margin:4px 0 8px}h2{font-size:18px}h3{font-size:15px;margin:0 0 10px}.top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 20px;background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(0,42,127,.25)}.top a{color:#fff;text-decoration:none}.brand a{display:flex;align-items:center;gap:10px}.brand img{width:46px;height:46px;background:#fff;border-radius:50%;padding:2px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:16px}.brand small{opacity:.85;font-size:12px}.scan input{width:230px;padding:6px 10px;border-radius:4px;border:0}nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap;align-items:center}nav>a,.dd>a{padding:6px 10px;border-radius:4px;display:inline-block}nav>a:hover,.dd:hover>a{background:var(--primary-d)}.count{background:#fff;color:var(--primary);border-radius:10px;padding:0 7px;font-size:12px;font-weight:bold}.dd{position:relative}.dd-menu{display:none;position:absolute;right:0;top:100%;background:#fff;min-width:200px;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,.15);border-radius:6px;padding:6px 0}.dd:hover .dd-menu{display:block}.dd-menu a,.dd-menu>span{display:block;padding:6px 14px;color:var(--ink)!important}.dd-menu a:hover{background:var(--primary-l)}main{max-width:1280px;margin:0 auto;padding:18px 20px 40px}footer{text-align:center;color:var(--muted);font-size:12px;padding:16px;border-top:1px solid var(--line)}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.narrow{max-width:420px;margin:30px auto}.narrow-wide{max-width:760px;margin:20px auto}.center-text{text-align:center}.center-text form{text-align:left}.logo-lg{width:110px;height:110px}.cols{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.grid2,.grid3,.grid4{display:grid;gap:12px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:16px}.stat{border:1px solid var(--line);border-radius:8px;padding:12px 16px;text-decoration:none;color:var(--ink);background:linear-gradient(to right,var(--primary-d) 50%,#fff 50%) right/201% 100% no-repeat;transition:background-position .35s ease,border-color .35s ease}.stat b{display:block;font-size:28px;color:var(--primary-d);transition:color .35s ease}.stat span{color:var(--muted);font-size:13px;transition:color .35s ease}.stat-red b{color:var(--red)}.stat:hover{background-position:left;border-color:var(--primary-d)}.stat:hover b,.stat:hover span{color:#fff}label{display:block;font-weight:600;font-size:13px;margin-bottom:10px}label.inline{display:inline-block;font-weight:normal;margin:0}label.check{font-weight:normal;display:flex;gap:6px;align-items:flex-start}input,select,textarea{width:100%;padding:7px 9px;border:1px solid #c7ced6;border-radius:4px;font:inherit;margin-top:3px;background:#fff}input[type=checkbox]{width:auto;margin-top:4px}label.inline input{width:auto}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-m);border-color:var(--primary)}fieldset{border:1px dashed var(--line);border-radius:6px;margin:6px 0 14px;padding:10px 14px 0}legend{font-weight:600;color:var(--primary);padding:0 6px}.btn{display:inline-block;padding:7px 14px;border:1px solid #c7ced6;border-radius:4px;background:#fff;cursor:pointer;font:inherit;color:var(--ink);text-decoration:none}.btn:hover{background:#f0f3f1}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-d)}.btn.warn{background:var(--primary-d);border-color:var(--primary-d);color:#fff}.btn.full{width:100%}.small-btn{margin-top:6px;padding:4px 10px}button.link{background:none;border:0;color:var(--primary);cursor:pointer;padding:0 4px;font:inherit;text-decoration:underline}form.inline{display:inline}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.filters input,.filters select{width:auto;margin:0}.filters input[name=q]{min-width:260px}.track-form{display:flex;gap:8px}.track-form input{margin:0;font-size:16px}.tbl{width:100%;border-collapse:collapse}table.card{padding:0;overflow:hidden}.tbl th{text-align:left;background:var(--primary-l);color:var(--primary-d);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:hover td{background:#fafcfb}.num{text-align:right}.nowrap{white-space:nowrap}tr.inactive td{opacity:.5}tr.row-return td{background:#fff5ec}.tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:2px solid var(--line)}.tabs a{padding:7px 14px;text-decoration:none;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px}.tabs a.on{color:var(--primary-d);border-bottom-color:var(--primary);font-weight:600}.pager{margin:10px 0;display:flex;gap:14px;align-items:center}.badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;vertical-align:middle}.b-blue{background:#e3edfb;color:#1a4f9c}.b-yellow{background:#dfe6f5;color:#002A7F}.b-green{background:#dcf1e4;color:#13623a}.b-orange{background:#fde5d3;color:#a24a0f}.b-red{background:#fde0e0;color:var(--red)}.b-gray{background:#eceff2;color:#4d5866}.muted{color:var(--muted)}.small{font-size:12px}.overdue{color:var(--red);font-weight:600}.ok{color:var(--primary)}.flash{padding:10px 14px;border-radius:6px;margin-bottom:12px}.flash-ok{background:#dcf1e4;color:#13623a}.flash-err{background:#fde0e0;color:#8e1c1c}.flash-warn{background:#fff4c2;color:#6b5000}.doc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.barcode{text-align:center}.barcode svg{max-width:100%}dl.meta{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:0}dl.meta dt{color:var(--muted)}dl.meta dd{margin:0}dl.meta+h3{margin-top:18px}.action{border-top:4px solid var(--primary)}ul.timeline{list-style:none;padding:0;margin:0;border-left:3px solid var(--primary-l)}ul.timeline li{padding:4px 0 8px 14px;position:relative}ul.timeline li::before{content:"";position:absolute;left:-7px;top:10px;width:11px;height:11px;border-radius:50%;background:var(--primary)}ul.plain{list-style:none;padding:0;margin:0 0 10px}ul.plain li{padding:3px 0}code{background:#eef1f0;padding:1px 5px;border-radius:3px}.btn,button,nav>a,.dd>a,.tabs a,.dd-menu a{transition:transform .18s ease,box-shadow .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.btn,button:not(.link){position:relative;overflow:hidden}.btn:hover,button:not(.link):hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,42,127,.18)}.btn:active,button:not(.link):active{transform:translateY(0) scale(.96);box-shadow:0 2px 4px rgba(0,42,127,.2)}.btn:focus-visible,button:focus-visible{outline:3px solid var(--primary-m);outline-offset:2px}.btn.primary::after,.btn.warn::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg)}.btn.primary:hover::after,.btn.warn:hover::after{animation:shine .7s ease}@keyframes shine{to{left:125%}}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.55);pointer-events:none;animation:ripple .6s ease-out}.btn:not(.primary):not(.warn) .ripple{background:rgba(0,56,168,.2)}@keyframes ripple{to{transform:scale(4);opacity:0}}.btn.is-loading{pointer-events:none;color:transparent!important}.btn.is-loading::before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn:not(.primary):not(.warn).is-loading::before{border-color:rgba(0,56,168,.25);border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}button.link:hover{color:var(--primary-d)}nav>a:hover,.dd:hover>a{transform:translateY(-1px)}.tabs a:hover{color:var(--primary);border-bottom-color:var(--primary-m)}.count{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}50%{box-shadow:0 0 0 5px rgba(255,255,255,0)}}body.login-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(rgba(0,42,127,.55),rgba(0,42,127,.72)),url("img/login_bg.jpg") center/cover no-repeat fixed}body.login-page main{flex:1;display:flex;align-items:center;justify-content:center;width:100%}body.login-page .card.narrow{width:100%;margin:20px auto;background:rgba(255,255,255,.96);box-shadow:0 10px 40px rgba(0,0,0,.35);border:0;border-top:5px solid var(--primary)}body.login-page .login-links{display:flex;justify-content:space-between;margin:-2px 0 12px;font-size:13px}.pw-wrap{position:relative;display:block;margin-top:3px}.pw-wrap input{margin-top:0;padding-right:42px}button.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}button.pw-toggle:hover{color:var(--primary);background:var(--primary-l);transform:translateY(-50%);box-shadow:none}button.pw-toggle:active{transform:translateY(-50%) scale(.9);box-shadow:none}button.pw-toggle svg{width:20px;height:20px}body.login-page footer{color:#e6efe9;border-top-color:rgba(255,255,255,.2)}body.slip{background:#fff;max-width:800px;margin:0 auto;padding:16px;font-size:13px}.slip-head{display:flex;align-items:center;gap:14px;border-bottom:3px double #000;padding-bottom:8px}.slip-logo{width:80px;height:80px}.slip-title{flex:1;line-height:1.35}.slip-head .tn{font-family:Consolas,monospace;font-weight:bold;letter-spacing:1px}.slip .center{text-align:center;letter-spacing:2px;margin:12px 0}.slip-tbl{width:100%;border-collapse:collapse;margin-bottom:12px}.slip-tbl th,.slip-tbl td{border:1px solid #000;padding:5px 7px;text-align:left;vertical-align:top}.slip-tbl th{background:#f0f0f0;width:18%}.slip-tbl.routing th{width:auto}.slip-tbl tr.blank td{height:34px}.noprint{margin-bottom:10px}@media(max-width:900px){.cols,.grid2,.grid3,.grid4{grid-template-columns:1fr}.scan input{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media print{.noprint,.top nav,.scan,footer{display:none!important}body{background:#fff}.card{border:0;padding:0}body.slip{padding:0}}