:root{--bg: #f7f8fa;--surface: #ffffff;--text: #0f172a;--muted: #6b7280;--accent: #0b5cff;--card-border: rgba(15,23,42,.06);--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-size:15px}.app{max-width:1100px;margin:18px auto;padding:16px}.nav{display:flex;align-items:center;gap:10px;background:var(--surface);padding:10px;border-radius:12px;border:1px solid var(--card-border);box-shadow:0 6px 18px #02061708;flex-wrap:wrap}.nav-left,.nav-right{display:flex;gap:8px;align-items:center}.nav-spacer{flex:1 1 auto;min-width:8px}.btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.06);background:var(--surface);color:var(--text);cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0206170f}.btn.primary,.bg-blue-600{background:linear-gradient(180deg,#2563eb,#1e40af);color:#fff;border:none}.small{font-size:.92rem;color:var(--muted)}.nav-greeting{margin-right:6px}.search-row{display:flex;gap:8px;align-items:center}.search-row .input{flex:1 1 auto;min-width:0}.search-btn{white-space:nowrap}.input,input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.08);background:#fff;font-size:15px;color:var(--text)}.input[readonly],.input[disabled]{background:#fafafa;opacity:.95}.label{display:block;margin-bottom:6px;font-size:13px;color:#374151;font-weight:600}.card{border:1px solid var(--card-border);padding:14px;border-radius:12px;margin:12px 0;background:var(--surface);box-shadow:0 6px 18px #02061708}.form{border:1px solid rgba(15,23,42,.04);padding:12px;border-radius:10px;background:#fff}.product-img{width:100%;max-width:160px;max-height:160px;height:auto;object-fit:cover;border-radius:8px;display:block}.short-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;max-height:calc(1.35em * 3)}.product-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.action-btn{padding:8px 10px}.responsive-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 720px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}.sensor-area>div{margin-bottom:6px}.p-4{padding:16px!important}.flex{display:flex!important}.mb-3{margin-bottom:12px!important}.msg{padding:10px;border-radius:8px;margin:10px 0}.msg.success{background:#eafaf0;border:1px solid #56b26f;color:#064e3b}.msg.error{background:#fff0f0;border:1px solid #d9534f;color:#4b0b0b}@media (max-width: 640px){.nav{padding:8px;gap:6px}.nav-btn{padding:7px 9px;font-size:14px}.app{padding:10px}.product-img{max-width:140px;max-height:140px}.product-actions{flex-direction:column;align-items:stretch}.search-row{gap:6px}.search-btn{padding:8px 10px}}:focus{outline:none}.btn:focus,.input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px #0b5cff1f;border-color:var(--accent)}.row{margin-bottom:12px}.product-details-grid{display:flex;flex-direction:column;gap:18px;align-items:stretch}.product-details-main{order:0}.product-details-aside{order:1}@media (min-width: 900px){.product-details-grid{flex-direction:column}.product-details-aside{order:-1;align-self:center;max-width:760px;width:100%}.product-details-main{order:0}}.product-side-image{display:flex;justify-content:center;align-items:center}.product-side-img{max-width:640px;width:auto;max-height:420px;height:auto;object-fit:cover;border-radius:10px;display:block}.product-details-aside+.product-details-main,.product-details-main+.product-details-aside{margin-top:12px}.avatar{display:inline-flex;align-items:center;gap:8px}