@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#7b8498;--primary:#5b4cf0;--accent:#19c6a3;--bg:#f5f7fb;--panel:#fff;--line:#e8ebf2;--sidebar:#11182a}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:var(--bg);color:var(--ink)}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#11182a,#171f35);color:#fff;padding:24px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#8c7cff);display:grid;place-items:center;font-weight:800;box-shadow:0 10px 25px #5b4cf055}.brand div{display:flex;flex-direction:column}.brand small{color:#9aa4bb;font-size:11px;letter-spacing:1.4px}.sidebar nav{margin-top:38px;display:grid;gap:8px}.sidebar .nav-link{color:#aeb7ca;padding:13px 14px;border-radius:12px;display:flex;gap:12px;align-items:center;transition:.25s}.sidebar .nav-link:hover{background:#ffffff12;color:#fff;transform:translateX(4px)}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff14;padding-top:18px;display:flex;align-items:center;gap:10px}.sidebar-user>div:nth-child(2){display:flex;flex:1;flex-direction:column}.sidebar-user small{color:#8f99ae}.avatar{width:38px;height:38px;border-radius:12px;background:#ffffff14;display:grid;place-items:center;font-weight:800}.icon-btn{border:0;background:#eef0f6;color:var(--ink);width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{padding:26px 34px 18px;display:flex;align-items:center;gap:18px}.topbar h1{font-size:24px;margin:0;font-weight:800}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.live-pill{margin-left:auto;background:#e9fbf6;color:#0a8d72;padding:9px 13px;border-radius:30px;font-size:12px;font-weight:700}.live-pill span{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:6px;animation:pulse 1.7s infinite}.menu-toggle{display:none;border:0;background:#fff;border-radius:10px;width:40px;height:40px}.content{padding:12px 34px 40px}.metric-card,.panel,.lot-hero,.workflow{background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 38px rgba(28,39,70,.06)}.metric-card{padding:22px;position:relative;overflow:hidden}.metric-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#5b4cf00d;right:-25px;top:-25px}.metric-icon{width:44px;height:44px;border-radius:14px;background:#f0efff;color:var(--primary);display:grid;place-items:center;font-size:19px;margin-bottom:18px}.metric-card span{display:block;color:var(--muted);font-size:13px}.metric-card strong{font-size:30px;display:block;margin:6px 0}.metric-card small{color:#16a085}.panel{padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h3{font-size:16px;font-weight:800;margin:0}.panel p{font-size:12px;color:var(--muted);margin:4px 0 0}.badge-soft{background:#eeeaff;color:var(--primary);padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700}.activity-list{display:grid}.activity-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px #5b4cf012}.activity-item div:nth-child(2){flex:1}.activity-item strong{font-size:13px}.activity-item p,.activity-item time{font-size:11px;color:var(--muted);margin:3px 0}.search-box{max-width:380px;display:flex;align-items:center;gap:10px;background:#f5f6fa;border-radius:12px;padding:0 13px}.search-box input{border:0;background:transparent;padding:11px;width:280px;outline:0}.enterprise-table th{font-size:11px;color:#8c95a8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:14px}.enterprise-table td{font-size:13px;padding:15px 14px;vertical-align:middle;border-color:#f0f1f5}.stage-pill{background:#eef0ff;color:#5043d8;border-radius:20px;padding:7px 10px;font-size:11px;font-weight:700}.status{padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800;text-transform:uppercase}.status-active{background:#fff3d9;color:#bd7900}.status-ready{background:#e8fbf5;color:#078b6d}.form-panel{max-width:940px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-panel label,.panel form label{font-size:12px;font-weight:700;margin:10px 0 7px}.form-control,.form-select{border:1px solid var(--line);border-radius:12px;padding:11px 13px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.btn{border-radius:11px;padding:10px 16px;font-weight:700;font-size:13px}.btn-primary{background:var(--primary);border-color:var(--primary)}.lot-hero{padding:26px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#171f35,#2a255a);color:#fff}.lot-hero h2{font-size:30px;margin:5px 0}.lot-hero p{color:#c0c6d6;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;color:#a99cff;font-weight:800}.progress-ring{--p:0;width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#6d5df7 calc(var(--p)*1%),#ffffff20 0);position:relative}.progress-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#1c2440}.progress-ring strong{position:relative}.workflow{display:flex;padding:18px;margin:20px 0;overflow:auto}.flow-step{display:flex;align-items:center;flex:1;gap:8px;min-width:115px;color:#9aa2b3}.flow-step:after{content:'';height:2px;background:#e8eaf0;flex:1}.flow-step:last-child:after{display:none}.flow-step span{width:28px;height:28px;border-radius:50%;background:#eef0f5;display:grid;place-items:center;font-size:11px;font-weight:800}.flow-step.active{color:var(--primary)}.flow-step.active span{background:var(--primary);color:#fff;box-shadow:0 0 0 6px #5b4cf01a}.timeline{position:relative}.timeline-item{display:flex;gap:15px;padding:0 0 24px}.timeline-item>span{width:12px;height:12px;background:var(--primary);border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px #5b4cf017}.timeline-item strong{font-size:13px}.timeline-item p,.timeline-item small{font-size:11px;color:var(--muted)}.login-body{overflow:hidden}.login-wrap{display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh}.login-art{background:linear-gradient(145deg,#10172a,#30266a);position:relative;display:flex;align-items:flex-end;padding:8vw;color:#fff;overflow:hidden}.login-copy{position:relative;z-index:2}.login-copy h1{font-size:clamp(38px,5vw,74px);line-height:1.02;font-weight:800;margin:18px 0}.login-copy p{max-width:560px;color:#bdc3d6}.orb{position:absolute;border-radius:50%;filter:blur(4px);animation:float 7s ease-in-out infinite}.orb1{width:420px;height:420px;background:#6d5df755;top:-120px;right:-90px}.orb2{width:300px;height:300px;background:#19c6a333;bottom:70px;left:-100px;animation-delay:-3s}.login-panel{display:grid;place-items:center;background:#fff;padding:35px}.login-card{width:min(390px,100%)}.login-brand{margin-bottom:45px}.login-card h2{font-weight:800}.login-card>p{color:var(--muted);margin-bottom:25px}.login-card label{font-size:12px;font-weight:700;margin:14px 0 7px}.login-card .btn{margin-top:20px;padding:13px}.demo-note{display:block;text-align:center;color:#9aa2b3;margin-top:16px}.reveal{opacity:0;transform:translateY(12px);transition:.55s}.reveal.show{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 7px #19c6a322}}@keyframes float{50%{transform:translateY(25px) translateX(15px)}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menu-toggle{display:grid;place-items:center}.content,.topbar{padding-left:18px;padding-right:18px}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.form-grid{grid-template-columns:1fr}.workflow{padding:14px}.topbar p{display:none}}@media(max-width:580px){.content{padding-bottom:80px}.metric-card{padding:16px}.metric-card strong{font-size:24px}.panel{padding:16px}.panel-head{align-items:flex-start;gap:12px}.search-box{width:100%}.search-box input{width:100%}.lot-hero{padding:20px}.lot-hero h2{font-size:23px}.progress-ring{width:78px;height:78px}.topbar h1{font-size:19px}}
.repeat-row{display:grid;grid-template-columns:1.4fr .7fr .8fr .8fr .7fr 42px;gap:10px;align-items:center;margin-bottom:10px}.size-row{grid-template-columns:1fr 1fr 42px;max-width:650px}.check-card{display:flex;align-items:center;gap:9px;background:#f7f8fc;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:12px;font-weight:700;margin:0!important}.detail-list{display:grid;margin-top:20px}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-list span{font-size:12px;color:var(--muted)}.detail-list strong{font-size:13px;text-align:right}.jobber-card{height:100%;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;transition:.25s}.jobber-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(28,39,70,.08)}.jobber-card h4{font-size:15px;font-weight:800;margin:0}.jobber-card p{font-size:11px;color:var(--muted);margin:3px 0}.avatar.big{width:48px;height:48px;background:#eeeaff;color:var(--primary)}.jobber-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.jobber-metrics>div{background:#f7f8fc;border-radius:13px;padding:12px}.jobber-metrics span{display:block;font-size:10px;color:var(--muted)}.jobber-metrics strong{font-size:19px}.status-hold{background:#f1f2f5;color:#687084}.status-received,.status-verified,.status-closed{background:#e8fbf5;color:#078b6d}.status-partial_return{background:#fff0eb;color:#c65d30}.alert{border-radius:14px}.btn-light{border:1px solid var(--line);background:#fff}
@media(max-width:900px){.repeat-row{grid-template-columns:1fr 1fr}.repeat-row .icon-btn{width:100%}.size-row{grid-template-columns:1fr 1fr 42px}}
@media(max-width:580px){.repeat-row,.size-row{grid-template-columns:1fr}.repeat-row .icon-btn{width:100%}}

/* Version 3 workflow modules */
.qr-box{display:flex;justify-content:center;align-items:center;min-height:220px;padding:20px;background:linear-gradient(145deg,#fff,#f5f7fb);border:1px dashed #cdd4e4;border-radius:18px;margin-bottom:16px}.qr-box img{padding:10px;background:#fff;border-radius:12px;box-shadow:0 10px 28px rgba(20,32,70,.12)}
.allocation-list>div,.mini-approval{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #edf0f5;border-radius:12px;margin-top:8px;background:#fafbfe}.allocation-list i{margin-right:8px}.report-export{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid #e7eaf1;border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 8px 30px rgba(18,27,57,.05);transition:.25s}.report-export:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,27,57,.1)}.report-export>i:first-child{font-size:28px}.report-export div{flex:1}.report-export small{display:block;color:#7b8499}.scan-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin:0 auto 15px;background:#eef2ff;font-size:34px}.divider{display:flex;align-items:center;gap:12px;color:#8a92a5;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;background:#e6e9ef;flex:1}.status-approved,.status-ready{background:#e7f8ef;color:#177245}.status-rejected{background:#fff0f1;color:#b42332}.status-pending{background:#fff6dd;color:#946200}#qr-reader{max-width:520px;border:0!important}#qr-reader__scan_region{background:#fff;border-radius:16px;overflow:hidden}@media print{.sidebar,.topbar,.lot-hero,.workflow,.row:not(:has(.qr-box)),.panel-head,.qr-box~*{display:none!important}.main,.content{margin:0!important;padding:0!important}.qr-box{border:0;min-height:500px}}