:root{--bg-start:#f5f1e8;--bg-middle:#fffaf1;--bg-end:#edf3e8;--text-default:#111827;--text-muted:#6b7280;--text-heading:#111827;--ink:#111827;--ink-strong:#020617;--surface:#fff;--surface-alt:#f8fafc;--surface-elevated:#ffffffeb;--surface-glass:#ffffffe0;--input-surface:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--primary:#e0801a;--primary-strong:#b96310;--primary-soft:#fda1482e;--success:#2c4523;--success-dark:#334738;--danger:#dc2626;--danger-text:#991b1b;--danger-soft:#fee2e2;--danger-border:#fecaca;--success-soft:#2c45231f;--success-text:#2c4523;--success-border:#2c452347;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-xs:6px;--radius-sm:8px;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--nav-height:64px;--content-max:1180px;--shadow-card:0 10px 30px #0f172a0f;--shadow-panel:0 20px 50px #0f172a14;--shadow-button:0 16px 32px #0f172a29;--shadow:var(--shadow-panel);--radius:var(--radius-md)}:root[data-theme=dark]{--bg-start:#162412;--bg-middle:#23361c;--bg-end:#2c4523;--text-default:#e5edf3;--text-muted:#9caebf;--text-heading:#f8fafc;--ink:#e5edf3;--ink-strong:#fff;--surface:#1d2f18;--surface-alt:#263d20;--surface-elevated:#1d2f18f0;--surface-glass:#2c4523e6;--input-surface:#172512;--border:#fda14838;--border-strong:#fda14857;--primary:#fda148;--primary-strong:#ffc079;--primary-soft:#fda14833;--success:#fda148;--success-dark:#ffc079;--danger:#f87171;--danger-text:#fecaca;--danger-soft:#7f1d1d70;--danger-border:#f8717161;--success-soft:#fda14824;--success-text:#ffe2bf;--success-border:#fda14852;--shadow-card:0 10px 30px #00000047;--shadow-panel:0 20px 50px #00000052;--shadow-button:0 16px 32px #0000004d}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:linear-gradient(180deg, var(--bg-start) 0%, var(--bg-middle) 50%, var(--bg-end) 100%);color:var(--text-default);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background .2s,color .2s}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:1rem;display:flex}.auth-card{background:var(--surface-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;max-width:440px;box-shadow:var(--shadow);border:1px solid var(--border);border-radius:8px;padding:1.75rem}.auth-title{text-align:center;background:linear-gradient(90deg, var(--success), var(--primary));color:#0000;-webkit-background-clip:text;margin-bottom:1.2rem;font-size:2.1rem;font-weight:900}.auth-form{gap:1rem;width:100%;display:grid}.auth-error{background:var(--danger-soft);color:var(--danger-text);border-radius:1rem;padding:.85rem}.btn{border-radius:1rem;justify-content:center;align-items:center;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;width:100%;padding:.85rem 1.15rem;box-shadow:0 18px 35px #e0801a2e}.btn-primary:hover{background:var(--primary-strong)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.auth-toggle{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-left:.25rem;font-weight:700}.auth-note{text-align:center;margin-top:1rem;font-size:.95rem}.dashboard-page{max-width:1120px;margin:0 auto;padding:3rem 1rem}.dashboard-hero{text-align:center;margin-bottom:3rem}.dashboard-title{letter-spacing:-.04em;margin-bottom:1rem;font-size:3rem;font-weight:800}.dashboard-description{color:var(--text-muted);max-width:42rem;margin:0 auto;font-size:1.125rem}.dashboard-panel{border-radius:2rem;margin-bottom:3rem;overflow:hidden;box-shadow:0 30px 70px #0f172a1f}.dashboard-panel__content{color:#fff;background:linear-gradient(135deg,#2c4523,#334738,#fda148);justify-content:center;align-items:center;min-height:24rem;font-size:2.5rem;font-weight:800;display:flex}.dashboard-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-card{background:var(--surface);border:1px solid #10b98126;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 50px #0f172a14}.dashboard-card__title{color:#166534;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.dashboard-card__text{color:var(--text-muted)}.social-page{max-width:1080px;margin:0 auto;padding:2.5rem 1rem}.social-heading{color:var(--text-heading);margin-bottom:2rem;font-size:2.5rem;font-weight:800}.social-section{margin-bottom:2.5rem}.social-section__title{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.social-search-input{border:1px solid var(--border-strong);width:100%;color:var(--text-default);border-radius:1.5rem;padding:1.1rem 1.25rem;font-size:1rem}.social-search-input:focus{outline:none;box-shadow:0 0 0 3px #10b9812e}.social-results{border:1px solid var(--border);background:#fff;border-radius:1.5rem;margin-top:1rem;box-shadow:0 10px 30px #0f172a0d}.social-result-item,.social-card{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.social-result-item+.social-result-item,.social-card+.social-card{border-top:1px solid var(--border)}.social-user{align-items:center;gap:1rem;display:flex}.social-avatar{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:3rem;height:3rem}.social-user-name{font-weight:700}.social-user-meta{color:var(--text-muted);font-size:.95rem}.social-button{color:#fff;border-radius:1.25rem;padding:.75rem 1.25rem;font-weight:700;transition:background .2s,opacity .2s}.social-button--primary{background:var(--success)}.social-button--primary:hover{background:#15803d}.social-button--secondary{color:#b45309;background:#fef3c7}.social-button--secondary:hover{background:#fde047}.social-button--danger{color:#b91c1c;background:#fef2f2}.social-button--danger:hover{background:#fee2e2}.social-status{color:var(--success);font-weight:700}.social-card{border:1px solid var(--border);background:#fff;border-radius:1.5rem;box-shadow:0 15px 40px #0f172a0f}.social-card--stack{flex-wrap:wrap}.social-card__actions{flex-wrap:wrap;gap:1rem;display:flex}.social-card__summary{align-items:center;gap:1rem;display:flex}.profile-page{max-width:720px;margin:0 auto;padding:2.5rem 1rem}.profile-heading{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.profile-subtitle{color:var(--text-muted);margin-bottom:2rem}.profile-message{border-radius:1.5rem;margin-bottom:2rem;padding:1rem;font-size:.95rem;font-weight:600}.profile-message--success{color:#166534;background:#d1fae5;border:1px solid #a7f3d0}.profile-message--error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.profile-form{gap:2rem;display:grid}.profile-picture{flex-direction:column;align-items:center;display:flex}.profile-picture__wrapper{width:8rem;height:8rem;margin-bottom:1rem;position:relative}.profile-avatar{-o-object-fit:cover;object-fit:cover;border:4px solid #fff;border-radius:9999px;width:100%;height:100%;box-shadow:0 20px 40px #0f172a1f}.profile-avatar-button{cursor:pointer;background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 14px 28px #0f172a1f}.profile-avatar-button:hover{background:#f3f4f6}.profile-avatar-icon{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:1rem;height:1rem;box-shadow:0 10px 20px #0f172a1f}.profile-section{background:var(--surface-alt);border:1px solid var(--border);border-radius:2rem;padding:1.5rem}.profile-field{gap:.75rem;display:grid}.profile-label{color:#374151;font-size:.95rem;font-weight:600;display:block}.profile-input{border:1px solid var(--border-strong);border-radius:1.5rem;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:box-shadow .2s,border-color .2s}.profile-input:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #10b9812e}.profile-note{color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.profile-section__title{margin-bottom:1.25rem;font-size:1.125rem;font-weight:700}.profile-required{color:var(--danger)}.social-card-list{gap:1rem;display:grid}.social-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (width>=768px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.social-page__loading{text-align:center;color:var(--text-muted);padding:5rem 1rem}.profile-submit{color:#fff;background:linear-gradient(135deg,#16a34a,#0f766e);border-radius:1.5rem;width:100%;padding:1rem 1.25rem;font-weight:700;transition:opacity .2s;box-shadow:0 20px 40px #0f172a24}.profile-submit:hover{opacity:.95}.profile-submit:disabled{opacity:.7;cursor:not-allowed}.profile-empty{min-height:calc(100vh - 64px);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.map-page-root{width:100%;height:calc(100vh - 64px)}.map-root{width:100%;height:100%;position:relative}.map-loading-bg{background:#f5f2e9;width:100%;height:100%}.map-toolbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);background:#fffffff2;border-radius:1.5rem;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 24px 48px #0f172a14}.map-search-input{border:1px solid var(--border-strong);color:var(--text-default);background:0 0;border-radius:1rem;flex:1;padding:.75rem 1rem}.map-search-input::placeholder{color:#9ca3af}.map-search-input:focus{outline:none;box-shadow:0 0 0 3px #e0801a29}.map-search-button{color:var(--primary);background:0 0;border-radius:1rem;padding:.75rem 1rem;font-weight:700}.map-search-button:hover{background:var(--primary-soft)}.map-search-button:disabled{opacity:.6;cursor:not-allowed}.layer-control{z-index:10;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.layer-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-radius:1rem;width:18rem;padding:.75rem;box-shadow:0 20px 40px #0f172a14}.layer-option{color:var(--text-default);cursor:pointer;border-radius:.95rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:background .2s;display:flex}.layer-option:hover{background:#f8fafc}.layer-option input{width:1rem;height:1rem;accent-color:var(--success)}.layer-toggle-button{border:1px solid var(--border);color:var(--text-default);background:#fffffff2;border-radius:1rem;padding:.75rem 1rem;font-size:.95rem;font-weight:700;box-shadow:0 20px 40px #0f172a14}.layer-toggle-button:hover{background:#f8fafc}.input-container{width:100%}.input-label{color:#374151;margin-bottom:.5rem;font-weight:700;display:block}.input-field{border:1px solid var(--border-strong);background:#fff;border-radius:1rem;width:100%;padding:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #e0801a29}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:linear-gradient(180deg, var(--bg-start), var(--bg-middle), var(--bg-end));flex-direction:column;min-height:100vh;transition:background .2s;display:flex}.app-main{flex:1 0 auto;min-height:calc(100vh - 64px)}.navbar{z-index:40;background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-panel);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar__container{justify-content:space-between;align-items:center;gap:1rem;width:100%;height:64px;margin:0 auto;padding:0 1rem;display:flex}.navbar__brand{align-items:center;gap:.75rem;min-width:0;display:flex}.navbar__logo{background:#2c4523;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 10px 24px #0f172a24}.navbar__logo-image{-o-object-fit:cover;object-fit:cover;width:40px;height:40px}.navbar__title{letter-spacing:0;color:var(--text-heading);white-space:nowrap;font-size:1.75rem;font-weight:700}.navbar__title span{color:var(--success)}.navbar__links{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;display:flex}.navbar__link,.navbar__link-icon,.navbar__login,.navbar__signout{border-radius:.75rem;justify-content:center;align-items:center;min-height:2.55rem;transition:background .2s,color .2s,transform .2s;display:inline-flex}.navbar__link{color:var(--primary);white-space:nowrap;gap:.45rem;padding:0 1rem;font-weight:600;position:relative}.navbar__link:hover,.navbar__link--active{background:var(--primary-soft);color:var(--primary-strong)}.navbar__link-icon{color:var(--text-muted);padding:.75rem}.navbar__link-icon:hover,.navbar__signout:hover{background:var(--surface-alt);color:var(--text-heading)}.navbar__icon-image{-o-object-fit:cover;object-fit:cover;border-radius:9999px;width:1.5rem;height:1.5rem;box-shadow:0 10px 20px #0f172a1f}:root[data-theme=dark] .navbar__icon-image{filter:brightness(0)invert()}.navbar__signout{color:var(--danger-text);background:var(--danger-soft);border:1px solid var(--danger-border);gap:.5rem;padding:.75rem 1rem;font-weight:700;box-shadow:0 12px 30px #dc262614}.navbar__signout:hover{background:var(--danger-border);color:var(--danger-text);transform:translateY(-1px)}.navbar__signout-icon{width:1.6rem;height:1.6rem}.navbar__mobile-icon{width:1.3rem;height:1.3rem;display:none}.navbar__notification{background:var(--danger);color:#fff;min-width:1.15rem;height:1.15rem;box-shadow:0 0 0 2px var(--surface);border-radius:999px;justify-content:center;align-items:center;padding:0 .3rem;font-size:.68rem;font-weight:900;line-height:1;display:inline-flex}.navbar__signout-label{letter-spacing:.01em;display:inline-block}.navbar__login{color:#fff;background:linear-gradient(135deg, var(--primary), #fda148);min-width:5.75rem;padding:0 1rem;font-size:1rem;font-weight:700;box-shadow:0 18px 35px #e0801a2e}.navbar__login:hover{transform:translateY(-2px)}@media (width<=720px){.navbar__container{gap:.5rem;height:56px;padding:0 .6rem}.navbar__logo,.navbar__logo-image{width:34px;height:34px}.navbar__brand{gap:.45rem}.navbar__title{font-size:1.1rem}.navbar__links{gap:.35rem}.navbar__link,.navbar__link-icon,.navbar__signout{border-radius:8px;width:2.45rem;height:2.45rem;padding:0}.navbar__public-link{width:4.6rem;padding:0 .75rem;font-size:.9rem}.navbar__link-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar__mobile-icon{display:block}.navbar__notification{min-width:.9rem;height:.9rem;padding:0 .2rem;font-size:.58rem;position:absolute;top:.25rem;right:.25rem}.navbar__icon-image{width:1.3rem;height:1.3rem}.navbar__signout{box-shadow:none}.navbar__signout-icon{width:1.35rem;height:1.35rem}.navbar__login{width:4.6rem;min-width:0;height:2.4rem;box-shadow:none;border-radius:8px;padding:0 .85rem;font-size:.9rem}}@media (width<=390px){.navbar__title{font-size:.98rem}.navbar__link,.navbar__link-icon,.navbar__signout{width:2.25rem;height:2.25rem}.navbar__public-link{width:4.1rem;padding:0 .6rem}.navbar__login{width:4.1rem;padding:0 .7rem}}.footer{background:var(--surface-glass);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-shrink:0}.footer__container{width:min(var(--content-max), 100% - 2rem);justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;margin:0 auto;display:flex}.footer__brand{color:var(--text-heading);margin:0;font-weight:900}.footer__links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem 1rem;display:flex}.footer__links a{color:var(--text-muted);font-size:.92rem;font-weight:800;transition:color .2s}.footer__links a:hover{color:var(--primary-strong)}@media (width<=620px){.footer__container{width:min(100% - 1rem, var(--content-max));flex-direction:column;align-items:flex-start;min-height:auto;padding:1rem 0}.footer__links{justify-content:flex-start}}.loading-indicator{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;display:flex}.loading-indicator__spinner{border:4px solid #e0801a2e;border-bottom-color:var(--primary);border-radius:9999px;width:8rem;height:8rem;animation:1s linear infinite spin}.loading-indicator__text{margin-top:1rem;font-size:1.125rem}