:root{
--bg:#f7f9fc;--panel:#fff;--line:#e5eaf0;--line2:#eff2f6;--ink:#18212f;--muted:#758294;
--blue:#2f80ed;--blue-soft:#e9f2ff;--purple:#8b5cf6;--purple-soft:#f1ebff;--orange:#f59e42;--orange-soft:#fff1e3;
--green:#23a56f;--green-soft:#e7f7ef;--red:#ef4f5f;--cyan:#3c8cf4;--lavender:#9c6ade;
--shadow:0 2px 12px rgba(30,52,72,.045);--radius:10px
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}.lp-app{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr)}
.lp-sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;z-index:40}
.lp-brand-row{height:65px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.lp-brand{text-decoration:none;display:flex;align-items:center;gap:9px}.lp-logo-mark{width:33px;height:33px;border-radius:10px 10px 14px 14px;background:linear-gradient(180deg,#ffc282,#ff9a54);display:grid;place-items:center;color:#fff;font-weight:800}.lp-brand-copy strong{display:block;color:#2f80ed;font-size:17px;letter-spacing:-.03em}.lp-brand-copy small{display:block;color:#788599;font-size:9px;margin-top:2px}.lp-mobile-close{display:none;border:0;background:transparent;font-size:22px}
.lp-nav{padding:10px 9px 18px;flex:1}.lp-nav-section{padding:15px 8px 6px;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#99a4b1}.lp-nav-item{display:flex;align-items:center;gap:9px;height:34px;padding:0 9px;border-radius:7px;text-decoration:none;color:#4e5c6c;font-size:10px;margin-bottom:1px}.lp-nav-item:hover{background:#f7f9fc;color:#1f6fd2}.lp-nav-item.active{background:#eaf3ff;color:#1f6fd2;font-weight:650}.lp-nav-icon{width:16px;text-align:center;color:#73849a;font-size:11px}.lp-nav-item.active .lp-nav-icon{color:#2f80ed}
.lp-sidebar-footer{padding:18px;border-top:1px solid var(--line);font-size:8px;color:#8b97a5}.lp-sidebar-footer small{display:block;margin-top:7px;color:#a4adb7}
.lp-workspace{min-width:0}.lp-topbar{height:65px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:30}.lp-topbar-left{display:flex;align-items:center;gap:12px;flex:1}.lp-menu-btn{display:none;width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:8px}.lp-menu-btn span{display:block;width:15px;height:1.4px;background:#445366;margin:3px auto}.lp-search{width:min(465px,48vw);height:36px;border:1px solid #dfe5ec;border-radius:8px;background:#fbfcfe;display:flex;align-items:center;gap:8px;padding:0 10px}.lp-search>span{font-size:15px;color:#8390a0}.lp-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:10px}.lp-search kbd{font-size:8px;color:#7b8794;border:1px solid #e1e6ec;border-radius:5px;padding:3px 5px;background:#fff}
.lp-topbar-actions{display:flex;align-items:center;gap:10px}.lp-icon-btn{width:32px;height:32px;border:0;background:transparent;color:#344457;position:relative}.lp-icon-btn i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef4f5f;top:5px;right:4px}.lp-user{display:flex;align-items:center;gap:8px;padding-left:9px;border-left:1px solid var(--line)}.lp-user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dce7f5;color:#2b4057;font-size:11px;font-weight:700}.lp-user-copy strong{display:block;font-size:10px}.lp-user-copy small{display:block;font-size:8px;color:#8894a0;margin-top:2px}.lp-signout{font-size:8px;color:#7e8a97;text-decoration:none;margin-left:4px}
.lp-page{padding:20px 22px 30px;max-width:1700px;margin:0 auto}.lp-title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.lp-title-row h1{font-size:18px;margin:0 0 4px;letter-spacing:-.02em}.lp-title-row p{margin:0;color:#7f8b99;font-size:9px}.lp-title-actions{display:flex;gap:8px}.lp-date-box,.lp-refresh{height:34px;border-radius:7px;border:1px solid var(--line);background:#fff;padding:0 10px;display:flex;align-items:center;gap:8px;font-size:9px;color:#5f6d7b}.lp-refresh{border-color:#2f80ed;background:#2f80ed;color:#fff;cursor:pointer}
.lp-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:10px}.lp-kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px 15px 14px;box-shadow:var(--shadow);min-width:0}.lp-kpi-icon,.lp-mini-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin-bottom:15px;font-size:14px}.blue{color:#2f80ed}.lp-kpi-icon.blue,.lp-mini-icon.blue{background:var(--blue-soft)}.lp-kpi-icon.purple,.lp-mini-icon.purple{background:var(--purple-soft);color:var(--purple)}.lp-kpi-icon.orange,.lp-mini-icon.orange{background:var(--orange-soft);color:#f28b2e}.lp-kpi-icon.greenbg,.lp-mini-icon.greenbg{background:var(--green-soft);color:var(--green)}.lp-kpi-icon.cyan{background:#e8f1ff;color:#3c8cf4}.lp-kpi-icon.lavender,.lp-mini-icon.lavender{background:#f0ebff;color:#8b5cf6}.lp-kpi>span{display:block;color:#647181;font-size:9px;margin-bottom:7px}.lp-kpi>strong{display:block;font-size:18px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-kpi>small{display:block;margin-top:7px;color:#8b97a5;font-size:8px}.green{color:#20a06a!important}.red{color:#ef4f5f!important}.orange-text{color:#ed8b2d!important}
.lp-main-grid{display:grid;grid-template-columns:2fr 1.05fr .95fr;gap:10px;margin-bottom:10px}.lp-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;min-width:0}.lp-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.lp-panel-head h3{margin:0;font-size:11px}.lp-panel-head h3 span{font-weight:400;color:#7e8997;font-size:9px}.lp-panel-head a{font-size:8px;color:#2f80ed;text-decoration:none}.lp-panel-head select{height:27px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:8px;color:#52606e}
.lp-linechart{display:grid;grid-template-columns:48px 1fr;height:230px}.lp-ylabels{display:flex;flex-direction:column;justify-content:space-between;padding:6px 4px 23px 0;text-align:right;color:#84909c;font-size:7px}.lp-chart-area{position:relative;min-width:0}.lp-chart-area svg{position:absolute;inset:4px 0 24px;width:100%;height:calc(100% - 28px);z-index:2}.lp-gridline{position:absolute;left:0;right:0;height:1px;background:#edf1f5}.g1{top:4px}.g2{top:33%}.g3{top:65%}.g4{bottom:24px}.lp-xlabels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#84909c;font-size:7px}
.lp-flavour-wrap{display:flex;gap:18px;align-items:center;padding:12px 3px}.lp-donut{width:120px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.lp-donut>div{width:61%;aspect-ratio:1;border-radius:50%;background:#fff}.lp-flavour-list{display:grid;gap:9px;min-width:0}.lp-flavour-list>div{display:flex;gap:8px;align-items:flex-start}.lp-flavour-list i{width:7px;height:7px;border-radius:50%;margin-top:3px;flex:0 0 auto}.lp-flavour-list strong{display:block;font-size:8px}.lp-flavour-list small{display:block;color:#8a95a2;font-size:7px;margin-top:2px}.lp-empty{color:#929daa;font-size:9px}
.lp-actions{display:grid;gap:6px}.lp-actions a{height:28px;border:1px solid var(--line);border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:8px;padding:0 9px;color:#2f80ed;font-size:9px}.lp-actions a:hover{background:#f8fbff;border-color:#cfdff5}.lp-actions a span{color:#33506d}
.lp-table-grid{display:grid;grid-template-columns:1.08fr 1.08fr 1.12fr;gap:10px;margin-bottom:10px}.lp-table-scroll{overflow:auto}.lp-table{width:100%;border-collapse:collapse}.lp-table th{padding:7px 5px;border-bottom:1px solid var(--line);text-align:left;color:#687483;font-size:7px;font-weight:700}.lp-table td{padding:9px 5px;border-bottom:1px solid var(--line2);font-size:8px;color:#344251}.lp-table tr:last-child td{border-bottom:0}.lp-table td a{color:#2f80ed;text-decoration:none}.lp-status{padding:4px 6px;border-radius:999px;font-size:7px;background:#eef1f4}.lp-status.confirmed,.lp-status.ready,.lp-status.dispatched{background:#e3f7ec;color:#1f8a5c}.lp-status.credit_hold{background:#fff0ef;color:#cc4a49}.lp-status.draft{background:#fff4da;color:#a77616}
.lp-util{display:flex;align-items:center;gap:6px}.lp-util>span{width:28px;font-size:7px}.lp-util i{width:60px;height:4px;background:#eef1f4;border-radius:999px;overflow:hidden}.lp-util b{display:block;height:100%;border-radius:999px}.redbg{background:#ef4f5f}.amberbg{background:#f1a72e}.greenbg2{background:#24aa72}.amber{color:#e3971e}
.lp-summary-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.lp-summary-row article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:13px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.lp-summary-row .lp-mini-icon{margin:0;flex:0 0 auto}.lp-summary-row span{font-size:8px;color:#6e7a88}.lp-summary-row strong{display:block;color:#202b38;font-size:14px;margin:3px 0}.lp-summary-row small{display:block;color:#8d98a5;font-size:7px}
.flash{margin:12px 22px 0;padding:9px 11px;border-radius:7px;font-size:9px;border:1px solid var(--line);background:#fff}.flash.success{background:#eefaf4;border-color:#d6ecdf;color:#247453}.flash.error{background:#fff4f3;border-color:#f1d5d2;color:#b63e3c}.flash.warn{background:#fffaeb;border-color:#f0e3b9;color:#80631b}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:15px;box-shadow:var(--shadow)}.grid{display:grid;gap:10px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--line);font-size:9px;vertical-align:top}th{background:#fbfcfe;color:#687483;font-size:8px}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.row4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
label{display:grid;gap:5px;font-size:8px;color:#687483;font-weight:650}input,select,textarea{width:100%;min-height:36px;padding:8px 9px;border:1px solid #dfe5ec;border-radius:7px;background:#fff;color:#253342;font:inherit;font-size:9px;outline:none}input:focus,select:focus,textarea:focus{border-color:#8fbaef;box-shadow:0 0 0 3px rgba(47,128,237,.08)}textarea{min-height:76px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:0;border-radius:7px;padding:0 12px;background:#2f80ed;color:#fff;text-decoration:none;cursor:pointer;font-size:9px}.btn.secondary{background:#536476}.btn.light{background:#fff;color:#33465a;border:1px solid var(--line)}.btn.danger{background:#d34b49}.badge{display:inline-block;padding:4px 6px;border-radius:999px;background:#eef1f4;font-size:7px}.badge.ok{background:#e6f6ee;color:#247757}.badge.hold{background:#fff0ef;color:#b94240}.badge.warn{background:#fff5d9;color:#8d6916}.help{font-size:8px;color:#84919e}.section-title{margin:0 0 12px}.danger-text{color:#c83837}.ok-text{color:#1f9464}.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.lp-backdrop{display:none}
@media(max-width:1350px){.lp-kpis{grid-template-columns:repeat(3,1fr)}.lp-main-grid{grid-template-columns:1.7fr 1fr}.lp-main-grid .lp-panel:last-child{grid-column:span 2}.lp-table-grid{grid-template-columns:1fr 1fr}.lp-table-grid .lp-panel:last-child{grid-column:span 2}.lp-summary-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.lp-app{grid-template-columns:1fr}.lp-sidebar{position:fixed;left:0;top:0;width:230px;transform:translateX(-101%);transition:.22s ease}.lp-sidebar.open{transform:none}.lp-mobile-close,.lp-menu-btn{display:block}.lp-backdrop.open{display:block;position:fixed;inset:0;background:rgba(26,39,52,.32);z-index:35}.lp-user-copy,.lp-signout{display:none}.lp-search{width:min(58vw,430px)}.lp-page{padding:16px 12px 24px}.lp-kpis{grid-template-columns:repeat(2,1fr)}.lp-main-grid,.lp-table-grid{grid-template-columns:1fr}.lp-main-grid .lp-panel:last-child,.lp-table-grid .lp-panel:last-child{grid-column:auto}.lp-summary-row{grid-template-columns:1fr 1fr}.row,.row3,.row4,.cards{grid-template-columns:1fr}.lp-title-row{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.lp-kpis,.lp-summary-row{grid-template-columns:1fr}.lp-topbar{padding:0 10px}.lp-icon-btn{display:none}.lp-search{width:70vw}.lp-title-actions{width:100%}}