@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";:root{--bg:#f7f7fb;--bg-2:#fff;--text:#12121a;--text-muted:#6b7280;--text-light:#9ca3af;--accent:#4f46e5;--accent-2:#7c3aed;--accent-hover:#4338ca;--accent-light:#4f46e514;--accent-glow:#4f46e52e;--border:#e8e8f0;--success:#16a34a;--danger:#ef4444;--font:"Inter", sans-serif;--radius:16px;--radius-sm:10px;--transition:all .25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:800;line-height:1.2}.pw-gate{background:var(--bg);z-index:9999;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pw-card{background:var(--bg-2);border:1px solid var(--border);text-align:center;border-radius:24px;width:100%;max-width:420px;padding:3rem 2.5rem;box-shadow:0 8px 40px #4f46e51a}.pw-logo{letter-spacing:-1.5px;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.pw-icon{margin-bottom:1.25rem;font-size:2.5rem}.pw-card h2{margin-bottom:.5rem;font-size:1.5rem}.pw-card p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.pw-input-wrap{margin-bottom:.75rem;position:relative}.pw-input-wrap input{border:1.5px solid var(--border);width:100%;font-family:var(--font);color:var(--text);background:var(--bg);transition:var(--transition);border-radius:999px;outline:none;padding:.9rem 3rem .9rem 1.25rem;font-size:1rem}.pw-input-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light)}.pw-eye{cursor:pointer;color:var(--text-muted);transition:var(--transition);background:0 0;border:none;font-size:1.1rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.pw-eye:hover{color:var(--text)}.pw-error{min-height:1.4rem;color:var(--danger);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.pw-btn{width:100%;padding:.9rem;font-size:1rem}.pw-back{color:var(--text-muted);transition:var(--transition);margin-top:1.25rem;font-size:.875rem;display:inline-block}.pw-back:hover{color:var(--accent)}.admin-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#ffffffe6;justify-content:space-between;align-items:center;height:68px;padding:0 3rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000000a}.admin-logo{letter-spacing:-1px;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.admin-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--accent-light);color:var(--accent);border:1px solid #4f46e533;border-radius:999px;padding:.2rem .65rem;font-size:.7rem;font-weight:700}.back-link{color:var(--text-muted);transition:var(--transition);font-size:.9rem;font-weight:600}.back-link:hover{color:var(--accent)}.btn-logout{border:1.5px solid var(--border);background:var(--bg);color:var(--text-muted);font-family:var(--font);cursor:pointer;transition:var(--transition);border-radius:999px;padding:.5rem 1.1rem;font-size:.875rem;font-weight:600}.btn-logout:hover{border-color:var(--danger);color:var(--danger);background:#ef44440f}.admin-layout{grid-template-columns:400px 1fr;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;padding:2.5rem 3rem;display:grid}.form-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;position:sticky;top:80px;box-shadow:0 2px 12px #0000000a}.form-panel h2{border-bottom:1px solid var(--border);margin-bottom:1.75rem;padding-bottom:1rem;font-size:1.3rem}.form-group{margin-bottom:1.25rem}.form-group label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.form-group input,.form-group textarea{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font);transition:var(--transition);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);background:var(--bg-2)}.form-group textarea{resize:vertical;min-height:80px}.img-preview-container{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg);justify-content:center;align-items:center;height:160px;margin-top:.5rem;display:flex;overflow:hidden}.img-preview-container img{object-fit:cover;width:100%;height:100%;display:none}.img-placeholder{color:var(--text-light);flex-direction:column;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.img-placeholder span{font-size:2rem}.file-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition);color:var(--text-muted);padding:1.25rem;font-size:.875rem}.file-drop-zone:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.file-drop-zone input{display:none}.btn{font-family:var(--font);cursor:pointer;transition:var(--transition);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{border:1.5px solid var(--border);color:var(--text-muted);background:0 0;margin-top:.5rem}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.toast{background:var(--text);color:#fff;z-index:9999;pointer-events:none;border-radius:999px;padding:.85rem 2rem;font-size:.95rem;font-weight:600;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 8px 24px #00000026}.toast.show{transform:translate(-50%)translateY(0)}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}.products-panel h2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.3rem;display:flex}.product-count{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.admin-product-list{flex-direction:column;gap:.75rem;display:flex}.admin-product-card{background:var(--bg-2);border:1px solid var(--border);transition:var(--transition);border-radius:14px;align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 4px #0000000a}.admin-product-card:hover{border-color:#4f46e540;box-shadow:0 4px 20px #4f46e514}.admin-product-card img{object-fit:cover;border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-shrink:0;width:76px;height:76px}.admin-product-info{flex-grow:1;min-width:0}.admin-product-name{margin-bottom:.2rem;font-size:1rem;font-weight:700}.admin-product-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.75rem;font-weight:600}.admin-product-price{color:var(--accent);font-size:1rem;font-weight:800}.admin-product-desc{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:.25rem;font-size:.82rem;display:-webkit-box;overflow:hidden}.card-actions{flex-shrink:0;gap:.5rem;display:flex}.btn-edit,.btn-delete{cursor:pointer;transition:var(--transition);font-size:.82rem;font-weight:700;font-family:var(--font);border:1.5px solid;border-radius:8px;padding:.45rem 1rem}.btn-edit{background:var(--accent-light);color:var(--accent);border-color:#4f46e533}.btn-edit:hover{background:var(--accent);color:#fff}.btn-delete{color:var(--danger);background:#ef44440f;border-color:#ef444433}.btn-delete:hover{background:var(--danger);color:#fff}.empty-state{text-align:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:var(--radius);padding:4rem 2rem}.empty-state .icon{margin-bottom:.75rem;font-size:2.5rem;display:block}@media (width<=900px){.admin-layout{grid-template-columns:1fr;padding:1.5rem}.form-panel{position:static}.admin-header{padding:0 1.5rem}}.admin-tabs{border-bottom:2px solid var(--border);background:var(--bg-2);gap:.5rem;padding:0 2rem;display:flex}.admin-tab{font-family:var(--font);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s;display:flex}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tab:hover{color:var(--text)}.admin-msg-badge{color:#fff;background:#ef4444;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.admin-messages-panel{grid-template-columns:300px 1fr;height:calc(100vh - 130px);display:grid}.admin-chat-list{border-right:1px solid var(--border);background:var(--bg-2);overflow-y:auto}.admin-chat-item{border-bottom:1px solid var(--border);cursor:pointer;padding:1rem 1.25rem;transition:background .15s}.admin-chat-item:hover{background:var(--accent-light)}.admin-chat-item.active{background:var(--accent-light);border-left:3px solid var(--accent)}.admin-chat-name{font-size:.95rem;font-weight:700}.admin-chat-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.8rem;overflow:hidden}.admin-chat-unread{color:#fff;background:#ef4444;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.admin-chat-empty{text-align:center;color:var(--text-muted);padding:2rem}.admin-chat-thread{background:var(--bg);flex-direction:column;display:flex}.admin-chat-placeholder{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.admin-thread-header{border-bottom:1px solid var(--border);background:var(--bg-2);padding:1rem 1.5rem;font-size:1rem;font-weight:700}.admin-thread-messages{flex-direction:column;flex:1;gap:.65rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.admin-thread-input{border-top:1px solid var(--border);background:var(--bg-2);align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.admin-thread-input input{border:1.5px solid var(--border);font-family:var(--font);background:var(--bg);border-radius:999px;outline:none;flex:1;padding:.7rem 1.1rem;font-size:.9rem;transition:border-color .2s}.admin-thread-input input:focus{border-color:var(--accent)}@media (width<=700px){.admin-messages-panel{grid-template-columns:1fr}.admin-chat-list{height:200px}}.admin-orders-panel{padding:2rem}.admin-orders-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-orders-toolbar h2{font-size:1.3rem}.orders-filter-select{border:1.5px solid var(--border);font-family:var(--font);background:var(--bg-2);cursor:pointer;border-radius:999px;outline:none;padding:.55rem 1rem;font-size:.9rem}.orders-filter-select:focus{border-color:var(--accent)}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:start;gap:1rem;padding:1.5rem;transition:box-shadow .2s;display:grid}.order-card:hover{box-shadow:0 4px 16px #00000012}.order-id-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.order-id-val{color:var(--accent);font-size:.95rem;font-weight:700}.order-customer{color:var(--text-muted);margin:.5rem 0;font-size:.9rem}.order-customer strong{color:var(--text)}.order-items-list{color:var(--text-muted);margin:.5rem 0;font-size:.85rem}.order-total{color:var(--text);margin-top:.5rem;font-size:1.1rem;font-weight:800}.order-status-col{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.order-status-badge{text-transform:capitalize;border-radius:999px;padding:.3rem .9rem;font-size:.8rem;font-weight:700}.status-pending{color:#a16207;background:#eab3081f}.status-confirmed{color:var(--accent);background:#4f46e51a}.status-delivered{color:var(--success);background:#16a34a1a}.status-cancelled{color:#dc2626;background:#ef44441a}.order-status-select{border:1.5px solid var(--border);font-family:var(--font);background:var(--bg);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .75rem;font-size:.85rem}.order-status-select:focus{border-color:var(--accent)}.order-date{color:var(--text-light);margin-top:.25rem;font-size:.78rem}.order-actions-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.btn-wa{color:#fff;background:#25d366;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.btn-wa:hover{opacity:.9;transform:translateY(-1px)}.btn-call{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-flex}.btn-call:hover{border-color:var(--accent);color:var(--accent)}.telegram-banner{background:linear-gradient(135deg,#229ed914,#4f46e514);border:1px solid #229ed940;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.telegram-banner-left{align-items:center;gap:.75rem;display:flex}.telegram-banner-icon{font-size:1.5rem}.telegram-banner-title{color:var(--text);font-size:.9rem;font-weight:700}.telegram-banner-desc{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.btn-tg-test{color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font);background:#229ed9;border:none;border-radius:8px;padding:.45rem .9rem;transition:opacity .2s}.btn-tg-test:hover{opacity:.9}
