@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Grand+Hotel&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.calendar-page{background-color:#fafafa;min-height:100vh}.calendar-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:40px auto;max-width:935px;text-align:center}.rbc-toolbar{font-size:1rem;justify-content:space-between;margin-bottom:1rem}.rbc-toolbar .rbc-toolbar-label{font-size:1.5rem;font-weight:600}.rbc-toolbar button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease}.rbc-toolbar button:hover{background-color:#0056b3}.authenticated-header{background-color:#fff;border-bottom:1px solid #dbdbdb;height:60px;padding:0 20px}.authenticated-header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px}.authenticated-logo a{color:#262626;font-family:Grand Hotel,cursive;font-size:28px;text-decoration:none}.authenticated-nav{display:flex;flex-grow:1;justify-content:center}.authenticated-nav ul{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.authenticated-nav a{color:#262626;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.logout-btn{background:none;border:none;color:#0095f6;cursor:pointer;font-size:14px;font-weight:600}.logout-btn:hover{background-color:#d35400}.profile-dropdown-container{position:relative}.profile-dropdown-toggle{align-items:center;background:none;border:none;color:#262626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;text-decoration:none}.profile-icon{font-size:20px}.header-profile-image{border:1px solid #dbdbdb;border-radius:50%;height:24px;object-fit:cover;width:24px}.profile-dropdown-menu{background-color:#fff;border:1px solid #dbdbdb;border-radius:6px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;min-width:150px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:100%;z-index:1001}.profile-dropdown-menu .logout-btn,.profile-dropdown-menu a{background:none;border:none;box-sizing:border-box;color:#262626;font-size:14px;font-weight:400;padding:10px 16px;text-align:left;width:100%}.profile-dropdown-menu a{align-items:center;display:flex;gap:10px;text-decoration:none}.profile-dropdown-menu a:hover{background-color:#f9f9f9}.dropdown-divider{background-color:#dbdbdb;height:1px;margin:8px 0}.dropdown-item-no-hover{cursor:default;padding:10px 16px}.dropdown-toggle{align-items:center;display:flex;gap:6px}.caret{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid #262626;height:0;transition:transform .2s ease;width:0}.dropdown-open .caret{transform:rotate(180deg)}.dropdown-menu{background-color:#f9f9f9;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;min-width:160px;opacity:0;overflow:hidden;padding:8px 0;pointer-events:none;position:absolute;top:100%;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility 0s .2s;visibility:hidden;z-index:1}.dropdown-open .dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.dropdown-menu a{align-items:center;color:#000;display:block;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-decoration:none;transition:background-color .15s ease}.dropdown-menu a:hover{background-color:#f1f1f1}.toggle-switch-container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.toggle-switch{display:inline-block;height:28px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#ed4956}input:not(:checked)+.slider{background-color:#28a745}input:checked+.slider:before{transform:translateX(22px)}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{-webkit-appearance:button;appearance:button;cursor:pointer;overflow:visible;text-transform:none}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar :after,.rbc-calendar :before{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.rbc-ellipsis,.rbc-event-label,.rbc-row-segment .rbc-event-content,.rbc-show-more{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{border-bottom:1px solid #ddd;flex:1 0;font-size:90%;font-weight:700;min-height:0;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{background:none;border:none;color:inherit;cursor:pointer;margin:0;padding:0;-webkit-user-select:text;user-select:text}.rbc-row-content{position:relative;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-toolbar{align-items:center;display:flex;flex-wrap:wrap;font-size:16px;justify-content:center;margin-bottom:10px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{background:none;background-image:none;border:1px solid #ccc;border-radius:4px;color:#373a3c;display:inline-block;line-height:normal;margin:0;padding:.375rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}.rbc-toolbar button.rbc-active,.rbc-toolbar button:active{background-color:#e6e6e6;background-image:none;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.rbc-toolbar button.rbc-active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button:active:hover{background-color:#d4d4d4;border-color:#8c8c8c;color:#373a3c}.rbc-toolbar button:focus,.rbc-toolbar button:hover{background-color:#e6e6e6;border-color:#adadad;color:#373a3c}.rbc-toolbar button:hover{cursor:pointer}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width:767px){.rbc-toolbar{flex-direction:column}}.rbc-day-slot .rbc-background-event,.rbc-event{background-color:#3174ad;border:none;border-radius:5px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;margin:0;padding:2px 5px;text-align:left;width:100%}.rbc-day-slot .rbc-slot-selecting .rbc-background-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-slot-selecting .rbc-event{cursor:inherit;pointer-events:none}.rbc-day-slot .rbc-selected.rbc-background-event,.rbc-event.rbc-selected{background-color:#265985}.rbc-day-slot .rbc-background-event:focus,.rbc-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px 0 #33333380}.rbc-event-continues-prior{border-bottom-left-radius:0;border-top-left-radius:0}.rbc-event-continues-after{border-bottom-right-radius:0;border-top-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;color:#3174ad;font-size:85%;font-weight:700;height:auto;line-height:normal;z-index:4}.rbc-show-more:focus,.rbc-show-more:hover{color:#265985}.rbc-month-view{border:1px solid #ddd;display:flex;flex:1 0;flex-direction:column;height:100%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;flex:1 0;flex-basis:0px;flex-direction:column;height:100%;overflow:hidden;position:relative}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex:1 0;flex-direction:row;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 5px 15px #00000040;padding:10px;position:absolute;z-index:5}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex:1 0;flex-direction:column;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{border:1px solid #ddd;border-collapse:collapse;border-spacing:0;width:100%}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{border-bottom:1px solid #ddd;padding:3px 5px;text-align:left}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1 1}.rbc-timeslot-group{border-bottom:1px solid #ddd;display:flex;flex-flow:column nowrap;min-height:40px}.rbc-header-gutter,.rbc-time-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;margin-right:10px;position:absolute;right:0;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-event{align-items:flex-start;border:1px solid #265985;display:flex;flex-flow:column wrap;max-height:100%;min-height:20px;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{word-wrap:break-word;flex:1 1;height:100%;line-height:1;min-height:1em;width:100%}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{background-color:#fff;border-right:1px solid #ddd;left:0;margin-right:-1px;position:-webkit-sticky;position:sticky;z-index:10}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{flex:1 0;flex-basis:0px;min-width:auto}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-day-bg,.rbc-time-view-resources .rbc-header{flex:1 1;flex-basis:0 px;width:140px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{background-color:#00000080;color:#fff;font-size:75%;padding:3px;position:absolute;width:100%;z-index:10}.rbc-slot-selecting{cursor:move}.rbc-time-view{border:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.rbc-time-view .rbc-time-gutter{text-align:right;white-space:nowrap}.rbc-time-view .rbc-allday-cell{box-sizing:initial;height:100%;position:relative;width:100%}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-left:1px solid #ddd;border-right-width:0}.rbc-time-header>.rbc-row.rbc-row-resource,.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{border-left:1px solid #ddd;display:flex;flex:1 1;flex-direction:column;min-width:0}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{align-items:flex-start;border-top:2px solid #ddd;display:flex;flex:1 0;overflow-y:auto;position:relative;width:100%}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{user-select:none;-webkit-user-select:none;width:100%}.rbc-current-time-indicator{background-color:#74ad31;height:1px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.footer{color:#8e8e8e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;margin-top:24px;padding:20px 0;text-align:center;width:100%}.footer-links{margin-bottom:12px}.footer-links a{color:#8e8e8e;margin:0 8px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-dot{margin:0 4px}.login-panel{align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;gap:16px;padding:0 1rem;width:350px}.login-card{background:#fff;border:1px solid #dbdbdb;padding:20px;text-align:center}.login-card,.login-form input{box-sizing:border-box;width:100%}.login-form input{background:#fafafa;border:1px solid #ddd;border-radius:3px;margin-bottom:8px;outline:none;padding:9px 10px}.login-btn{background:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px;width:100%}.divider{gap:8px;margin:12px 0}.divider:after,.divider:before{background:#ddd;flex:1 1}.divider span{color:#8e8e8e;font-weight:600}.facebook-btn{background:#0000;border:none;color:#385185;cursor:pointer;font-weight:600}.forgot{color:#00376b;display:block;margin-top:8px;text-decoration:none}.signup-card{background:#fff;border:1px solid #dbdbdb;padding:16px;width:100%}.get-app,.signup-card{text-align:center}.app-badges{display:flex;gap:16px;justify-content:center;margin-top:8px}.android-login-badge,.ios-login-badge{align-items:center;color:#333;display:flex;flex-direction:column;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s}.android-login-badge img,.ios-login-badge img{height:48px;margin-bottom:4px;width:48px}.android-login-badge:hover,.ios-login-badge:hover{color:#ff9800;transform:translateY(-2px) scale(1.05)}.app-badges img{margin:6px 6px 0;width:120px}.common-app-logo{margin:0 auto 18px;text-align:center}.common-app-logo a{color:#262626;font-family:Grand Hotel,cursive;font-size:28px;text-decoration:none}.home-layout{box-sizing:border-box;display:flex;gap:48px;justify-content:center;padding:40px 20px}.home-main{flex:1 1;max-width:900px}.home-side{align-self:flex-start;width:350px}.login-visual{align-items:center;display:flex;gap:32px;margin-bottom:40px}.login-visual-img img{background:#fffbe7;border-radius:16px;box-shadow:0 2px 12px #00000014;height:180px;object-fit:contain;width:180px}.login-visual-text h1{color:#e67e22;font-size:2rem;margin-bottom:10px}.login-visual-text p{color:#555;font-size:1.1rem;margin:0}.login-visual-heading{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:#ff3d7f;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-shadow:0 2px 8px #ffd6e0}.feature-section{background:linear-gradient(135deg,#fffbe7 60%,#e3f0ff);border:1.5px solid #e0e0e0;border-radius:22px;box-shadow:0 8px 32px #50507821,0 1.5px 8px #00000012;margin:48px 0 32px;padding:32px 24px;position:relative;text-align:center;z-index:1}.feature-section h2{color:#4d4d4d;font-family:Billabong,Pacifico,cursive,Segoe UI,Arial,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:1px;margin-bottom:18px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{align-items:center;color:#444;display:flex;font-size:1.15rem;gap:8px;justify-content:center;margin-bottom:12px}@media (max-width:1000px){.home-layout{align-items:center;flex-direction:column}.home-side{max-width:420px;width:100%}.login-visual{align-items:flex-start;flex-direction:column;gap:16px}.login-visual-img img{height:120px;width:120px}}.dashboard-page{background-color:#fafafa;min-height:100vh}.dashboard-container{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:40px auto;max-width:935px;padding:20px;text-align:center}.panel-actions-container{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.dashboard-container h1{font-size:24px;font-weight:600}.dashboard-error{font-weight:600}.dashboard-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-weight:600;margin:1rem 0;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.dashboard-link:hover{background-color:#0056b3}.rbc-event{background-color:#007bff;border:none;border-radius:5px;color:#fff;font-size:.8em;overflow:hidden;padding:2px 5px;text-overflow:ellipsis;white-space:nowrap}.rbc-today{background-color:#eaf6ff}.dashboard-panel{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;margin-top:20px;padding:20px}.formal-panel{box-shadow:0 1px 3px #0000000d}.panel-header{justify-content:space-between}.panel-actions,.panel-header{align-items:center;display:flex}.panel-actions{gap:10px}.formal-title{color:#262626;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.dashboard-empty,.dashboard-error,.dashboard-loading{color:#8e8e8e;padding:20px;text-align:center}.dashboard-error{color:#ed4956}.formal-table-wrapper{overflow-x:auto}.formal-table{border-collapse:collapse;font-size:.9rem;width:100%}.formal-table td,.formal-table th{border-bottom:1px solid #efefef;padding:12px 15px;text-align:left}.formal-table th{background-color:#fafafa;color:#262626;font-weight:600}.formal-table tbody tr:last-child td{border-bottom:none}.share-btn{background-color:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 10px}.share-btn:disabled{background-color:#b2dffc;cursor:not-allowed}.action-divider{color:#dbdbdb;font-size:14px}.profile-page{align-items:center;background-color:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-card{max-width:450px;padding:2rem;width:100%}.profile-form .form-group{margin-bottom:1rem}.profile-form label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.profile-form input{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:3px;padding:.75rem;width:100%}.profile-form .submit-btn{background-color:#3897f0;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem;width:100%}.profile-error{color:#ed4956;margin:1rem 0}.profile-success{color:#28a745;margin:1rem 0}.settings-page{background-color:#fafafa;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:40px 20px}.settings-card{max-width:600px;width:100%}.delete-section{border-top:1px solid #dbdbdb;margin-top:2rem;padding-top:1.5rem}.delete-section h3{color:#ed4956;margin-bottom:.5rem}.delete-section p{color:#555;font-size:.9rem;margin-bottom:1rem}.delete-btn{background-color:#ed4956}.delete-btn:hover{background-color:#c23321}.add-user-page{align-items:center;background-color:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:20px}.add-user-card{max-width:450px;padding:2rem;width:100%}.add-user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.share-link-section{background-color:#f7f7f7;margin-bottom:1.5rem;padding:1rem}.auth-prompt,.share-link-section{border-radius:5px;text-align:center}.auth-prompt{background-color:#e3f2fd;font-size:.9rem;margin-top:1rem;padding:10px}.add-user-form .form-group{margin-bottom:1rem}.add-user-form label{color:#555;display:block;font-weight:600;margin-bottom:.5rem}.add-user-form input{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:3px;padding:.75rem;width:100%}.submit-btn{background-color:#3897f0;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin-top:1rem;padding:.75rem;text-align:center;text-decoration:none;width:100%}.form-error{color:#ed4956;margin:1rem 0}.form-success{color:#28a745;font-size:1.1rem;margin:1rem 0}.form-success-container{padding:2rem 0;text-align:center}.success-icon{color:#28a745;display:block;font-size:4rem;line-height:1;margin-bottom:1rem}.panel-action-link{background:none;border:none;color:#0095f6;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none}.panel-action-link:disabled{color:#8e8e8e;cursor:not-allowed}.share-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal-content{background:#fff;border-radius:8px;max-width:500px;padding:2rem;position:relative;width:90%}.share-modal-content input{border:1px solid #dbdbdb;border-radius:3px;margin:1rem 0;padding:8px;width:100%}.share-modal-content .close-btn{background:#0000;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.main-header{background-color:#fff;border-bottom:none;box-shadow:0 2px 4px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-logo a{color:#262626;font-family:Grand Hotel,cursive;font-size:28px;text-decoration:none}.main-nav .nav-list{display:flex;gap:30px;list-style:none;margin:0;padding:0}.main-nav .nav-list a{color:#262626;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.main-nav .nav-list a:hover{color:#0095f6}.login-btn-header,.signup-btn-header{border-radius:4px;font-size:14px;font-weight:600;margin-left:10px;padding:8px 16px;text-align:center;text-decoration:none}.login-btn-header{background-color:initial;border:1px solid #0095f6;color:#0095f6}.signup-btn-header{background-color:#0095f6;border:1px solid #0000;color:#fff}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f9f9f9;border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;overflow:hidden;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown-icon{display:inline-block;width:20px}.public-profile-page{align-items:center;background-color:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:20px}.public-profile-page .profile-card{max-width:800px;padding:0 2rem 2rem;text-align:center;transition:padding .3s ease-in-out;width:100%}.public-profile-page .profile-card p{color:#555;font-size:1.1rem;margin:.5rem 0}.public-profile-page .error-panel{color:#ed4956}.public-profile-image{border:3px solid #e67e22;border-radius:50%;object-fit:cover}.profile-image-container,.public-profile-image{height:120px;transition:width .3s ease-in-out,height .3s ease-in-out;width:120px}.profile-image-container{flex-shrink:0;position:relative}.profile-image-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#e67e22;border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.public-profile-initial{align-items:center;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:60px;font-weight:300;height:120px;justify-content:center;transition:width .3s ease-in-out,height .3s ease-in-out,font-size .3s ease-in-out;width:120px}.profile-top-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:1rem;transition:all .3s ease-in-out}.profile-details-section{align-items:center;display:flex;flex-grow:1;gap:1.5rem}.profile-user-info{text-align:left}.profile-user-info .formal-title{color:#262626;font-size:1.2rem;font-weight:600;margin-bottom:0}.profile-stats{border-left:1px solid #dbdbdb;display:flex;gap:1.5rem;padding-left:1.5rem}.stat-item{text-align:center}.stat-count{font-size:1.1rem;font-weight:700}.stat-label{color:#8e8e8e;display:block;font-size:.9rem}.profile-content-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.calendar-wrapper{flex:1 1;min-width:300px}.right-content-wrapper{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.public-profile-page .birthday-info p{font-size:1rem;margin-bottom:.5rem}.public-profile-page .birthday-info{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:1rem;text-align:center}.public-profile-page .today-birthday{color:#e67e22;font-size:1.2rem;font-weight:700}.wish-buttons-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.wish-options-section{text-align:center}.wish-buttons-grid button{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 6px #0000000d;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;justify-content:center;padding:1rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.wish-buttons-grid button:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-3px)}.calendar-container{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:1rem;margin-top:2rem;padding:20px;transition:all .3s ease-in-out}.wish-buttons-grid button span{font-size:1.75rem;margin-bottom:.5rem}.react-calendar{border:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:font-size .3s ease-in-out;width:100%}.react-calendar__navigation button{border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1.2rem;font-weight:500;transition:background-color .2s ease}.react-calendar__navigation button:hover{background-color:#f8f9fa}.react-calendar__month-view__weekdays__weekday{color:#8e8e8e;font-weight:500;text-align:center;text-decoration:none}.react-calendar__tile{border-radius:4px;transition:background-color .2s ease}.birthday-tile{background-color:#007bff!important;color:#fff!important;font-weight:700}.react-calendar__tile--now{background:#f0f7ff!important;font-weight:600}.react-calendar__tile--active{background:#007bff!important;color:#fff!important}.public-profile-page .info-text{color:#8e8e8e;font-size:.95rem;margin:1rem 0 1.5rem}.public-username-text{color:#8e8e8e;font-size:1rem;font-size:.9rem;margin-bottom:1rem!important;margin-top:-.5rem!important;margin-top:.1rem!important}.celebrate-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin:1rem 0;padding:10px;transition:all .2s ease-in-out;width:100%}.celebrate-btn.celebrating{background-color:#e67e22;border:1px solid #d35400;color:#fff}.celebrate-btn:not(.celebrating){background-color:#f0f2f5;border:1px solid #d1d8e0;color:#333}.login-prompt-to-wish{font-size:1rem!important;margin-top:1.5rem!important}.voice-wish-modal .wish-modal-header{align-items:center;display:flex;justify-content:space-between}.voice-wish-body{padding:2rem 0;text-align:center}.voice-recorder-ui{margin-bottom:1.5rem;min-height:120px}.mic-btn{background-color:#e67e22;height:100px;position:relative;transition:all .3s ease;width:100px}.mic-btn:hover{background-color:#d35400}.mic-btn .mic-icon{background-color:#fff;height:40px;mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72h-1.7z"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.49 6-3.31 6-6.72h-1.7z"/></svg>');-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:40px}.mic-btn.recording{animation:pulse 1.5s infinite}.recording-timer{bottom:-25px;color:#333;font-size:1rem;font-weight:500;position:absolute}.voice-wish-instructions{color:#8e8e8e;font-size:.95rem}.wish-modal-footer{border-top:1px solid #eee;padding-top:1.5rem}@media (max-width:768px){.public-profile-page .profile-card{padding:1rem}.profile-top-section{gap:1rem;margin-bottom:.5rem}.profile-content-wrapper{flex-direction:column;gap:1rem}.calendar-wrapper,.right-content-wrapper{min-width:0;width:100%}.react-calendar{font-size:.8rem}.wish-actions{flex-direction:column;gap:10px}.profile-image-container,.public-profile-image,.public-profile-initial{height:100px;width:100px}.public-profile-initial{font-size:50px}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.wish-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wish-modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:2rem;position:relative;width:90%}.wish-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.wish-modal-header h3{font-size:1.25rem;margin:0}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:2rem;line-height:1}.wish-modal-body textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;resize:vertical;width:100%}.wish-modal-footer{margin-top:1.5rem;text-align:right}.submit-wish-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.submit-wish-btn:disabled{background-color:#a0c7e4;cursor:not-allowed}.submit-wish-btn:hover:not(:disabled){background-color:#0056b3}.wish-modal-error{background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px;color:#d9534f;margin-bottom:1rem;padding:1rem}.voice-recorder-ui{min-height:100px}.mic-btn,.voice-recorder-ui{align-items:center;display:flex;justify-content:center}.mic-btn{background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-direction:column;height:80px;width:80px}.mic-btn.recording{background-color:#d9534f}.mic-icon{font-size:2rem}.mic-icon:before{content:"🎤"}.recording-timer{font-size:.9rem;margin-top:5px}.audio-playback audio{width:100%}.voice-wish-instructions{color:#666;margin-top:1rem;text-align:center}.auth-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.auth-modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.auth-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.auth-modal-header h3{flex-grow:1;font-size:1.25rem;margin:0}.auth-modal-body p{color:#555;font-size:1rem;margin-bottom:1.5rem}.auth-modal-btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-bottom:.75rem;padding:.75rem;width:100%}.auth-modal-btn.login{background-color:#0095f6;color:#fff}.auth-modal-btn.signup{background-color:initial;border:1px solid #0095f6;color:#0095f6}.posts-section-container{margin-top:2rem;width:100%}.section-divider{border:0;border-top:1px solid #dbdbdb;margin:2rem 0}.posts-section-container h3{color:#8e8e8e;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.post-item{cursor:pointer;overflow:hidden;padding-top:100%;position:relative;width:100%}.post-image{height:100%;object-fit:cover;width:100%}.post-image,.post-overlay{left:0;position:absolute;top:0}.post-overlay{align-items:center;background-color:#0006;bottom:0;color:#fff;display:flex;justify-content:center;opacity:0;padding:1rem;right:0;text-align:center;transition:opacity .3s ease}.post-item:hover .post-overlay{opacity:1}.post-caption{font-size:.9rem}.private-profile-message{padding:2rem 0;text-align:center}.private-profile-message p{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.private-profile-message span{color:#8e8e8e}.static-page{align-items:center;background:#f5f6fa;display:flex;justify-content:center;min-height:80vh;padding:40px 10px}.static-page-card{background:#fff;border-radius:18px;box-shadow:0 2px 16px #00000012;max-width:520px;padding:40px 32px;text-align:center;width:100%}.static-page-card h1{color:#e67e22;font-size:2rem;margin-bottom:18px}.static-page-card ul{margin:18px 0;padding-left:20px;text-align:left}.static-page-card li{color:#444;font-size:1.08rem;margin-bottom:10px}.static-page-card a{color:#0095f6;text-decoration:none}.static-page-card a:hover{text-decoration:underline}.signup-panel{align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;gap:18px;width:350px}.signup-card{color:#8e8e8e;font-size:17px;font-weight:600;line-height:20px;margin:0 40px 10px}.signup-form{display:flex;flex-direction:column;gap:10px;width:100%}.signup-form input{background:#fafafa;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;outline:none;padding:9px 10px}.signup-form button{background:#0095f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:10px}.signup-error,.signup-success{font-weight:600;margin-top:10px}.signup-error{color:#d32f2f}.signup-success{color:#388e3c}.username-input-wrapper{align-items:center;display:flex;position:relative}.username-input-wrapper input{width:100%}.spinner{animation:spin 1s linear infinite;border:2px solid #0000001a;border-left-color:#0095f6;border-radius:50%;height:16px;position:absolute;right:10px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.username-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;margin-top:-4px}.suggestion-btn{background-color:#e0f2ff;border:1px solid #b3e0ff;border-radius:4px;color:#006fcc;cursor:pointer;font-size:12px;font-weight:600;padding:4px 8px;transition:background-color .2s}.suggestion-btn:hover{background-color:#ccebff}.country-code-wrapper{margin-bottom:-10px;z-index:2}.country-code-wrapper select{background:#fafafa;border:1px solid #ddd;border-radius:3px;padding:4px}.dob-label{color:#8e8e8e;font-size:12px;margin:10px 0 -5px;text-align:left}.dob-selects{display:flex;gap:8px;width:100%}.dob-selects select{background:#fafafa;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;flex-grow:1;outline:none;padding:9px 5px}.dob-info{color:#8e8e8e;font-size:12px;margin:0 0 5px;text-align:center}.forgot-password-panel{align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;gap:10px;width:380px}.back-to-login-card,.forgot-card{background:#fff;border:1px solid #dbdbdb;box-sizing:border-box;padding:20px 40px;text-align:center;width:100%}.forgot-card{padding-bottom:30px;padding-top:30px}.back-to-login-card{padding:15px}.back-to-login-card a{color:#00376b;font-weight:600;text-decoration:none}.lock-icon{border:2px solid #262626;border-radius:50%;height:96px;margin:0 auto 15px;position:relative;width:96px}.lock-icon:before{border:2px solid #262626;border-bottom:none;border-radius:20px 20px 0 0;height:30px;top:-22px;transform:translateX(-50%);width:40px}.lock-icon:after,.lock-icon:before{content:"";left:50%;position:absolute}.lock-icon:after{background:#262626;border-radius:50%;height:8px;top:35%;transform:translate(-50%,-50%);width:8px}.forgot-card h2{color:#262626;font-size:16px;font-weight:600;margin-bottom:10px}.info-text{color:#8e8e8e;font-size:14px;margin-bottom:20px}.forgot-form{display:flex;flex-direction:column;gap:10px}.forgot-form input{background:#fafafa;border:1px solid #ddd;border-radius:3px;padding:9px 10px}.forgot-form button,.send-link-btn{background:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px}.forgot-error{color:#ed4956;margin-top:10px}.divider{align-items:center;color:#8e8e8e;display:flex;font-size:13px;font-weight:600;margin:15px 0}.divider span{padding:0 18px}.divider:after,.divider:before{background:#dbdbdb;content:"";flex-grow:1;height:1px}.create-new-account{color:#262626;font-size:14px;font-weight:600;text-decoration:none}.user-found-container{align-items:center;display:flex;flex-direction:column}.profile-initial{align-items:center;background-color:#0095f6;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:500;height:90px;justify-content:center;margin-bottom:15px;width:90px}.username-text{font-weight:600;margin-bottom:10px}.not-you-link{color:#0095f6;font-weight:600;margin-top:15px;text-decoration:none}.coming-soon-page{align-items:center;background-color:#fafafa;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:20px;text-align:center}.coming-soon-content{max-width:600px}.coming-soon-content h1{color:#333;font-size:3rem;margin-bottom:1rem}.coming-soon-content p{color:#555;font-size:1.2rem;line-height:1.6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center}.modal-actions{margin-top:1.5rem}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.confirm-btn{background-color:#28a745;color:#fff}.confirm-btn:hover{background-color:#218838}.voice-creation-container{align-items:center;background-color:#fafafa;display:flex;flex-direction:column;padding:2rem;text-align:center}.voice-recorder{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:1rem;max-width:500px;padding:2rem;width:100%}.device-selector{margin-bottom:1.5rem}.device-selector label{margin-right:.5rem}.device-selector select{border-radius:8px;padding:.5rem}.controls{margin-bottom:1.5rem}.controls button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 .5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.controls button:hover{background-color:#0069d9}.controls button:disabled{background-color:#a0c8f0;cursor:not-allowed}.playback{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem}.playback audio{border-radius:8px;margin-bottom:1.5rem;width:100%}.playback button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.playback button:hover{background-color:#218838}.playback button.download-btn{background-color:#6c757d}.playback button.download-btn:hover{background-color:#5a6268}.playback button.record-again-btn{background-color:#dc3545}.playback button.record-again-btn:hover{background-color:#c82333}.waveform-canvas{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;height:100px;margin-bottom:1rem;width:100%}.image-editor-container{background-color:#f4f7f9;box-sizing:border-box;display:flex;gap:20px;height:calc(100vh - 80px);padding:2rem}.editor-main-panel{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #959da533;display:flex;flex:3 1;justify-content:center;overflow:hidden;padding:1rem}.editor-canvas-container{max-height:100%;max-width:100%}.editor-canvas-container canvas{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.editor-canvas-container canvas.cropping{cursor:crosshair}.upload-placeholder{border:2px dashed #d1d8e0;border-radius:12px;color:#777;padding:2rem;text-align:center}.upload-placeholder h3{color:#333;margin-top:0}.editor-controls-panel{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #959da533;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.control-section h4{border-bottom:2px solid #f1f3f5;color:#e67e22;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.accordion-header h4{border-bottom:none;margin:0}.accordion-icon{color:#e67e22;font-size:1.5rem;font-weight:700}.accordion-content{animation:fadeIn .3s ease-in-out;padding-top:1rem}.control-section label{color:#555;display:block;font-weight:500;margin-bottom:.75rem}.control-section label span:first-child{margin-right:8px}.filter-value{background-color:#f1f3f5;border-radius:4px;color:#333;display:inline-block;font-weight:400;min-width:40px;padding:2px 6px;text-align:right}.control-section input[type=range]{cursor:pointer;width:100%}.control-section input[type=text]{width:100%}.control-section select{background-color:#f1f3f5;border:1px solid #d1d8e0;border-radius:4px;cursor:pointer;padding:8px;width:100%}.text-style-buttons{display:flex;gap:10px;margin-top:5px}.text-style-buttons button{background-color:#f1f3f5;border:1px solid #d1d8e0;border-radius:4px;cursor:pointer;font-size:1rem;padding:5px 10px;transition:background-color .2s ease,border-color .2s ease}.text-style-buttons button:hover{background-color:#e9ecef}.text-style-buttons button.active{background-color:#e67e22;border-color:#d35400;color:#fff}.text-align-buttons{display:flex;gap:10px;margin-top:5px}.text-align-buttons button{background-color:#f1f3f5;border:1px solid #d1d8e0;border-radius:4px;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:background-color .2s ease,border-color .2s ease}.text-align-buttons button:hover{background-color:#e9ecef}.text-align-buttons button.active{background-color:#e67e22;border-color:#d35400;color:#fff}.history-panel ul{list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:0}.history-panel li{border-bottom:1px solid #f1f3f5;cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.history-panel li:hover{background-color:#f8f9fa}.history-panel li.active{background-color:#e67e22;color:#fff;font-weight:700}.control-section input[type=file]{width:100%}.actions-section,.preset-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.actions-section button,.preset-buttons button{background-color:#e67e22;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .2s ease}.actions-section button:hover,.preset-buttons button:hover{background-color:#d35400}.actions-section button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.image-editor-container{flex-direction:column;height:auto}.editor-controls-panel{order:-1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gratitude-landing-page{align-items:center;background-color:#fafafa;box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:flex-start;min-height:100vh;padding:40px 0;width:100%}.gratitude-flow-header{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:20px;max-width:550px;padding:0 10px;width:100%}.flow-node{flex-direction:column;flex-shrink:0;text-align:center;width:80px}.flow-icon,.flow-node{align-items:center;display:flex}.flow-icon{border-radius:50%;box-shadow:0 4px 8px #0000001a;color:#fff;font-size:1.8rem;font-weight:600;height:60px;justify-content:center;margin-bottom:5px;width:60px}.flow-node.sender .flow-icon{background:linear-gradient(45deg,#3498db,#2980b9)}.flow-node.receiver .flow-icon{background:linear-gradient(45deg,#f1c40f,#e67e22)}.flow-label{color:#555;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.flow-connection{flex-grow:1;margin-top:10px;position:relative;text-align:center}.flow-arrow-path{stroke:#e0e0e0;stroke-width:1;fill:none;stroke-dasharray:4,4;vector-effect:non-scaling-stroke}.flow-arrow-head{animation:move-arrow 4s ease-in-out infinite;offset-path:path("M5 20 C 50 0, 150 0, 195 20")}.gratitude-landing-loader{font-size:1.5rem;font-weight:500}.gratitude-container{box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:450px;overflow-y:auto;position:relative;width:100%}.story-header{align-items:center;background-color:#fff;border-bottom:none;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .3s ease-in-out;z-index:10}.story-header.scrolled{box-shadow:0 2px 4px #0000000d}.story-header h4{font-size:1rem;font-weight:500;line-height:1.3;margin:0}.sender-info{gap:12px;position:relative;z-index:1}.header-actions,.sender-info{align-items:center;display:flex}.header-actions{gap:15px}.story-header .share-component--icon-only{margin:0;position:static;position:relative;z-index:1}.music-toggle-btn{color:#555;font-size:1.2rem}.recipient-name{color:#555;font-size:.9rem;font-weight:500;margin:5px 0 0}.sender-profile-link{color:#f1c40f;font-weight:700;text-decoration:none}.sender-profile-link:hover{text-decoration:underline}.story-content{align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:0;padding:20px;position:relative;text-align:center}.text-content{font-size:1.8rem;font-weight:300;line-height:1.4;text-shadow:1px 1px 3px #0003}.media-content{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain;opacity:1;transform:scale(1);transition:opacity .4s ease-in-out,transform .4s ease-in-out}.media-content.loading{opacity:0;transform:scale(.95)}@keyframes media-spinner-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-spinner{animation:media-spinner-rotation 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#e67e22;height:50px;position:absolute;width:50px;z-index:5}.story-footer{background-color:#fff;padding:20px;text-align:left;z-index:10}.post-meta{margin-top:10px}.caption-content{font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-shadow:none}.caption-content strong{font-weight:600;margin-right:5px}.gratitude-button{align-items:center;background:linear-gradient(45deg,#f1c40f,#e67e22);border:none;border-radius:8px;box-shadow:0 4px 15px #0003;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:15px;text-decoration:none;text-shadow:1px 1px 2px #0003;width:100%}.gratitude-button:hover{background:linear-gradient(45deg,#f39c12,#d35400);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px) scale(1.02)}.actions-container{align-items:center;display:flex;gap:15px;justify-content:flex-start;margin-bottom:0}.gratitude-button--icon{background:#0000;border:none;box-shadow:none;color:#333;font-size:1.5rem;min-width:auto;padding:0;text-shadow:none;transition:transform .2s ease;width:auto}.gratitude-button--icon:hover{background:#e0e0e0;box-shadow:none;transform:none}.hashtags{color:#00376b;font-size:.9rem;font-weight:500;margin-bottom:10px;margin-top:5px}.social-proof{font-size:.9rem;margin-bottom:15px;opacity:.8}.gratitude-container--error{align-items:center;background-color:#fff;justify-content:center;padding:40px;text-align:center}.gratitude-container--error h2{color:#e74c3c;margin-top:15px}.gratitude-container--error p{font-size:1.1rem;margin-bottom:20px;opacity:.8}.error-icon{color:#e74c3c;font-size:4rem;margin-bottom:20px}.gratitude-container--error .gratitude-button{background:#3498db;box-shadow:none;padding:10px 20px;width:auto}.gratitude-container--error .gratitude-button:hover{background:#2980b9;box-shadow:none;transform:none}.header-sparkles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.petal{animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;background:#ffc3c3;border-radius:50% 0;height:15px;opacity:0;position:absolute;top:-10%;width:10px}.petal:first-child{animation-delay:0s;animation-name:petal-fall-sway;left:10%}.petal:nth-child(2){animation-delay:-5s;animation-name:petal-fall-diagonal-left;background:#ffe4e1;left:25%}.petal:nth-child(3){animation-delay:-2s;animation-duration:8s;animation-name:petal-fall-sway;left:40%}.petal:nth-child(4){animation-delay:-8s;animation-name:petal-fall-diagonal-right;background:#ffb6c1;height:18px;left:60%;width:12px}.petal:nth-child(5){animation-delay:-4s;animation-duration:12s;animation-name:petal-fall-sway;left:75%}.petal:nth-child(6){animation-delay:-1s;animation-name:petal-fall-diagonal-left;background:#fddde6;left:85%}.petal:nth-child(7){animation-delay:-7s;animation-name:petal-fall-diagonal-right;left:5%}@keyframes petal-fall-sway{0%{opacity:1;top:-10%;transform:translateX(0) rotate(0deg)}25%{transform:translateX(-20px) rotate(45deg)}50%{transform:translateX(20px) rotate(90deg)}75%{transform:translateX(-20px) rotate(135deg)}to{opacity:.2;top:110%;transform:translateX(0) rotate(180deg)}}.flow-date{background-color:#fff;border:1px solid #eee;border-radius:12px;color:#333;display:inline-block;font-size:.75rem;font-weight:600;margin-top:8px;padding:2px 8px;position:relative;z-index:1}@keyframes move-arrow{0%{offset-distance:0;opacity:0}25%{opacity:1}75%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes petal-fall-diagonal-left{0%{opacity:1;top:-10%;transform:rotate(30deg)}to{opacity:.2;top:110%;transform:translateX(-200px) rotate(250deg)}}@keyframes petal-fall-diagonal-right{0%{opacity:1;top:-10%;transform:rotate(-30deg)}to{opacity:.2;top:110%;transform:translateX(200px) rotate(-250deg)}}.related-posts-section{box-sizing:border-box;margin:40px auto;max-width:935px;padding:0 20px;width:100%}.related-posts-section h2{color:#8e8e8e;font-size:1.5rem;font-weight:400;margin-bottom:25px;text-align:center}.related-posts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.related-post-card{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.related-post-header{align-items:center;display:flex;gap:10px;padding:12px 15px}.related-post-avatar{align-items:center;background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.related-post-sender{color:#262626;font-size:.9rem;font-weight:600}.related-post-media img,.related-post-media video{border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;height:300px;object-fit:cover;width:100%}.related-post-content{flex-grow:1;padding:15px}.related-post-caption{color:#262626;font-size:.9rem;line-height:1.4;margin:0 0 10px}.related-post-caption strong{font-weight:600;margin-right:5px}.related-post-hashtags{color:#00376b;font-size:.85rem;margin-bottom:10px}.related-post-date{color:#8e8e8e;font-size:.75rem;text-transform:uppercase}.skeleton-container{pointer-events:none}.skeleton-footer,.skeleton-header{padding:20px}.skeleton-header{padding-bottom:15px}.skeleton-content{background-color:#e0e0e0;flex-grow:1}.skeleton-content,.skeleton-line{animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:20px}.skeleton-line--h4{height:24px;width:60%}.skeleton-caption-container{align-items:flex-start;display:flex;gap:10px;margin-bottom:15px}.skeleton-caption-lines{flex-grow:1}.skeleton-line--caption{margin-bottom:8px;width:100%}.skeleton-line--caption-short{width:70%}.skeleton-line--hashtags{height:16px;margin-bottom:20px;width:80%}.skeleton-button{border-radius:8px;height:50px;width:100%}.skeleton-button,.skeleton-icon-button{animation:pulse 1.5s ease-in-out infinite;background-color:#e0e0e0}.skeleton-icon-button{border-radius:5px;flex-shrink:0;height:30px;width:40px}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#f0f0f0}to{background-color:#e0e0e0}}.share-component{margin-top:15px;position:relative;width:100%}.share-component--icon-only{margin-top:0;position:absolute;right:15px;top:15px;width:auto;z-index:20}.gratitude-button--icon-only{padding:10px}.gratitude-button--share{background:#3498db}.gratitude-button--share:hover{background:#2980b9}.share-fallback-menu{background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:15px;justify-content:center;opacity:0;padding:15px;pointer-events:none;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out}.share-fallback-menu.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.share-fallback-menu a,.share-fallback-menu button{background:none;border:none;color:#555;cursor:pointer;font-size:1.8rem;opacity:0;transform:scale(.5);transition:color .2s ease-in-out,transform .2s ease-in-out,opacity .2s ease-in-out}.share-fallback-menu.visible a,.share-fallback-menu.visible button{opacity:1;transform:scale(1)}.share-fallback-menu a:hover,.share-fallback-menu button:hover{color:#000;transform:scale(1.1)}.share-fallback-menu button{padding:0}.share-fallback-menu.visible a:first-child{transition-delay:.05s}.share-fallback-menu.visible a:nth-child(2){transition-delay:.1s}.share-fallback-menu.visible a:nth-child(3){transition-delay:.15s}.share-fallback-menu.visible button:nth-child(4){transition-delay:.2s}.share-fallback-menu a[aria-label*=Twitter]:hover{color:#1da1f2}.share-fallback-menu a[aria-label*=Facebook]:hover{color:#1877f2}.share-fallback-menu a[aria-label*=WhatsApp]:hover{color:#25d366}.share-fallback-menu button[aria-label*=link]:hover{color:#e67e22}.like-button{align-items:center;background-color:#f0f0f0;border:1px solid #dbdbdb;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease-in-out}.like-button:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.7}.like-button.liked{background-color:#ffeff2;border-color:#ff1493;color:#333}.like-button.liked .like-icon{color:#ff1493}.like-button.animating .like-icon{animation:like-pop .4s ease-in-out}.like-button.animating .like-count{animation:count-change .4s ease-in-out}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes count-change{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.like-spinner{animation:like-spin .8s linear infinite;border:2px solid #0003;border-radius:50%;border-top-color:#333;height:16px;width:16px}@keyframes like-spin{to{transform:rotate(1turn)}}.like-button.error{background-color:#fbe9e7;border-color:#d32f2f;color:#d32f2f;cursor:not-allowed}.comment-section{border-top:1px solid #efefef;margin-top:1rem;padding-top:1rem}.comment-form{display:flex;gap:8px;margin-bottom:1rem}.comment-input{border:1px solid #dbdbdb;border-radius:20px;flex-grow:1;font-size:.9rem;padding:8px 16px}.comment-submit-btn{background:none;border:none;color:#0095f6;cursor:pointer;font-weight:600}.comment-submit-btn:disabled{color:#b2dffc;cursor:not-allowed}.comment-error{color:#ed4956;font-size:.9rem;margin-bottom:1rem}.comment-item{font-size:.9rem;margin-bottom:.5rem}.comment-item p{margin:0}.comment-timestamp{color:#8e8e8e;font-size:.75rem}.gratitude-page-wrapper{background-color:#fafafa;min-height:100vh;padding-bottom:40px}.gratitude-page{padding:20px}.gratitude-container{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;margin:0 auto;max-width:700px;padding:20px 40px}.gratitude-form .form-group{margin-bottom:1.5rem}.gratitude-form label{color:#262626;display:block;font-weight:600;margin-bottom:5px}.gratitude-form input[type=text],.gratitude-form textarea{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:4px;padding:8px 12px;width:100%}.gratitude-form textarea{min-height:100px;resize:vertical}.message-type-selector{display:flex;gap:10px;margin-bottom:1rem}.message-type-selector button{background-color:#fff;border:1px solid #dbdbdb;border-radius:4px;cursor:pointer;flex:1 1;padding:10px;transition:background-color .2s,border-color .2s}.message-type-selector button.active{background-color:#0095f6;border-color:#0095f6;color:#fff}.gratitude-error,.gratitude-success{align-items:center;border-radius:4px;display:flex;gap:10px;margin-bottom:1rem;padding:15px}.gratitude-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.gratitude-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.gratitude-list-section{margin-top:2rem}.filter-form{padding:15px}.filter-form input{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:4px;flex:1 1 150px;min-width:150px;padding:8px 12px;transition:border-color .2s ease-in-out}.filter-form input:focus{border-color:#a8a8a8;outline:none}.filter-form button{background-color:#0095f6;font-weight:600;transition:background-color .2s ease-in-out}.filter-form button:hover:not(:disabled){background-color:#007ac1}.filter-form button:disabled{background-color:#b2dffc;cursor:not-allowed}.filter-form button.clear-filters-btn{background-color:#6c757d;margin-left:10px}.filter-form button.clear-filters-btn:hover:not(:disabled){background-color:#5a6268}.gratitude-list{grid-gap:20px;display:grid;gap:20px}.post-card{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;padding:15px}.media-container{gap:10px;margin-top:10px}.media-item img,.media-item video{border-radius:4px;max-height:500px}.post-footer{align-items:center;color:#8e8e8e;display:flex;font-size:12px;justify-content:space-between;margin-top:10px}.gratitude-error-container,.loading-message{color:#8e8e8e;padding:20px;text-align:center}.load-more-btn{background-color:#0095f6}.load-more-btn:disabled{background-color:#b2dffc}.gratitude-view-options{display:flex;gap:10px;margin-bottom:20px}.gratitude-view-options .submit-btn-secondary{align-items:center;display:inline-flex;flex:1 1;justify-content:center;text-align:center;text-decoration:none}.delete-btn{margin:0 10px}.gratitude-list-page{background-color:#f0f2f5;box-sizing:border-box;min-height:100vh;padding:20px}.gratitude-list-container{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;margin:0 auto;max-width:935px;padding:20px}.gratitude-list{padding:0}.gratitude-list h2{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.post{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;margin-bottom:20px;overflow:hidden}.post-header{align-items:center;color:#262626;display:flex;font-weight:600;padding:12px 16px}.post-avatar{background-color:#efefef;border-radius:50%;height:32px;margin-right:12px;width:32px}.media-container{background-color:#efefef;border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;display:flex;overflow-x:auto}.media-item{flex:none}.media-item img,.media-item video{display:block;margin:0 auto;max-height:70vh;max-width:100%;width:auto}.post-footer{padding:12px 16px}.post-caption{margin-bottom:8px}.post-caption p{line-height:1.4;margin:0}.post-hashtags{color:#00376b;margin-top:4px}.share-link{color:#007bff;display:inline-block;font-weight:500;margin-bottom:8px;text-decoration:none}.post-timestamp{color:#8e8e8e;display:block;font-size:.75rem;text-transform:uppercase}@media (max-width:768px){.gratitude-list h2{font-size:1.5rem}.post{border-left:none;border-radius:0;border-right:none}.post p{font-size:.95rem}.post small{font-size:.8rem}}@media (max-width:480px){.gratitude-list h2{font-size:1.3rem}.media-item img,.media-item video{height:auto;max-width:100%}}.load-more-container{margin-bottom:20px;margin-top:20px;text-align:center}.load-more-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .2s ease}.load-more-btn:hover{background-color:#0056b3}.load-more-btn:disabled{background-color:#ccc;cursor:not-allowed}.gratitude-empty-message{color:#555;padding:20px;text-align:center}.filter-form{align-items:center;background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px}.filter-form input[type=date],.filter-form input[type=number],.filter-form input[type=text]{border:1px solid #ddd;border-radius:4px;flex:1 1 150px;padding:8px}.filter-form button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.filter-form button:hover{background-color:#218838}.back-btn{background-color:#6c757d;border-radius:4px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.back-btn:hover{background-color:#5a6268}.sticky-back-nav{background-color:#fff;border-bottom:1px solid #eee;margin-bottom:15px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.post-actions{align-items:center;display:flex;gap:10px;margin-bottom:8px;margin-top:10px}.delete-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:5px 10px}.delete-btn:hover{background-color:#d32f2f}.post-skeleton{background-color:#fff;border:1px solid #dbdbdb;border-radius:8px;margin-bottom:20px;overflow:hidden}.skeleton-header{align-items:center;display:flex;padding:12px 16px}.skeleton-avatar{background-color:#e0e0e0;border-radius:50%;height:32px;margin-right:12px;width:32px}.skeleton-media{background-color:#e0e0e0;height:470px}.skeleton-footer{padding:12px 16px}.skeleton-line{background-color:#e0e0e0;height:1em;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0}.post-skeleton .skeleton-avatar,.post-skeleton .skeleton-line,.post-skeleton .skeleton-media{animation:shimmer 1.5s linear infinite;background-image:linear-gradient(90deg,#e0e0e0,#f0f0f0 40px,#e0e0e0 80px);background-size:600px}.user-skeleton-item{background-color:#fff;border-bottom:1px solid #eee;padding:15px}.skeleton-line{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-title{height:20px;margin-bottom:10px;width:60%}.skeleton-details{height:16px;width:80%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-users-page{background-color:#f4f7f6;min-height:100vh}.search-users-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.search-form{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{display:flex;gap:1rem;justify-content:flex-start}.search-input{border:1px solid #ccc;border-radius:4px;flex-grow:1;font-size:1rem;padding:10px 15px}.search-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.search-button:disabled,.search-button[disabled]{background-color:#a0cfff;cursor:not-allowed}.clear-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.search-error{color:#d9534f}.user-list{list-style:none;padding:0}.user-list-item-wrapper{border-bottom:1px solid #eee}.user-list-item{color:#333;display:block;padding:15px;text-decoration:none;transition:background-color .2s ease-in-out}.user-list-item:hover{background-color:#f9f9f9}.user-details{color:#666;font-size:.9rem}.pagination{justify-content:space-between;margin-top:1rem}.pagination,.sort-options{align-items:center;display:flex}.sort-options{border-bottom:1px solid #eee;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.sort-button{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s}.sort-button:hover{background-color:#dee2e6}.sort-button.active{background-color:#007bff;border-color:#007bff;color:#fff}
/*# sourceMappingURL=main.fed87ace.css.map*/