@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap);body{background:#0f172a;font-family:Arial;font-family:Verdana,Geneva,Tahoma,sans-serif}.nav h1{align-items:center;margin:0 0 0 5px}.login-btn,.profile-settings{border:1px solid #fff;border-radius:4px;padding:0 10px}.login-btn:hover,.profile-settings:hover{background-color:#257ebd;border:1px solid #000;cursor:pointer}.-mo.checkbox-mobile{align-items:center;display:flex;gap:5px;padding:10px}.checkbox-mobile{display:none}.tr-container input{width:100px}.bin input{text-align:center;width:40px}input,select{border:none;border-radius:6px;padding:5px}.lpBtn,.lpBtns{display:flex;gap:10px}.lpBtns{align-items:center;background:#1e293b;border-radius:10px;margin-bottom:10px;padding:10px;position:sticky;top:0;z-index:100}.lpBtns input{text-align:center;width:50px}.menu{align-items:center;background:#1e293b;border-radius:10px;display:flex;display:none;gap:10px;margin-bottom:10px;padding:10px;position:sticky;top:0;z-index:100}.toolbar P{margin:0}.sig{background:#fff;border:1px solid #ccc}button{border:none;border-radius:6px;cursor:pointer;padding:6px 10px}.menu input{text-align:center}.done{background:#3b82f6}.save2{background:#3bf0f6e7}.edit,.save2{margin:0 0 0 10px}.edit{background:#f59e0b}.delete-button{color:#e20000}.checkList-container{display:flex;justify-content:space-between}.checkList{gap:10px}.checkList,.checkList-status{align-items:center;display:flex}.checkList-status{gap:5px}.checkList p{font-size:small;margin:5px}.checkList select{width:100px}.btn-container{margin:10px}.btn-container p{text-align:left}.button{margin:10px}.edit-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.edit-expand{background:#1e293b;border-radius:12px;color:#fff;padding:20px;width:95%}.edit-overlay .bg{background:#1e293b!important;width:fit-content}.edit-expand form{display:block}@media print{body{background:#fff;color:#000}.toolbar,button{display:none}table{border:1px solid #000}}@media (max-width:932px){.save2{margin:10px!important}}@media (min-width:769px){.datePhone{display:none}}@media (max-width:768px){h2{font-size:18px;text-align:center}.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar button,.toolbar input{font-size:14px;padding:10px;width:100%}.hamburger{cursor:pointer;width:30px}.hamburger span{background:#fff;display:block;height:2px;margin:5px 0;transition:.3s}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu{background:#1e293b;border-radius:10px;gap:10px;padding:10px;width:100%}.menu,.menu.show{display:flex}.menu button{padding:10px;width:100%}.menu button,.menu input{text-align:center}table,tbody,td,th,thead,tr{display:block;width:100%}thead{display:none}tr{background:#1e293b;border-radius:10px;margin-bottom:12px;padding:10px}td{align-items:center;border-bottom:1px solid #334155;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}td:last-child{border-bottom:none}td:before{color:#94a3b8;font-weight:700}td:first-child:before{content:"Select"}td:nth-child(2):before{content:"Row"}td:nth-child(3):before{content:"Bin"}td:nth-child(4):before{content:"Product"}td:nth-child(5):before{content:"Pallet No"}td:nth-child(6):before{content:"Batch"}td:nth-child(7):before{content:"Pro Date"}td:nth-child(8):before{content:"BB Date"}td:nth-child(9):before{content:"Qty"}td:nth-child(10):before{content:"Actions"}input,select{font-size:12px;width:60%}.tr-container input{max-width:200px;width:100%}img{height:auto;width:40px}button{font-size:12px;padding:6px}.btn-container{justify-content:center;text-align:center}.btn-container p{text-align:left}.button{margin:7px}.checkbox-mobile{align-items:center;display:flex;gap:5px;padding:10px}.lpBtns{display:flex}.lpBtn{display:none}.edit-overlay .bg{background:#1e293b!important;width:95%}.dateLp{display:none}}.dateLp{display:block}.toast{animation:slideIn .3s ease;background:#16a34a;border-radius:10px;box-shadow:0 5px 15px #0000004d;color:#fff;right:20px;top:20px;z-index:1000}.toast span{font-size:18px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.datePhone{border:1px solid grey}.container{font-family:Arial,sans-serif}.topbar h1{margin-bottom:20px;text-align:center}.top-section{display:flex;justify-content:space-between;margin-bottom:20px}.top-section label{display:flex;flex-direction:column;font-weight:700}td,th{border:1px solid #000;padding:5px;text-align:center}input{border:none;outline:none;width:100%}@media print{button{display:none}input{border:none}}.photo-page{background:#0f172a;color:#fff;min-height:100vh;padding:15px}.photo-page h3{margin:10px}.header{margin-bottom:20px}.header h2{font-size:20px}.header p{color:#94a3b8;font-size:14px}.actions{display:flex;gap:10px;margin-bottom:20px}.camera-btn,.cameraBtn,.upload-btn{border:none;border-radius:10px;flex:1 1;font-weight:700;padding:12px;text-align:center}.camera-btn,.cameraBtn{background:#22c55e;color:#fff}@media (min-width:679px){.camera-btn{display:none}}@media (max-width:678px){.cameraBtn{display:none}.photos-grid{grid-template-columns:repeat(2,1fr)!important}.photo-card img{height:cover!important;width:100%!important}.groupAction{border:1px solid gray;border-radius:5px;margin-bottom:10px;padding:10px;width:100%}.groupAction p{width:150px}}.upload-btn{background:#3b82f6}.preview-grid{grid-template-columns:repeat(3,1fr)}.photo-card{position:relative}.photos-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.photo-card img{border-radius:10px;height:200px;object-fit:cover;width:250px}.delete{background:red;border:none;border-radius:50%;color:#fff;font-size:12px;margin-bottom:20px;position:absolute;right:5px;top:5px}.save-btn{background:#f59e0b;border:none;border-radius:12px;color:#000;font-weight:700;margin:20px;padding:15px}.signature-container{padding:20px}.header{background:#94a3b86b;border-radius:3px;padding:10px}.header h1{font-size:15px;text-align:center}@media (min-width:769px){.details-container{display:flex!important;justify-content:space-evenly}}@media (max-width:768px){.header h1{font-size:14px}.details li{padding:5px!important}.details-container{display:block!important;margin-bottom:20px;text-align:center}.details select{width:100%}.details li{display:flex;justify-content:space-between;padding:5px}.yesNo{display:flex;gap:10px;margin:0 10px}.sig{height:80%!important;width:100%!important}.detailsFlow{border:1px solid gray;display:block;padding:5px}.block{display:none!important}button{margin-top:10px}}.details{padding:10px}.details li{justify-content:space-between;padding:5px}.details li,.truckArrival li,.yesNo{display:flex}.yesNo{gap:10px;margin:0 10px}.signature-container li{font-weight:600}.signature-container p{font-weight:400}.confirm-sign{width:100%}.signature-overlay{align-items:center;background:#0009;display:block;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.signature{background:#1e293b;border-radius:12px;color:#fff;padding:20px;width:95%}.sig{width:50%}.sigCanvas{background:#fff;border:2px solid #000;border-radius:8px;margin:0}canvas{height:600px!important;width:100%!important}.sigCanvas-container{padding:10px}.sigCanvas-container button{margin:10px}.signBtn{background-color:#f0f8ff;border:1px solid #000;border-radius:10px;color:#000;cursor:pointer;font-size:15px;margin:10px 0;text-align:center;width:100%}.signBtn:hover{color:#3b82f6}.preview-box{background:#fff;border:2px dashed #999;border-radius:8px;height:fit-content;margin:10px 0;padding:10px;text-align:center;width:100%}.preview-box img{height:fit-content;width:100px}.detailsFlow,.detailsFlows{align-items:center;display:flex;justify-content:space-between}.comment,.no,.yes{gap:10px}.logo img{position:relative;top:40%;width:100%}.container{padding:20px}td,th{border:1px solid #ddd}button{margin-right:5px;padding:5px 10px}.upload-btn{background:#1a73e8;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:8px 16px}.progress-bar{background:#eee;border-radius:4px;height:8px;width:200px}.progress-fill{background:#1a73e8;transition:width .3s ease}.attachments-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.attachment-item{align-items:center;display:flex;flex-direction:column;font-size:.85rem;gap:4px}body{background:#f8f9fa;background:var(--bg-secondary);color:#1a1a1a;color:var(--text-primary)}.loading-area{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.title h2{font-size:100px}.loading-icon span{color:#4a4a4a;color:var(--text-secondary)}.loader{background:linear-gradient(280deg,#f9d3b4,#f9d3b400);background:var(--bg-high);background-color:#1f8cd485;background-color:var(--bg-primary);border-radius:50%}.countDown img{width:50px}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1f8cd485;--bg-secondary:#f8f9fa;--bg-high:linear-gradient(280deg,#f9d3b4,#f9d3b400);--bg-tertiary:#e9ecef;--text-secondary:#4a4a4a;--text-primary:#1a1a1a}body{background:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0}.container{margin:0 auto;padding:0 20px}.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:24px}.login-form{text-align:center}.login-form p{margin-top:20px}.login-form a,.login-form p{color:#4a4a4a;color:var(--text-secondary)}.login-form a:hover{color:#fff}.form-input input{border:1px solid rgba(179,245,242,.308);border-radius:4px;height:2vh;margin-top:15px;max-width:500px;padding:15px;width:100%}.form-input textarea{border:2px solid var(--border-color);border-radius:8px;color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-top:20px;max-width:500px;padding:1rem;transition:var(--transition);width:100%}.form-input textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2d8a5f1a;outline:none}.loading-container{text-align:center}.title h2{font-size:80px}.title p{color:#4a4a4a;color:var(--text-secondary);font-weight:500}.loading-icon{margin-top:100px}.btn{background-color:#1f8cd485;background-color:var(--bg-primary);border-radius:4px;color:wheat;margin:20px;padding:10px 20px}.btn:hover{background-color:#fff;color:#1f8cd485;color:var(--bg-primary);cursor:pointer}button:disabled{background:#64748b;cursor:not-allowed}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:18px;width:18px}@media (max-width:768px){.title h2{font-size:50px!important}}.dashboard{display:flex;font-family:Arial,sans-serif}.sidebar{background:#020617;color:#fff;height:200vh;left:0;max-height:100%;padding:20px;position:fixed;top:0;transition:.3s;width:240px}.sidebar h2{margin-bottom:30px}.sidebar ul{list-style:none;padding:0}.sidebar li{border-radius:8px;cursor:pointer;margin:15px 0}.sidebar li:hover{background:#1f2937;padding:10px}.sidebar li.active{background:#38bdf8;color:#000;font-weight:700;padding:10px}.main{background:#0f172a;color:#fff;flex:1 1;margin-bottom:50px;margin-left:243px;padding:20px}.nav{background:#1e293b;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.profile ul{align-items:center;display:flex;gap:10px;margin:10px}.profile li{list-style:none}.topbar{display:flex;justify-content:space-between;margin-bottom:20px}.topbar input{padding:8px;width:200px}.cards-container{width:100%}.card-container,.cards-container{display:flex;flex-wrap:wrap;gap:15px;height:75px}.card-container{margin:20px}.cards{margin:10px}.card{background:#1e293b;cursor:pointer;flex:1 1;padding:20px}.card:hover{background:#1f2937;color:#38bdf8}.card-stats{background:#1e293b;border-radius:10px;flex:1 1;padding:20px}.form-section{margin-top:30px;overflow:hidden}.form-section input{display:block;margin:10px 0;padding:10px;width:300px}.form-section button{background:#38bdf8;border:none;cursor:pointer;padding:10px}form{display:flex;gap:10px}.table-section{margin-top:30px}td,th{border-bottom:1px solid #334155}.edit{margin:10px}.editBtn button{background:#38bdf8;border:none;border-radius:1px;cursor:pointer;margin-left:10px;padding:5px}.editBtn button:hover{background:#38bff888;color:#fff}tbody{text-align:center}.dropdown{cursor:pointer}.submenu{list-style:none;margin-top:5px;padding-left:15px}.submenu li{border-radius:6px;color:#9ca3af;cursor:pointer;font-size:14px;padding:8px}.submenu li:hover{background:#1f2937;color:#fff}.settings-panel{background:#111827;color:#fff;height:100%;padding:20px;position:fixed;right:-300px;top:0;transition:.3s ease;width:300px;z-index:1000}.settings-panel.open{right:0;z-index:2}.setting-item{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.switch{background:#374151;border-radius:20px;cursor:pointer;height:25px;position:relative;transition:.3s;width:50px}.switch.active{background:#38bdf8}.circle{background:#fff;border-radius:50%;height:20px;left:3px;position:absolute;top:2.5px;transition:.3s;width:20px}.switch.active .circle{left:27px;z-index:1000}.overlay{background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.bg{background:#38bff842;padding:5px}@media (max-width:768px){.dashboard{flex-direction:column}.sidebar{display:block;overflow-x:auto;padding:10px;width:100%}.sidebar h2{display:none}.sidebar ul{display:block;gap:15px;padding:10px}.sidebar li{font-size:14px;white-space:nowrap}.main{height:100vh;margin-left:0;padding:10px}.cards{flex-direction:column}.sidebar{height:100%;left:-100%;position:fixed;top:0;transition:.3s}.sidebar.active{left:0}body{font-size:10px}.complete{display:none}.form-section{margin-top:40px;overflow:hidden}.editBtn{padding:10px}.editBtn button{margin-left:0}.form-section button,.form-section input{width:100%}.form-section select{width:fit-content}table{min-width:0!important;width:100%!important}.table{margin:10px;width:95%!important}}.table-section{overflow-x:auto}table{min-width:600px}.cards{margin:100px 0}.cards-CD{margin-bottom:50px}.cards-CDs{display:none}.card p{font-size:9px;font-weight:100;letter-spacing:1px}.cards-icons{font-size:40px}@media (max-width:768px){.topbar{flex-direction:column;gap:10px}.topbar input{width:100%}.card-container{gap:10px;margin:10px}.cards{margin:70px 0}.cards-CD{display:none}.cards-CDs{display:flex;margin-bottom:140px}.card-stats{text-align:center}.card-stats h2{font-size:14px;font-weight:800}.cards-icons{font-size:25px}.td td:first-child:before{content:"Row"}.td td:nth-child(2):before{content:"Date"}.td td:nth-child(3):before{content:"Type"}.td td:nth-child(4):before{content:"USM Number"}.td td:nth-child(5):before{content:"Driver Name"}.td td:nth-child(6):before{content:"Truck Reg"}.td td:nth-child(7):before{content:"Start Time"}.td td:nth-child(8):before{content:"Finished Time"}.td td:nth-child(9):before{content:"Batch Number"}.td td:nth-child(10):before{content:"Photos"}.td td:nth-child(11):before{content:"Actions"}}.timer{font-size:1.1rem;font-weight:700}.timer.running{color:green}.timer.stopped{color:gray}.stop-btn{background:red}.start-btn,.stop-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 8px}.start-btn{background:green}.timer-cell{align-items:center;display:flex;gap:8px}.nb-btn,.nb-wrap{position:relative}.nb-btn{align-items:center;background:#1e293b;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:block;font-size:18px;height:30px;justify-content:center;padding-left:5px;text-align:center;transition:all .15s;width:30px}@media (max-width:768px){.nb-btn{font-size:16px;height:30px;width:30px}}.nb-btn:hover{border-color:#252b30;border-color:var(--border2,#252b30);color:wheat}.nb-btn.has-unread{border-color:#00c896}.nb-badge{align-items:center;animation:badgePop .3s cubic-bezier(.4,0,.2,1);background:#ff6b6b;border:2px solid #0b0d0f;border:2px solid var(--bg,#0b0d0f);border-radius:9px;color:#fff;display:flex;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-6px;top:-6px}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.nb-panel{animation:panelIn .2s cubic-bezier(.4,0,.2,1);background:#020617;border:1px solid #1f2428;border-radius:14px;box-shadow:0 24px 60px #00000080;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:500px;z-index:200}@media(max-width:768px){.nb-panel{margin:10px;padding:6px;position:absolute;right:-160px;width:97vw}}@keyframes panelIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nb-panel-header{align-items:center;border-bottom:1px solid #1f2428;display:flex;justify-content:space-between;padding:16px 18px}.nb-panel-title{align-items:center;color:#e8eaec;display:flex;font-family:Syne,sans-serif;font-size:15px;font-weight:700;gap:8px}.nb-unread-chip{background:#00c8961f;border:1px solid #00c89633;border-radius:10px;color:#00c896;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:2px 8px}.nb-mark-all{background:none;border:none;color:#4a5568;cursor:pointer;font-family:Syne,sans-serif;font-size:11px;font-weight:700;padding:0;transition:color .15s}.nb-mark-all:hover{color:#00c896}.nb-filters{border-bottom:1px solid #1f2428;display:flex;gap:6px;overflow-x:auto;padding:10px 18px}.nb-filters::-webkit-scrollbar{display:none}.nb-filter{background:#0f172a;border:1px solid #1f2428;border-radius:20px;color:#4a5568;cursor:pointer;font-family:Syne,sans-serif;font-size:11px;font-weight:700;padding:4px 12px;transition:all .15s;white-space:nowrap}.nb-filter:hover{border-color:#252b30;color:#e8eaec}.nb-filter.active{background:#00c896;border-color:#00c896;color:#0b0d0f}.nb-list{max-height:400px;overflow-y:auto}.nb-list::-webkit-scrollbar{width:3px}.nb-list::-webkit-scrollbar-thumb{background:#252b30;border-radius:2px}.nb-list2{max-height:400px}.nb-list2::-webkit-scrollbar{width:3px}.nb-list2::-webkit-scrollbar-thumb{background:#252b30;border-radius:2px}.nb-item{align-items:flex-start;border-bottom:1px solid #1a1e22;cursor:pointer;display:flex;gap:12px;padding:14px 18px;position:relative;transition:background .12s}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:#ffffff05}.nb-item.unread{background:#00c89608}.nb-item.unread:before{background:#00c896;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nb-item-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:14px;font-style:normal;height:36px;justify-content:center;width:36px}.nb-item-body{flex:1 1;min-width:0}.nb-item-title{color:#e8eaec;font-family:Syne,sans-serif;font-size:13px;font-weight:700;margin-bottom:3px}.nb-item.unread .nb-item-title{color:#fff}.nb-item-msg{color:#4a5568;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-item-msg,.nb-item-time{font-family:JetBrains Mono,monospace}.nb-item-time{color:#2d3748;font-size:9px;margin-top:5px}.nb-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.nb-dot{background:#00c896;border-radius:50%;height:7px;width:7px}.nb-empty{color:#4a5568;padding:40px 20px;text-align:center}.nb-empty-icon{font-size:36px;margin-bottom:10px}.nb-empty p{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase}.nb-footer{border-top:1px solid #1f2428;padding:12px 18px;text-align:center}.nb-footer button{background:none;border:none;color:#4a5568;cursor:pointer;font-family:Syne,sans-serif;font-size:12px;font-weight:700;transition:color .15s}.nb-footer button:hover{color:#00c896}.nb-toast{align-items:flex-start;animation:toastIn .4s cubic-bezier(.4,0,.2,1);background:#111417;border:1px solid #00c896;border-radius:14px;bottom:24px;box-shadow:0 16px 48px #00c89626;cursor:pointer;display:flex;gap:12px;padding:16px 18px;position:fixed;right:24px;width:320px;z-index:400}.nb-toast-icon{align-items:center;background:#00c8961f;border-radius:10px;color:#00c896;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.nb-toast-body{flex:1 1}.nb-toast-title{color:#e8eaec;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.nb-toast-msg{color:#4a5568;font-size:10px;line-height:1.5;margin-top:4px}.nb-toast-msg,.nb-toast-time{font-family:JetBrains Mono,monospace}.nb-toast-time{color:#2d3748;font-size:9px;margin-top:6px}.nb-toast-close{background:none;border:none;color:#4a5568;cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;padding:0}.nb-toast-close:hover{color:#e8eaec}.nb-toast-bar{animation:shrink 5s linear forwards;background:#00c896;border-radius:0 0 14px 14px;bottom:0;height:2px;left:0;position:absolute}@keyframes shrink{0%{width:100%}to{width:0}}.reports{font-family:Arial;padding:20px}.stats{display:flex;gap:15px;margin-bottom:20px}.card{border-radius:10px;font-weight:700;padding:15px}.card.completed{background:#34d399}.card.pending{background:#facc15}.controls{display:flex;gap:10px;margin-bottom:15px}.controls input,.controls select{padding:8px}td,th{border-bottom:1px solid #ddd;padding:10px}tr.done{background:#ecfdf5}.badge{border-radius:6px;padding:5px 10px}.badge.done{background:#34d399}.badge.pending{background:#facc15}:root{--bg:#0f172a;--white:#1e293b;--surface:#fff;--border:#1e293b;--border2:#d0d5dd;--ink:#fff;--ink2:#b4b4b4;--muted:#667085;--muted2:#98a2b3;--primary:#1a56db;--primary-light:#474747;--primary-border:#b2ccff;--green:#027a48;--green-bg:#ecfdf3;--green-border:#6ce9a6;--orange:#b54708;--orange-bg:#fffaeb;--orange-border:#fec84b;--red:#b42318;--red-bg:#fef3f2;--red-border:#fda29b;--shadow-sm:0 1px 2px #1018280d;--shadow:0 1px 3px #1018281a,0 1px 2px #1018280f;--shadow-md:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;--radius:8px;--radius-sm:6px}body{-webkit-font-smoothing:antialiased;color:#fff;color:var(--ink);font-family:Manrope,sans-serif;font-size:14px}.rp-shell{display:flex;flex-direction:column;min-height:100vh}.rp-topbar{background:#1e293b;background:var(--white);border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-sm);height:64px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:40}.rp-topbar,.rp-topbar-left{align-items:center;display:flex}.rp-topbar-left{gap:16px}.rp-logo{color:#fff;color:var(--ink);font-size:16px;font-weight:800;gap:10px;letter-spacing:-.02em}.rp-logo,.rp-logo-mark{align-items:center;display:flex}.rp-logo-mark{background:#1a56db;background:var(--primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;height:34px;justify-content:center;width:34px}.rp-divider{background:#1e293b;background:var(--border);height:24px;width:1px}.rp-page-title{color:#667085;color:var(--muted);font-size:14px;font-weight:600}.rp-topbar-right{align-items:center;display:flex;gap:8px}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;gap:6px;line-height:1;padding:9px 16px;transition:all .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#1a56db;background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:#1648c2}.btn-white{background:#1e293b;background:var(--white);border:1px solid #d0d5dd;border:1px solid var(--border2);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-sm);color:#b4b4b4;color:var(--ink2)}.btn-white:not(:disabled):hover{background:#0f172a;background:var(--bg)}.btn-ghost{background:#0000;border:1px solid #1e293b;border:1px solid var(--border);color:#667085;color:var(--muted)}.btn-ghost:not(:disabled):hover{background:#0f172a;background:var(--bg);color:#fff;color:var(--ink)}.btn-sm{font-size:12px;padding:7px 12px}.btn-xs{font-size:11px;padding:5px 10px}.rp-main{flex:1 1;margin:0 auto;max-width:1320px;padding:28px 32px;width:100%}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{background:#1e293b;background:var(--white);border:1px solid #1e293b;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-sm);padding:20px 20px 16px}.stat-label{color:#667085;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.stat-val{color:#fff;color:var(--ink);font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1}.stat-sub{color:#667085;color:var(--muted);font-size:12px;margin-top:4px}.stat-card.accent-blue .stat-val{color:#1a56db;color:var(--primary)}.stat-card.accent-green .stat-val{color:#027a48}.filter-panel{background:#1e293b;background:var(--white);border:1px solid #1e293b;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px}.filter-panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.filter-panel-title{color:#fff;color:var(--ink);font-size:13px;font-weight:700}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.filter-field{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-label{color:#667085;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.filter-input,.filter-select{background:#1e293b;background:var(--white);border:1px solid #d0d5dd;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--ink);font-family:Manrope,sans-serif;font-size:13px;height:38px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s}.filter-input:focus,.filter-select:focus{border-color:#1a56db;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}.filter-input::placeholder{color:#98a2b3;color:var(--muted2)}.filter-select option{background:#1e293b;background:var(--white)}.active-filters{border-top:1px solid #1e293b;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px}.filter-tag{align-items:center;background:#474747;background:var(--primary-light);border:1px solid #b2ccff;border:1px solid var(--primary-border);border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:3px 10px 3px 12px}.filter-tag,.filter-tag-remove{color:#1a56db;color:var(--primary)}.filter-tag-remove{background:none;border:none;cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:0}.filter-tag-remove:hover{opacity:1}.table-card{background:#1e293b;background:var(--white);border:1px solid #1e293b;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280d;box-shadow:var(--shadow-sm);overflow:hidden}.table-toolbar{align-items:center;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.table-info{color:#667085;color:var(--muted);font-size:13px}.table-info strong{color:#fff;color:var(--ink);font-weight:700}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:#f8fafc;border-bottom:2px solid #1e293b;border-bottom:2px solid var(--border)}thead th{color:#667085;color:var(--muted);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.07em;padding:11px 16px;text-align:left;text-transform:uppercase;transition:color .1s;-webkit-user-select:none;user-select:none;white-space:nowrap}thead th.sorted,thead th:hover{color:#1a56db;color:var(--primary)}.sort-ico{font-size:10px;margin-left:3px;opacity:.5}thead th.sorted .sort-ico{opacity:1}tbody tr{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafbfc}tbody td{color:#b4b4b4;color:var(--ink2);font-size:13px;padding:13px 16px;vertical-align:middle}.td-mono{color:#667085;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:12px}.td-bold{color:#fff;color:var(--ink);font-weight:600}.badge{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 10px}.badge-blue{background:#474747;background:var(--primary-light);border-color:#b2ccff;border-color:var(--primary-border);color:#1a56db;color:var(--primary)}.badge-green{background:#ecfdf3;background:var(--green-bg);border-color:#6ce9a6;border-color:var(--green-border);color:#027a48;color:var(--green)}.badge-orange{background:#fffaeb;background:var(--orange-bg);border-color:#fec84b;border-color:var(--orange-border);color:#b54708;color:var(--orange)}.badge-gray{background:#f2f4f7;border-color:#d0d5dd;color:#344054}.type-delivery{background:#eff8ff;border-color:#b2ddff;color:#175cd3}.type-pickup{background:#f9f5ff;border-color:#d9d6fe;color:#6941c6}.type-transfer{background:#fffaeb;border-color:#fec84b;color:#b54708}.state-box{padding:72px 32px;text-align:center}.state-icon{display:block;font-size:36px;margin-bottom:14px}.state-title{color:#fff;color:var(--ink);font-size:18px;font-weight:700;margin-bottom:6px}.state-sub{color:#667085;color:var(--muted);font-size:13px;margin:0 auto 16px;max-width:360px}.spinner{animation:spin .7s linear infinite;border:3px solid #1e293b;border-top-color:#1a56db;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:32px;margin:0 auto 16px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.modal-backdrop{align-items:center;background:#10182880;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal{background:#1e293b;background:var(--white);border-radius:12px;box-shadow:0 20px 60px #10182833;max-width:440px;overflow:hidden;width:100%}.modal-head{align-items:center;border-bottom:1px solid #1e293b;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-head-title{color:#fff;color:var(--ink);font-size:16px;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.modal-footer{border-top:1px solid #1e293b;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.export-option{align-items:flex-start;border:2px solid #1e293b;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .15s}.export-option.selected,.export-option:hover{background:#474747;background:var(--primary-light);border-color:#1a56db;border-color:var(--primary)}.export-option-radio{align-items:center;border:2px solid #d0d5dd;border:2px solid var(--border2);border-radius:50%;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-top:1px;transition:border-color .15s;width:18px}.export-option.selected .export-option-radio{border-color:#1a56db;border-color:var(--primary)}.export-option.selected .export-option-radio:after{background:#1a56db;background:var(--primary);border-radius:50%;content:"";display:block;height:8px;width:8px}.export-option-title{color:#fff;color:var(--ink);font-size:13px;font-weight:600;margin-bottom:2px}.export-option-sub{color:#667085;color:var(--muted);font-size:12px}.toast{align-items:center;animation:toastIn .25s ease;border-radius:8px;border-radius:var(--radius);bottom:24px;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px 18px;position:fixed;right:24px;z-index:999}.toast.success{background:#ecfdf3;background:var(--green-bg);border:1px solid #6ce9a6;border:1px solid var(--green-border);color:#027a48;color:var(--green)}.toast.error{background:#fef3f2;background:var(--red-bg);border:1px solid #fda29b;border:1px solid var(--red-border);color:#b42318;color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination{align-items:center;border-top:1px solid #1e293b;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 20px}.page-btns{display:flex;gap:4px}.page-btn{align-items:center;background:#1e293b;background:var(--white);border:1px solid #d0d5dd;border:1px solid var(--border2);border-radius:6px;border-radius:var(--radius-sm);color:#b4b4b4;color:var(--ink2);cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;height:32px;justify-content:center;transition:all .1s;width:32px}.page-btn:hover:not(:disabled){background:#0f172a;background:var(--bg)}.page-btn.active{background:#1a56db;background:var(--primary);border-color:#1a56db;border-color:var(--primary);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.35}.page-info-text{color:#667085;color:var(--muted);font-size:12px}@media(max-width:700px){.rp-main,.rp-topbar{padding-left:16px;padding-right:16px}.filter-field{min-width:140px}.stats-grid{grid-template-columns:1fr 1fr}}.dr-root{--red:#c0392b;--red-dark:#922b21;--red-light:#fadbd8;--amber:#f39c12;--green:#27ae60;--bg:#111827;--surface:#1e293b;--border:#e0ddd8;--text:#fff;--text2:#1a1a1a;--muted:#7a7875;--radius:10px;--shadow:0 2px 12px #00000014;background:var(--bg);color:var(--text2);font-family:DM Sans,sans-serif;min-height:100vh}.dr-header{background:var(--red);box-shadow:0 2px 16px #c0392b4d;color:#fff;height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.dr-header,.dr-header-title{align-items:center;display:flex}.dr-header-title{font-family:Bebas Neue,sans-serif;font-size:26px;gap:10px;letter-spacing:2px}.dr-header-badge{background:#fff3;border-radius:20px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;padding:3px 10px}.dr-steps{background:var(--surface);border-bottom:1px solid var(--border);gap:0;justify-content:center;padding:20px 24px}.dr-step,.dr-steps{align-items:center;display:flex}.dr-step{border-radius:30px;color:var(--muted);font-size:13px;font-weight:500;gap:8px;padding:6px 16px;transition:all .3s}.dr-step.active{background:var(--red-light);color:var(--red);font-weight:600}.dr-step.done{color:var(--green)}.dr-step-num{align-items:center;background:var(--border);border-radius:50%;color:var(--muted);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;transition:all .3s;width:24px}.dr-step.active .dr-step-num{background:var(--red);color:#fff}.dr-step.done .dr-step-num{background:var(--green);color:#fff}.dr-step-divider{background:var(--border);height:2px;width:40px}.dr-main{margin:0 auto;max-width:860px;padding:24px 16px 60px}.dr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.dr-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:16px 20px}.dr-card-title{color:var(--red);font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1.5px}.dr-card-body{padding:20px}.dr-toggle{grid-gap:0;border:2px solid var(--red);border-radius:8px;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:24px;overflow:hidden}.dr-toggle button{align-items:center;background:#fff;border:none;color:var(--red);cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.dr-toggle button.active{background:var(--red);color:#fff}.dr-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.dr-grid.cols3{grid-template-columns:1fr 1fr 1fr}.dr-grid.full{grid-template-columns:1fr}@media (max-width:600px){.dr-grid,.dr-grid.cols3{grid-template-columns:1fr}}.dr-field{display:flex;flex-direction:column;gap:6px}.dr-field label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.dr-field label .req{color:var(--red);margin-left:2px}.dr-field input,.dr-field select,.dr-field textarea{background:#fff;border:1.5px solid var(--border);border-radius:8px;color:var(--text2);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.dr-field input:focus,.dr-field select:focus,.dr-field textarea:focus{border-color:var(--red)}.dr-field textarea{min-height:100px;resize:vertical}.dr-field.error input,.dr-field.error select,.dr-field.error textarea{background:#fff8f8;border-color:var(--red)}.dr-field .err-msg{color:var(--red);font-size:11px}.severity-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}@media (max-width:600px){.severity-grid{grid-template-columns:1fr 1fr}}.severity-btn{background:#fff;border:2px solid var(--border);border-radius:8px;color:var(--muted);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:10px 4px;text-align:center;transition:all .2s}.severity-btn.Minor.sel{background:#eafaf1;border-color:#27ae60;color:#27ae60}.severity-btn.Moderate.sel{background:#fef9e7;border-color:#f39c12;color:#f39c12}.severity-btn.Severe.sel{background:#fef0e7;border-color:#e67e22;color:#e67e22}.severity-btn.Total-Loss.sel{background:var(--red-light);border-color:var(--red);color:var(--red)}.dr-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.dr-btn:disabled{cursor:not-allowed;opacity:.5}.dr-btn.primary{background:var(--red);color:#fff}.dr-btn.primary:hover:not(:disabled){background:var(--red-dark)}.dr-btn.outline{background:#fff;border:2px solid var(--red);color:var(--red)}.dr-btn.outline:hover:not(:disabled){background:var(--red-light)}.dr-btn.ghost{background:var(--border);color:#000}.dr-btn.ghost:hover{background:var(--bg);color:var(--text)}.dr-btn.green{background:var(--green);color:#fff}.dr-btn.danger{background:#e74c3c;color:#fff}.dr-btn.sm{font-size:12px;padding:6px 12px}.dr-btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}.upload-zone{cursor:pointer;padding:32px;text-align:center;transition:all .2s}.upload-zone input{display:none}.upload-zone .uz-icon{font-size:36px;margin-bottom:8px}.upload-zone p{color:var(--muted);font-size:14px}.upload-zone strong{color:var(--red)}.progress-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.progress-item{align-items:center;display:flex;font-size:13px;gap:10px}.progress-bar{background:var(--border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:var(--red);border-radius:3px;height:100%;transition:width .3s}.media-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.camera-modal{align-items:center;background:#000;display:flex;flex-direction:column;gap:20px;inset:0;justify-content:center;position:fixed;z-index:200}.camera-view{border-radius:8px;max-width:640px;width:100%}.camera-controls{display:flex;gap:16px}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin:12px 0}.preview-card{background:var(--bg);border:2px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.preview-card img{display:block;height:90px;object-fit:cover;width:100%}.preview-card button{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:4px;top:4px;width:22px}.attach-photos{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.attach-photo{background:var(--bg);border:1.5px solid var(--border);border-radius:8px;overflow:hidden}.attach-photo img{display:block;height:110px;object-fit:cover;width:100%}.attach-photo-info{padding:6px 8px}.attach-photo-info p{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-photo-actions{display:flex;gap:4px;padding:4px 8px 8px}.attach-doc{align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px 14px}.attach-doc-icon{flex-shrink:0;font-size:28px}.attach-doc-info{flex:1 1;min-width:0}.attach-doc-info strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-doc-info span{color:var(--muted);font-size:11px}.attach-doc-actions{display:flex;flex-shrink:0;gap:6px}.deleted-section{background:#fafafa;border:1.5px dashed var(--border);border-radius:8px;margin-top:16px;padding:14px}.deleted-item{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:10px;padding:8px 0}.deleted-item:last-child{border-bottom:none}.review-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:540px){.review-grid{grid-template-columns:1fr}}.review-field{background:#fff;border-radius:8px;padding:10px 14px}.review-field .rl{color:var(--muted);font-size:11px;letter-spacing:.7px;text-transform:uppercase}.review-field .rv{font-size:14px;font-weight:600;margin-top:3px}.sev-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:3px 12px}.sev-Minor{background:#eafaf1;color:#27ae60}.sev-Moderate{background:#fef9e7;color:#f39c12}.sev-Severe{background:#fef0e7;color:#e67e22}.sev-Total-Loss{background:var(--red-light);color:var(--red)}.success-screen{padding:60px 20px;text-align:center}.success-icon{font-size:72px;margin-bottom:20px}.success-screen h2{color:var(--green);font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:2px}.success-screen p{color:var(--muted);font-size:15px;margin:10px 0 24px}.success-id{background:var(--bg);border-radius:6px;color:var(--muted);display:inline-block;font-family:monospace;font-size:12px;padding:8px 16px}.dr-toast{animation:slideUp .3s ease;border-radius:8px;bottom:24px;box-shadow:0 4px 20px #0003;color:#fff;font-size:14px;font-weight:500;max-width:300px;padding:12px 20px;position:fixed;right:24px;z-index:300}.dr-toast.success{background:#27ae60}.dr-toast.error{background:#e74c3c}.dr-divider{background:var(--border);height:1px;margin:20px 0}.section-label{color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:15px;letter-spacing:1.5px;margin-bottom:12px}.empty-state{color:var(--muted);font-size:14px;padding:30px;text-align:center}.count-chip{background:var(--red-light);border-radius:20px;color:var(--red);font-size:11px;font-weight:700;padding:2px 8px}@media (max-width:768px){.dr-step{font-size:5px}.dr-step-num{font-size:10px;height:16px;width:16px}.dr-toggle{padding:5px}.dr-toggle button{font-size:10px;margin-top:0}.media-actions{display:flex;flex-wrap:nowrap;gap:2px}.upload-zone{display:none}.deleted-item{display:block;gap:5px}.deleted-item span{margin:5px}.dr-btn-row{align-self:center;justify-content:center}.dr-btn{font-family:DM Sans,sans-serif;padding:12px 10px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0d0f;--surface:#111417;--panel:#161a1d;--border:#1f2428;--border2:#252b30;--text:#e8eaec;--muted:#4a5568;--muted2:#2d3748;--accent:#00c896;--red:#ff6b6b;--gold:#f5a623;--blue:#7b9fff;--font:"Syne",sans-serif;--mono:"JetBrains Mono",monospace}.dl-root{background:#0b0d0f;background:var(--bg);color:#e8eaec;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font);min-height:100vh}.dl-header{background:#111417;background:var(--surface);border-bottom:1px solid #1f2428;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.dl-header,.dl-header-title{align-items:center;display:flex}.dl-header-title{font-size:20px;font-weight:800;gap:10px;letter-spacing:-.5px}.dl-header-sub{color:#4a5568;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;margin-top:2px;text-transform:uppercase}.dl-header-actions{align-items:center;display:flex;gap:10px}.dl-btn{align-items:center;background:#161a1d;background:var(--panel);border:1px solid #1f2428;border:1px solid var(--border);border-radius:8px;color:#89a;cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.dl-btn:hover{border-color:#252b30;border-color:var(--border2);color:#e8eaec;color:var(--text)}.dl-btn.primary{background:#ff6b6b;background:var(--red);border-color:#ff6b6b;border-color:var(--red);color:#fff}.dl-btn.primary:hover{opacity:.9}.dl-btn.accent{background:#00c896;background:var(--accent);border-color:#00c896;border-color:var(--accent);color:#0b0d0f}.dl-btn.sm{font-size:12px;padding:6px 12px}.dl-btn.danger{color:#ff6b6b;color:var(--red)}.dl-btn.danger:hover{background:#ff6b6b1a;border-color:#ff6b6b;border-color:var(--red)}.dl-main{margin:0 auto;max-width:1200px;padding:24px 16px 60px}.dl-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:24px}.dl-stat{background:#111417;background:var(--surface);border:1px solid #1f2428;border:1px solid var(--border);border-radius:12px;cursor:default;padding:16px;transition:all .2s}.dl-stat-top{justify-content:space-between;margin-bottom:10px}.dl-stat-icon,.dl-stat-top{align-items:center;display:flex}.dl-stat-icon{border-radius:8px;font-size:14px;height:32px;justify-content:center;width:32px}.dl-stat-count{font-size:28px;font-weight:700;letter-spacing:-1px}.dl-stat-count,.dl-stat-label{font-family:JetBrains Mono,monospace;font-family:var(--mono)}.dl-stat-label{color:#4a5568;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-top:4px;text-transform:uppercase}.dl-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.dl-search{background:#111417;background:var(--surface);border:1.5px solid #1f2428;border:1.5px solid var(--border);border-radius:8px;color:#e8eaec;color:var(--text);flex:1 1;font-family:Syne,sans-serif;font-family:var(--font);font-size:14px;min-width:220px;outline:none;padding:10px 14px;transition:border-color .2s}.dl-search:focus{border-color:#00c896;border-color:var(--accent)}.dl-search::placeholder{color:#4a5568;color:var(--muted)}.dl-select{background:#111417;background:var(--surface);border:1.5px solid #1f2428;border:1.5px solid var(--border);border-radius:8px;color:#e8eaec;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:10px 14px}.dl-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.dl-filter{background:#111417;background:var(--surface);border:1px solid #1f2428;border:1px solid var(--border);border-radius:20px;color:#4a5568;color:var(--muted);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.dl-filter:hover{border-color:#252b30;border-color:var(--border2);color:#e8eaec;color:var(--text)}.dl-filter.active{background:#ff6b6b;background:var(--red);border-color:#ff6b6b;border-color:var(--red);color:#fff}.dl-card{background:#111417;background:var(--surface);border:1px solid #1f2428;border:1px solid var(--border);border-radius:14px;overflow:hidden}.dl-table{border-collapse:collapse;width:100%}.dl-table thead tr{background:#161a1d;background:var(--panel);border-bottom:1px solid #1f2428;border-bottom:1px solid var(--border)}.dl-table th{color:#4a5568;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:1.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.dl-table td{border-bottom:1px solid #1a1e22;padding:14px 16px;vertical-align:middle}.dl-table tr:last-child td{border-bottom:none}.dl-table tbody tr{cursor:pointer;transition:background .12s}.dl-table tbody tr:hover td{background:#ffffff05}.dl-badge{border-radius:20px;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;font-weight:700;gap:4px;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.dl-badge,.dl-type-badge{align-items:center;display:inline-flex}.dl-type-badge{font-size:13px;font-weight:600;gap:5px}.dl-product{color:#e8eaec;color:var(--text);font-size:13px;font-weight:700}.dl-meta{color:#4a5568;color:var(--muted);margin-top:3px}.dl-id,.dl-meta{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px}.dl-id{color:#2d3748;color:var(--muted2)}.dl-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dl-grid-card{background:#111417;background:var(--surface);border:1px solid #1f2428;border:1px solid var(--border);border-radius:12px;cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:all .2s}.dl-grid-card:hover{border-color:#252b30;border-color:var(--border2);transform:translateY(-2px)}.dl-grid-card-top{align-items:flex-start;display:flex;justify-content:space-between}.dl-grid-card-body,.dl-grid-card-top{margin-bottom:12px}.dl-grid-card-title{font-size:15px;font-weight:700;margin-bottom:4px}.dl-grid-card-meta{color:#4a5568;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:10px;line-height:1.6}.dl-grid-card-footer{align-items:center;border-top:1px solid #1f2428;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:12px}.dl-grid-card-accent{height:3px;left:0;position:absolute;right:0;top:0}.dl-photo-strip{display:flex;gap:4px;margin-top:10px}.dl-photo-thumb{object-fit:cover}.dl-photo-more,.dl-photo-thumb{border:1px solid #1f2428;border:1px solid var(--border);border-radius:6px;height:36px;width:36px}.dl-photo-more{align-items:center;background:#161a1d;background:var(--panel);color:#4a5568;color:var(--muted);display:flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;justify-content:center}.dl-drawer-overlay{animation:fadeIn .2s ease;background:#0009;inset:0;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dl-drawer{animation:drawerIn .25s cubic-bezier(.4,0,.2,1);background:#111417;background:var(--surface);border-left:1px solid #1f2428;border-left:1px solid var(--border);bottom:0;max-width:95vw;overflow-y:auto;position:fixed;right:0;top:0;width:480px;z-index:101}@keyframes drawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.dl-drawer::-webkit-scrollbar{width:3px}.dl-drawer::-webkit-scrollbar-thumb{background:#252b30;background:var(--border2);border-radius:2px}.dl-drawer-header{align-items:center;background:#111417;background:var(--surface);border-bottom:1px solid #1f2428;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.dl-drawer-title{font-size:16px;font-weight:800}.dl-drawer-close{align-items:center;background:#161a1d;background:var(--panel);border:1px solid #1f2428;border:1px solid var(--border);border-radius:8px;color:#4a5568;color:var(--muted);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s;width:32px}.dl-drawer-close:hover{color:#e8eaec;color:var(--text)}.dl-drawer-body{padding:24px}.dl-detail-section{margin-bottom:24px}.dl-detail-section-title{border-bottom:1px solid #1f2428;border-bottom:1px solid var(--border);color:#4a5568;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;letter-spacing:2px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.dl-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dl-detail-label{color:#4a5568;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:9px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.dl-detail-value{color:#e8eaec;color:var(--text);font-size:13px;font-weight:600}.dl-detail-desc{background:#161a1d;background:var(--panel);border-left:3px solid #ff6b6b;border-left:3px solid var(--red);border-radius:8px;color:#89a;font-size:13px;line-height:1.6;padding:12px 14px}.dl-drawer-photos{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:8px}.dl-drawer-photo{aspect-ratio:1;border:1px solid #1f2428;border:1px solid var(--border);border-radius:8px;cursor:pointer;object-fit:cover;transition:opacity .15s;width:100%}.dl-drawer-photo:hover{opacity:.8}.dl-status-select{background:#161a1d;background:var(--panel);border:1.5px solid #1f2428;border:1.5px solid var(--border);border-radius:8px;color:#e8eaec;color:var(--text);cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.dl-status-select:focus{border-color:#00c896;border-color:var(--accent)}.dl-empty{color:#4a5568;color:var(--muted);padding:60px 20px;text-align:center}.dl-empty-icon{font-size:48px;margin-bottom:12px}.dl-empty p{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.dl-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.dl-modal{background:#111417;background:var(--surface);border:1px solid #252b30;border:1px solid var(--border2);border-radius:16px;box-shadow:0 24px 60px #00000080;max-width:380px;padding:32px;text-align:center;width:100%}.dl-modal-icon{font-size:48px;margin-bottom:16px}.dl-modal h3{font-size:20px;font-weight:800;margin-bottom:10px}.dl-modal p{color:#4a5568;color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:24px}.dl-modal-actions{display:flex;gap:10px;justify-content:center}.dl-toast{animation:slideUp .3s ease;border-radius:8px;bottom:24px;box-shadow:0 8px 30px #0006;color:#fff;font-family:Syne,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;padding:12px 20px;position:fixed;right:24px;z-index:300}.dl-toast.success{background:#00c896}.dl-toast.error{background:#ff6b6b}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dl-results{color:#4a5568;color:var(--muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:11px;margin-bottom:12px}@media (max-width:768px){.dl-stats{grid-template-columns:1fr 1fr}.dl-drawer{width:100%}.dl-table td:nth-child(4),.dl-table td:nth-child(5),.dl-table th:nth-child(4),.dl-table th:nth-child(5){display:none}}.error-boundary{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.error-boundary .icon{font-size:40px;line-height:1;margin-bottom:1rem}.error-boundary h2{font-size:20px;font-weight:500;margin:0 0 .5rem}.error-boundary p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 .5rem;max-width:380px}.error-boundary .error-message{background:#fef2f2;border-radius:6px;color:#b91c1c;font-family:monospace;font-size:12px;margin:.75rem 0 1.25rem;max-width:420px;padding:8px 14px;word-break:break-word}.error-boundary .actions{display:flex;gap:8px}.error-boundary .actions button{background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:background .15s}.error-boundary .actions button:first-child{background:#111827;border-color:#0000;color:#fff}.error-boundary .actions button:hover{opacity:.85}