:root{--bg:#f7fff9;--card:#fff;--text:#102015;--muted:#647067;--primary:#16a34a;--primary-dark:#15803d;--primary-soft:#16a34a1f;--border:#d7eadc;--danger:#dc2626;--shadow:0 18px 50px #00000014;--radius:24px}[data-theme=dark]{--bg:#07140f;--card:#0f241a;--text:#ecfdf5;--muted:#a7b8ad;--primary:#22c55e;--primary-dark:#16a34a;--primary-soft:#22c55e24;--border:#234433;--danger:#f87171;--shadow:0 18px 50px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,Arial,sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:3px solid var(--primary-soft);outline-offset:3px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:min(1150px,92%);margin:0 auto;padding:32px 0}.navbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:18px;width:min(1150px,92%);min-height:72px;margin:0 auto;display:flex}.logo{color:var(--primary);letter-spacing:-.03em;font-size:1.35rem;font-weight:900}.nav-links{align-items:center;gap:18px;display:flex}.nav-links a,.nav-links button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-weight:600;transition:color .2s}.nav-links a:hover,.nav-links button:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active{font-weight:800}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:24px}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 12px 28px #16a34a38}.btn-primary:hover{box-shadow:0 16px 34px #16a34a4d}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:24px;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--primary);transform:translateY(-2px)}.grid{gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero{gap:24px;padding:70px 0;display:grid}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:1}.hero p{color:var(--muted);max-width:680px;font-size:1.1rem;line-height:1.7}.input,.textarea,.select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:14px;margin-top:6px;padding:13px 15px;transition:border-color .2s,box-shadow .2s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:none}.textarea{resize:vertical;min-height:120px}.form{gap:16px;display:grid}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:800;display:inline-flex}.table-wrap{border:1px solid var(--border);border-radius:18px;overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);text-align:left;padding:14px}th{color:var(--muted);font-size:.9rem}tr:last-child td{border-bottom:none}.product-img{background:linear-gradient(135deg, var(--primary), #064e3b);object-fit:cover;border-radius:18px;width:100%;height:160px}.actions{flex-wrap:wrap;gap:12px;display:flex}.error{color:var(--danger)}.success{color:var(--primary)}@media (width<=760px){.main-content{padding:24px 0}.nav-inner{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px 0}.nav-links{flex-wrap:wrap;gap:12px}.hero{padding:48px 0}.card{padding:20px}}