:root{color:#111827;font-synthesis:none;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 15px;font-weight:650}button.secondary{color:#111827;background:#e5e7eb}button.ghost{color:inherit;background:0 0}button.danger{background:#b91c1c}.small{padding:6px 9px;font-size:12px}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 11px}textarea{resize:vertical;min-height:80px}label{flex-direction:column;gap:6px;font-size:13px;font-weight:650;display:flex}.app{grid-template-columns:245px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#111827;flex-direction:column;min-height:100vh;padding:22px 14px;display:flex}.logo{align-items:center;gap:11px;padding:4px 8px 25px;font-weight:800;display:flex}.logo>div{color:#111827;background:#fff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.logo span{flex-direction:column;display:flex}.logo small{color:#9ca3af;font-size:11px;font-weight:500}nav{flex-direction:column;gap:6px;display:flex}nav button{text-align:left;color:#d1d5db;background:0 0;align-items:center;gap:10px;width:100%;display:flex}nav button.active,nav button:hover{color:#fff;background:#1f2937}.userBox{border-top:1px solid #374151;flex-direction:column;gap:4px;margin-top:auto;padding:18px 8px 0;display:flex}.userBox small{color:#9ca3af;text-overflow:ellipsis;overflow:hidden}.userBox button{align-items:center;gap:7px;margin-top:8px;padding-left:0;display:flex}main{min-width:0}header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}header h1{margin:0;font-size:20px}header p{color:#6b7280;margin:3px 0 0;font-size:12px}section{flex-direction:column;gap:20px;padding:24px 28px;display:flex}.pill,.badge{background:#e5e7eb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:650;display:inline-block}.grid4{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.metric,.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 1px 2px #00000008}.metric{flex-direction:column;gap:6px;display:flex}.metric span,.metric small,.card p{color:#6b7280}.metric strong{font-size:32px}.card h2,.card h3{margin-top:0}.statRow{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:15px;padding:11px 0;display:flex}.statRow:last-child{border-bottom:0}.row{align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.formGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.span2{grid-column:span 2}.toolbar,.cardHead{justify-content:space-between;align-items:center;gap:15px;display:flex}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:11px 9px}th{color:#6b7280;background:#f9fafb;position:sticky;top:0}.badge.delivered{color:#166534;background:#dcfce7}.badge.returned,.badge.warning{color:#991b1b;background:#fee2e2}.badge.in_transit,.badge.sent{color:#92400e;background:#fef3c7}.cameraBox{background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;padding:12px}.cameraBox video{background:#111827;border-radius:12px;width:100%;max-height:380px;margin-bottom:10px}.fileList{color:#4b5563;margin-top:8px;font-size:12px}.error,.errorText{color:#b91c1c}.success{color:#047857}.loginPage{background:#111827;place-items:center;min-height:100vh;padding:20px;display:grid}.loginCard{background:#fff;border-radius:20px;flex-direction:column;gap:14px;width:min(420px,100%);padding:30px;display:flex}.loginCard h1{margin:0}.loginCard p{color:#6b7280;margin-top:-10px}.brandMark{color:#fff;background:#111827;border-radius:14px;place-items:center;width:50px;height:50px;font-weight:900;display:grid}@media (width<=1000px){.grid4{grid-template-columns:1fr 1fr}.app{grid-template-columns:78px 1fr}.logo span,nav button:not(.active){font-size:0}.logo{padding-left:5px}.userBox b,.userBox small,.userBox button{font-size:0}.userBox button svg{display:block}}@media (width<=700px){.app{display:block}aside{z-index:10;flex-direction:row;align-items:center;min-height:auto;padding:8px;display:flex;position:sticky;top:0}.logo{padding:0}.logo span,.userBox{display:none}nav{flex-direction:row;margin-left:8px;overflow:auto}nav button{width:auto;padding:10px;font-size:0}header{padding:14px 16px}section{padding:14px}.grid4,.grid2,.formGrid{grid-template-columns:1fr}.span2{grid-column:span 1}.toolbar{flex-direction:column;align-items:flex-start}.toolbar .row{width:100%}}.mfaNotice{background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.mfaNotice code{word-break:break-all;background:#fff;border-radius:8px;padding:8px}.mfaNotice small{color:#92400e}.landingPage{color:#0b2348;background:#fff;min-height:100vh}.landingPage button,.landingPage a{font-family:inherit}.landingNav{z-index:30;background:#fffffff5;border-bottom:1px solid #e8eef7;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,76px);display:flex;position:sticky;top:0}.landingBrand{align-items:center;gap:10px;display:flex}.landingBrand span{flex-direction:column;display:flex}.landingBrand small{color:#7c8ba1;font-size:10px}.brandCube{color:#fff;background:linear-gradient(145deg,#0875dd,#0347a4);border-radius:9px;place-items:center;width:36px;height:36px;font-weight:900;display:grid;box-shadow:0 8px 20px #035bb638}.landingNav nav{gap:32px;display:flex}.landingNav nav a,.landingFooter a{color:#344966;font-size:14px;text-decoration:none}.landingNavActions{align-items:center;gap:10px;display:flex}.landingLinkBtn{color:#0c5fc1!important;background:0 0!important}.primaryCta,.outlineCta{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-weight:750;text-decoration:none;display:inline-flex}.primaryCta{box-shadow:0 8px 22px #005ebe2e;color:#fff!important;background:linear-gradient(135deg,#0876db,#0058b7)!important}.outlineCta{color:#075dab;background:#fff;border:1.5px solid #0b6cc8}.heroLanding{background:radial-gradient(circle at 85% 20%,#e9f6ff 0,#0000 40%),linear-gradient(#f7fbff,#fff);grid-template-columns:minmax(0,1fr) minmax(520px,1.05fr);align-items:center;gap:50px;padding:74px clamp(24px,5vw,78px) 82px;display:grid;overflow:hidden}.eyebrow{letter-spacing:.08em;color:#3489da;font-size:12px;font-weight:800}.heroCopy h1{letter-spacing:-.045em;color:#081f45;max-width:780px;margin:14px 0 22px;font-size:clamp(42px,4.4vw,68px);line-height:1.02}.heroCopy>p{color:#50647f;max-width:680px;font-size:18px;line-height:1.6}.heroButtons{gap:12px;margin:30px 0 22px;display:flex}.trustRow{color:#53667e;flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.trustRow span{align-items:center;gap:6px;display:flex}.trustRow svg{color:#0780d9;background:#e6f5ff;border-radius:50%;width:17px;height:17px;padding:2px}.dashboardMock{background:#fff;border:1px solid #dbe8f4;border-radius:20px;overflow:hidden;transform:perspective(1200px)rotateY(-1deg);box-shadow:0 28px 80px #2657842e}.mockTop{border-bottom:1px solid #edf1f6;align-items:center;gap:18px;height:54px;padding:0 18px;font-size:12px;display:flex}.mockTop .mockSearch{color:#92a0af;background:#f2f6fa;border-radius:8px;width:42%;margin-left:auto;margin-right:auto;padding:8px 12px}.mockTop>span{color:#0862b7;background:#e6f4ff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.mockBody{grid-template-columns:120px 1fr;min-height:410px;display:grid}.mockSide{color:#697b90;background:#f8fbfe;flex-direction:column;gap:9px;padding:20px 12px;font-size:11px;display:flex}.mockSide>*{border-radius:8px;padding:9px}.mockSide b{color:#0a60b7;background:#ddebff}.mockMain{padding:22px}.mockMain h3{margin:0;font-size:21px}.mockMain>p{color:#8996a6;margin:4px 0 18px;font-size:12px}.mockMetrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.mockMetrics div{background:#f8fbfe;border:1px solid #edf2f7;border-radius:11px;flex-direction:column;padding:14px;display:flex}.mockMetrics strong{font-size:18px}.mockMetrics small{color:#718198;margin-top:4px}.mockGrid{grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px;display:grid}.mockPanel{border:1px solid #edf2f7;border-radius:12px;flex-direction:column;gap:11px;min-height:190px;padding:14px;font-size:11px;display:flex}.mockPanel span{color:#53657c;border-bottom:1px solid #f0f2f5;padding:7px 0}.mockMedia{gap:8px;display:flex}.mockMedia i{background:#eef5fb;border-radius:8px;padding:10px;font-size:28px;font-style:normal}.bars{align-items:flex-end;gap:7px;height:70px;margin-top:auto;display:flex}.bars i{background:linear-gradient(#25a2e8,#0a63c6);border-radius:4px 4px 0 0;width:15px}.bars i:first-child{height:35%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:78%}.bars i:nth-child(5){height:58%}.bars i:nth-child(6){height:88%}.bars i:nth-child(7){height:68%}.landingSection{text-align:center;padding:76px clamp(24px,4vw,64px)}.landingSection h2,.pricingSection h2,.securityBand h2,.finalCta h2{letter-spacing:-.025em;margin:10px 0 32px;font-size:34px}.featureGrid{grid-template-columns:repeat(6,1fr);gap:13px;max-width:1500px;margin:auto;display:grid}.landingFeature{background:#fff;border:1px solid #dfeaf4;border-radius:14px;min-height:190px;padding:24px 18px;box-shadow:0 8px 30px #3e668c0d}.landingIcon{color:#0873cf;background:#eaf6ff;border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto;display:grid}.landingFeature h3{margin:14px 0 8px;font-size:15px}.landingFeature p{color:#718196;margin:0;font-size:12px;line-height:1.5}.pricingSection{background:linear-gradient(135deg,#f6fbff,#fff);grid-template-columns:.85fr 1.4fr;align-items:center;gap:60px;padding:76px clamp(24px,5vw,78px);display:grid}.pricingIntro p{color:#657990;font-size:16px}.priceCards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.priceCard{background:#fff;border:1px solid #dfe8f1;border-radius:16px;padding:28px;position:relative;box-shadow:0 14px 45px #2a588014}.priceCard.featured{border:2px solid #20a6ea}.popular{color:#fff;background:#0fb887;border-radius:20px;padding:7px 15px;font-size:12px;font-weight:800;position:absolute;top:-13px;right:18px}.priceCard>svg{color:#0879d5}.priceCard h3{margin:13px 0 6px}.priceCard>strong{color:#0769c4;margin:10px 0;font-size:27px;display:block}.priceCard>strong small{color:#6d7c8e;font-size:13px}.priceCard>p{color:#687b90;line-height:1.5}.priceCard ul{flex-direction:column;gap:10px;margin:20px 0;padding:0;font-size:13px;list-style:none;display:flex}.priceCard li{align-items:center;gap:8px;display:flex}.priceCard li svg{color:#09a66d;width:17px}.totalPrice{background:#edf5fb;border-radius:9px;padding:11px;font-size:12px}.securityBand{background:linear-gradient(100deg,#f8fcff,#eaf6ff);border-top:1px solid #dfedf7;border-bottom:1px solid #dfedf7;padding:58px clamp(24px,5vw,78px)}.securityBand h2{margin-bottom:24px}.securityGrid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.securityGrid span{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.securityGrid svg{color:#0873cf}.finalCta{text-align:center;padding:76px 20px}.finalCta h2{margin-bottom:10px}.finalCta p{color:#65768b}.finalCta>div{justify-content:center;gap:12px;margin-top:25px;display:flex}.landingFooter{border-top:1px solid #e6edf4;justify-content:space-between;align-items:center;padding:30px clamp(24px,5vw,78px);display:flex}.landingFooter>div:last-child{gap:25px;display:flex}.settingsGrid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.storageChoice{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.storageChoice button{color:#172c49;background:#f8fafc;border:1px solid #dbe4ee;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;display:flex}.storageChoice button.selected{color:#075ca9;background:#eef8ff;border:2px solid #1599e6}.storageChoice button small{color:#697b8f}.localFolderBox{background:#f8fcff;border:1px solid #dce8f2;border-radius:13px;margin:16px 0;padding:15px}.localFolderBox>div{align-items:center;gap:10px;display:flex}.localFolderBox span{flex-direction:column;display:flex}.localFolderBox small{color:#6c7d90}.localFolderBox p{font-size:12px}.localFolderBox code{word-break:break-all}.priceSummary{flex-direction:column;gap:12px;display:flex}.priceSummary span{border-bottom:1px solid #edf0f3;justify-content:space-between;padding-bottom:10px;display:flex}.priceSummary strong{color:#0b68bc;font-size:20px}.muted{color:#75859a!important;font-size:12px!important}@media (width<=1100px){.heroLanding{grid-template-columns:1fr}.dashboardMock{max-width:850px}.featureGrid{grid-template-columns:repeat(3,1fr)}.pricingSection{grid-template-columns:1fr}.securityGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.landingNav nav,.landingLinkBtn{display:none}.heroLanding{padding-top:48px}.heroCopy h1{font-size:40px}.dashboardMock{display:none}.featureGrid{grid-template-columns:1fr 1fr}.priceCards,.settingsGrid{grid-template-columns:1fr}.securityGrid{grid-template-columns:1fr 1fr}.landingFooter{flex-direction:column;gap:20px}.landingFooter>div:last-child{flex-wrap:wrap;justify-content:center}.heroButtons,.finalCta>div{flex-direction:column}.pricingSection{padding-top:55px}}.permissionGrid{flex-wrap:wrap;gap:8px 14px;margin-top:10px;display:flex}.permissionGrid label{align-items:center;gap:6px;font-size:13px;display:flex}.permissionGrid.compact{max-width:260px}.block{margin-top:3px;display:block}.reportsTop{justify-content:space-between;align-items:center;gap:20px;display:flex}.reportsTop h2{margin-bottom:6px}.reportsTop p{margin:0}.periodTabs{flex-wrap:wrap;gap:8px;display:flex}.periodTabs button{color:#0b2348;background:#fff;border:1px solid #cbd5e1}.periodTabs button.active{color:#fff;background:#086bd8;border-color:#086bd8}.reportFilters{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.reportFilters label{min-width:200px}.reportFilters button{height:41px}.reportMetrics{grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;display:grid}.reportMetric{background:#fff;border:1px solid #dbe4ee;border-radius:14px;flex-direction:column;gap:7px;padding:18px;display:flex;box-shadow:0 1px 2px #00000008}.reportMetric span{color:#52637a;font-weight:750}.reportMetric strong{color:#0b2348;font-size:28px}.reportMetric small{color:#7a8898}.reportMetric.blue{border-top:3px solid #1d6fe8}.reportMetric.red{border-top:3px solid #ef4444}.reportMetric.green{border-top:3px solid #22a447}.reportMetric.orange{border-top:3px solid #f59e0b}.reportMetric.purple{border-top:3px solid #8b5cf6}.reportMetric.navy{border-top:3px solid #0b2348}.platformReportRow{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:20px;padding:13px 0;display:flex}.platformReportRow:last-child{border-bottom:0}.platformReportRow>div{flex-direction:column;gap:4px;display:flex}.platformReportRow small{color:#6b7280}.privacyNotice{color:#174f82;background:#f0f7ff;border:1px solid #cfe4fb;border-radius:12px;padding:13px 16px;font-size:13px;font-weight:650}@media (width<=1250px){.reportMetrics{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.reportsTop{flex-direction:column;align-items:flex-start}.reportMetrics{grid-template-columns:1fr 1fr}.reportFilters{flex-direction:column;align-items:stretch}.reportFilters label{min-width:0}.periodTabs{width:100%}}