:root{--color-bg-dark-1:#0f172a;--color-bg-dark-2:#1e1b4b;--color-bg-dark-3:#312e81;--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-accent:#f5a524;--color-accent-light:#fbc86c;--color-accent-dark:#d68910;--color-page-bg:#f8fafc;--color-surface:#fff;--color-surface-tint:#f1f5f9;--color-border:#e2e8f0;--color-text:#1e293b;--color-text-muted:#64748b;--color-map-visited:#6366f1;--color-map-visited-hover:#4f46e5;--color-map-visited-active:#4338ca;--color-map-unvisited:#e2e8f0;--color-map-unvisited-hover:#cbd5e1;--color-map-stroke:#fff;--shadow-sm:0 2px 8px #0f172a14;--shadow-md:0 8px 24px #0f172a1a;--shadow-lg:0 24px 60px -12px #0f172a2e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f8fafc;background:var(--color-page-bg);color:#1e293b;color:var(--color-text);font-family:Poppins,sans-serif}.app,body{min-height:100vh}.dark-gradient-bg{background:linear-gradient(160deg,#0f172a,#1e1b4b 45%,#312e81);background:linear-gradient(160deg,var(--color-bg-dark-1) 0,var(--color-bg-dark-2) 45%,var(--color-bg-dark-3) 100%);overflow:hidden;position:relative}.dark-gradient-bg:after,.dark-gradient-bg:before{border-radius:50%;content:"";filter:blur(60px);pointer-events:none;position:absolute}.dark-gradient-bg:before{background:#6366f159;height:420px;right:-100px;top:-160px;width:420px}.dark-gradient-bg:after{background:#f5a5242e;bottom:-140px;height:320px;left:-80px;width:320px}.hero{padding:56px 24px 44px}.hero-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 40px;max-width:1100px;position:relative;z-index:1}.hero-title{align-items:center;color:#fff;display:flex;font-size:clamp(2.1rem,5vw,3.15rem);font-weight:800;gap:14px;letter-spacing:-.02em;margin-bottom:10px}.hero-icon{color:#f5a524;color:var(--color-accent);flex-shrink:0;transform:rotate(-8deg)}.hero-subtitle{color:#ffffffb8;font-size:1.15rem;font-weight:300}.logout-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .25s ease}.logout-button:hover{background:#ffffff2e;border-color:#fff6;transform:translateY(-1px)}.stats-bar{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff29;border-radius:20px;box-shadow:0 20px 50px #00000059,inset 0 1px 0 #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:880px;padding:28px 24px;position:relative;z-index:1}.stat-card{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:140px;text-align:center}.stat-card-goal{min-width:190px}.stat-divider{align-self:stretch;background:#ffffff29;margin:2px 0;width:1px}.stat-number{font-feature-settings:"tnum";background:linear-gradient(135deg,#fff,#fbc86c);background:linear-gradient(135deg,#fff,var(--color-accent-light));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.6rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;line-height:1}.stat-label{color:#fff9;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.stat-progress{background:#ffffff29;border-radius:999px;height:6px;margin-top:6px;overflow:hidden;width:100%}.stat-progress-fill{background:linear-gradient(90deg,#d68910,#f5a524);background:linear-gradient(90deg,var(--color-accent-dark),var(--color-accent));border-radius:999px;height:100%;transition:width 1.1s cubic-bezier(.4,0,.2,1)}.hero-transition{background:linear-gradient(180deg,#312e81,#f8fafc);background:linear-gradient(to bottom,var(--color-bg-dark-3),var(--color-page-bg));height:72px}main{margin:0 auto;max-width:1200px;padding:0 24px 64px}.map-container{background:linear-gradient(180deg,#fff,#f1f5f9);background:linear-gradient(180deg,#fff,var(--color-surface-tint));border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:24px;box-shadow:0 24px 60px -12px #0f172a2e;box-shadow:var(--shadow-lg);margin:-56px auto 48px;padding:40px;position:relative}.map-wrapper{border-radius:16px;height:600px;overflow:hidden;position:relative;width:100%}.us-map-wrapper{height:500px;position:relative;width:100%}.map-zoom-controls{display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;top:12px;z-index:20}.map-zoom-button{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 2px 8px #0f172a14;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--color-text);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .2s ease;width:34px}.map-zoom-button:hover{background:#6366f1;background:var(--color-primary);border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 6px 16px #6366f159;color:#fff;transform:translateY(-1px)}.dog-icon{align-items:center;background:linear-gradient(135deg,#f5a524,#d68910);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border:none;border-radius:50%;bottom:20px;box-shadow:0 8px 20px #f5a52466;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;right:20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;width:52px;z-index:10}.dog-icon:hover{box-shadow:0 12px 28px #f5a52480;transform:scale(1.12) rotate(-6deg)}.back-button{align-items:center;background:#6366f1;background:var(--color-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .2s ease}.back-button:hover{background:#4f46e5;background:var(--color-primary-dark);box-shadow:0 8px 20px #6366f14d;transform:translateX(-2px)}.gallery-section{margin-top:8px}.gallery-header{margin-bottom:32px;text-align:center}.gallery-header h2{color:#1e293b;color:var(--color-text);font-size:1.85rem;font-weight:700;letter-spacing:-.01em}.gallery-header p{color:#64748b;color:var(--color-text-muted);margin-top:6px}.gallery-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.trip-card{all:unset;background:#fff;background:var(--color-surface);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 2px 8px #0f172a14;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.trip-card:hover{box-shadow:0 20px 40px #0f172a29;transform:translateY(-6px)}.trip-card:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary);outline-offset:2px}.trip-card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#e0e7ff,#f5f3ff);overflow:hidden;position:relative}.trip-card-image img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.trip-card:hover .trip-card-image img{transform:scale(1.06)}.trip-card-placeholder{align-items:center;color:#818cf8;color:var(--color-primary-light);display:flex;height:100%;justify-content:center;width:100%}.trip-card-overlay{background:linear-gradient(0deg,#0f172a8c,#0000 55%);inset:0;position:absolute}.trip-card-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;border-radius:999px;bottom:10px;color:#fff;font-size:.7rem;font-weight:600;left:12px;letter-spacing:.03em;padding:4px 10px;position:absolute}.trip-card-body{padding:14px 16px 16px;text-align:left}.trip-card-location{align-items:center;color:#1e293b;color:var(--color-text);display:flex;font-size:1rem;font-weight:700;gap:6px}.trip-card-location svg{color:#d68910;color:var(--color-accent-dark);flex-shrink:0}.trip-card-date{font-size:.8rem;gap:6px;margin-top:6px}.gallery-empty,.trip-card-date{align-items:center;color:#64748b;color:var(--color-text-muted);display:flex}.gallery-empty{background:#fff;background:var(--color-surface);border:1px dashed #e2e8f0;border:1px dashed var(--color-border);border-radius:20px;flex-direction:column;gap:12px;padding:60px 20px;text-align:center}.gallery-empty svg{color:#818cf8;color:var(--color-primary-light)}.photo-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.photo-modal-content{background:#fff;border-radius:20px;max-height:90%;max-width:90%;overflow-y:auto;padding:32px;position:relative}.photo-modal h2{align-items:center;color:#1e293b;color:var(--color-text);display:flex;font-size:1.85rem;font-weight:700;gap:10px;justify-content:center;margin-bottom:20px;text-align:center}.photo-modal h2 svg{color:#d68910;color:var(--color-accent-dark)}.upload-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.upload-button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.upload-button:hover:not(:disabled){box-shadow:0 8px 20px #6366f159;transform:translateY(-1px)}.upload-button:disabled{cursor:not-allowed;opacity:.6}.upload-status{align-items:center;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px}.upload-status-success{color:#16a34a}.upload-status-error{color:#dc2626}.photo-modal-subtitle{color:#64748b;color:var(--color-text-muted);margin-bottom:20px;text-align:center}.photo-grid{column-count:4;column-gap:10px;margin-top:20px}.photo-item{border-radius:10px;box-shadow:0 2px 8px #0000001a;break-inside:avoid;margin-bottom:10px;overflow:hidden;page-break-inside:avoid;transition:transform .25s ease,box-shadow .25s ease}.photo-item:hover{box-shadow:0 10px 28px #0f172a2e;transform:translateY(-3px)}.photo-item img{display:block;height:auto;width:100%}@media (max-width:1200px){.photo-grid{column-count:3}}@media (max-width:768px){.photo-grid{column-count:2}}@media (max-width:480px){.photo-grid{column-count:1}}.close-button{align-items:center;background:#f1f5f9;background:var(--color-surface-tint);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:50%;color:#1e293b;color:var(--color-text);cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:38px}.close-button:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.photo-modal-empty{color:#64748b;color:var(--color-text-muted);padding:40px;text-align:center}.photo-modal-empty-hint{font-size:.9rem;margin-top:10px}.loading{color:#6366f1;color:var(--color-primary);font-size:1.2rem;padding:40px;text-align:center}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-radius:22px;box-shadow:0 30px 70px #0006;max-width:400px;padding:44px 40px;position:relative;text-align:center;width:100%;z-index:1}.login-card h1{color:#1e293b;color:var(--color-text);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.login-card p{color:#64748b;color:var(--color-text-muted);margin-bottom:30px}.form-group{margin-bottom:20px}.form-group input{border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:10px;font-family:inherit;font-size:1rem;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126;outline:none}.login-card button{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;padding:14px;transition:all .2s ease;width:100%}.login-card button:hover:not(:disabled){box-shadow:0 10px 24px #6366f159;transform:translateY(-1px)}.login-card button:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#dc262614;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:15px;padding:10px}.test-credentials{background:#6366f114;border-radius:10px;color:#6366f1;color:var(--color-primary);font-size:.9rem;padding:15px}@media (max-width:768px){.hero-content{flex-direction:column;gap:20px}.stats-bar{gap:18px;padding:22px 16px}.stat-divider{display:none}.stat-number{font-size:2.1rem}.map-container{border-radius:18px;margin:-40px auto 40px;padding:20px}.map-wrapper{height:400px}.login-card{padding:32px 22px}}
/*# sourceMappingURL=main.6a301495.css.map*/