.login-container{display:flex;min-height:100vh;background-color:#fdf8ed;background-image:url(/images/cozy-background.svg);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;align-items:center;justify-content:center;padding:20px;position:relative}.login-container:before{content:"";position:absolute;inset:0;background-color:#fdf8ed80;z-index:0}.login-form{width:100%;max-width:400px;position:relative;z-index:1}.login-title{font-size:32px;font-weight:700;color:#5c1a0f;margin-bottom:30px;text-align:left}.input-group{margin-bottom:20px}.input-label{display:block;font-size:16px;color:#5c1a0f;margin-bottom:8px;font-weight:500}.input-field{width:100%;background-color:#fff;border-radius:8px;padding:15px;font-size:16px;color:#333;border:1px solid #E0E0E0;box-sizing:border-box;outline:none;transition:border-color .2s}.input-field:focus{border-color:#5c1a0f}.input-field::placeholder{color:#999}.password-container{display:flex;align-items:center;background-color:#fff;border-radius:8px;border:1px solid #E0E0E0;overflow:hidden}.password-input{flex:1;padding:15px;font-size:16px;color:#333;border:none;outline:none;background:transparent}.password-container:focus-within{border-color:#5c1a0f}.eye-button{padding:15px 15px 15px 10px;background:none;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.forgot-password-link{display:block;margin-left:auto;margin-bottom:25px;background:none;border:none;font-size:14px;color:#5c1a0f;font-weight:500;cursor:pointer;padding:0;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.login-button{width:100%;background-color:#5c1a0f;border-radius:8px;padding:16px;border:none;color:#fff;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:25px;transition:background-color .2s}.login-button:hover{background-color:#4a1509}.login-button:active{transform:translateY(1px)}.signup-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.signup-text{font-size:14px;color:#5c1a0f}.signup-link{background:none;border:none;font-size:14px;color:#5c1a0f;font-weight:700;text-decoration:underline;cursor:pointer;padding:0;margin-left:4px}.signup-link:hover{color:#4a1509}.terms-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:60px 40px}.terms-modal{background-color:#fff;border-radius:8px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;overflow:hidden;margin:auto}.terms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E0E0E0;background-color:#fff;position:sticky;top:0;z-index:10;flex-shrink:0;min-height:64px;box-sizing:border-box}.terms-modal-title{font-size:24px;font-weight:700;color:#333;margin:0;line-height:1.2;display:block;visibility:visible;opacity:1}.terms-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:#666;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.terms-modal-close:hover{background-color:#f5f5f5;color:#333}.terms-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;min-height:0}.terms-content-tr,.terms-content-en{color:#333;line-height:1.6}.terms-subtitle{font-size:20px;font-weight:700;color:#5c1a0f;margin-bottom:8px}.terms-section-title{font-size:22px;font-weight:700;color:#333;margin-bottom:8px}.terms-effective-date{font-size:14px;color:#666;margin-bottom:20px;font-style:italic}.terms-intro{margin-bottom:24px;text-align:justify}.terms-section{margin-bottom:24px}.terms-section-heading{font-size:18px;font-weight:700;color:#5c1a0f;margin-bottom:12px;margin-top:0}.terms-section p{margin-bottom:12px;text-align:justify}.terms-section ul{margin:12px 0;padding-left:24px}.terms-section li{margin-bottom:8px;text-align:justify}.terms-section strong{color:#5c1a0f;font-weight:600}@media(max-width:768px){.terms-modal-overlay{padding:40px 20px}.terms-modal{max-width:90%;max-height:85vh}.terms-modal-header{padding:16px 20px}.terms-modal-title{font-size:20px}.terms-modal-content{padding:20px}.terms-subtitle{font-size:18px}.terms-section-title{font-size:20px}.terms-section-heading{font-size:16px}}@media(max-width:480px){.terms-modal-overlay{padding:30px 15px}.terms-modal{max-width:95%;max-height:85vh;border-radius:8px}.terms-modal-header{padding:12px 16px}.terms-modal-content{padding:16px}.terms-section{margin-bottom:20px}}.register-container{min-height:100vh;background-color:#fdf8ed;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 20px}.register-content{width:100%;max-width:500px}.register-title{font-size:32px;font-weight:700;color:#333;margin-bottom:32px;text-align:left}.register-form{display:flex;flex-direction:column;gap:20px}.register-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.register-field{display:flex;flex-direction:column;gap:8px}.register-label{font-size:16px;font-weight:600;color:#333}.optional{font-weight:400;color:#999;font-size:14px}.register-input{width:100%;padding:12px 16px;border:1px solid #E0E0E0;border-radius:8px;background-color:#f5f5f5;font-size:16px;color:#333;outline:none;transition:border-color .2s,background-color .2s}.register-input:focus{border-color:#5c1a0f;background-color:#fff}.register-input::placeholder{color:#999}.register-terms{display:flex;align-items:flex-start;gap:12px;margin-top:8px}.register-checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#5C1A0F}.register-terms-label{font-size:14px;color:#333;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.register-terms-link{color:#5c1a0f;font-weight:600;cursor:pointer}.register-terms-link:hover{text-decoration:underline}.register-submit-button{width:100%;padding:16px;background-color:#5c1a0f;color:#f5f5f5;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.register-submit-button:hover{background-color:#4a150c}.register-submit-button:active{background-color:#3d120a}.register-login-link{text-align:center;margin-top:24px;font-size:14px;color:#333}.register-login-link-text{color:#5c1a0f;font-weight:600;cursor:pointer}.register-login-link-text:hover{text-decoration:underline}@media(max-width:480px){.register-container{padding:24px 16px 16px}.register-title{font-size:28px;margin-bottom:24px}.register-row{grid-template-columns:1fr;gap:20px}.register-form{gap:16px}.register-submit-button{padding:14px;font-size:16px}}.password-reset-container{min-height:100vh;background-color:#fdf8ed;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 20px}.password-reset-content{width:100%;max-width:500px}.password-reset-back{background-color:#f5f5f5;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;margin-bottom:24px;transition:background-color .2s}.password-reset-back:hover{background-color:#e0e0e0}.password-reset-title{font-size:32px;font-weight:700;color:#333;margin-bottom:16px;text-align:left}.password-reset-description{font-size:16px;color:#666;line-height:1.6;margin-bottom:32px;text-align:left}.password-reset-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.password-reset-label{font-size:16px;font-weight:600;color:#333}.password-reset-input{width:100%;padding:12px 16px;border:1px solid #E0E0E0;border-radius:8px;background-color:#f5f5f5;font-size:16px;color:#333;outline:none;transition:border-color .2s,background-color .2s}.password-reset-input:focus{border-color:#5c1a0f;background-color:#fff}.password-reset-input::placeholder{color:#999}.password-reset-submit-button{width:100%;padding:16px;background-color:#5c1a0f;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:24px}.password-reset-submit-button:hover{background-color:#4a150c}.password-reset-submit-button:active{background-color:#3d120a}.password-reset-login-link{text-align:center;font-size:14px;color:#333}.password-reset-login-link-text{color:#5c1a0f;font-weight:600;cursor:pointer}.password-reset-login-link-text:hover{text-decoration:underline}@media(max-width:480px){.password-reset-container{padding:24px 16px 16px}.password-reset-title{font-size:28px;margin-bottom:12px}.password-reset-description{font-size:15px;margin-bottom:24px}.password-reset-submit-button{padding:14px;font-size:16px}}.dashboard-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.dashboard-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header-icon{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#5c1a0f;transition:opacity .2s}.header-icon:hover{opacity:.7}.header-icon svg{width:24px;height:24px}.dashboard-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.dashboard-content{flex:1;padding:20px 20px 80px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.card{position:relative;width:100%;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;min-height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-user-select:none;user-select:none}.card:focus{outline:2px solid #5C1A0F;outline-offset:2px}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#0003,#0006)}.card-title{color:#fff;font-weight:700;text-align:center;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.card-logo{position:absolute;bottom:0;right:0;padding:15px;max-width:50%;max-height:50%;height:auto;width:auto;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.cozy-card{background-image:url(/images/cozy/cozy-mimari-1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:220px}.cozy-title{font-size:72px;font-family:Brush Script MT,Lucida Handwriting,cursive;font-style:italic;letter-spacing:2px}.heart-icon{font-size:48px;vertical-align:super;margin-left:4px}.club-alice-card{background-image:url(/images/alice/alice1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:220px}.club-alice-title{font-size:64px;font-family:Brush Script MT,Lucida Handwriting,cursive;font-style:italic;letter-spacing:3px}.grove-kitchen-card{background-image:url(/images/grove/grove1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:220px}.grove-kitchen-title{font-size:48px;font-family:Georgia,Times New Roman,serif;font-weight:600}.grove-kitchen-title .underline{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.cozy-cover-card{background-image:url(/images/cozy-kapak.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:220px}.cozy-cover-logo{position:static;display:block;margin:0 auto}@media(max-width:768px){.cozy-title{font-size:56px}.club-alice-title{font-size:48px}.grove-kitchen-title{font-size:36px}.dashboard-content{padding:16px;gap:16px}.card{min-height:180px}}@media(max-width:480px){.cozy-title{font-size:42px}.club-alice-title{font-size:36px}.grove-kitchen-title{font-size:28px}.heart-icon{font-size:32px}}.venue-menu-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.venue-menu-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.venue-menu-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.venue-menu-content{flex:1;padding:20px;overflow-y:auto}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.menu-item-card{background-color:#fff;border:1px solid #E0E0E0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%;box-shadow:0 1px 3px #0000000d}.menu-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#5c1a0f}.menu-item-card:active{transform:translateY(0)}.menu-item-icon{font-size:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-text{flex:1;font-size:16px;color:#5c1a0f;font-weight:500;text-align:left}.menu-item-arrow{color:#5c1a0f;flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-item-card:nth-child(5){background-color:#f5f5f5}@media(max-width:768px){.menu-grid{gap:12px}.menu-item-card{padding:14px;gap:10px}.menu-item-icon{font-size:22px}.menu-item-text{font-size:15px}.venue-menu-content{padding:16px}}@media(max-width:480px){.menu-grid{grid-template-columns:1fr;gap:12px}.menu-item-card{padding:16px}}.content-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.content-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.content-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.content-main{flex:1;padding:20px;overflow-y:auto}.content-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.content-image-container{width:100%;height:350px;position:relative;overflow:hidden}.content-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:16px 16px 0 0}.content-image-placeholder{width:100%;height:350px;background:linear-gradient(135deg,#8b4513,sienna,peru);display:flex;align-items:center;justify-content:center;border-radius:16px 16px 0 0}.placeholder-icon{font-size:64px;opacity:.5}.content-text-container{padding:24px}.content-description{font-size:16px;line-height:1.6;color:#333;margin:0;text-align:left}.content-error{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.content-error p{font-size:18px;color:#666;text-align:center}@media(max-width:768px){.content-main{padding:16px}.content-image-container,.content-image-placeholder{height:300px}.content-text-container{padding:20px}.content-description{font-size:15px}.placeholder-icon{font-size:48px}}@media(max-width:480px){.content-main{padding:12px}.content-image-container,.content-image-placeholder{height:250px}.content-text-container{padding:16px}.content-description{font-size:14px;line-height:1.5}}.event-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.event-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.event-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.event-main{flex:1;padding:20px;overflow-y:auto}.event-card{background-color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.event-image-container{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#8b4513,sienna,peru)}.event-image{width:100%;height:100%;object-fit:cover;display:block}.event-image-error .event-image{display:none}.event-image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(to bottom,#0000004d,#00000080)}.event-artist-main{font-size:48px;font-weight:700;color:#fff;margin:0;font-family:Brush Script MT,Lucida Handwriting,cursive;font-style:italic;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2}.event-artist-feat{font-size:16px;color:#fff;margin:8px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;opacity:.9}.event-artist-featured{font-size:24px;font-weight:600;color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.event-date-badge{position:absolute;bottom:16px;right:16px;background-color:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 2px 8px #0003;min-width:100px}.badge-date{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;text-align:center}.badge-time{font-size:12px;color:#666;text-align:center}.event-details-container{padding:24px;background-color:#fff}.event-name{font-size:18px;font-weight:700;color:#000;margin:0 0 12px;line-height:1.4}.event-date-text{font-size:12px;color:#999;margin-bottom:12px}.event-short{font-size:16px;color:#000;margin-bottom:16px;font-weight:500}.event-details{font-size:16px;color:#000;line-height:1.5;margin:0 0 16px}.event-type-tag{font-size:16px;font-weight:700;color:#000;text-align:left}.event-error{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.event-error p{font-size:18px;color:#666;text-align:center}@media(max-width:768px){.event-main{padding:16px}.event-artist-main{font-size:36px}.event-artist-featured{font-size:20px}.event-details-container{padding:20px}.event-name{font-size:16px}.event-short,.event-details{font-size:15px}}@media(max-width:480px){.event-main{padding:12px}.event-artist-main{font-size:28px}.event-artist-feat{font-size:14px}.event-artist-featured{font-size:18px}.event-date-badge{bottom:12px;right:12px;padding:6px 10px;min-width:80px}.badge-date{font-size:12px}.badge-time{font-size:11px}.event-details-container{padding:16px}.event-name{font-size:15px}.event-short,.event-details{font-size:14px}}.notification-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.notification-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.notification-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.notification-main{flex:1;overflow-y:auto;background-color:#fdfbf5}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;padding:16px 20px;gap:16px;border-bottom:1px solid rgba(0,0,0,.05);background-color:#fff;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#fafafa}.notification-item:last-child{border-bottom:none}.notification-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.notification-icon-placeholder{width:48px;height:48px;border-radius:50%;background-color:#e0e0e0}.notification-icon-img{width:48px;height:48px;border-radius:50%;object-fit:cover}.notification-content{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.notification-title-row{display:flex;align-items:center;gap:8px}.notification-item-title{font-size:16px;font-weight:700;color:#333;margin:0;flex:1;line-height:1.3}.notification-dot{width:8px;height:8px;border-radius:50%;background-color:#ff9800;flex-shrink:0}.notification-description{font-size:14px;color:#999;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-timestamp{font-size:12px;color:#999}.notification-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notification-empty p{font-size:16px;color:#999;margin:0}@media(max-width:768px){.notification-item{padding:14px 16px;gap:14px}.notification-icon,.notification-icon-placeholder{width:44px;height:44px}.notification-item-title{font-size:15px}.notification-description{font-size:13px}}@media(max-width:480px){.notification-item{padding:12px 16px;gap:12px}.notification-icon,.notification-icon-placeholder{width:40px;height:40px}.notification-item-title{font-size:14px}.notification-description{font-size:12px}.notification-timestamp{font-size:11px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-dialog{background-color:#fff;border-radius:16px;width:100%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0000004d;max-height:90vh;overflow-y:auto}.modal-title{font-size:20px;font-weight:700;color:#000;margin:0 0 20px}.modal-content{margin-bottom:20px}.modal-text{font-size:16px;color:#333;line-height:1.5;margin:0 0 12px}.modal-text:last-child{margin-bottom:0}.modal-response{margin-bottom:20px;padding:12px;background-color:#f5f5f5;border-radius:8px;border-left:4px solid #2196F3}.response-text{font-size:14px;color:#333;margin:0;word-wrap:break-word}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s,transform .1s;min-width:100px}.modal-button:disabled{opacity:.6;cursor:not-allowed}.modal-button:active:not(:disabled){transform:translateY(1px)}.cancel-button{background-color:transparent;color:#2196f3;border:1px solid #2196F3}.cancel-button:hover:not(:disabled){background-color:#f5f5f5}.confirm-button{background-color:#2196f3;color:#fff}.confirm-button:hover:not(:disabled){background-color:#1976d2}@media(max-width:480px){.modal-overlay{padding:16px}.modal-dialog{padding:20px;max-width:100%}.modal-title{font-size:18px}.modal-text{font-size:14px}.modal-button{padding:10px 20px;font-size:14px;min-width:80px}.modal-actions{gap:8px}}.account-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.account-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.account-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.account-main{flex:1;padding:20px;overflow-y:auto}.account-profile-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-picture-container{margin-bottom:16px}.profile-picture{width:120px;height:120px;border-radius:50%;border:2px solid #000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;position:relative}.profile-text{font-size:24px;font-weight:700;color:#000;font-family:Brush Script MT,Lucida Handwriting,cursive;font-style:italic}.profile-heart{font-size:16px;color:red;position:absolute;top:20px;right:30px}.profile-name{font-size:18px;font-weight:700;color:#000;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.membership-info{display:flex;flex-direction:column;align-items:center;gap:4px}.membership-label{font-size:14px;color:#999}.membership-date{font-size:16px;color:#000;font-weight:500}.language-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.language-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.language-icon{font-size:20px}.language-title{font-size:16px;font-weight:500;color:#000}.language-toggle{display:flex;gap:8px;margin-bottom:12px}.language-option{flex:1;padding:12px;border:1px solid #E0E0E0;border-radius:8px;background-color:#fff;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.language-option:hover{border-color:#5c1a0f}.language-option.active{background-color:#5c1a0f;color:#fff;border-color:#5c1a0f}.language-note{font-size:12px;color:#999;margin:0;line-height:1.4}.account-menu-list{display:flex;flex-direction:column;gap:0;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.account-menu-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:#fff;border:none;border-bottom:1px solid #F0F0F0;cursor:pointer;transition:background-color .2s;text-align:left;width:100%}.account-menu-item:last-child{border-bottom:none}.account-menu-item:hover{background-color:#fafafa}.account-menu-item:active{background-color:#f5f5f5}.menu-item-icon{font-size:24px;flex-shrink:0}.menu-item-text{flex:1;font-size:16px;color:#000;font-weight:400}.menu-item-arrow{color:#999;flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-item-arrow svg{width:20px;height:20px}@media(max-width:768px){.account-main{padding:16px}.profile-picture{width:100px;height:100px}.profile-text{font-size:20px}.profile-heart{font-size:14px;top:16px;right:24px}.profile-name{font-size:16px}.language-card{padding:16px}.account-menu-item{padding:14px 16px;gap:14px}.menu-item-icon{font-size:22px}.menu-item-text{font-size:15px}}@media(max-width:480px){.account-main{padding:12px}.profile-picture{width:90px;height:90px}.profile-text{font-size:18px}.profile-heart{font-size:12px;top:14px;right:20px}.profile-name{font-size:15px}.membership-label{font-size:13px}.membership-date{font-size:15px}.language-card{padding:14px}.language-toggle{flex-direction:column;gap:8px}.account-menu-item{padding:12px 16px;gap:12px}.menu-item-icon{font-size:20px}.menu-item-text{font-size:14px}}.profile-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.profile-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.profile-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.profile-main{flex:1;padding:20px 20px 80px;overflow-y:auto}.profile-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#333;margin:0}.form-input{width:100%;padding:14px 16px;background-color:#fff;border:1px solid #E0E0E0;border-radius:8px;font-size:16px;color:#333;box-shadow:0 1px 3px #0000000d;transition:all .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#5c1a0f;box-shadow:0 2px 6px #5c1a0f1a}.form-input::placeholder{color:#999}.form-input:read-only{background-color:#f5f5f5;cursor:not-allowed;color:#666}.form-input[type=date]{position:relative}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}@media(max-width:768px){.profile-main{padding:16px}.profile-form{gap:18px}.form-label{font-size:13px}.form-input{padding:12px 14px;font-size:15px}}@media(max-width:480px){.profile-main{padding:12px}.profile-form{gap:16px}.form-label{font-size:13px}.form-input{padding:12px 14px;font-size:14px}}.notification-settings-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.notification-settings-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.notification-settings-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.notification-settings-main{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-card{background-color:#fff;border-radius:12px;padding:0;box-shadow:0 2px 4px #0000000d;overflow:hidden}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.toggle-label{font-size:16px;color:#000;font-weight:400}.toggle-switch{width:48px;height:28px;background-color:#e0e0e0;border-radius:14px;border:none;padding:2px;cursor:pointer;position:relative;transition:background-color .2s}.toggle-switch.enabled{background-color:#2196f3}.toggle-slider{width:24px;height:24px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 2px 4px #0003}.toggle-switch.enabled .toggle-slider{transform:translate(20px)}.toggle-switch:active{opacity:.8}.divider{height:1px;background-color:#e0e0e0;margin:0 20px}.save-button{width:100%;padding:16px;background-color:#5c1a0f;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;margin-top:20px;transition:background-color .2s,transform .1s}.save-button:hover{background-color:#4a1509}.save-button:active{transform:translateY(1px)}@media(max-width:768px){.notification-settings-main{padding:16px;gap:20px}.settings-toggle-item{padding:14px 16px}.toggle-label{font-size:15px}.save-button{padding:14px;font-size:16px}}@media(max-width:480px){.notification-settings-main{padding:12px;gap:16px}.section-title{font-size:16px}.settings-toggle-item{padding:12px 16px}.toggle-label{font-size:14px}.toggle-switch{width:44px;height:26px}.toggle-slider{width:22px;height:22px}.toggle-switch.enabled .toggle-slider{transform:translate(18px)}.save-button{padding:12px;font-size:15px}}.reservations-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.reservations-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.reservations-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.reservations-main{flex:1;padding:20px 20px 80px;overflow-y:auto;display:flex;flex-direction:column;gap:32px}.reservations-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:18px;font-weight:700;color:#000;margin:0}.empty-message{font-size:16px;color:#999;text-align:center;margin:20px 0}.reservations-list{display:flex;flex-direction:column;gap:12px}.reservation-card{background-color:#f5f5f5;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s}.reservation-card:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.reservation-card-clickable{cursor:pointer}.reservation-card-clickable:not(.reservation-card-confirmed):hover{background-color:#eee}.reservation-card.reservation-card-confirmed{background-color:#e8f5e9!important;border:1px solid #C8E6C9!important}.reservation-card-confirmed:hover{background-color:#c8e6c9;border-color:#a5d6a7;transform:translateY(-2px);box-shadow:0 2px 6px #4caf5040}.reservation-card.reservation-card-confirmed .venue-name{color:#2e7d32!important;font-weight:600}.reservation-card.reservation-card-confirmed .reservation-time{color:#1b5e20!important}.reservation-card.reservation-card-confirmed .reservation-date{color:#2e7d32!important;font-weight:600}.reservation-card.reservation-card-confirmed .booking-id{color:#388e3c!important;font-weight:500}.reservation-card.reservation-card-confirmed .reservation-status{color:#388e3c!important;font-weight:600}.reservation-card.reservation-card-confirmed .reservation-guests{color:#2e7d32!important}.reservation-card.reservation-card-cancelled{background-color:#ffebee!important;border:1px solid #FFCDD2!important}.reservation-card.reservation-card-cancelled:hover{background-color:#ffcdd2!important;border-color:#ef9a9a!important;transform:translateY(-2px);box-shadow:0 2px 6px #f4433640!important}.reservation-card.reservation-card-cancelled .venue-name,.reservation-card.reservation-card-cancelled .reservation-left .venue-name{color:#c62828!important;font-weight:600!important}.reservation-card.reservation-card-cancelled .reservation-time,.reservation-card.reservation-card-cancelled .reservation-left .reservation-time{color:#b71c1c!important}.reservation-card.reservation-card-cancelled .booking-id,.reservation-card.reservation-card-cancelled .reservation-left .booking-id{color:#d32f2f!important;font-weight:500!important}.reservation-card.reservation-card-cancelled .reservation-date,.reservation-card.reservation-card-cancelled .reservation-right .reservation-date{color:#c62828!important;font-weight:600!important}.reservation-card.reservation-card-cancelled .reservation-status,.reservation-card.reservation-card-cancelled .reservation-right .reservation-status{color:#d32f2f!important;font-weight:600!important}.reservation-card.reservation-card-cancelled .reservation-guests,.reservation-card.reservation-card-cancelled .reservation-right .reservation-guests{color:#c62828!important}.reservation-left{display:flex;flex-direction:column;gap:6px;flex:1}.venue-name{font-size:16px;font-weight:500;color:#000}.booking-id{font-size:14px;color:#999}.reservation-time{font-size:20px;font-weight:700;color:#000;margin-top:4px}.reservation-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}.reservation-date{font-size:16px;font-weight:500;color:#000}.reservation-status{font-size:14px;color:#999}.reservation-guests{font-size:16px;font-weight:500;color:#000}@media(max-width:768px){.reservations-main{padding:16px;gap:24px}.section-title{font-size:16px}.reservation-card{padding:14px 16px;gap:12px}.venue-name{font-size:15px}.reservation-time{font-size:18px}.reservation-date,.reservation-guests{font-size:15px}}@media(max-width:480px){.reservations-main{padding:12px;gap:20px}.section-title{font-size:16px}.reservations-list{gap:10px}.reservation-card{padding:12px 14px;gap:10px}.venue-name{font-size:14px}.booking-id{font-size:13px}.reservation-time{font-size:16px}.reservation-date{font-size:14px}.reservation-status{font-size:13px}.reservation-guests,.empty-message{font-size:14px}}.date-picker-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.date-picker-modal{background-color:#fff;border-radius:8px;width:90%;max-width:400px;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px #0000004d}.date-picker-header{background-color:#2196f3;color:#fff;padding:20px;text-align:center}.date-picker-header-year{font-size:14px;opacity:.9;margin-bottom:4px}.date-picker-header-date{font-size:24px;font-weight:600}.date-picker-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#fff;border-bottom:1px solid #E0E0E0}.date-picker-nav-button{background:none;border:none;font-size:24px;color:#2196f3;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .2s}.date-picker-nav-button:hover{background-color:#f5f5f5}.date-picker-nav-month{font-size:16px;font-weight:600;color:#333}.date-picker-calendar{padding:16px}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-picker-weekday{text-align:center;font-size:12px;font-weight:600;color:#666;padding:8px 4px}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-picker-day,.date-picker-day-empty{aspect-ratio:1;border:none;background:none;cursor:pointer;font-size:16px;color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.date-picker-day:hover:not(.disabled):not(.selected){background-color:#f5f5f5}.date-picker-day.selected{background-color:#2196f3;color:#fff;font-weight:600}.date-picker-day.today{border:2px solid #2196F3}.date-picker-day.today.selected{border-color:#fff}.date-picker-day.disabled{color:#ccc;cursor:not-allowed;opacity:.5}.date-picker-day-empty{cursor:default}.date-picker-actions{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #E0E0E0;background-color:#fff}.date-picker-cancel,.date-picker-ok{background:none;border:none;color:#2196f3;font-size:16px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .2s}.date-picker-cancel:hover,.date-picker-ok:hover:not(:disabled){background-color:#f5f5f5}.date-picker-ok:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.date-picker-modal{width:95%}.date-picker-header{padding:16px}.date-picker-header-date{font-size:20px}}.time-picker-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.time-picker-modal{background-color:#fff;border-radius:8px;width:90%;max-width:400px;max-height:90vh;overflow:hidden;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.time-picker-header{background-color:#2196f3;color:#fff;padding:20px;text-align:center}.time-picker-time-display{font-size:48px;font-weight:600;letter-spacing:2px}.time-picker-clock-container{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.time-picker-clock{position:relative;width:280px;height:280px;cursor:pointer;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center}.time-picker-clock-svg{width:100%;height:100%;pointer-events:auto}.time-picker-hour-circle{cursor:pointer;transition:all .2s}.time-picker-hour-circle:hover{fill:#1976d2}.time-picker-hour-text{pointer-events:none;-webkit-user-select:none;user-select:none}.time-picker-mode-tabs{display:flex;padding:0 20px;gap:0;background-color:#f5f5f5;border-bottom:1px solid #E0E0E0}.time-picker-mode-tab{flex:1;padding:12px;border:none;background:none;color:#666;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.time-picker-mode-tab:hover{color:#2196f3;background-color:#2196f31a}.time-picker-mode-tab.active{color:#2196f3;border-bottom-color:#2196f3;background-color:transparent}.time-picker-actions{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #E0E0E0;background-color:#fff}.time-picker-cancel,.time-picker-ok{background:none;border:none;color:#2196f3;font-size:16px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .2s}.time-picker-cancel:hover,.time-picker-ok:hover{background-color:#f5f5f5}@media(max-width:480px){.time-picker-modal{width:95%;max-width:360px;max-height:90vh}.time-picker-header{padding:16px}.time-picker-time-display{font-size:40px;letter-spacing:1px}.time-picker-clock-container{padding:16px}.time-picker-clock,.time-picker-clock-svg{width:260px;height:260px}.time-picker-hour-text{font-size:14px!important}.time-picker-clock-svg circle[class*=hour-circle]{r:16!important}.time-picker-hour-circle[selected]{r:20!important}}@media(max-width:375px){.time-picker-clock,.time-picker-clock-svg{width:240px;height:240px}.time-picker-time-display{font-size:36px}}.reservation-wizard-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.wizard-header{background-color:#fff;padding:12px 20px 8px;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.wizard-header-content{display:flex;flex-direction:column;gap:8px;flex:1}.wizard-step-indicator{font-size:14px;font-weight:500;color:#5c1a0f;text-align:center}.wizard-progress-container{width:100%;height:3px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.wizard-progress-bar{height:100%;background-color:#5c1a0f;transition:width .3s ease}.wizard-logo-container{display:flex;justify-content:center;padding:20px 0}.wizard-logo{font-size:32px;font-weight:700;color:#5c1a0f;font-family:Brush Script MT,Lucida Handwriting,cursive;letter-spacing:2px}.wizard-logo-heart{font-size:24px;vertical-align:super;margin-left:2px}.wizard-main{flex:1;padding:20px;display:flex;justify-content:center;align-items:flex-start}.wizard-card{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:500px;box-shadow:0 2px 8px #0000001a}.wizard-form-group{margin-bottom:24px}.wizard-label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.wizard-input-container{display:flex;align-items:center;border:1px solid #E0E0E0;border-radius:8px;padding:12px 16px;background-color:#fff;gap:12px;position:relative;cursor:pointer;transition:border-color .2s}.wizard-input-container:hover{border-color:#5c1a0f}.wizard-input-icon{font-size:20px;flex-shrink:0}.wizard-input{flex:1;border:none;outline:none;font-size:16px;color:#333;background:transparent;min-width:0}.wizard-input::placeholder{color:#999}.wizard-formatted-date,.wizard-formatted-time{font-size:16px;color:#333;flex:1}.wizard-formatted-date:empty,.wizard-formatted-time:empty{color:#999}.wizard-guest-selector{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:8px}.wizard-guest-button{width:40px;height:40px;border-radius:50%;border:1px solid #E0E0E0;background-color:#f5f5f5;color:#333;font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.wizard-guest-button:hover:not(:disabled){background-color:#e0e0e0;border-color:#5c1a0f}.wizard-guest-button:disabled{opacity:.5;cursor:not-allowed}.wizard-guest-count{font-size:24px;font-weight:700;color:#333;min-width:40px;text-align:center}.wizard-primary-button{width:100%;padding:16px;background-color:#5c1a0f;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:24px}.wizard-primary-button:hover{background-color:#4a150c}.wizard-primary-button:disabled{opacity:.5;cursor:not-allowed}.wizard-primary-button:disabled:hover{background-color:#5c1a0f}.wizard-secondary-button{width:100%;padding:16px;background-color:#f5f5f5;color:#5c1a0f;border:1px solid #E0E0E0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:12px}.wizard-secondary-button:hover{background-color:#e0e0e0}.wizard-card-title{font-size:20px;font-weight:700;color:#333;margin-bottom:24px}.wizard-details-list{display:flex;flex-direction:column;gap:20px}.wizard-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F0F0F0}.wizard-detail-item:last-child{border-bottom:none}.wizard-detail-label{font-size:16px;color:#666}.wizard-detail-value{font-size:16px;font-weight:600;color:#333}.wizard-success-card{text-align:center;padding:40px 24px}.wizard-success-icon{width:80px;height:80px;border:3px solid #4CAF50;border-radius:12px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background-color:#fdf8ed}.wizard-success-icon-inner{width:100%;height:100%;background-color:#fdf8ed;border-radius:9px}.wizard-success-title{font-size:28px;font-weight:700;color:#333;margin-bottom:12px}.wizard-booking-id{font-size:20px;font-weight:600;color:#ff6b35;margin-bottom:16px;letter-spacing:1px}.wizard-success-message{font-size:16px;color:#666;margin-bottom:32px;line-height:1.5}.wizard-action-buttons{display:flex;flex-direction:column;gap:12px}@media(max-width:480px){.wizard-main{padding:16px}.wizard-card{padding:20px}.wizard-logo{font-size:28px}.wizard-success-icon{width:60px;height:60px}}.reservation-detail-container{min-height:100vh;background-color:#fdf8ed;display:flex;flex-direction:column}.reservation-detail-header{background-color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.back-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#5c1a0f;transition:opacity .2s}.back-button:hover{opacity:.7}.back-button svg{width:24px;height:24px}.reservation-detail-title{font-size:20px;font-weight:700;color:#5c1a0f;margin:0;text-align:center;flex:1}.header-icon-spacer{width:40px}.reservation-detail-main{flex:1;padding:20px;overflow-y:auto}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:200px;padding:20px}.loading-message,.error-message{font-size:16px;color:#999;text-align:center}.error-message{color:#d32f2f}.reservation-detail-content{display:flex;flex-direction:column;gap:24px}.qr-code-section{display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000001a}.qr-code-wrapper{display:flex;align-items:center;justify-content:center;padding:16px;background-color:#fff;border-radius:12px;border:2px solid #F0F0F0}.qr-code-label{margin-top:16px;font-size:14px;color:#666;text-align:center}.booking-info-section{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:20px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #F0F0F0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row-comment{flex-direction:column;gap:8px}.info-label{font-size:14px;color:#666;font-weight:500;flex-shrink:0;min-width:120px}.info-value{font-size:16px;color:#000;font-weight:500;text-align:right;flex:1}.info-row-comment .info-value{text-align:left;margin-top:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.status-2{background-color:#4caf50;color:#fff}.status-1,.status-3{background-color:#ff9800;color:#fff}@media(max-width:768px){.reservation-detail-main{padding:16px}.qr-code-section{padding:24px}.qr-code-wrapper{padding:12px}.booking-info-section{padding:20px}.info-label{min-width:100px;font-size:13px}.info-value{font-size:15px}}@media(max-width:480px){.reservation-detail-main{padding:12px}.qr-code-section{padding:20px}.booking-info-section{padding:16px;gap:16px}.info-row{padding-bottom:12px}.info-label{min-width:80px;font-size:12px}.info-value{font-size:14px}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background-color:#f5f5f5;display:flex;justify-content:space-around;align-items:center;padding:8px 0;border-top:1px solid #E0E0E0;z-index:1000;box-shadow:0 -2px 8px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 16px;min-width:80px;transition:all .2s;border-radius:8px}.nav-item:hover{background-color:#0000000d}.nav-item:active{transform:scale(.95)}.nav-icon{display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s}.nav-item.active .nav-icon{color:#5c1a0f}.nav-label{font-size:12px;color:#999;font-weight:400;transition:color .2s,font-weight .2s}.nav-item.active .nav-label{color:#5c1a0f;font-weight:500}.nav-item.active{background-color:#5c1a0f1a}@media(max-width:480px){.bottom-navigation{padding:6px 0}.nav-item{padding:6px 12px;min-width:70px;gap:3px}.nav-icon svg{width:22px;height:22px}.nav-label{font-size:11px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;padding-bottom:70px}@media(max-width:480px){#root{padding-bottom:65px}}