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}.contacts-container{background:#f1ebe1;border-radius:8px;margin:20px 0;padding:20px;position:relative}.contacts-close-button{background:none;border:none;cursor:pointer;font-size:20px;position:absolute;right:8px;top:8px;z-index:10}.contacts-form{margin-bottom:20px}.input-group{display:flex;gap:10px}.email-input{background:#faf7f2;border:1px solid #d4c5b0;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.add-button{background:#8d6e63;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:80px;padding:10px 20px}.add-button:disabled{background:#ccc;cursor:not-allowed}.add-button:hover:not(:disabled){background:#795548}.message{border-radius:4px;margin:10px 0;padding:10px}.message.success{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.message.error{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.backend-check-button{background:#faf7f2;border:1px solid #d4c5b0;border-radius:4px;cursor:pointer;font-size:12px;margin-left:10px;padding:4px 8px}.contacts-list{margin-top:20px}.contacts-list h4{color:#3c2e26;margin:0 0 15px}.contact-item{align-items:center;background:#faf7f2;border:1px solid #d4c5b0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.contact-info{display:flex;flex-direction:column}.contact-email{color:#8d6e63;font-size:12px;margin-top:2px}.remove-button{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.remove-button:disabled{background:#ccc;cursor:not-allowed}.remove-button:hover:not(:disabled){background:#b71c1c}.maintenance-page{background:linear-gradient(135deg,#8d6e63,#5d4037);justify-content:center;min-height:100vh;padding:20px}.maintenance-container,.maintenance-page{align-items:center;display:flex;width:100%}.maintenance-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf7f2f2;border-radius:24px;flex-direction:column;gap:24px;max-width:500px;padding:48px;text-align:center}.maintenance-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#8d6e63,#5d4037);border-radius:20px;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;width:80px}.maintenance-title{color:#3c2e26;font-size:28px;font-weight:700;margin:0}.maintenance-status{align-items:center;background:#fff3e0;border:2px solid #d4a574;border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px;width:100%}.maintenance-status-icon{animation:pulse 1.5s ease-in-out infinite alternate;font-size:24px}.maintenance-status-title{color:#8d6e63;font-size:20px;font-weight:600;margin:0}.maintenance-message{color:#5d4037;font-size:16px;line-height:1.6;margin:0;max-width:400px}.maintenance-duration{background:#f1ebe1;border:1px solid #d4c5b0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px;width:100%}.maintenance-duration-label{color:#8d6e63;font-size:14px;font-weight:500}.maintenance-duration-value{color:#5d4037;font-size:16px;font-weight:600}.maintenance-actions{display:flex;gap:12px;justify-content:center;width:100%}.maintenance-refresh-btn{align-items:center;background:linear-gradient(135deg,#8d6e63,#5d4037);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.maintenance-refresh-btn:hover{box-shadow:0 8px 25px #8d6e634d;transform:translateY(-2px)}.maintenance-refresh-btn:active{transform:translateY(0)}.maintenance-footer{border-top:1px solid #d4c5b0;display:flex;flex-direction:column;gap:8px;padding-top:16px;width:100%}.maintenance-footer-text{color:#8d6e63;font-size:14px;margin:0}.maintenance-contact{color:#a1887f;font-size:12px;margin:0}@media (max-width:768px){.maintenance-container{gap:20px;padding:32px 24px}.maintenance-icon{font-size:24px;height:64px;width:64px}.maintenance-title{font-size:24px}.maintenance-status-title{font-size:18px}.maintenance-message{font-size:14px}.maintenance-duration{padding:12px}.maintenance-refresh-btn{font-size:14px;padding:10px 20px}}@media (max-width:480px){.maintenance-page{padding:16px}.maintenance-container{gap:16px;padding:24px 16px}.maintenance-icon{font-size:20px;height:56px;width:56px}.maintenance-title{font-size:20px}.maintenance-status{padding:16px}.maintenance-status-title{font-size:16px}.maintenance-message{font-size:13px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes notification-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.action-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.action-loading-modal{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:16px;padding:32px}.action-loading-icon{animation:pulse 1.5s ease-in-out infinite alternate;font-size:32px}.action-loading-text{color:#1f2937;font-size:16px;font-weight:600}#root,body,html{max-width:100%;overflow-x:hidden}.main-layout{display:flex;min-height:100vh;width:100%}.main-layout.logged-out{display:block}.main-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;width:100%}.navbar{flex-wrap:nowrap!important;gap:16px!important;justify-content:space-between!important;min-height:70px!important;padding:12px 16px!important;position:relative!important}.navbar,.navbar>button,.navbar>div{align-items:center!important;display:flex!important}.navbar>button,.navbar>div{gap:12px!important}.navbar>button.hamburger-menu{background:none!important;border:none!important;border-radius:6px!important;color:#374151!important;cursor:pointer!important;display:none!important;font-size:18px!important;order:1!important;padding:8px!important}.navbar-brand{flex-shrink:0!important;order:2!important}.navbar-search{flex:1 1!important;max-width:400px!important;min-width:150px!important;order:3!important;position:relative!important}.navbar-nav{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:16px!important;order:4!important}.navbar-actions{display:none!important;flex-shrink:0!important;order:5!important}.navbar-user{flex-shrink:0!important;order:6!important}.navbar-toggle{background:#f3f4f6!important;border-radius:12px!important;display:flex!important;flex-shrink:0!important;padding:4px!important}.navbar-follow-btn{align-items:center;background:#8d6e63;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.navbar-follow-btn:hover{background:#795548;transform:translateY(-1px)}.navbar-toggle-btn{background:#0000;border:none;border-radius:8px;box-shadow:none;color:#8d6e63;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.navbar-toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937;font-weight:600}.navbar-toggle-btn:hover{background:#f3f4f6}.navbar-logout-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#8d6e63;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.navbar-logout-btn:hover{border-color:#9ca3af;color:#374151}.brand-logo{align-items:center;background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;border-radius:12px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.brand-title{color:#1f2937;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.search-container{flex:1 1;max-width:400px;min-width:150px;position:relative}.search-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#8d6e63;box-shadow:0 0 0 3px #667eea1a}.search-icon{color:#8d6e63;font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.responsive-grid{gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}.mobile-menu-overlay{background:#00000080!important;bottom:0!important;left:0!important;overflow:hidden!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1000!important}.mobile-menu,.mobile-menu-overlay{display:flex!important;height:100vh!important}.mobile-menu{background:#fff!important;box-shadow:2px 0 10px #0000001a!important;flex-direction:column!important;padding:20px!important;transform:translateX(0)!important;transition:transform .3s ease!important;width:280px!important}.mobile-menu-btn{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.mobile-menu-btn:hover{background:#f9fafb}.mobile-menu-btn.active{background:#8d6e63;color:#fff}.mobile-menu-close{background:none;border:none;border-radius:8px;color:#8d6e63;cursor:pointer;font-size:24px;padding:20px;position:absolute;right:8px;top:8px;transition:background .2s ease;z-index:10}.mobile-menu-close:hover{color:#374151}.login-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:16px 24px;transition:all .3s ease;width:100%}.login-btn,.login-btn.google{align-items:center;display:flex;justify-content:center}.login-btn.google{background:#fff;border:1px solid #dadce0;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;color:#3c4043;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;letter-spacing:.25px;margin-bottom:16px;min-height:40px;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none}.login-btn.google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;transform:none}.login-btn.google:active{background:#f1f3f4;box-shadow:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326}.login-btn.dev{background:#0000;border:2px solid #8d6e63;border-radius:8px;color:#8d6e63;font-size:14px;font-weight:500}.login-btn.dev:hover{background:#8d6e63;color:#fff;transform:translateY(-1px)}.login-btn.clear-session{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#8d6e63;cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px 16px;transition:all .2s ease}.login-btn.clear-session:hover{border-color:#9ca3af;color:#374151}.loading-screen{align-items:center;background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;display:flex;justify-content:center;min-height:100vh;width:100%}.loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;display:flex;flex-direction:column;gap:24px;padding:48px}.loading-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;border-radius:20px;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;width:80px}.loading-text{color:#1f2937;font-size:18px;font-weight:600}@media (min-width:1200px){.responsive-grid{gap:30px!important;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important}.navbar{flex-direction:row!important;flex-wrap:nowrap!important;gap:24px!important;margin:0 auto!important;max-width:1400px!important;padding:12px 24px!important}.main-content{display:block!important;margin:auto!important;max-width:1600px!important;padding:0!important}.hamburger-menu{display:none!important}.navbar-nav{align-items:center!important;display:flex!important;gap:16px!important}.navbar-actions{display:block!important}.logout-button{display:inline-flex!important}.action-text,.brand-text{display:inline!important}}@media (min-width:1600px){.responsive-grid{gap:30px!important;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important}.navbar{gap:32px!important;padding:12px 32px!important}.navbar-search{max-width:500px!important}.navbar-actions{display:flex!important}.hamburger-menu{display:none!important}}@media (max-width:1199px) and (min-width:768px){.hamburger-menu{display:none!important}.navbar{flex-direction:row!important;flex-wrap:nowrap!important;gap:16px!important;min-height:70px!important;padding:12px 20px!important}.navbar-actions,.navbar-nav{display:none!important}.logout-button{display:flex!important}.brand-text,.mobile-hide-email{display:none!important}}@media (max-width:767px){.navbar>button.hamburger-menu{display:block!important}.navbar{flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;min-height:70px!important;padding:12px 16px!important}.navbar-avatar,.navbar-follow-btn,.navbar-toggle{display:none!important}.brand-text.brand-title{display:flex!important}.action-text,.brand-text,.logout-button,.mobile-hide-email,.navbar-nav{display:none!important}.responsive-grid{gap:12px!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}.main-content{padding:8px!important}}@media (max-width:480px){.navbar{gap:8px!important;padding:8px 12px!important}.navbar-search{max-width:150px!important}.responsive-grid{gap:8px!important;grid-template-columns:1fr!important}.main-content{padding:4px!important}.mobile-menu{width:260px!important}}.toggle-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.toggle-button.active{background:#8d6e63;color:#fff}.toggle-button.inactive{background:#f3f4f6;color:#8d6e63}.toggle-button:hover{transform:translateY(-1px)}.toggle-button.active:hover{background:#795548}.toggle-button.inactive:hover{background:#e5e7eb}.user-dropdown{position:relative}.user-info{align-items:center;background:#f9fafb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-info:hover{background:#f3f4f6}.user-avatar{align-items:center;background:#8d6e63;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.user-email{color:#374151;font-size:14px;font-weight:500}.user-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-top:8px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.user-menu button{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.user-menu button:hover{background:#f9fafb}.user-menu button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.user-menu button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mobile-menu-button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.mobile-menu-button:hover{background:#f9fafb}.mobile-menu-button.active{background:#8d6e63;color:#fff}.login-screen{background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;justify-content:center;min-height:100vh;width:100%}.login-container,.login-screen{align-items:center;display:flex}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;flex-direction:column;gap:32px;max-width:500px;min-width:400px;padding:48px}.login-header{text-align:center}.login-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.login-header p{color:#8d6e63;font-size:16px;margin:0}.login-options{display:flex;flex-direction:column;gap:16px;width:100%}.login-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;gap:12px;padding:16px;transition:all .2s ease;width:100%}.login-button,.login-button.google{align-items:center;display:flex;justify-content:center}.login-button.google{background:#fff;border:1px solid #dadce0;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;color:#3c4043;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;letter-spacing:.25px;min-height:40px;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none}.login-button.google:hover{background:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326;transform:none}.login-button.dev{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.login-button.dev:hover{background:#e5e7eb;transform:translateY(-2px)}.login-divider{margin:8px 0}.dev-user-list{display:flex;flex-direction:column;gap:8px;width:100%}.dev-user-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dev-user-item:hover{background:#f9fafb;border-color:#8d6e63;transform:translateY(-1px)}.dev-user-name{color:#1f2937;font-weight:600;margin-bottom:4px}.dev-user-email{color:#8d6e63;font-size:14px}.content-area{flex:1 1;overflow-y:auto;padding:24px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.add-item-button{align-items:center;background:#8d6e63;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-item-button:hover{background:#795548;transform:translateY(-2px)}.contacts-button{align-items:center;background:#a1887f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.contacts-button:hover{background:#8d6e63;transform:translateY(-2px)}.navbar-email{color:#8d6e63;font-size:14px;white-space:nowrap}.navbar-avatar{align-items:center;background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;margin-top:30px;padding-bottom:20px}.mobile-menu-title{color:#1f2937;margin:0}.mobile-menu-content{display:flex;flex-direction:column;gap:20px;margin-top:20px}.mobile-menu-section-title{color:#374151;font-size:14px;margin:0 0 10px}.mobile-menu-toggle-group{background:#f3f4f6;border-radius:12px;display:flex;padding:4px}.mobile-menu-userbox{background:#f9fafb;border-radius:8px;margin-bottom:10px;padding:12px 16px}.mobile-menu-userinfo{align-items:center;display:flex;gap:12px;margin-bottom:8px}.mobile-menu-avatar{align-items:center;background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;border-radius:8px;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.mobile-menu-username{color:#1f2937;font-size:14px;font-weight:500}.mobile-menu-useremail{color:#8d6e63;font-size:12px}.mobile-menu-backdrop{flex:1 1}.main-content{background:#f9fafb;min-height:100vh;overflow-x:hidden;width:100%}.contacts-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contacts-modal{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-modal-container{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px;position:relative;width:100%}.delete-modal-header{align-items:center;display:flex;margin-bottom:24px}.delete-modal-icon{align-items:center;display:flex;font-size:22px;height:48px;justify-content:center;line-height:1;margin-right:16px;position:relative;text-align:center;width:48px}.delete-modal-icon:after{content:"⚠️";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.delete-modal-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.delete-modal-subtitle{color:#8d6e63;font-size:14px;margin:0}.delete-modal-content{background:#f9fafb;border-radius:12px;margin-bottom:24px;padding:16px}.delete-modal-message{color:#374151;font-size:16px;line-height:1.5;margin:0}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}.delete-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.delete-modal-btn.cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.delete-modal-btn.cancel:hover{background:#f9fafb;border-color:#9ca3af}.delete-modal-btn.confirm{background:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff}.delete-modal-btn.confirm:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.login-logo{align-items:center;background:linear-gradient(135deg,#8d6e63,#6d4c41)!important;border-radius:20px;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.login-title{color:#1a1a1a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.login-desc{color:#8d6e63;font-size:16px;line-height:1.5;margin-bottom:32px}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;margin-bottom:24px;padding:16px;text-align:left}.login-error-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.login-error-icon{font-size:16px}.login-error-text{font-size:14px;line-height:1.4;margin:0}.login-btn-icon{font-size:18px}.login-divider{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:16px;margin:16px 0;position:relative;text-align:center;width:100%}.login-divider-line{background:#e5e7eb;flex:1 1;height:1px}.login-divider-text{background:#fffffff2;padding:0 16px}.notification-bell-container{display:inline-block;position:relative}.notification-bell{alignItems:center;fontSize:14px;fontWeight:500;minHeight:40px;background:linear-gradient(135deg,#8d6e63,#6d4c41);border:none;border-radius:12px;box-shadow:0 4px 12px #8d6e634d;color:#fff;cursor:pointer;display:flex;gap:4px;padding:10px 12px;position:relative;transition:all .3s ease}.notification-bell:hover{box-shadow:0 8px 20px #8d6e6366;transform:translateY(-2px)}.notification-badge{align-items:center;animation:notification-pulse 2s infinite;background:#f44336;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-6px;top:-6px}.notification-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px #00000026;margin-top:8px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:100%;width:380px;z-index:1000}@media (max-width:768px){.notification-bell .action-text{display:none}.notification-bell{min-width:40px;padding:10px}.notification-dropdown{right:-50px;width:350px}}
/*# sourceMappingURL=main.2e5141f2.css.map*/