*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f4f5f7;font-family:-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit;font-size:14px}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.landing h1{font-size:44px}.landing h1 span{color:#25d366}.landing p{color:#4b5563;max-width:420px}.landing-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:600;display:inline-block}.btn-primary{color:#fff;background:#25d366}.btn-dark{color:#fff;background:#1a1a2e}.btn-outline{color:#1a1a2e;background:0 0;border:2px solid #1a1a2e}.auth{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 10px 30px #00000014}.card .back{text-align:center;color:#6b7280;font-size:13px}.error{color:#dc2626;font-size:13px}.link-btn{color:#059669;cursor:pointer;background:0 0;border:none;padding:4px;font-weight:600}.divider{color:#9ca3af;align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.btn-google{color:#3c4043;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:10px;display:flex}.btn-google:hover{background:#f8f9fa}label{color:#374151;margin-bottom:4px;font-size:13px;display:block}input,textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px}input:focus,textarea:focus{border-color:#0000;outline:2px solid #25d366}.field{margin-bottom:12px}.color-row{gap:12px;display:flex}.color-row .field{flex:1}input[type=color]{cursor:pointer;height:42px;padding:2px}.admin{min-height:100vh;display:flex}.admin-editor{background:#fff;border-right:1px solid #e5e7eb;flex:1;max-width:520px;padding:28px;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-header h1{font-size:24px}.logo{color:#25d366}.admin-user{color:#6b7280;align-items:center;gap:10px;font-size:14px;display:flex}.admin-user button{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:8px 14px}.admin-user button:hover{background:#e5e7eb}.section-title{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:24px 0 12px;font-size:14px}.link-row{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:10px 12px;display:flex}.link-info{flex-direction:column;min-width:0;display:flex}.link-info span{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.icon-btns{gap:4px;display:flex}.icon-btns button{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;width:28px;height:28px}.icon-btns button:hover{background:#e5e7eb}.icon-btns .danger:hover{color:#dc2626;background:#fee2e2}.add-form{grid-template-columns:1fr 1.4fr auto;gap:8px;margin-top:12px;display:grid}.btn-sm{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:8px;padding:10px 14px;font-weight:600}.public-url{color:#6b7280;margin-top:24px;font-size:13px}.save-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-weight:600}.save-btn:hover{background:#2d2d4a}.save-btn:disabled{opacity:.7;cursor:default}.public-url a{color:#059669;font-weight:600}.admin-preview{flex:1;justify-content:center;align-items:center;padding:32px 16px;display:flex}.phone{border:10px solid #111;border-radius:36px;flex-direction:column;width:340px;height:640px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026}.public-profile{text-align:center;flex-direction:column;flex:1;align-items:center;padding:48px 24px;display:flex;overflow-y:auto}.avatar{object-fit:cover;background:#fff;border:3px solid #ffffffe6;border-radius:50%;width:88px;height:88px}.public-profile h3{margin:14px 0 4px;font-size:20px}.public-profile .bio{color:#374151;margin:0 0 20px;font-size:13px}.link-buttons{flex-direction:column;gap:12px;width:100%;display:flex}.link-buttons a{color:#fff;border-radius:12px;padding:14px;font-weight:600;transition:transform .15s;display:block;box-shadow:0 2px 6px #0000001f}.link-buttons a:hover{transform:scale(1.03)}.empty{color:#9ca3af;font-size:13px}.public-full{flex-direction:column;min-height:100vh;display:flex}.page-center{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.page-center a{color:#059669;font-weight:600}@media (width<=800px){.admin{flex-direction:column-reverse}.admin-editor{border-top:1px solid #e5e7eb;border-right:none;max-width:none}.phone{width:300px;height:560px}}