@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Playfair+Display:wght@400;500;600;700&display=swap);:root{--color-bg:#fafaf7;--color-bg-alt:#f2f0eb;--color-surface:#fff;--color-surface-hover:#f7f6f3;--color-border:#e5e2db;--color-border-light:#edebe6;--color-text:#1a1a18;--color-text-secondary:#6b6860;--color-text-muted:#9c988e;--color-primary:#2d5a3d;--color-primary-hover:#1f4a2e;--color-primary-light:#e8f0eb;--color-primary-text:#fff;--color-accent:#c4943a;--color-accent-light:#fdf6e9;--color-danger:#c0392b;--color-danger-light:#fdecea;--color-success:#27ae60;--color-success-light:#e8f8ef;--color-warning:#e67e22;--color-warning-light:#fef5e7;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Playfair Display",Georgia,serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 12px #0000000f,0 2px 4px #0000000a;--shadow-lg:0 12px 40px #00000014,0 4px 12px #0000000a;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fafaf7;background-color:var(--color-bg);color:#1a1a18;color:var(--color-text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);line-height:1.6}a{color:#2d5a3d;color:var(--color-primary);text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body)}img{max-width:100%}.btn{align-items:center;border:none;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-sm);justify-content:center;letter-spacing:.01em;padding:.625rem 1.25rem;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#a93226}.btn-ghost{background:#0000;color:var(--color-text-secondary);padding:.5rem .75rem}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--color-text)}.btn-sm{font-size:var(--text-xs);padding:.375rem .75rem}.btn-lg{font-size:var(--text-base);padding:.75rem 1.75rem}.btn-icon{border-radius:var(--radius-sm);height:36px;padding:0;width:36px}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.form-label .optional{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:400}.form-input,.form-select,.form-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);outline:none;padding:.625rem .875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:80px;resize:vertical}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.card-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:500;gap:4px;padding:2px 10px}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-neutral{background:var(--color-bg-alt);color:var(--color-text-secondary)}.table-container{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid var(--color-border-light);font-size:var(--text-sm);padding:.75rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-surface-hover)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;padding:var(--space-md);position:fixed;z-index:1000}.modal{animation:slideUp .3s ease;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-2xl);width:100%}.modal-header{margin-bottom:var(--space-xl)}.modal-title{font-size:var(--text-2xl)}.modal-footer{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.contact-admin-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f14128c;display:flex;inset:0;justify-content:center;padding:var(--space-md);position:fixed;z-index:9999}.contact-admin-card{animation:cardIn .25s cubic-bezier(.32,.72,.16,1);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:420px;padding:var(--space-xl);position:relative;text-align:center;width:100%}.contact-admin-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-alt);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:var(--space-sm);top:var(--space-sm);width:32px}.contact-admin-icon{font-size:2.25rem;margin-bottom:var(--space-md)}.contact-admin-card h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-sm)}.contact-admin-card p{color:var(--color-text-muted);line-height:1.55;margin-bottom:var(--space-xl)}.contact-admin-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-admin-actions .btn{justify-content:center;width:100%}.usage-pill{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-md);padding:4px 12px}.app-layout{display:flex;min-height:100vh}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-light);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform var(--transition-base);width:260px;z-index:100}.sidebar-brand{border-bottom:1px solid var(--color-border-light);padding:var(--space-xl) var(--space-lg)}.sidebar-brand h1{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.sidebar-brand span{color:var(--color-text-muted);display:block;font-size:var(--text-xs);margin-top:2px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:var(--space-md)}.sidebar-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);font-weight:450;gap:var(--space-sm);padding:.625rem .875rem;text-decoration:none;transition:all var(--transition-fast)}.sidebar-link:hover{background:var(--color-bg-alt);color:var(--color-text)}.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:550}.sidebar-link svg{flex-shrink:0;height:18px;width:18px}.sidebar-footer{border-top:1px solid var(--color-border-light);flex-direction:column;padding:var(--space-md) var(--space-lg)}.sidebar-footer,.sidebar-user{display:flex;gap:var(--space-sm)}.sidebar-user{align-items:center;padding:var(--space-sm)}.sidebar-user-avatar{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:34px;justify-content:center;width:34px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:var(--color-text-muted);font-size:var(--text-xs)}.impersonation-banner{align-items:center;background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:var(--text-xs);gap:var(--space-sm);justify-content:space-between;margin:var(--space-sm) var(--space-md) 0;padding:var(--space-sm) var(--space-md)}.impersonation-banner button{background:var(--color-warning);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:500;padding:2px 10px}.lang-toggle{background:var(--color-bg-alt);border-radius:var(--radius-full);display:flex;padding:2px}.lang-toggle button{background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;padding:4px 14px;transition:all var(--transition-fast)}.lang-toggle button.active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text)}.main-content{flex:1 1;margin-left:260px;min-height:100vh;padding:var(--space-2xl)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-2xl)}.page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em}.mobile-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);display:none;height:56px;justify-content:space-between;left:0;padding:0 var(--space-md);position:fixed;right:0;top:0;z-index:99}.hamburger{align-items:center;background:#0000;border:none;display:flex;font-size:1.25rem;height:36px;justify-content:center;width:36px}.sidebar-overlay{background:#0000004d;display:none;inset:0;position:fixed;z-index:99}@media (max-width:768px){.mobile-header{display:flex}.sidebar{transform:translateX(-100%);z-index:200}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0;padding:var(--space-lg);padding-top:calc(56px + var(--space-lg))}.page-title{font-size:var(--text-2xl)}}.login-page{align-items:center;background:var(--color-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-lg);position:relative}.login-page:before{background:radial-gradient(circle,var(--color-primary-light) 0,#0000 70%);border-radius:50%;content:"";height:600px;opacity:.5;position:absolute;right:-20%;top:-40%;width:600px}.login-card{animation:slideUp .5s ease;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-3xl);position:relative;width:100%;z-index:1}.login-brand{margin-bottom:var(--space-2xl);text-align:center}.login-brand-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;display:inline-flex;font-size:1.5rem;height:56px;justify-content:center;margin-bottom:var(--space-md);width:56px}.login-brand h1{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.login-brand p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-xs)}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.login-error{background:var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);text-align:center}.login-lang{display:flex;justify-content:center;margin-top:var(--space-lg)}.stats-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-2xl)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl)}.stat-card-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-card-value{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-top:var(--space-xs)}.stat-card-sub{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-xs)}.apartments-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.apartment-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-xl);transition:all var(--transition-base)}.apartment-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.apartment-card-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs)}.apartment-card-address{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-md)}.apartment-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.apartment-card-meta-item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--text-xs);gap:4px}.apartment-card-meta-item svg{color:var(--color-primary);height:14px;width:14px}.apartment-card-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md)}.add-apartment-card{align-items:center;background:var(--color-bg-alt);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;min-height:200px;padding:var(--space-2xl);transition:all var(--transition-base)}.add-apartment-card:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.add-apartment-card svg{height:32px;width:32px}.apartment-form{max-width:720px}.form-section{margin-bottom:var(--space-2xl)}.form-section-title{border-bottom:1px solid var(--color-border-light);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.form-section-title svg{color:var(--color-primary);display:inline;margin-right:var(--space-sm);vertical-align:middle}.dynamic-list-item{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-sm);padding:var(--space-md);position:relative}.dynamic-list-item .remove-btn{align-items:center;background:var(--color-danger-light);border:none;border-radius:var(--radius-full);color:var(--color-danger);cursor:pointer;display:flex;font-size:var(--text-sm);height:24px;justify-content:center;position:absolute;right:var(--space-sm);top:var(--space-sm);width:24px}.link-generate-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-xl)}.link-result{align-items:center;background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-md);display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md)}.link-result input{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1;font-family:monospace;font-size:var(--text-sm);padding:var(--space-sm)}.links-list{display:flex;flex-direction:column;gap:var(--space-sm)}.link-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.link-item-info{display:flex;flex-direction:column;gap:2px}.link-item-guest{font-size:var(--text-sm);font-weight:500}.link-item-apartment{color:var(--color-text-muted);font-size:var(--text-xs)}.link-item-meta{align-items:center;display:flex;gap:var(--space-md)}.link-item-meta span{color:var(--color-text-secondary);font-size:var(--text-xs)}.users-list{gap:var(--space-sm)}.guest-page,.users-list{display:flex;flex-direction:column}.guest-page{background:var(--color-bg);min-height:100vh;min-height:100dvh}.guest-page.has-bottom-bar{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.guest-header{background:linear-gradient(135deg,var(--color-primary) 0,#1a3d28 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);color:#fff;overflow:hidden;padding-top:env(safe-area-inset-top);position:relative}.guest-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:absolute}.guest-header-bar{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;min-height:44px;padding:var(--space-sm) var(--space-md);position:relative}.guest-apartment-name{flex:1 1;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-lang-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;padding:3px}.guest-lang-toggle button{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:var(--radius-full);color:#fffffff2;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;overflow:hidden;padding:6px 12px;position:relative;transition:color var(--transition-fast);z-index:0}.guest-lang-toggle button:before{border-radius:inherit;content:"";inset:0;opacity:.18;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.guest-lang-toggle button.lang-sr:before{background:linear-gradient(180deg,#c6362a,#c6362a 33.33%,#0d4b94 0,#0d4b94 66.66%,#fff 0,#fff)}.guest-lang-toggle button.lang-en:before{background:linear-gradient(90deg,#012169,#012169 33.33%,#fff 0,#fff 66.66%,#c8102e 0,#c8102e)}.guest-lang-toggle button.active:before{opacity:.85}.guest-lang-toggle button.active{color:#1a1a18;text-shadow:0 1px 2px #fff9}.guest-welcome{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between;padding:var(--space-xs) var(--space-lg) var(--space-lg);position:relative}.guest-welcome-text{flex:1 1;min-width:0;text-align:left}.guest-welcome-greeting{font-family:var(--font-display);font-size:clamp(1.3rem,5vw,1.7rem);font-weight:600;line-height:1.2;margin-bottom:2px;word-break:break-word}.guest-welcome-address{align-items:center;display:inline-flex;font-size:var(--text-xs);gap:4px;margin-top:2px;opacity:.78}.guest-host-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:var(--radius-full);gap:var(--space-sm);padding:4px 10px 4px 4px}.guest-host-chip,.guest-host-chip-avatar{align-items:center;display:flex;flex-shrink:0}.guest-host-chip-avatar{background:#ffffff40;border-radius:50%;height:36px;justify-content:center;overflow:hidden;width:36px}.guest-host-chip-avatar img{height:100%;object-fit:cover;width:100%}.guest-host-chip-text{min-width:0}.guest-host-chip-label{font-size:10px;letter-spacing:.05em;line-height:1;margin-bottom:1px;opacity:.75;text-transform:uppercase}.guest-host-chip-name{font-size:var(--text-xs);font-weight:600;line-height:1.2;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:360px){.guest-host-chip-text{display:none}.guest-host-chip{padding:4px}}.guest-tiles-wrap{flex:1 1;margin:0 auto;max-width:720px;padding:var(--space-md) var(--space-md) var(--space-xl);width:100%}.guest-tiles{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}@media (min-width:600px){.guest-tiles{gap:var(--space-md)}}.tile{-webkit-tap-highlight-color:transparent;align-items:center;animation:tileIn .4s ease backwards;aspect-ratio:1/1;background:var(--color-surface);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);box-shadow:0 1px 0 #2d5a3d0a,0 4px 12px #2d5a3d0f,0 8px 24px #2d5a3d0a;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:var(--space-md);justify-content:center;overflow:hidden;padding:var(--space-md);position:relative;text-align:center;transition:transform .12s cubic-bezier(.2,0,.2,1),box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.tile:before{background:linear-gradient(180deg,#fff9,#fff0 30%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.tile:first-child{animation-delay:.04s}.tile:nth-child(2){animation-delay:.08s}.tile:nth-child(3){animation-delay:.12s}.tile:nth-child(4){animation-delay:.16s}.tile:nth-child(5){animation-delay:.2s}.tile:nth-child(6){animation-delay:.24s}.tile:nth-child(7){animation-delay:.28s}.tile:nth-child(8){animation-delay:.32s}.tile:nth-child(9){animation-delay:.36s}@keyframes tileIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.tile:hover{border-color:var(--color-primary);box-shadow:0 2px 0 #2d5a3d0f,0 8px 20px #2d5a3d1a,0 14px 32px #2d5a3d14;transform:translateY(-3px)}}.tile:active{border-color:var(--color-primary);box-shadow:0 0 0 #0000,0 1px 3px #2d5a3d14;transform:translateY(2px) scale(.97);transition:transform 80ms cubic-bezier(.2,0,.2,1),box-shadow 80ms ease}.tile-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:88px;justify-content:center;width:88px}.tile-icon svg{height:50px;width:50px}@media (min-width:600px){.tile-icon{height:104px;width:104px}.tile-icon svg{height:58px;width:58px}}.tile-label{color:var(--color-text);font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;line-height:1.2}@media (min-width:600px){.tile-label{font-size:var(--text-base)}}.tile.tile-wifi .tile-icon{background:#e8f0fe;color:#1a73e8}.tile.tile-building .tile-icon{background:#f4ecff;color:#6c3cc8}.tile.tile-parking .tile-icon{background:#fff4e5;color:#c4943a}.tile.tile-hours .tile-icon{background:var(--color-primary-light);color:var(--color-primary)}.tile.tile-contact .tile-icon{background:#e8f8ef;color:#27ae60}.tile.tile-location .tile-icon{background:#ffebee;color:#c0392b}.tile.tile-rules .tile-icon{background:#f2f0eb;color:#6b6860}.tile.tile-faq .tile-icon{background:#fdf6e9;color:#c4943a}.tile.tile-video .tile-icon{background:#fce8f4;color:#d81b60}.tile.tile-hostmsg .tile-icon{background:#fdecea;color:#d63a50}.tile.tile-full{aspect-ratio:auto;flex-direction:row;gap:var(--space-md);grid-column:1/-1;height:96px;justify-content:flex-start;padding:var(--space-md) var(--space-lg);text-align:left}.tile.tile-full .tile-icon{height:64px;width:64px}.tile.tile-full .tile-icon svg{height:38px;width:38px}.tile.tile-full .tile-label{font-size:var(--text-base)}@media (min-width:600px){.tile.tile-full{height:104px}.tile.tile-full .tile-icon{height:72px;width:72px}.tile.tile-full .tile-icon svg{height:42px;width:42px}}.tile-skeleton{aspect-ratio:1/1;background:var(--color-surface);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);overflow:hidden;position:relative}.tile-skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#0000000a,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-hero{background:linear-gradient(135deg,var(--color-primary) 0,#1a3d28 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);height:130px;margin-bottom:var(--space-md);overflow:hidden;position:relative}.skeleton-hero:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";inset:0;position:absolute}.modal-backdrop{align-items:flex-end;animation:backdropIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f14128c;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:9999}@media (min-width:600px){.modal-backdrop{align-items:center;padding:var(--space-xl)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-backdrop.closing{animation:backdropOut .18s ease forwards}@keyframes backdropOut{to{opacity:0}}.modal-sheet{animation:sheetIn .28s cubic-bezier(.32,.72,.16,1);background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 32px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;max-width:520px;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);transition:transform .22s cubic-bezier(.32,.72,.16,1);width:100%}@media (min-width:600px){.modal-sheet{animation:sheetInDesktop .22s ease;border-radius:var(--radius-xl)}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetInDesktop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-backdrop.closing .modal-sheet{animation:sheetOut .18s ease forwards}@media (min-width:600px){.modal-backdrop.closing .modal-sheet{animation:sheetOutDesktop .18s ease forwards}}@keyframes sheetOut{to{transform:translateY(100%)}}@keyframes sheetOutDesktop{to{opacity:0;transform:scale(.96)}}.modal-drag-area{-webkit-tap-highlight-color:transparent;cursor:grab;flex-shrink:0;touch-action:pan-y}.modal-drag-area:active{cursor:grabbing}.modal-grabber{background:var(--color-border);border-radius:999px;height:5px;margin:10px auto 0;width:44px}@media (min-width:600px){.modal-grabber{display:none}}.modal-header{border-bottom:1px solid var(--color-border-light);gap:var(--space-md);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.modal-header,.modal-title-row{align-items:center;display:flex}.modal-title-row{gap:var(--space-sm);min-width:0}.modal-title-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.modal-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-alt);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background var(--transition-fast);width:36px}.modal-close:active{background:var(--color-border)}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-lg)}.copy-row{align-items:center;background:var(--color-bg-alt);border-radius:var(--radius-md);display:flex;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-sm);padding:var(--space-md)}.copy-row-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.copy-row-value{color:var(--color-text);font-family:DM Sans,monospace;font-size:var(--text-base);font-weight:600;letter-spacing:.02em;word-break:break-all}.copy-row-text{flex:1 1;min-width:0}.copy-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:var(--text-xs);font-weight:600;gap:4px;padding:8px 12px;transition:all var(--transition-fast)}.copy-btn:active{transform:scale(.96)}.copy-btn.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.password-toggle{background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;margin-left:4px;padding:4px}.password-toggle,.qr-block{align-items:center;display:flex}.qr-block{background:var(--color-bg-alt);border-radius:var(--radius-lg);flex-direction:column;margin-top:var(--space-md);padding:var(--space-lg)}.qr-block-canvas{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.qr-block-text{color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.5;max-width:280px;text-align:center}.action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-alt);border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-base);font-weight:500;gap:var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-md) var(--space-lg);text-align:left;text-decoration:none;transition:all var(--transition-fast);width:100%}.action-btn:last-child{margin-bottom:0}.action-btn:active{border-color:var(--color-primary);transform:scale(.99)}.action-btn-icon,.action-btn:active{background:var(--color-primary-light)}.action-btn-icon{align-items:center;border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.action-btn-text{flex:1 1;min-width:0}.action-btn-label{color:var(--color-text-muted);font-size:var(--text-xs);letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.action-btn-value{color:var(--color-text);font-size:var(--text-sm);font-weight:600;word-break:break-all}.faq-list-modal,.rules-list-modal{display:flex;flex-direction:column;gap:var(--space-sm)}.rule-row{align-items:flex-start;background:var(--color-bg-alt);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-md)}.rule-num{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-xs);font-weight:700;height:24px;justify-content:center;width:24px}.rule-text{color:var(--color-text);flex:1 1;font-size:var(--text-sm);line-height:1.5}.faq-item-modal{background:var(--color-bg-alt);border-radius:var(--radius-md);overflow:hidden}.faq-q{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:var(--color-text);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:600;gap:var(--space-md);justify-content:space-between;padding:var(--space-md);text-align:left;width:100%}.faq-q svg{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s ease}.faq-q.open svg{transform:rotate(180deg)}.faq-a{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55;padding:0 var(--space-md) var(--space-md);white-space:pre-wrap}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:var(--radius-md);overflow:hidden;position:relative;width:100%}.video-wrap iframe,.video-wrap video{border:0;height:100%;inset:0;position:absolute;width:100%}.host-message-modal{flex-direction:column}.host-card,.host-message-modal{display:flex;gap:var(--space-md)}.host-card{align-items:center;background:linear-gradient(135deg,var(--color-primary-light) 0,#e8f0eb66 100%);border-radius:var(--radius-md);padding:var(--space-md)}.host-card-avatar{align-items:center;background:var(--color-surface);border-radius:50%;box-shadow:0 2px 6px #2d5a3d1f;color:var(--color-primary);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.host-card-avatar img{height:100%;object-fit:cover;width:100%}.host-card-text{min-width:0}.host-card-label{color:var(--color-text-muted);font-size:10px;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.host-card-name{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.host-message-body{word-wrap:break-word;background:var(--color-bg-alt);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);line-height:1.65;padding:var(--space-md);white-space:pre-wrap}.hm-link{color:var(--color-primary);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;word-break:break-all}.guest-footer{color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-md) var(--space-md);text-align:center}.guest-footer a{color:var(--color-primary);font-weight:600}.guest-bottom-bar{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border-light);bottom:0;box-shadow:0 -2px 12px #0000000a;display:flex;gap:var(--space-md);justify-content:center;left:0;padding:10px var(--space-md) calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:50}.gbb-item{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);gap:6px;white-space:nowrap}.gbb-item svg{color:var(--color-primary);flex-shrink:0}.gbb-label{color:var(--color-text-muted);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.gbb-time{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.gbb-divider{background:var(--color-border);flex-shrink:0;height:18px;width:1px}@media (max-height:480px) and (orientation:landscape){.guest-bottom-bar{display:none}.guest-page.has-bottom-bar{padding-bottom:0}}.guest-error{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--space-xl)}.guest-error-card{max-width:400px;text-align:center}.guest-error-icon{align-items:center;background:var(--color-danger-light);border-radius:var(--radius-full);color:var(--color-danger);display:inline-flex;height:72px;justify-content:center;margin-bottom:var(--space-lg);width:72px}.guest-error-card h2{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.guest-error-card p{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.profile-avatar-row{align-items:flex-start;display:flex;gap:var(--space-lg)}.profile-avatar-preview{background:var(--color-bg-alt);border:2px dashed var(--color-border);height:100px;width:100px}.profile-avatar-actions{flex:1 1;flex-direction:column}.form-counter{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:4px;text-align:right}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-sheet,.skeleton-hero:after,.tile,.tile-skeleton:after{animation:none!important;transition:none!important}}.action-btn-wa:active{background:#e8f8ef;border-color:#25d366}.action-btn-icon-wa{background:#e8f8ef;color:#25d366}.profile-page{margin:0 auto;max-width:760px;padding-bottom:100px}.profile-subscription{align-items:stretch;background:linear-gradient(135deg,var(--color-primary) 0,#1a3d28 100%);border-radius:var(--radius-xl);box-shadow:0 8px 24px #2d5a3d2e;color:#fff;display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl);overflow:hidden;padding:var(--space-xl);position:relative}.profile-subscription:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;pointer-events:none;position:absolute}.profile-sub-item{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-md);min-width:0;position:relative}.profile-sub-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.profile-sub-text{min-width:0}.profile-sub-label{color:#ffffffb3;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.profile-sub-value{font-family:var(--font-display);font-size:1.35rem;font-weight:600;line-height:1.2;margin-bottom:2px}.profile-sub-meta{color:#ffffffb3;font-size:var(--text-xs);margin-top:2px}.profile-sub-divider{background:#fff3;flex-shrink:0;position:relative;width:1px}@media (max-width:600px){.profile-subscription{flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.profile-sub-divider{height:1px;width:100%}.profile-sub-value{font-size:1.2rem}}.profile-avatar-section{align-items:center;background:var(--color-bg-alt);border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:var(--space-lg);padding:var(--space-xl) var(--space-md);text-align:center}.profile-avatar-preview{align-items:center;background:var(--color-surface);border:4px solid var(--color-surface);border-radius:50%;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a;color:var(--color-text-muted);display:flex;flex-shrink:0;height:130px;justify-content:center;margin-bottom:var(--space-md);overflow:hidden;position:relative;width:130px}.profile-avatar-preview img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-empty{align-items:center;background:var(--color-bg-alt);border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-sm)}.profile-avatar-hint{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5;max-width:280px}.profile-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.profile-section-header{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.profile-section-icon{align-items:center;background:var(--color-primary-light);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.profile-section-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:0}.profile-section-hint{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5;margin:0 0 var(--space-lg);padding-left:44px}@media (max-width:480px){.profile-section-hint{padding-left:0}}.profile-save-bar{background:var(--color-surface);border-top:1px solid var(--color-border-light);bottom:0;box-shadow:0 -4px 12px #0000000a;display:flex;justify-content:flex-end;margin:var(--space-xl) calc(var(--space-md)*-1) 0;padding:var(--space-md);position:sticky;z-index:10}.profile-save-bar .btn{justify-content:center;min-width:160px}@media (max-width:600px){.profile-save-bar{margin-left:0;margin-right:0}.profile-save-bar .btn{min-width:0;width:100%}}.avatar-crop-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1412b3;display:flex;inset:0;justify-content:center;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom));padding-top:calc(var(--space-md) + env(safe-area-inset-top));position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.avatar-crop-card{animation:cardIn .25s cubic-bezier(.32,.72,.16,1);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);max-width:480px;overflow:hidden;width:100%}@keyframes cardIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.avatar-crop-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-md) var(--space-lg)}.avatar-crop-header h3{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin:0}.avatar-crop-close{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-alt);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background var(--transition-fast);width:32px}.avatar-crop-close:hover{background:var(--color-border)}.avatar-crop-area{background:#1a1a18;flex-shrink:0;height:320px;position:relative;width:100%}@media (min-height:700px){.avatar-crop-area{height:380px}}.avatar-crop-controls{align-items:center;color:var(--color-text-secondary);display:flex;flex-shrink:0;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.avatar-crop-zoom{appearance:none;background:var(--color-border);border-radius:999px;flex:1 1;height:4px;outline:none}.avatar-crop-zoom::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #00000040;cursor:pointer;height:22px;width:22px}.avatar-crop-zoom::-moz-range-thumb{background:var(--color-primary);border:3px solid #fff;border-radius:50%;cursor:pointer;height:22px;width:22px}.avatar-crop-hint{color:var(--color-text-muted);flex-shrink:0;font-size:var(--text-xs);line-height:1.5;margin:0 0 var(--space-md);padding:0 var(--space-lg);text-align:center}.avatar-crop-actions{border-top:1px solid var(--color-border-light);display:flex;flex-shrink:0;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) var(--space-lg)}.avatar-crop-actions .btn{flex:1 1;justify-content:center}
/*# sourceMappingURL=main.d33f07d3.css.map*/