:root{--bg: #f4f7fb;--surface: #ffffff;--text: #1e293b;--muted: #64748b;--brand: #0f766e;--brand-2: #0b4f48;--danger: #b91c1c;--line: #dbe3ee;--shadow: 0 10px 25px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 0% 0%,#e2f6f2,transparent 30%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:.9rem 1.2rem;background:#fffffff2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;cursor:pointer}.nav{display:flex;gap:.4rem;flex-wrap:wrap}.nav-btn,button,.action{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:.45rem .8rem;cursor:pointer}.nav-btn:hover,button:hover,.action:hover{border-color:var(--brand)}.auth{display:flex;align-items:center;gap:.5rem}.page{padding:1.2rem;max-width:1200px;margin:0 auto}.hero{position:relative;border-radius:16px;overflow:hidden;margin-bottom:1.3rem;box-shadow:var(--shadow)}.hero-bg{width:100%;height:320px;object-fit:cover;display:block;filter:saturate(1.2)}.hero-copy{position:absolute;left:1.2rem;bottom:1.2rem;color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.35)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.8rem}.card img{width:100%;height:140px;object-fit:cover;border-radius:10px}.card.small img{height:90px}.card.product{cursor:pointer}.detail-card{display:grid;grid-template-columns:300px 1fr;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1rem}.detail-card img{width:100%;height:260px;object-fit:cover;border-radius:12px}.inline-actions,.form-inline,.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}.chip{border-radius:999px}.chip.active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,white)}.pager{display:flex;align-items:center;gap:.6rem;margin:.4rem 0 .8rem}.pager span{color:var(--muted)}.add-card{border-style:dashed;display:grid;place-items:center;text-align:center;min-height:235px}.add-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;font-weight:700;background:color-mix(in srgb,var(--brand) 18%,white);color:var(--brand-2)}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:30}.modal-shell[hidden]{display:none!important}.modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:.9rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.modal-form{display:grid;gap:.6rem}.danger{color:var(--danger);border-color:#fecaca;background:#fff1f2}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:.55rem .65rem;border-bottom:1px solid var(--line);text-align:left}.table tbody tr:hover{background:#f8fafc}.table tbody tr.selected{background:#dcfce7}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;background:#fff}.upload-form{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:.8rem}.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth-page{max-width:500px;margin:1rem auto}.hint{color:var(--muted)}pre{max-height:320px;overflow:auto;background:#0f172a;color:#e2e8f0;border-radius:12px;padding:.8rem}@media (max-width: 900px){.topbar,.detail-card,.order-layout{grid-template-columns:1fr}.page{padding:.8rem}}