:root{--navy:#082348;--blue:#0b57c9;--blue2:#063b8f;--yellow:#ffd520;--ink:#132033;--muted:#64748b;--line:#dce5f0;--soft:#f4f7fb;--good:#14804a;--bad:#b42318;--white:#fff;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#eef3f9}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eef3f9}button,input,select,textarea{font:inherit}button{cursor:pointer}.mobile-root{min-height:100vh}.app-header{height:72px;background:linear-gradient(135deg,var(--navy),#0b356f);color:#fff;display:flex;align-items:center;gap:12px;padding:10px 16px;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px rgba(8,35,72,.24)}.app-header img{width:52px;height:52px;object-fit:cover;border-radius:12px;background:#fff}.app-header div{display:flex;flex-direction:column;min-width:0;flex:1}.app-header small{font-size:10px;letter-spacing:.12em;color:#b8d1f5}.app-header strong{font-size:18px}.icon-button{border:1px solid rgba(255,255,255,.24);color:#fff;background:rgba(255,255,255,.1);border-radius:10px;padding:9px 11px;font-weight:700}.login-screen{padding:36px 18px}.login-card,.setup-card{max-width:480px;margin:0 auto;background:#fff;border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(19,32,51,.13);border:1px solid #e1e8f0}.login-card h1,.setup-card h1{margin:5px 0 12px;color:var(--navy)}.login-card p,.setup-card p{color:var(--muted);line-height:1.5}.setup-page{padding:30px 16px}.setup-logo{display:block;width:150px;max-height:90px;object-fit:contain;margin:0 auto 18px}.setup-card footer{margin-top:25px;color:#8290a4;font-size:12px;text-align:center}.setup-card label,.form-card label,.login-card label{display:block;font-weight:700;font-size:13px;margin:15px 0 7px}.setup-card input,.setup-card textarea,.form-card input,.form-card select,.login-card input{width:100%;border:1px solid #cbd7e6;border-radius:11px;padding:13px 14px;background:#fff;color:var(--ink)}.setup-card input:focus,.setup-card textarea:focus,.form-card input:focus,.form-card select:focus,.login-card input:focus,.search-box input:focus{outline:3px solid rgba(11,87,201,.15);border-color:var(--blue)}.primary-button,.secondary-button,.primary-link{display:inline-flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:11px;padding:14px 16px;font-weight:800;text-decoration:none}.primary-button,.primary-link{background:var(--blue);color:#fff;margin-top:18px}.secondary-button{background:#e8f0fb;color:var(--blue2);margin-top:12px}.notice{border-radius:12px;padding:14px;margin:15px 0;line-height:1.45}.notice.success{background:#e9f8f0;color:#12643d}.notice.error,.form-error{background:#fff0ef;color:var(--bad)}.form-error:empty{display:none}.form-error{padding:10px;border-radius:9px;font-size:13px}.warning-text{font-size:13px;color:#9a6700!important}.not-installed{margin-top:40px}.eyebrow{margin:0!important;color:var(--blue)!important;font-weight:800;font-size:11px;letter-spacing:.13em}.app-shell{padding-bottom:84px}.connection-strip{background:#fff;border-bottom:1px solid var(--line);padding:9px 16px;font-size:12px;display:flex;align-items:center;gap:8px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.dot.online{background:#20a466;box-shadow:0 0 0 4px rgba(32,164,102,.12)}.dot.offline{background:#e39b17}.blocked-banner{background:#fff0ef;color:var(--bad);padding:12px 16px;font-weight:800;text-align:center}.content{max-width:760px;margin:0 auto;padding:16px}.view{display:none}.view.active{display:block}.hero-card{background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;border-radius:20px;padding:22px;display:flex;overflow:hidden;position:relative;box-shadow:0 12px 28px rgba(8,35,72,.2)}.hero-card h1{margin:5px 0 8px;font-size:27px}.hero-card p:not(.eyebrow){margin:0;max-width:310px;color:#d7e5f7;line-height:1.4}.hero-card .eyebrow{color:var(--yellow)!important}.hero-mark{font-size:110px;font-weight:900;line-height:.7;opacity:.08;position:absolute;right:12px;bottom:-5px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0 24px}.stats-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(19,32,51,.05)}.stats-grid small{color:var(--muted)}.stats-grid strong{font-size:27px;color:var(--navy);margin-top:3px}.view h2{font-size:17px;margin:20px 2px 10px}.view-head{display:flex;align-items:center;justify-content:space-between;margin:5px 2px 15px}.view-head h1{margin:4px 0 0;color:var(--navy)}.count-badge{background:var(--navy);color:#fff;border-radius:99px;padding:7px 11px;font-weight:800}.search-box{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding-left:13px;margin-bottom:12px}.search-box span{font-weight:700;color:var(--muted);font-size:12px}.search-box input{flex:1;border:0;padding:14px;background:transparent;min-width:0}.card-list{display:flex;flex-direction:column;gap:10px}.empty-state{background:#fff;border:1px dashed #c5d2e1;border-radius:14px;padding:24px;color:var(--muted);text-align:center}.article-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;text-align:left;gap:12px;box-shadow:0 3px 10px rgba(19,32,51,.04)}.article-card:active{transform:scale(.99)}.article-info{display:flex;flex-direction:column;min-width:0;flex:1}.article-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-info small,.order-head small,.order-line small{color:var(--muted);margin-top:4px}.stock-pill{min-width:62px;background:#e8f2ff;color:var(--blue2);border-radius:12px;padding:8px;text-align:center;font-size:18px;font-weight:900}.stock-pill small{display:block;font-size:9px;font-weight:700}.form-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 6px 18px rgba(19,32,51,.06)}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#edf2f8;border-radius:12px;padding:4px;margin:16px 0}.segmented button{border:0;background:transparent;padding:11px;border-radius:9px;font-weight:800;color:var(--muted)}.segmented button.active{background:var(--blue);color:#fff;box-shadow:0 3px 10px rgba(11,87,201,.25)}.order-card,.result-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.order-head,.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.order-head div{display:flex;flex-direction:column}.order-head>span,.result-head>span{font-size:11px;color:var(--muted)}.order-lines{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.order-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}.order-line span{display:flex;flex-direction:column;min-width:0}.order-line input{width:76px;border:1px solid #cbd7e6;border-radius:9px;padding:9px}.result-card.good{border-left:5px solid var(--good)}.result-card.bad{border-left:5px solid var(--bad)}.result-card p{margin:8px 0;color:#48566a;font-size:13px}.result-card small{color:#8995a6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:20;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 22px rgba(19,32,51,.08)}.bottom-nav button{border:0;background:#fff;color:#6b7789;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button.active{color:var(--blue)}.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);z-index:40;width:calc(100% - 32px);max-width:500px;background:#153e2d;color:#fff;padding:14px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-weight:700}.toast.bad{background:var(--bad)}
@media(min-width:700px){.stats-grid{grid-template-columns:repeat(4,1fr)}.content{padding:24px}.bottom-nav{left:50%;transform:translateX(-50%);max-width:760px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.app-header{padding-left:calc((100% - 728px)/2);padding-right:calc((100% - 728px)/2)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}