:root{--ease: cubic-bezier(.16, 1, .3, 1);--bg: #12110e;--surface: #1a1915;--surface-2: #211f1a;--border: #2c2a23;--text: #ece7dd;--muted: #a39d90;--accent: #ed6a2b;--accent-soft: rgba(237, 106, 43, .14);--good: #7fc98a;--danger: #e07a68;--radius: 10px;font-family:Poppins,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:0 clamp(16px,4vw,40px);height:62px;border-bottom:1px solid var(--border);background:#12110eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;letter-spacing:-.02em;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:#141310}.topbar-spacer{flex:1}.topbar-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13.5px;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease)}.topbar-button:hover{background:var(--surface-2);border-color:#3a382e}.topbar-button:active{transform:scale(.97)}.badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--accent);color:#141310;font-size:11px;font-weight:700}.hero{padding:clamp(28px,6vw,56px) clamp(16px,4vw,40px) 10px;max-width:1180px;margin:0 auto;width:100%}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);letter-spacing:.04em;text-transform:lowercase}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good)}.hero h1{margin:10px 0 6px;font-family:Space Grotesk,sans-serif;font-size:clamp(26px,5vw,40px);line-height:1.08;letter-spacing:-.03em}.hero p{margin:0;color:var(--muted);font-size:14.5px;max-width:520px}.browser{max-width:1180px;margin:18px auto 0;padding:0 clamp(16px,4vw,40px);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.search-field{position:relative;flex:1;min-width:220px}.search-field svg{position:absolute;left:12px;top:50%;translate:0 -50%;color:var(--muted)}.search-field input{width:100%;min-height:44px;padding:0 12px 0 38px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:14px;outline:none;transition:border-color .15s var(--ease)}.search-field input:focus{border-color:var(--accent)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip-filter{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:13px;cursor:pointer;transition:all .15s var(--ease)}.chip-filter.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:22px clamp(16px,4vw,40px) 80px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden;cursor:pointer;text-align:left;padding:0;transition:transform .2s var(--ease),border-color .2s var(--ease);animation:rise .45s var(--ease) both}.card:hover{transform:translateY(-3px);border-color:#3a382e}.card:active{transform:scale(.985)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.card-image{aspect-ratio:4 / 3;width:100%;object-fit:cover;background:var(--surface-2)}.card-body{display:flex;flex-direction:column;gap:8px;padding:13px 14px 15px}.card-category{font-size:11.5px;color:var(--muted);letter-spacing:.05em;text-transform:lowercase}.card-name{font-size:14.5px;font-weight:600;line-height:1.35}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.card-price{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.01em}.stock-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--good)}.stock-chip svg{flex:none}.empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:70px 20px;text-align:center;color:var(--muted)}.empty svg{color:var(--border)}.empty strong{color:var(--text);font-size:16px}.empty p{margin:0;font-size:13.5px;max-width:380px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0907b3;animation:fade .2s var(--ease) both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{position:fixed;z-index:61;top:0;right:0;bottom:0;left:0;margin:auto;width:min(880px,calc(100vw - 24px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);animation:pop .28s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.modal-grid{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 680px){.modal-grid{grid-template-columns:1fr}}.modal-image{width:100%;height:100%;min-height:240px;max-height:420px;object-fit:cover;background:var(--surface-2)}.modal-info{padding:22px;display:flex;flex-direction:column;gap:13px}.modal-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#12110ecc;color:var(--text);cursor:pointer;transition:background .15s var(--ease)}.modal-close:hover{background:var(--surface-2)}.modal-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.02em;padding-right:34px}.modal-price{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--accent)}.modal-desc{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.modal-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.modal-meta span{border:1px solid var(--border);border-radius:999px;padding:4px 10px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--muted)}.field input,.field textarea{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:14px;outline:none;transition:border-color .15s var(--ease)}.field textarea{resize:vertical;min-height:66px}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 420px){.field-row{grid-template-columns:1fr}}.qty{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-2)}.qty button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;cursor:pointer;color:var(--text);transition:background .12s var(--ease)}.qty button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty input{width:52px;height:44px;text-align:center;border:0;background:transparent;font-weight:600;outline:none;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:var(--radius);background:var(--accent);color:#141310;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s var(--ease),filter .15s var(--ease)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.drawer{position:fixed;z-index:61;top:0;right:0;bottom:0;width:min(430px,100vw);border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;animation:slide .3s var(--ease) both}@keyframes slide{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-head strong{font-size:15px}.drawer-body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.thread-row{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;text-align:left;border-left:3px solid var(--border);transition:border-color .15s var(--ease)}.thread-row:hover{border-color:#3a382e}.thread-row.unread{border-left-color:var(--accent)}.thread-top{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600}.thread-bottom{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.thread-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;background:var(--accent);color:#141310;border-radius:999px;font-size:11px;font-weight:700}.msg{max-width:82%;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.45;animation:rise .25s var(--ease) both;white-space:pre-wrap;word-break:break-word}.msg.client{align-self:flex-end;background:var(--accent);color:#141310;border-bottom-right-radius:4px}.msg.admin{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.sistem{align-self:center;background:transparent;border:1px dashed var(--border);color:var(--muted);font-size:12px;text-align:center}.msg-meta{font-size:10.5px;opacity:.65;margin-top:3px}.offer-tag{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:999px;background:#0000002e;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12.5px}.msg.admin .offer-tag{background:var(--accent-soft);color:var(--accent)}.status-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--border);color:var(--muted)}.status-pill.acceptat{border-color:#7fc98a66;color:var(--good)}.status-pill.oferta{border-color:#ed6a2b66;color:var(--accent)}.composer{border-top:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}.composer-row{display:flex;gap:8px}.composer input[type=text],.composer textarea{flex:1;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:13.5px;outline:none}.composer input:focus,.composer textarea:focus{border-color:var(--accent)}.composer input.offer{max-width:130px}.send-button{width:46px;height:46px;flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius);background:var(--accent);color:#141310;cursor:pointer;transition:transform .15s var(--ease),filter .15s var(--ease)}.send-button:hover:not(:disabled){filter:brightness(1.08)}.send-button:active:not(:disabled){transform:scale(.94)}.send-button:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;bottom:18px;left:50%;translate:-50% 0;z-index:90;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);font-size:13.5px;animation:rise .25s var(--ease) both}.toast.success{border-color:#7fc98a66}.toast.warning{border-color:#e07a6866}.footer{border-top:1px solid var(--border);padding:18px clamp(16px,4vw,40px);text-align:center;color:var(--muted);font-size:12.5px}.spinner{width:26px;height:26px;margin:60px auto;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-card{border-radius:14px;overflow:hidden;border:1px solid var(--border)}.skeleton-card .sk{background:linear-gradient(100deg,var(--surface) 40%,var(--surface-2) 50%,var(--surface) 60%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.sk.img{aspect-ratio:4/3}.sk.line{height:13px;border-radius:6px;margin:10px 14px}.sk.line.short{width:45%}.buy-box{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.buy-box p{margin:0;font-size:13px;color:var(--muted)}.buy-box small{color:var(--muted);font-size:11.5px;line-height:1.4}.call-button{text-decoration:none;font-family:Space Grotesk,sans-serif;font-size:18px;letter-spacing:.01em}