:root{--navy:#102a70;--blue:#125bd7;--violet:#6f3bc7;--gold:#f6bd24;--ink:#15213a;--muted:#65708a;--bg:#f5f7fc;--line:#dde3ef;--card:#fff;--danger:#b92331}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{min-height:100vh}.topbar{background:linear-gradient(114deg,#081a52,#145eca 61%,#6a3bbf);color:#fff;padding:20px max(20px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 8px 24px #102a7033}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;border-radius:15px}.brand b{display:block;font-size:1.25rem}.brand small{color:#dbe7ff}.nav{display:flex;gap:7px;overflow:auto;padding:15px max(16px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid var(--line)}button,.nav button{font:inherit;border:0;cursor:pointer}.nav button{white-space:nowrap;background:transparent;color:#334366;padding:10px 14px;border-radius:12px;font-weight:750}.nav button.active{color:var(--navy);background:#eaf0ff}.signout{background:#ffffff1c;color:white;border:1px solid #ffffff5c;border-radius:11px;padding:9px 13px}.page{width:min(1160px,100%);margin:auto;padding:26px 20px 44px}.hero{border-radius:24px;background:linear-gradient(120deg,#123a85,#226dde 62%,#733ebd);color:white;padding:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.eyebrow{font-size:.78rem;letter-spacing:.1em;font-weight:850;color:#ffe47b;text-transform:uppercase;margin:0 0 5px}.hero h1,.section-title{margin:0;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.1}.hero p{color:#dbe7ff;max-width:560px;margin:10px 0 0}.hero-mark{font-size:4.2rem;opacity:.9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat,.panel,.product-card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px #17275a0b}.stat{padding:18px}.stat strong{font-size:1.9rem;display:block}.stat span{color:var(--muted);font-weight:600}.panel{padding:24px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.panel h2{margin:0;font-size:1.35rem}.muted{color:var(--muted)}.primary,.secondary,.danger{border-radius:12px;padding:12px 16px;font-weight:800}.primary{background:linear-gradient(100deg,#ffc92f,#f5ac16);color:#1d2340;box-shadow:0 6px 18px #f5ac1650}.secondary{background:#eaf0ff;color:#18377a}.danger{background:#ffeaec;color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:700;color:#3e4a65}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #cfd7e8;border-radius:12px;padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#2864d7;box-shadow:0 0 0 3px #2864d722}textarea{min-height:88px;resize:vertical}.capture{border:1px dashed #a7b8da;border-radius:16px;padding:14px;background:#f8faff}.capture video,.capture canvas,.preview{width:100%;max-height:310px;object-fit:cover;border-radius:13px;background:#101b3d}.camera-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.hide{display:none!important}.searchbar{display:flex;gap:10px;flex-wrap:wrap}.searchbar input{flex:1;min-width:220px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{overflow:hidden}.product-image{height:150px;width:100%;object-fit:cover;background:#eaf0fc}.product-body{padding:15px}.product-body h3{margin:0;font-size:1.08rem}.meta{color:var(--muted);font-size:.9rem;margin-top:5px}.price{font-size:1.25rem;font-weight:850;color:#0c4b9b;margin-top:11px}.empty{padding:34px 10px;text-align:center;color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 20% 5%,#3d7ce5 0,transparent 35%),linear-gradient(135deg,#081849,#4d278b)}.login-card{width:min(440px,100%);padding:30px;border-radius:26px;background:white;box-shadow:0 24px 60px #04091e80}.login-logo{width:82px;border-radius:22px;display:block;margin-bottom:16px}.login h1{margin:0;font-size:2rem}.login p{color:var(--muted)}.stack{display:grid;gap:14px}.password{position:relative}.password button{position:absolute;right:8px;bottom:8px;border-radius:9px;padding:7px;background:#edf1fb;color:#284477}.note{font-size:.86rem;color:var(--muted);margin:0}.session{padding:11px 14px;background:#eff5ff;border-radius:13px;color:#24477d;font-weight:650}.line-items{margin-top:16px;display:grid;gap:8px}.line-item{background:#f8faff;border:1px solid #dce5f6;padding:12px;border-radius:12px;display:flex;justify-content:space-between;gap:12px}.badge{display:inline-block;background:#eaf0ff;color:#264d9d;border-radius:99px;padding:4px 9px;font-weight:750;font-size:.78rem}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(90px);background:#172541;color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 8px 30px #0004;transition:.25s;z-index:30;max-width:min(90vw,520px)}#toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:720px){.topbar{padding:16px 18px}.brand img{width:46px;height:46px}.nav{padding-inline:10px}.page{padding:18px 14px 32px}.hero{padding:21px;border-radius:20px}.hero-mark{font-size:3rem}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.panel{padding:18px;border-radius:17px}.form-grid,.cards{grid-template-columns:1fr}.full{grid-column:auto}.panel-head{align-items:flex-start;flex-direction:column}.topbar .brand b{font-size:1.1rem}}