:root{--red:#b20f1c;--red-dark:#8e0914;--ink:#17191d;--muted:#626974;--line:#e1e3e7;--bg:#f3f4f6;--green:#22663e;--amber:#8d5900;--radius:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #3377cf;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}button{min-height:44px}input,select,textarea{width:100%;border:1px solid #cbd0d6;border-radius:7px;background:#fff;padding:12px;color:var(--ink);min-height:46px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{outline:2px solid #b20f1c55;border-color:var(--red)}label{display:block;font-size:.875rem;font-weight:700;margin:0 0 7px}small,.muted{color:var(--muted);font-size:.875rem;line-height:1.5}.field{min-width:0}.field small{display:block;margin-top:5px}.full{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:var(--ink);border:1px solid #ccd0d5;border-radius:7px;padding:11px 17px;font-weight:700;font-size:.875rem;line-height:1.3;min-height:44px}.btn:hover{background:#f4f4f5;text-decoration:none}.btn.primary{background:var(--red);color:white;border-color:var(--red)}.btn.primary:hover{background:var(--red-dark)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.danger{color:var(--red)}.btn.small{padding:9px 12px}.btn.link{border:0;background:transparent;color:var(--red);padding-left:0}.icon{width:20px;height:20px;flex:none;vertical-align:middle}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack{display:grid;gap:18px}.initial{padding:10vh 24px;text-align:center}.initial img{width:min(380px,90%)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;letter-spacing:-.04em;line-height:1.18;margin-bottom:9px}h2{font-size:1.1rem;letter-spacing:-.02em;margin-bottom:16px}h3{font-size:1rem;margin-bottom:8px}p{line-height:1.55}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:28px 18px 20px;z-index:10}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.sidebar-signout{width:100%;margin-top:8px}.brand{display:block;padding:0 10px 25px}.brand img{display:block;width:100%;height:auto}.brand span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.17em;color:var(--muted);margin-top:17px}.nav-label{padding:15px 13px 8px;font-size:.75rem;color:#7b818a;letter-spacing:.08em;font-weight:700}.nav{display:flex;flex-direction:column;gap:5px}.nav a{min-height:47px;display:flex;align-items:center;gap:12px;border-radius:7px;color:#545b65;padding:12px 14px;font-size:.9rem;font-weight:600}.nav a:hover{text-decoration:none;background:#f6f6f7}.nav a.active{background:#fbeef0;color:var(--red);box-shadow:inset 3px 0 var(--red)}.sidebar-bottom{flex-shrink:0;margin-top:auto;padding-top:26px}.user-card{border-top:1px solid var(--line);padding:20px 6px 0;display:flex;gap:11px;align-items:center}.avatar{display:grid;place-items:center;background:#f1e4e6;color:var(--red);width:39px;height:39px;border-radius:50%;font-weight:800;flex:none}.user-card strong{display:block;font-size:.875rem;overflow-wrap:anywhere}.user-card small{text-transform:capitalize}.main{min-width:0}.topbar{min-height:80px;background:white;border-bottom:1px solid var(--line);padding:18px 34px;display:flex;justify-content:space-between;gap:20px;align-items:center}.top-search{display:flex;align-items:center;gap:10px;max-width:400px;width:100%;color:var(--muted)}.top-search input{background:#f5f6f8;border:0;min-height:42px}.top-info{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:.875rem;color:var(--muted)}.bell{position:relative}.badge-count{background:var(--red);color:#fff;font-size:.75rem;border-radius:12px;padding:2px 6px;margin-left:auto}.content{padding:32px 34px 50px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-title p{color:var(--muted);font-size:.9rem;margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{background:#fff;padding:22px;border:1px solid var(--line);border-radius:var(--radius)}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:.875rem;font-weight:600}.stat strong{display:block;font-size:2.2rem;letter-spacing:-.06em;margin:16px 0 4px}.stat small{font-size:.8rem}.stat.alert{border-top:3px solid var(--red);padding-top:20px}.stat.alert strong{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:23px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.panel-pad{padding:24px}.panel-head{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0}.list-row{padding:17px 23px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #eceef0}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row strong{font-size:.9rem;display:block;margin-bottom:4px}.list-row button.text{text-align:left;border:0;background:none;padding:0;color:var(--ink);font-weight:700;min-height:30px}.item-icon{width:41px;height:41px;border-radius:8px;background:#f3f4f6;display:grid;place-items:center;color:#666;flex:none}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;font-size:.75rem;font-weight:700;white-space:nowrap;background:#f0f1f3;color:#606671}.pill.red{background:#fcebed;color:var(--red)}.pill.green{background:#eaf4ed;color:var(--green)}.pill.amber{background:#fff4dc;color:var(--amber)}.weather{background:#1e2229;color:#fff;border:0}.weather .eyebrow{color:#b8bcc3}.weather h2{font-size:1.7rem;margin:18px 0 10px;line-height:1.25}.weather small{color:#b8bdc6}.weather a{color:#fff}.news-link{display:block;border-bottom:1px solid var(--line);padding:15px 0;font-size:.9rem;font-weight:600;line-height:1.5;color:var(--ink)}.news-link:last-child{border:0}.news-link small{display:block;font-weight:400;margin-top:4px}.map-preview{height:240px;overflow:hidden;background:#e5e6e8;position:relative}.map-preview img{width:100%;height:100%;object-fit:cover;object-position:50% 64%;filter:saturate(.5)}.map-preview .map-link{position:absolute;bottom:18px;left:18px}.notice{border-left:4px solid var(--red);background:white;padding:15px 19px;margin-bottom:24px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.5}.empty{padding:38px 24px;text-align:center;color:var(--muted)}.empty .icon{width:32px;height:32px;margin-bottom:14px;color:#a9afb6}.empty h3{color:var(--ink)}.empty p{font-size:.9rem;max-width:420px;margin:0 auto 17px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.toolbar input{flex:2;min-width:180px}.toolbar select{flex:1;min-width:140px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.875rem}th{background:#fafafb;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 18px;border-bottom:1px solid #eceef0;vertical-align:middle}td strong{display:block}td small{display:block;margin-top:4px}tbody tr:hover{background:#fcfcfd}td.name-col{min-width:220px}.table-link{background:none;border:0;text-align:left;padding:0;color:var(--ink);font-weight:700}.table-link:hover{color:var(--red)}.pagination{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.auth{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.auth-left{padding:50px max(35px,8vw);display:flex;flex-direction:column;justify-content:center}.auth-logo{width:min(370px,100%);margin-bottom:58px}.auth h1{font-size:2.2rem}.auth form{max-width:430px}.auth .field{margin-bottom:18px}.auth-right{background:#17191d;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12%;border-top:10px solid var(--red)}.auth-right h2{font-size:3rem;line-height:1.05;letter-spacing:-.04em;margin:25px 0}.auth-right p{color:#b8bcc3;max-width:340px}.auth-right .eyebrow{color:#ec717c}.auth-right .auth-feature{padding:20px 0;border-top:1px solid #34373c;display:flex;gap:14px;align-items:center;font-size:.9rem}.auth-tabs{display:flex;gap:18px;margin-bottom:25px}.auth-tabs button{background:none;border:0;padding:8px 0;color:var(--muted);font-weight:700}.auth-tabs .active{color:var(--red);border-bottom:2px solid var(--red)}.error{color:#a50915;background:#fcedee;border-radius:7px;padding:12px;font-size:.9rem;line-height:1.5}.error:empty{display:none}.hint{background:#f3f5f7;padding:13px 15px;border-radius:7px;font-size:.875rem;line-height:1.5;color:#555f6b}.hint.warning{background:#fff5df;color:#725016}.auth-footer{margin-top:24px;font-size:.8rem;color:var(--muted)}dialog{border:0;border-radius:14px;padding:0;width:min(760px,calc(100% - 28px));max-height:90dvh;color:var(--ink);box-shadow:0 24px 100px #0004}dialog::backdrop{background:#10141bbc;backdrop-filter:blur(2px)}.modal-head{padding:21px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:0;background:#fff;z-index:3}.modal-head h2{margin:0;font-size:1.15rem}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px;flex-wrap:wrap}.close{background:none;border:0;font-size:1.4rem;width:42px;flex:none}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid dt{color:var(--muted);font-size:.8rem;margin-bottom:7px}.detail-grid dd{margin:0;font-size:.95rem;overflow-wrap:anywhere}.detail-image{max-height:230px;max-width:100%;border-radius:8px;object-fit:contain;margin-bottom:20px}.detail-stock{padding:18px;background:#f5f6f8;border-radius:9px;margin-bottom:20px}.detail-stock strong{font-size:2rem;letter-spacing:-.04em}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.map-viewport{overflow:auto;max-height:73vh;min-height:240px;background:#d9dddf;border:1px solid var(--line);border-radius:8px;position:relative}.map-canvas{position:relative;width:100%;min-width:100%;line-height:0;touch-action:pan-x pan-y}.map-canvas img{display:block;width:100%;height:auto;user-select:none}.marker{position:absolute;transform:translate(-50%,-50%);border:3px solid #fff;background:var(--red);color:#fff;width:32px;height:32px;min-height:32px;border-radius:50%;box-shadow:0 2px 5px #0008;display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1;z-index:1;padding:0}.marker:hover,.marker:focus{z-index:2;scale:1.15}.marker.selected{background:#1764ad;width:36px;height:36px}.map-toolbar{display:flex;align-items:center;gap:12px;padding:12px;background:#fff}.map-toolbar input{min-height:24px;padding:0;width:120px}.map-picker .map-viewport{max-height:370px}.map-picker{margin-top:10px}.map-legend{font-size:.8rem;padding:10px 0;color:var(--muted)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.package{padding:23px}.package ul{list-style:none;margin:20px 0;padding:0}.package li{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.package li span{min-width:0}.catalog-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.catalog-tabs a{padding:11px 15px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--muted);font-size:.875rem;font-weight:700}.catalog-tabs a.active{background:var(--ink);color:#fff}.catalog-card{padding:20px;display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid var(--line)}.catalog-card:last-child{border:0}.catalog-card p{font-size:.875rem;color:var(--muted);margin:8px 0 0;white-space:pre-wrap}.audit-detail pre{white-space:pre-wrap;word-break:break-word;font-size:.8rem;max-height:320px;overflow:auto;background:#f4f5f6;padding:15px}.audit-detail summary{cursor:pointer;color:var(--red);padding:7px 0}.calibration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.calibration-grid label{font-size:.8rem}.checkline{display:flex;gap:10px;align-items:center}.checkline input{width:20px;min-height:20px}.mobile-toggle{display:none}.print-only{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#20242b;color:#fff;padding:14px 22px;border-radius:9px;box-shadow:0 8px 28px #0003;z-index:100;max-width:calc(100vw - 30px);font-size:.9rem;transition:transform .2s;pointer-events:none}#toast.show{transform:translateX(-50%) translateY(0)}.nowrap{white-space:nowrap}.offline-banner{background:#fff1d4;color:#774c00;padding:10px 24px;text-align:center;font-size:.875rem}.account-width{max-width:780px}.package-line{display:grid;grid-template-columns:minmax(0,1fr) 100px 44px;gap:10px;margin-bottom:12px}.package-line .btn{padding:8px}.hidden{display:none!important}.source-note{font-size:.75rem;color:var(--muted);margin:12px 0 0;line-height:1.5}
@media(min-width:1600px){.content{padding-top:42px}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}}
@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.content{padding:25px 22px}.topbar{padding:16px 22px}.stats{gap:12px}.stat{padding:17px}.stat.alert{padding-top:15px}.top-info .date{display:none}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr)}.map-layout{grid-template-columns:1fr}.map-sidebar{display:none}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;left:-260px;width:244px;transition:left .2s;box-shadow:12px 0 50px #0002}.sidebar.open{left:0}.mobile-toggle{display:inline-flex}.topbar{padding:13px 18px;gap:12px;min-height:70px}.top-search{max-width:none}.top-info{gap:8px}.top-info .sync{display:none}.content{padding:25px 18px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px}.page-title{align-items:flex-start}.page-title h1{font-size:1.7rem}.auth-left{padding:40px 7vw}.auth-right{padding:12%}.auth-right h2{font-size:2.6rem}.map-viewport{max-height:65vh}.panel-pad{padding:20px}}
@media(max-width:600px){.dashboard-grid{display:flex;flex-direction:column}.dashboard-grid>.stack{width:100%}.page-title{flex-direction:column;gap:18px}.page-title .actions{width:100%}.page-title .actions .btn{flex:1}.top-info .btn{padding:10px}.content{padding:24px 14px}.stat{padding:17px}.stat strong{font-size:2rem;margin-top:12px}.stat-top{font-size:.8rem}.stat-top .icon{width:18px}.stat small{font-size:.75rem}.stats{gap:10px}.auth{display:block}.auth-right{display:none}.auth-left{min-height:100dvh;padding:30px 24px}.auth-logo{margin-bottom:40px}.auth form{max-width:none}.form-grid{grid-template-columns:1fr}.detail-grid{gap:18px}.modal-body{padding:18px}.modal-head{padding:17px 18px}.modal-footer .btn{flex:1}.package-grid{grid-template-columns:1fr}.toolbar{padding:12px;gap:8px}.toolbar input{flex-basis:100%}.catalog-card{flex-direction:column}.calibration-grid{grid-template-columns:1fr 1fr}.panel-head{padding:17px}.list-row{padding:15px 17px}.list-row .pill{font-size:.7rem}.map-toolbar{flex-wrap:wrap}.top-search input{font-size:.9rem;padding:10px}.topbar{gap:9px}.top-search>.icon{display:none}.package-line{grid-template-columns:minmax(0,1fr) 75px 40px}h1{overflow-wrap:anywhere}}
@media print{body{background:#fff}.sidebar,.topbar,.page-title .actions,.toolbar,.btn,.pagination,#toast{display:none!important}.shell{display:block}.content{padding:0}.table-wrap{overflow:visible}table{font-size:10pt}th,td{padding:8px}.print-only{display:block}.panel{border:0}.map-viewport{overflow:visible;max-height:none}.map-canvas{width:100%!important}dialog[open]{position:static;max-height:none;width:100%;box-shadow:none}body:has(dialog[open]) #app{display:none}.modal-head .close{display:none}}