:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1c303e;background:#f5f6fb;font-synthesis:none;--blue:#245bea;--navy:#123143;--muted:#7f8c96;--border:#e8ebef;--green:#138447}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6bb6ec;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #7da4f3;outline-offset:2px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-60px;background:white;padding:12px;z-index:100}.skip:focus{top:0}.header{background:#ffffffed;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.header-inner{max-width:1192px;margin:auto;display:flex;align-items:center;gap:20px;padding:23px 30px}.icon-button{border:1px solid var(--border);background:white;border-radius:17px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:#526d7e;font-size:27px;flex-shrink:0}.menu-button svg{width:25px;height:25px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{position:relative;background:linear-gradient(140deg,#124057,#072c42);box-shadow:inset 0 0 0 1px #ffffff25;width:49px;height:49px;display:grid;place-items:center;border-radius:13px;color:white;font-weight:750;font-size:29px;letter-spacing:-3px;padding-right:3px}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #53cfce}.brand-mark:before{top:8px;left:7px;border-bottom:0;border-right:0}.brand-mark:after{bottom:8px;right:7px;border-top:0;border-left:0}.brand-dot{position:absolute;bottom:12px;right:10px;width:6px;height:6px;border-radius:2px;background:#4ed7ca}.brand strong{display:block;font-size:19px;letter-spacing:3px;font-weight:750}.brand small{display:block;font-size:11px;letter-spacing:.35px;color:var(--muted);margin-top:6px}.header-end{margin-left:auto;display:flex;align-items:center;gap:22px}.account-button{background:#f1f4fa;border-color:transparent;border-radius:50%}.connection{display:flex;align-items:center;gap:7px;font-size:12px;color:#788c97}.connection i,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#28bb97;box-shadow:0 0 0 4px #28bb970c}.connection.offline i{background:#e9a93b}.connection.offline{color:#9f732e}main{max-width:1132px;margin:0 auto;padding:38px 0 128px;min-height:calc(100dvh - 97px)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:3px;color:#64808e;display:flex;align-items:center;gap:9px;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#36a3e4;box-shadow:0 0 0 3px #36a3e40c}h1{font-size:32px;letter-spacing:-1.3px;margin:0 0 12px;line-height:1.2;font-weight:750}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 18px}h3{font-size:17px;margin:0 0 8px}.lead{font-size:14px;color:#7b8b95;margin:0;line-height:1.7}.page-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.page-top .back{color:#59809a;font-size:13px;display:flex;gap:7px;align-items:center;margin-bottom:14px}.hero{display:flex;position:relative;isolation:isolate;overflow:hidden;min-height:245px;color:white;background:linear-gradient(112deg,#063e86 0%,#0056e9 75%,#2474fa);border-radius:30px;margin:28px 0 30px;padding:36px;box-shadow:0 15px 35px #1a5ada12}.hero:before,.hero:after{content:"";position:absolute;border:1px solid #ffffff13;border-radius:50%;width:260px;height:260px;right:-90px;top:-105px;z-index:-1}.hero:after{width:370px;height:370px;right:-120px;top:-115px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;z-index:1}.hero .kicker{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;font-weight:650;color:#c2e5f2}.hero .live-dot{background:#5bf0c0;box-shadow:0 0 12px #5bf0c088}.hero h2{font-size:27px;font-weight:700;letter-spacing:-1px;margin:13px 0 0;max-width:400px}.hero p{font-size:13px;color:#bbd9fb;margin:0}.hero-icon{margin-left:auto;align-self:flex-start;border:1px solid #ffffff25;background:#ffffff0a;border-radius:18px;width:76px;height:76px;display:grid;place-items:center;flex-shrink:0}.hero-icon svg{width:42px;height:42px;stroke:#cbe6ff;stroke-width:1.2}.hero-arrow{position:absolute;right:30px;bottom:30px;width:43px;height:43px;border-radius:50%;background:#ffffff13;display:grid;place-items:center;color:#bddbff}.hero:hover .hero-arrow{background:#ffffff25;transform:translateX(2px)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 18px}.section-title h2{font-size:14px;margin:0;letter-spacing:0}.section-title span{color:#98a2ae;font-size:11px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{position:relative;min-height:183px;background:white;border:1px solid var(--border);border-radius:25px;padding:24px;box-shadow:0 2px 4px #20344c02;transition:transform .18s,box-shadow .18s}.feature:hover{transform:translateY(-3px);box-shadow:0 12px 24px #29437c09}.feature .feature-arrow{position:absolute;right:21px;top:23px;width:15px;height:15px;color:#bbc5cb}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e9f4ff;color:#2679b8;margin:7px 0 19px}.feature-icon.purple{color:#9c86ba;background:#f2edfc}.feature-icon.green{color:#24a798;background:#e6f7f3}.feature-icon.cyan{color:#528e9e;background:#edf7fa}.feature h3{font-size:17px;letter-spacing:-.5px;margin-bottom:6px}.feature p{font-size:12px;color:#8b969d;margin:0;line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.stat{display:flex;align-items:center;gap:13px;padding:19px 21px;border:1px solid var(--border);border-radius:19px;background:#ffffff80}.stat svg{color:#8a9eb1;width:22px;height:22px}.stat strong{display:block;font-size:21px;font-weight:650;letter-spacing:-.8px}.stat span{display:block;font-size:11px;color:#8b99a3;margin-top:4px}.home-foot{margin-top:25px;display:flex;align-items:center;gap:8px;color:#98a5ae;font-size:11px}.home-foot svg{width:14px;height:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border);background:#fffffff5;backdrop-filter:blur(15px);display:flex;justify-content:center;gap:90px;z-index:25;padding:17px 16px calc(14px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8898a4;min-width:64px;font-size:10px;position:relative}.bottom-nav svg{width:23px;height:23px}.bottom-nav a.active{color:#1769ab;font-weight:650}.bottom-nav a.active:before{content:"";position:absolute;top:-18px;left:15%;right:15%;height:2px;background:#2978c0;border-radius:3px}.panel{background:white;border:1px solid var(--border);border-radius:26px;padding:26px;margin-bottom:22px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.columns.wide-left{grid-template-columns:1.08fr .92fr}.muted{color:#8b98a1;font-size:13px;line-height:1.65}.panel .muted{margin:7px 0 18px}label{display:block;font-size:12px;font-weight:650;color:#6c7f8d;margin:0 0 9px}input,select,textarea{width:100%;border:1px solid #e5e8ee;border-radius:14px;padding:15px 16px;background:#f8f9fd;color:#203744;min-width:0}input::placeholder,textarea::placeholder{color:#9aa5ae;font-weight:400;font-size:14px}input[type=file]{padding:12px;font-size:12px}textarea{min-height:90px;resize:vertical}form .field{margin-bottom:19px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 20px;border-radius:15px;border:1px solid #e3e7ec;color:#386c94;background:white;font-size:14px;line-height:1.4}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.danger{color:#a54354}.button.soft{background:#eff5fd;border-color:#eff5fd;color:#286ba4}.button.small{min-height:35px;padding:7px 12px;font-size:12px;border-radius:11px}.button.full{width:100%}.button svg{width:19px;height:19px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions.equal>*{flex:1}.divider{border:0;border-top:1px solid var(--border);margin:23px 0}.tabs{display:flex;gap:9px;margin-bottom:23px}.tab{flex:1;border:1px solid #e5e8ed;border-radius:14px;background:#f9fafc;color:#61717f;padding:13px 10px;font-size:13px;font-weight:600}.tab.active{background:var(--blue);border-color:var(--blue);color:white}.capture-actions{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:22px}.capture-actions .button{min-height:62px}.capture-actions .image-upload{width:62px;padding:0;background:#ebf9f0;color:#17864a;border-color:#c9e8d5}.capture-actions svg{width:26px;height:26px}.file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.notice{background:#eff5ff;border:1px solid #e4edfc;border-radius:16px;padding:16px 18px;font-size:13px;line-height:1.65;color:#487094;margin-bottom:18px}.notice.warning{background:#fff5e0;border-color:#fff1d5;color:#946529}.notice.success{background:#e8f8ee;border-color:#d9f1e3;color:#27774b}.notice.error{background:#fce9eb;border-color:#f8dce0;color:#a03e49}.form-message{font-size:13px;line-height:1.6;color:#a33e4d;margin:12px 0}.form-message:empty{display:none}.empty{border:1px dashed #e0e5ec;border-radius:19px;padding:32px 20px;text-align:center;color:#8a9ba7;font-size:13px;line-height:1.8}.empty svg{display:block;margin:0 auto 12px;width:32px;height:32px;color:#bdcbd7}.empty strong{display:block;color:#587183;font-size:15px;margin-bottom:5px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:600;background:#eef4fe;color:#3b79af;white-space:nowrap}.badge.green{color:#27835b;background:#eaf8f1}.badge.amber{color:#a97c35;background:#fff5df}.table-wrap{overflow:auto;border-radius:17px;border:1px solid var(--border)}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}thead{background:#152f4a;color:#eef5fa}th{font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:17px 15px;font-weight:650}td{padding:16px 15px;border-top:1px solid #edf0f5;max-width:300px}td.wrap{white-space:normal;min-width:140px;overflow-wrap:anywhere}td small{display:block;color:#96a2ad;margin-top:6px;font-size:10px}.table-thumb{width:43px;height:54px;object-fit:cover;border-radius:7px;cursor:pointer}.thumb-placeholder{background:#f2f5fa;width:43px;height:43px;border-radius:9px;display:grid;place-items:center;color:#b9c5d0}.thumb-placeholder svg{width:20px;height:20px}.table-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.table-tools h2{margin:0;font-size:17px}.pending{padding:13px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;font-size:12px;overflow-wrap:anywhere}.pending:last-child{border:0}.photo-preview{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid var(--border);border-radius:15px;margin-bottom:16px}.photo-preview img{width:60px;height:70px;object-fit:cover;border-radius:8px}.photo-preview span{font-size:12px;color:#758b9b}.photo-preview button{margin-left:auto}.account-layout{max-width:840px;margin:auto}.login-layout{max-width:450px;margin:15px auto}.login-icon{width:56px;height:56px;background:#edf4ff;color:#3f75aa;display:grid;place-items:center;border-radius:18px;margin-bottom:22px}.profile{display:flex;align-items:center;gap:17px;margin-bottom:20px}.avatar{width:62px;height:62px;border-radius:20px;background:linear-gradient(140deg,#dfeeff,#ebf8f7);display:grid;place-items:center;color:#2e749d;font-size:22px;font-weight:700}.profile h2{margin:0 0 6px}.profile p{margin:0;font-size:12px;color:#8a98a4}.permissions{padding:0;list-style:none;font-size:13px;color:#6d8292;line-height:2.3}.permissions li{display:flex;align-items:center;gap:10px}.permissions svg{width:16px;height:16px;color:#27a782}.result-banner{border-radius:15px;background:#148142;color:white;font-size:16px;font-weight:700;padding:20px;margin-bottom:22px}.result-banner.fail{background:#b94c58}.result-info{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.detail-list{display:grid;grid-template-columns:125px 1fr;gap:19px 16px;margin:25px 0}.detail-list dt{font-weight:650;font-size:14px}.detail-list dd{margin:0;font-size:15px;overflow-wrap:anywhere}.detail-list .blue{color:#225aa0;font-weight:700}details{border-top:1px solid var(--border);padding:18px 0}details:first-child{border:0}summary{cursor:pointer;font-weight:600;font-size:13px}details p,details li{font-size:13px;color:#7d8f9c;line-height:1.8}.photo-full{max-width:100%;max-height:65dvh;display:block;border-radius:15px;margin:auto}dialog{border:1px solid #e9edf2;border-radius:27px;padding:27px;width:calc(100% - 36px);max-width:540px;max-height:88dvh;overflow:auto;color:#1c303e;box-shadow:0 20px 120px #061d4050}dialog::backdrop{background:#142b3b99;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:17px}.dialog-heading .icon-button{width:35px;height:35px;border-radius:50%;font-size:23px}.menu-dialog{max-width:380px}.menu-link{display:flex;align-items:center;gap:15px;padding:16px;border-radius:12px;font-size:14px}.menu-link:hover{background:#f4f7fb}.menu-link svg{color:#6490af;width:21px;height:21px}.camera-view{position:relative;aspect-ratio:4/3;background:#122d3c;border-radius:18px;overflow:hidden}.camera-view video{width:100%;height:100%;object-fit:cover}.camera-frame{position:absolute;inset:23%;border:2px solid #7ce1c4;border-radius:14px;pointer-events:none}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);max-width:calc(100% - 36px);width:max-content;border-radius:15px;padding:15px 22px;background:#17384b;color:white;font-size:13px;line-height:1.6;z-index:100;box-shadow:0 8px 40px #092a4430}.toast[hidden]{display:none}.loading{color:#8198a7;padding:60px;text-align:center}.search-row{display:flex;gap:10px;margin-bottom:22px}.search-row input{background:white}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-card{padding:23px;background:#fff;border:1px solid var(--border);border-radius:22px}.help-card h3{display:flex;align-items:center;gap:10px;font-size:15px}.help-card h3 svg{color:#5f8fac;width:21px;height:21px}.help-card p{font-size:13px;color:#7b909e;line-height:1.8}.inline-link{color:#2678bc;text-decoration:underline;text-underline-offset:3px}.no-margin{margin:0}.mt{margin-top:18px}.hidden,[hidden]{display:none!important}.subtle{font-size:11px;color:#a2aeba}.readable{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;color:#3d6079;padding:16px;background:#f4f7fb;border-radius:13px}.check-summary{font-weight:650}.bottom-space{margin-bottom:24px}.mini-meta{display:flex;align-items:center;gap:10px;margin-top:14px;color:#91a1ac;font-size:11px}.filter-count{font-size:12px;color:#8599a8}.scan-caption{font-size:11px;line-height:1.6;color:#8c9caa;margin-top:12px}.scroll-hint{display:none}.qty-positive{color:#258b65}.qty-negative{color:#bd6471}
.columns>*{min-width:0}.panel{min-width:0}.table-wrap{width:100%}.skip:not(:focus-visible){top:-60px}
@media(min-width:900px){.home-title{padding:7px 0}.home-main{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:stretch;margin:27px 0 30px}.home-main .hero{margin:0;min-height:300px;padding:37px}.home-main .features{grid-template-columns:1fr 1fr;gap:14px}.home-main .feature{min-height:142px;padding:18px 21px}.home-main .feature-icon{width:38px;height:38px;border-radius:12px;margin:0 0 12px}.home-main .feature h3{font-size:15px}.home-main .feature-arrow{top:19px;right:19px}.home-main .section-title{display:none}.home-main .hero h2{font-size:31px;max-width:260px}.home-main .hero-icon{width:64px;height:64px}.home-main .hero-icon svg{width:35px;height:35px}.home-main .hero-copy{max-width:270px}.home-main .hero-arrow{bottom:34px}.home-main .hero p{max-width:260px}.stats{margin-top:0}}
@media(max-width:1195px){main{margin:0 30px}}
@media(max-width:700px){.header-inner{padding:20px 25px;gap:18px}.header .connection{display:none}.header-end{gap:0}.brand strong{font-size:18px;letter-spacing:2.7px}.brand small{font-size:10px}.brand-mark{width:46px;height:46px;border-radius:12px}.icon-button{width:48px;height:48px}.header{position:relative}main{padding-top:33px;margin:0 25px;padding-bottom:120px}h1{font-size:30px;letter-spacing:-1.2px}.lead{font-size:14px}.eyebrow{font-size:9px;letter-spacing:2.7px;margin-bottom:15px}.hero{min-height:202px;padding:30px 24px;border-radius:29px;margin-top:27px;margin-bottom:32px}.hero h2{font-size:24px;max-width:320px}.hero-icon{width:64px;height:64px;border-radius:16px}.hero-icon svg{width:37px;height:37px}.hero-copy{gap:32px}.hero .kicker{font-size:9px;letter-spacing:1.5px}.hero p{font-size:12px}.hero-arrow{width:41px;height:41px;right:24px;bottom:27px}.features{grid-template-columns:1fr 1fr;gap:14px}.feature{min-height:169px;padding:20px 18px;border-radius:24px}.feature-icon{width:46px;height:46px;margin:9px 0 17px}.feature h3{font-size:16px}.feature p{font-size:12px}.section-title{margin-bottom:17px}.section-title h2{font-size:13px}.section-title span{font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.stat{padding:16px 18px;border-radius:17px;background:#ffffff7a}.stat strong{font-size:19px}.stat span{font-size:10px}.bottom-nav{justify-content:space-around;gap:0;padding-top:18px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.bottom-nav a{font-size:10px;gap:8px}.bottom-nav a.active:before{display:none}.bottom-nav svg{width:24px;height:24px}.columns,.columns.wide-left{grid-template-columns:1fr;gap:0}.panel{padding:23px;border-radius:25px;margin-bottom:20px}.page-top{margin-bottom:24px}.page-top h1{font-size:27px}.page-top .lead{font-size:12px}.page-top>.button{padding:10px 12px;min-height:40px;font-size:12px}.help-grid{grid-template-columns:1fr}.field-row{gap:12px}.detail-list{grid-template-columns:108px 1fr;gap:18px 10px}.detail-list dt{font-size:13px}.detail-list dd{font-size:14px}.home-foot{font-size:10px}.table-tools .actions{gap:7px}dialog{padding:24px;max-height:88dvh}.scroll-hint{display:block;font-size:10px;color:#9aa8b4;margin-top:10px}.login-layout{margin-top:0}.login-layout .panel{padding:26px}.header-inner{max-width:none}.account-layout{max-width:none}}
@media(max-width:375px){.header-inner{padding:17px;gap:12px}main{margin:0 17px}.brand strong{font-size:16px}.brand small{font-size:9px}.hero h2{font-size:22px}.hero-icon{width:47px;height:47px}.hero-icon svg{width:30px;height:30px}.hero p{font-size:11px}.feature{padding:18px 15px}.feature h3{font-size:14px}.feature p{font-size:11px}.panel{padding:19px}.button{padding:12px 15px}.field-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}