html[data-theme=light]{--bg:#e8f0f6;--bg-deep:#feffff;--ink:#102033;--muted:#60788d;--faint:#8196a7;--accent:#315d7c;--accent-rgb:49,93,124;--accent-two:#7398b6;--accent-two-rgb:115,152,182;--surface:#fcfeffcc;--surface-strong:#fcfeff;--line:#9bb6ca44;--line-strong:#587b9e66;--radius:22px}
.logistics-demo{background:linear-gradient(145deg,#feffff,#eaf2f8 55%,#f6fbfe)!important;color:#102033;font-family:Manrope,Inter,Arial,sans-serif}.logistics-demo::before{display:none}.logistics-demo .demo-shell{max-width:1900px;margin:auto}.logistics-demo .demo-topbar{border-radius:0;background:#fcfeffd9}.log-brand{display:flex;align-items:center;gap:16px;text-decoration:none}.log-brand img{width:125px;height:42px;object-fit:contain}.log-brand span{font:10px var(--mono);letter-spacing:.09em;border-left:1px solid var(--line);padding-left:16px}.log-brand small{display:block;color:var(--muted);font:10px var(--sans);margin-top:6px;letter-spacing:0}.return-case{font:11px var(--mono);color:var(--muted)}
.demo-disclosure{display:flex;align-items:center;gap:18px;padding:14px 28px;background:#dbe9f4;border-bottom:1px solid #a9bed166;font-size:11px;line-height:1.5}.demo-disclosure b{white-space:nowrap;font-size:12px}.demo-disclosure span{flex:1}.demo-disclosure button{padding:8px 11px;border:1px solid #9fb8cb;background:#f7fbff;color:#315d7c;border-radius:7px;cursor:pointer;font-size:11px}
.logistics-demo .guide-panel{background:#f5f9fdcc}.guide-note{font-size:11px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.logistics-demo .guide-list button{color:#244458}.logistics-demo .guide-list button.is-active{background:#dcebf7;border-color:#88aac3}.logistics-demo .demo-focus{background:linear-gradient(120deg,#e0edf7,#f8fcff);border-color:#9db9cd}.logistics-demo .metric-row article{background:#fcfeff;box-shadow:0 8px 26px #7398b610}.logistics-demo .task-card{border-radius:14px;background:#fff;box-shadow:0 8px 24px #5479990c}.logistics-demo .kanban__column{background:#e9f1f8aa}.logistics-demo .kanban__column>h4{color:#38566c}.logistics-demo .task-card strong{font-size:14px;color:#102033}.logistics-demo .task-card p{color:#60788d}.logistics-demo .task-card small{color:#587b9e}.logistics-demo .board-section{border-radius:18px;border:1px solid var(--line);background:#f9fcfe;padding:20px}.logistics-demo .kanban{grid-template-columns:repeat(5,minmax(175px,1fr));overflow-x:auto;padding-bottom:8px}.logistics-demo .kanban__column{min-height:330px}.logistics-demo .task-card button{display:block;text-align:left;color:inherit;font:inherit;background:none;border:0;padding:0;width:100%;cursor:pointer}.logistics-demo .task-card button:hover strong{text-decoration:underline}.logistics-demo .task-card.late{border-left:3px solid #a76d44}.logistics-demo .task-card div{display:flex;gap:8px;flex-wrap:wrap}.logistics-demo .task-card time{color:#60788d}
.log-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 16px}.workspace-tabs{display:flex;gap:8px}.workspace-tabs button{border:1px solid transparent;background:none;color:#60788d;padding:10px 14px;border-radius:9px;cursor:pointer;font-size:12px}.workspace-tabs .is-active{background:#fcfeff;color:#102033;border-color:#bfd1df}.log-primary{border:0;border-radius:9px;background:#315d7c;color:#fff;padding:12px 17px;cursor:pointer;font-weight:600;font-size:12px}.log-filters{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px;margin-bottom:22px}.log-filters label{display:grid;gap:8px;font-size:10px;color:#60788d}.log-filters input,.log-filters select{min-width:0;border:1px solid #bfd1df;background:#fcfeff;color:#102033;border-radius:9px;padding:12px;font:12px var(--sans)}.logistics-demo :focus-visible{outline:2px solid #587b9e;outline-offset:3px}.demo-limits{color:#6b8092;font-size:10px;line-height:1.7;margin:24px 0}.log-empty{padding:35px 20px;text-align:center;color:#60788d;font-size:13px}
.log-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.log-table th{font-size:9px;letter-spacing:.04em;color:#60788d;font-weight:500;padding:14px 10px;border-bottom:1px solid #bfd1df}.log-table td{padding:17px 10px;border-bottom:1px solid #d8e4ee;line-height:1.7}.log-table td button{color:#315d7c;border:1px solid #bfd1df;border-radius:6px;background:#fff;padding:7px 10px;cursor:pointer;white-space:nowrap}.log-table-wrap{overflow-x:auto}.log-table td:first-child{font-family:var(--mono);font-size:11px}.log-status{display:inline-block;padding:5px 8px;border-radius:20px;background:#e0edf6;color:#315d7c;font-size:10px}.log-alert{padding:18px 20px;margin:12px 0;border:1px solid #c8b59b;border-radius:12px;background:#fffaf2;color:#74573d;font-size:12px;line-height:1.7}.client-card{padding:26px;background:#fff;border:1px solid #bfd1df;border-radius:18px;margin-top:15px}.client-card h3{font-size:24px;margin:12px 0}.client-card p{font-size:13px;color:#60788d;line-height:1.7}.client-progress{display:flex;gap:8px;margin:25px 0}.client-progress span{flex:1;height:5px;border-radius:4px;background:#dbe6ef}.client-progress span.is-done{background:#587b9e}.client-card button{margin-top:15px}
.log-dialog{width:min(780px,calc(100% - 28px));max-height:90dvh;overflow:auto;border:1px solid #abc1d3;background:#f9fcff;color:#102033;padding:30px;border-radius:20px;box-shadow:0 30px 100px #10203355}.log-dialog::backdrop{background:#10203388;backdrop-filter:blur(8px)}.log-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;font:10px var(--mono);color:#60788d;margin-bottom:22px}.log-dialog>header button{border:1px solid #abc1d3;background:#fff;width:37px;height:37px;border-radius:8px;font-size:23px;color:#315d7c;cursor:pointer}.log-dialog h2{font-size:30px;letter-spacing:-.04em;margin:12px 0 24px}.log-dialog p{font-size:13px;line-height:1.7;color:#60788d}.log-dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.log-dialog dt{font-size:10px;color:#60788d;margin-bottom:8px}.log-dialog dd{margin:0;font-size:13px;line-height:1.6}.log-dialog .history{padding-left:20px;font-size:12px;line-height:2;color:#60788d}.log-dialog form{display:grid;gap:17px}.log-dialog form label{display:grid;gap:8px;font-size:12px}.log-dialog form input{border:1px solid #abc1d3;border-radius:9px;padding:13px;background:#fff;color:#102033;font:inherit}.log-documents{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.log-documents button{border:1px solid #abc1d3;background:#fff;padding:9px 12px;border-radius:7px;color:#315d7c;cursor:pointer;font-size:11px}.log-dialog .log-actions{border-top:1px solid #bfd1df;padding-top:20px;margin-top:25px}
@media(max-width:1000px){.logistics-demo .demo-layout{grid-template-columns:1fr}.logistics-demo .guide-panel{display:none}.logistics-demo .role-switch{flex-wrap:wrap}.logistics-demo .workspace-head{gap:18px;flex-wrap:wrap}.demo-disclosure{flex-wrap:wrap;gap:8px;padding:12px 18px}.demo-disclosure span{flex-basis:100%;order:3}.log-filters{grid-template-columns:1fr 1fr}.log-filters label:first-child{grid-column:1/-1}}
@media(max-width:600px){.log-brand img{width:100px}.log-brand span{display:none}.return-case{font-size:9px}.log-toolbar{align-items:stretch;flex-direction:column}.workspace-tabs button{flex:1;padding:10px}.workspace-tabs{display:flex}.logistics-demo .demo-workspace{padding:22px 14px}.log-dialog{padding:21px}.log-dialog dl{grid-template-columns:1fr}.log-filters{gap:9px}.logistics-demo .metric-row{grid-template-columns:1fr 1fr}.logistics-demo .role-switch button{font-size:10px;padding:10px}.logistics-demo .board-section{padding:14px}}
.logistics-demo .demo-layout{grid-template-columns:250px minmax(0,1fr);height:calc(100dvh - 166px)}
.logistics-demo .demo-topbar{grid-template-columns:1fr auto}
.logistics-demo .demo-disclosure{width:100%;max-width:none;margin:12px 0 0}
@media(max-width:1000px){.logistics-demo .demo-layout{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 200px)}}
@media(max-width:600px){.logistics-demo .demo-layout{height:auto}.logistics-demo{height:auto;overflow:auto}.logistics-demo .demo-workspace{overflow:visible}.logistics-demo .demo-topbar{padding:8px 12px}.logistics-demo .demo-disclosure{padding:12px}}