*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7f8;color:#1d2939;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:#087e7b;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(1.9rem,4vw,3.3rem);margin:.6rem 0 1rem}h2{font-size:1.5rem}h3{font-size:1.12rem}img{max-width:100%}:root{--accent:#16a6a1;--button:#087e7b}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;padding:.8rem 1.15rem;background:var(--button);color:#fff;border:0;border-radius:12px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;line-height:1.3}.button:hover{text-decoration:none;filter:brightness(.95)}.secondary{background:#e9f2f2;color:#145b59;border:1px solid #d0e3e2}.danger{background:#ffe9e8;color:#9c2720}.small{font-size:.85rem;padding:.5rem .75rem}label{display:block;font-size:.9rem;font-weight:600;margin:.5rem 0 1rem}input,textarea,select{display:block;width:100%;border:1px solid #d2dbdf;border-radius:10px;padding:.8rem;background:#fff;color:#1d2939;font:inherit;margin-top:.35rem}input[type=color]{height:48px;padding:.3rem}textarea{resize:vertical}.check{display:flex;align-items:center;gap:.65rem}.check input{width:auto;margin:0}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:1rem 4vw;background:#fff;border-bottom:1px solid #e2e8eb}.brand{font-size:1.25rem;font-weight:800;letter-spacing:-.045em;color:#123e48}.brand span{color:#16a6a1}.nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.nav form,.actions form{margin:0}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto}aside{padding:1.5rem .8rem;border-right:1px solid #e2e8eb}aside a{display:block;padding:.65rem 1rem;border-radius:9px;font-size:.94rem}aside a:hover{background:#e8f3f2;text-decoration:none}.main{padding:2rem clamp(1rem,3vw,3rem);min-width:0}.card{background:#fff;border:1px solid #e0e8ea;border-radius:20px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 16px #17384505}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.grid .card{margin:0}.actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.muted{color:#657781}.eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.4rem}.alert{border-radius:12px;padding:1rem;margin:1rem 0}.error{background:#ffeded;color:#9c2720}.success{background:#def6eb;color:#176342}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #e0e8ea;border-radius:16px;margin:1rem 0}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;padding:1rem;border-bottom:1px solid #edf1f2;vertical-align:middle}th{background:#f9fbfb}.metric{display:block;font-size:2.4rem}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#1f626e,#102735);padding:1rem}.login-card{background:white;border-radius:24px;padding:2.4rem;max-width:480px;width:100%;box-shadow:0 30px 80px #0003}.login-card h1{font-size:2rem}.login-card button{width:100%}.thumb{height:130px;width:100%;object-fit:contain}.qr{margin:1rem 0;min-height:180px}.qr img{background:#fff;padding:10px}.profile-page{background:var(--profile-bg);color:var(--profile-ink)}.profile-shell{max-width:960px;margin:2rem auto;padding:0 1rem}.profile-hero{background:#fff;border:1px solid #e0e8ea;border-radius:24px;overflow:hidden}.cover{height:240px;background:linear-gradient(130deg,#0e3544,var(--accent))}.cover img{width:100%;height:100%;object-fit:cover}.identity{text-align:center;padding:0 1.8rem 2rem}.avatar{width:120px;height:120px;margin:-60px auto 1rem;border:6px solid #fff;position:relative;border-radius:28px;background:#eef6f7;overflow:hidden;display:grid;place-items:center;font-size:3rem;color:var(--accent)}.avatar img{height:100%;width:100%;object-fit:contain}.identity h1{font-size:2.4rem}.centered{justify-content:center}.tagline{font-size:1.15rem}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.2rem 0}.link-grid a{justify-content:space-between}.product-card,.business-card{background:#fff;border:1px solid #e0e8ea;border-radius:16px;overflow:hidden}.product-card>img{height:220px;object-fit:contain;width:100%;background:#f4f7f8}.product-content{padding:1.2rem}.product-content h3{margin:.5rem 0}.product-content .button{margin-top:1rem}.badge{background:#e0f5f0;color:#14705a;padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:700}.photo-strip{display:flex;gap:.3rem;padding:.5rem;overflow-x:auto}.photo-choice{background:transparent;border:1px solid #e0e8ea;padding:0;border-radius:6px;flex:0 0 55px}.photo-choice img{height:45px;object-fit:contain}.catalog-grid{margin-top:1rem}.profile-footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#657781;margin:2rem 0}.preview-note{background:#fff3cd;text-align:center;padding:.8rem}.directory,.landing{max-width:1200px;margin:3rem auto;padding:0 1.5rem}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:2fr 1fr 1fr}.business-cover{width:100%;height:200px;object-fit:cover;background:#eef3f5}.business-title{display:flex;gap:.7rem;align-items:center}.business-title img{height:48px;width:48px;object-fit:contain;border:1px solid #e0e8ea;border-radius:9px}.business-title h2{font-size:1.25rem}.landing-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:4rem;align-items:center;padding:3rem 0 5rem}.landing-hero h1{font-size:clamp(2.5rem,5vw,4.5rem)}.landing-hero h1 span{color:#16a6a1}.lead{font-size:1.15rem;color:#657781;max-width:560px}.mock-card{background:#fff;border:1px solid #d9e7e8;border-radius:24px;overflow:hidden;text-align:center;box-shadow:0 25px 70px #174f5b18;max-width:370px}.mock-cover{height:110px;background:linear-gradient(120deg,#143f52,#16a6a1)}.mock-avatar{font-size:2rem;width:70px;height:70px;border-radius:20px;position:relative;margin:-35px auto 0;background:#fff;border:4px solid #eaf7f6;display:grid;place-items:center;color:#16a6a1}.mock-button{margin:1.2rem;background:#087e7b;color:#fff;padding:.7rem;border-radius:10px}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem}.mock-grid>div{padding:.8rem;background:#eef6f6;border-radius:9px;font-size:.85rem}.site-footer{padding:2rem;text-align:center;color:#657781}[hidden]{display:none!important}details{margin:.7rem 0}summary{cursor:pointer;color:#087e7b}.product-content ul{padding-left:1.2rem}
@media(max-width:900px){.directory-grid{grid-template-columns:repeat(2,1fr)}.landing-hero{gap:2rem}.workspace{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:650px){.workspace{display:block}aside{display:flex;gap:.2rem;overflow:auto;border-right:0;border-bottom:1px solid #e2e8eb;padding:.6rem}aside a{white-space:nowrap;padding:.5rem}.main{padding:1rem}.top{padding:.8rem 1rem;align-items:flex-start}.nav{font-size:.8rem;gap:.7rem}.grid,.filters,.directory-grid,.link-grid,.landing-hero{grid-template-columns:1fr}.profile-shell{margin:1rem auto}.cover{height:170px}.identity h1{font-size:2rem}.card{padding:1.2rem}.landing-hero{padding:1rem 0 3rem}.mock-card{width:100%;margin:auto}.profile-footer{display:grid;text-align:center}}

.profile-page .profile-hero,.profile-page .card,.profile-page .product-card{background:var(--card-bg,#fff)}.profile-page .button:not(.secondary){color:var(--button-ink,#fff)}