
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#243832;background:#f7f9f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .15s}button:hover{background:#eaf2ee}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #67b39a;outline-offset:4px}a{text-decoration:none;color:inherit}svg{flex-shrink:0}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3a9b72;margin-right:7px}.app{display:flex;min-height:100vh}.sidebar{width:242px;background:white;border-right:1px solid #e4ebe7;padding:32px 20px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:11px;align-items:center;font-size:23px;font-weight:750;padding:0 10px;letter-spacing:-.9px}.brand-icon{background:#197255;color:white;border-radius:12px;display:grid;place-items:center;width:43px;height:43px}.brand-light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2.4px;color:#7d8d86;font-weight:600;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#88968d;margin:51px 13px 15px}.nav{display:flex;width:100%;align-items:center;gap:12px;padding:14px 13px;text-align:left;font-size:13px;font-weight:600;border-radius:9px;margin-bottom:7px;color:#6c7c74}.nav.active{color:#176349;background:#eaf4ee}.nav>svg:last-child:not(:first-child){margin-left:auto}.count{margin-left:auto;background:#f1f4f2;border-radius:5px;padding:2px 7px;font-size:11px}.side-note{margin-top:auto;padding:23px 15px;border-radius:12px;background:#f5f8f5}.side-note>svg{color:#748e7d;margin-bottom:13px}.side-note strong{display:block;font-size:13px}.side-note p{font-size:12px;line-height:1.8;color:#7b897f;margin:8px 0 0}.side-footer{font-size:11px;color:#65786e;margin:24px 10px 0}.side-footer small{display:block;font-size:9px;color:#89998d;margin-top:8px}main{margin-left:242px;width:calc(100% - 242px)}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#ffffffba;border-bottom:1px solid #e6ece8}header>div{display:flex;align-items:center;gap:12px;font-size:12px;color:#819087}header strong{color:#53665a;font-weight:500}.header-badge{font-size:10px;font-weight:650;letter-spacing:1px;border:1px solid #e0e9e2;border-radius:6px;padding:7px 10px}.content{max-width:1390px;margin:auto;padding:43px 44px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#6e8879;margin-bottom:12px}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.2;margin:0 0 12px;font-weight:650}.heading p{font-size:13px;color:#728277;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border:1px solid #dce6df;border-radius:8px;background:white;font-size:12px;font-weight:600;white-space:nowrap;min-height:44px}.button.primary{background:#196c50;color:white;border-color:#196c50;box-shadow:0 3px 5px #174b3410}.button.primary:hover{background:#12563f}.search-panel{padding:19px 20px 15px;display:grid;grid-template-columns:auto 1fr;gap:12px;background:white;border:1px solid #dfe8e1;border-radius:13px;box-shadow:0 3px 5px #143a2910;margin-bottom:25px}.scan-main{min-height:57px;padding:15px 24px;font-size:14px}.search{display:flex;align-items:center;gap:13px;border:1px solid #d4e1d7;border-radius:8px;padding:0 12px 0 16px;min-height:57px;color:#63816d;background:#fcfefc}.search:focus-within{box-shadow:0 0 0 3px #e6f1e9;border-color:#6d9d84}.search input{flex:1;min-width:0;width:100%;outline:none;border:0;background:transparent;color:#234637;font-size:14px}.search input::placeholder{color:#84958a}.search button{display:grid;place-items:center;padding:7px;border-radius:5px}.search-help{display:flex;justify-content:space-between;grid-column:1/-1;font-size:10px;color:#829383;padding:1px 2px}.search-help>span:first-child{color:#62816d}.consult-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.result-card{border:1px solid #dee7e0;border-radius:14px;background:white;min-height:354px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center}.empty-scanner{background:#f1f6f1;border:1px solid #e3ebe3;border-radius:23px;color:#629274;display:grid;place-items:center;width:103px;height:98px;margin-bottom:24px}.result-card h2{font-size:21px;font-weight:600;letter-spacing:-.6px;margin:0 0 10px}.result-card>p{font-size:12px;color:#788a7c;line-height:1.8;max-width:325px;margin:0}.empty-tags{display:flex;align-items:center;gap:13px;font-size:10px;color:#718a77;margin-top:25px}.empty-tags span{background:#f5f8f4;border-radius:5px;padding:7px 10px}.guide{background:#eaf1e7;border:1px solid #e0e9da;border-radius:14px;padding:27px 24px}.guide .eyebrow{color:#748868;margin-bottom:11px}.guide h2{font-size:23px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:0 0 25px;color:#405c3e}.step{display:flex;gap:12px;margin-top:19px}.step b{background:#dce9d6;border:1px solid #d3e2ca;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:11px;color:#6c8661;flex-shrink:0}.step strong{font-size:12px;font-weight:600;color:#4a6446}.step p{font-size:11px;line-height:1.7;color:#718568;margin:4px 0 0}.guide-bottom{border-top:1px solid #d8e3d2;margin-top:23px;padding-top:17px;display:flex;gap:12px;align-items:center;color:#788e6b}.guide-bottom p{font-size:10px;line-height:1.8;margin:0}.guide-bottom strong{font-weight:500;color:#54704b}.recent,.catalog{margin-top:29px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-head h2{font-size:14px;font-weight:600;margin:0}.section-head h2 span{font-size:10px;color:#839183;background:#e9efea;padding:3px 7px;border-radius:4px;margin-left:8px}.section-head>span{font-size:10px;color:#85968a}.recent-empty{border:1px dashed #d7e2d9;border-radius:10px;padding:25px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;color:#829788;font-size:12px}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recent-item{border:1px solid #dfe7e0;border-radius:10px;background:white;display:flex;align-items:center;text-align:left;gap:12px;padding:16px;font-size:12px}.recent-item strong{display:block;margin-top:4px;color:#216747}.recent-item>svg{margin-left:auto;color:#9aa69e}.found{padding:22px 26px 0}.result-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:9px;color:#438061;letter-spacing:.6px;margin-bottom:13px}.result-top span:first-child{display:flex;align-items:center;gap:5px}.result-top span:last-child{background:#f1f5ed;padding:5px 9px;border-radius:4px}.product-symbol{color:#86a48d;margin:4px 0 11px}.result-card .barcode{font-family:monospace;font-size:11px;letter-spacing:1.5px}.price{font-size:64px;font-weight:700;letter-spacing:-3px;color:#186646;line-height:1.25;margin-top:6px}.price-caption{font-size:9px;letter-spacing:1.6px;color:#81947f;margin-bottom:22px}.result-foot{border-top:1px solid #edf1eb;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:9px;color:#7a907d;margin-top:auto;gap:10px}.result-foot span,.result-foot button{display:flex;align-items:center;gap:5px}.result-foot button{color:#357856}.table-wrap{overflow:auto;border:1px solid #e0e7e1;border-radius:10px;background:white}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:1px;color:#819581;background:#f1f5f0;padding:15px 18px;font-weight:600}td{padding:16px 18px;border-top:1px solid #edf0ec;font-size:12px}.product-name{display:flex;align-items:center;gap:12px;font-weight:600;text-align:left}.product-mini{display:grid;place-items:center;background:#eef4ed;color:#7f9c82;border-radius:8px;width:35px;height:35px;flex-shrink:0}.mono{font-family:monospace;font-size:11px;color:#829482}.category{font-size:10px;color:#71876f;background:#f2f6ef;border-radius:5px;padding:5px 8px}.table-price{font-weight:700;color:#286949}.actions{display:flex;gap:10px;color:#7b927e}.actions button{padding:7px;border-radius:5px}.text-button{display:flex;gap:7px;align-items:center;color:#688b73;font-size:11px}.catalog-empty{background:white;border:1px solid #e2e9e1;border-radius:12px;text-align:center;padding:35px;color:#7f987f}.catalog-empty>svg{margin:auto}.catalog-empty h3{font-size:17px;color:#46674e}.catalog-empty p{font-size:12px;margin-bottom:20px}footer{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #e3eae3;color:#839486;font-size:9px}.message{padding:13px 16px;font-size:12px;line-height:1.6;border-radius:8px;margin:12px 0;display:flex;align-items:center;justify-content:space-between}.error{background:#fff0e8;color:#974a2c;border:1px solid #f3d6c7}.success{background:#e6f3e9;color:#316940}.loading{color:#638c6c;font-size:12px}.overlay{position:fixed;inset:0;background:#1d362f65;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.dialog{background:white;border-radius:16px;padding:30px;width:490px;max-width:100%;max-height:95vh;overflow:auto;box-shadow:0 20px 80px #0a251e30}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{font-size:23px;letter-spacing:-.7px;margin:0}.dialog>p{color:#768d7a;font-size:12px;line-height:1.6;margin:10px 0 24px}.dialog label{display:block;font-size:12px;font-weight:600;margin:17px 0;color:#59745f}.dialog input{display:block;width:100%;padding:12px;border:1px solid #d9e4da;border-radius:7px;margin-top:7px;outline:none;font-size:14px;color:#284a35}.dialog input:focus{border-color:#45865d;box-shadow:0 0 0 3px #e9f3e8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e8eee6;margin-top:22px;padding-top:20px}.code-input{display:flex;gap:9px;align-items:center}.code-input button{padding:12px;background:#edf5ec;border-radius:8px;margin-top:7px}.camera-overlay{z-index:30}.viewfinder{position:relative;margin-top:20px;background:#10251b;border-radius:12px;overflow:hidden;min-height:230px}.viewfinder video{width:100%;display:block}.viewfinder>div{position:absolute;inset:28% 8%;border:2px solid #a2e0a5;border-radius:8px;box-shadow:0 0 0 80px #001b0920;pointer-events:none}
@media(min-width:1450px){.content{padding-top:55px}.consult-grid{grid-template-columns:minmax(0,1fr) 310px}.result-card{min-height:390px}.guide{padding:32px}.heading{margin-bottom:36px}}
@media(max-width:1100px){.sidebar{width:205px;padding-left:13px;padding-right:13px}main{margin-left:205px;width:calc(100% - 205px)}.content{padding:30px 25px}header{padding:0 25px}.consult-grid{grid-template-columns:1fr}.guide{display:none}.heading{align-items:flex-start}.heading .button{font-size:11px;padding:10px}.heading p{max-width:360px;line-height:1.7}.search-help span:last-child{display:none}.scan-main{font-size:12px;padding:13px}}
@media(max-width:700px){.app{display:block}.sidebar{position:static;width:100%;padding:17px 20px 10px;border-right:0;border-bottom:1px solid #e3ebe2}.brand{font-size:21px;padding:0}.brand-icon{width:38px;height:38px}.sidebar nav{display:flex;gap:10px;margin-top:20px}.nav{margin:0;padding:11px;font-size:12px}.nav-label,.side-note,.side-footer{display:none}main{margin:0;width:100%}header{height:48px;padding:0 20px}header>div{font-size:10px}.header-badge{font-size:8px}.content{padding:26px 18px 18px}.heading{display:block;margin-bottom:23px}h1{font-size:31px}.heading .button{margin-top:18px}.eyebrow{font-size:8px}.heading p{font-size:12px}.search-panel{padding:13px;gap:11px;grid-template-columns:1fr}.scan-main{min-height:54px;font-size:15px}.search{padding-left:10px;gap:8px;min-height:49px}.search>svg{width:21px}.search input{font-size:13px}.search-help{font-size:10px}.result-card{min-height:305px;padding:24px 18px}.result-card h2{font-size:20px}.price{font-size:58px}.result-foot{gap:8px;font-size:8px}.recent-grid{grid-template-columns:1fr}.recent-empty{padding:23px 12px;font-size:10px}.recent{margin-top:25px}footer{gap:13px;font-size:8px;line-height:1.7}footer>span:last-child{max-width:110px;text-align:right}.dialog{padding:23px}.form-row{grid-template-columns:1fr;gap:0}}

.brand-title{font-size:19px;line-height:1.2;letter-spacing:-.5px;font-weight:650}.brand-icon{flex-shrink:0}@media(max-width:700px){.brand-title{font-size:21px}}

.admin-access{margin-top:auto;padding-top:30px;display:grid;gap:10px}.admin-access>span{font-size:11px;color:#63836d}.installer{padding:32px 18px;display:flex;justify-content:center}.installer .dialog{max-height:none;width:560px}.installer h1{font-size:28px}.installer h2{font-size:18px;margin-top:28px}button,input{box-sizing:border-box}.dialog button{touch-action:manipulation}@media(max-width:700px){.admin-access{padding-top:14px}.admin-access .button{min-height:36px;padding:8px;font-size:11px}}