.empty-state-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 24px;min-height:400px;background:linear-gradient(135deg,#e8ebe9,#f0efe9);border-radius:16px;overflow:hidden}.empty-state-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;z-index:2}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;box-shadow:0 8px 24px #a39e9126;transition:transform .3s ease}.empty-state-icon:hover{transform:scale(1.05)}.empty-state-icon-svg{filter:drop-shadow(0 2px 4px rgba(163,158,145,.15))}.empty-state-illustration{position:absolute;top:-16px;right:-16px;font-size:32px;filter:drop-shadow(0 2px 8px rgba(163,158,145,.15))}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:480px;text-align:center;z-index:2}.empty-state-title{margin:0;font-size:24px;font-weight:700;color:#5c554b;line-height:1.3}.empty-state-message{margin:0;font-size:16px;line-height:1.6;color:#948d82;font-weight:400}.empty-state-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;z-index:2}.empty-state-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;border-radius:12px;border:2px solid;cursor:pointer;transition:all .2s ease;outline:none}.empty-state-btn:focus-visible{outline:3px solid rgba(217,119,6,.25);outline-offset:2px}.empty-state-btn-primary{color:#fff;box-shadow:0 4px 12px #a39e9126}.empty-state-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a39e9133}.empty-state-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #a39e9126}.empty-state-btn-secondary{background:#f0efe9;box-shadow:0 2px 8px #a39e9114}.empty-state-btn-secondary:hover{background:#e8ebe9;box-shadow:0 4px 12px #a39e911f}.empty-state-btn-secondary:active{background:#dde0de}.empty-state-btn-icon{transition:transform .2s ease}.empty-state-btn-primary:hover .empty-state-btn-icon{transform:translate(4px)}.empty-state-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.decoration-circle{position:absolute;border-radius:50%}.decoration-circle-1{width:300px;height:300px;top:-100px;right:-100px;opacity:.3}.decoration-circle-2{width:400px;height:400px;bottom:-150px;left:-150px;opacity:.2}@media(max-width:768px){.empty-state-container{min-height:350px;padding:40px 20px;gap:20px}.empty-state-icon{width:100px;height:100px}.empty-state-icon-svg{width:40px;height:40px}.empty-state-illustration{font-size:28px;top:-12px;right:-12px}.empty-state-title{font-size:20px}.empty-state-message{font-size:15px}.empty-state-actions{max-width:100%;gap:10px}.empty-state-btn{padding:12px 20px;font-size:14px}.decoration-circle-1{width:250px;height:250px;top:-80px;right:-80px}.decoration-circle-2{width:300px;height:300px;bottom:-120px;left:-120px}}@media(max-width:480px){.empty-state-container{min-height:320px;padding:32px 16px;gap:16px}.empty-state-icon{width:80px;height:80px}.empty-state-icon-svg{width:32px;height:32px}.empty-state-illustration{font-size:24px;top:-8px;right:-8px}.empty-state-title{font-size:18px}.empty-state-message{font-size:14px}.empty-state-btn{padding:10px 18px;font-size:13px;border-radius:10px}.decoration-circle-1{width:200px;height:200px;top:-60px;right:-60px}.decoration-circle-2{width:250px;height:250px;bottom:-100px;left:-100px}}@media(prefers-reduced-motion:reduce){.empty-state-container,.empty-state-icon,.empty-state-btn,.decoration-circle{animation:none;transition:none}}@media(prefers-contrast:high){.empty-state-title{color:#000}.empty-state-message{color:#5c554b}.empty-state-btn{border-width:3px}}.empty-state-container.ceramic-tray{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:300px;overflow:hidden;position:relative}.empty-state-container.ceramic-tray .empty-state-icon-wrapper,.empty-state-container.ceramic-tray .empty-state-content,.empty-state-container.ceramic-tray .empty-state-actions{z-index:2}.empty-state-container.ceramic-tray .empty-state-btn-primary{box-shadow:0 4px 12px #a39e9126;transition:all .2s ease}.empty-state-container.ceramic-tray .empty-state-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a39e9133}.empty-state-container.ceramic-tray .empty-state-btn-secondary{background:#f0efe9;box-shadow:0 2px 8px #a39e9114}@media(prefers-color-scheme:dark){.empty-state-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.empty-state-title{color:#f0f0f0}.empty-state-message{color:#b0b0b0}.empty-state-btn-secondary{background:#3a3530;color:#f0efe9}.empty-state-btn-secondary:hover{background:#4a4540}}.notification-container{position:fixed;top:20px;right:20px;z-index:2000;max-width:400px;pointer-events:none}.notification{display:flex;gap:12px;align-items:flex-start;padding:16px;margin-bottom:12px;background:#f0efe9;border-radius:16px;box-shadow:4px 4px 10px #a39e9126,-4px -4px 10px #ffffffe6;border-left:4px solid;pointer-events:auto;animation:slideInRight .3s ease;max-height:120px;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.notification.hiding{animation:slideOutRight .3s ease}.notification-info{border-left-color:#7b8fa2;background:#f0f2f5}.notification-success{border-left-color:#6b7b5c;background:#f0f3ed}.notification-warning{border-left-color:#c4883a;background:#f8f0e5}.notification-error{border-left-color:#9b4d3a;background:#f5efed}.notification-daily_report{border-left-color:#7b8fa2;background:#f0f2f5}.notification-achievement{border-left-color:#d97706;background:#f5e6d3;box-shadow:4px 4px 10px #a39e912e,-4px -4px 10px #ffffffe6}.notification-suggestion{border-left-color:#b45309;background:#e6d5c3}.notification-content{display:flex;gap:12px;flex:1;align-items:center}.notification-icon{flex-shrink:0;font-size:24px;line-height:1}.notification-text{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#5c554b;word-break:break-word}.notification-message{margin:0;font-size:13px;color:#948d82;line-height:1.4;word-break:break-word}.notification-action{flex-shrink:0;padding:6px 12px;background:none;border:1px solid #D97706;color:#d97706;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.notification-action:hover{background:#d97706;color:#fff}.notification-close{flex-shrink:0;width:28px;height:28px;padding:0;background:none;border:none;font-size:24px;color:#a39e95;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.notification-close:hover{color:#5c554b}.notification-info .notification-title{color:#5f7185}.notification-success .notification-title{color:#556349}.notification-warning .notification-title{color:#a06b2e}.notification-error .notification-title{color:#7d3d2e}.notification-daily_report .notification-title{color:#5f7185}.notification-achievement .notification-title{color:#b45309}.notification-suggestion .notification-title{color:#8b6914}@media(max-width:480px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{margin-bottom:8px;padding:12px}.notification-icon{font-size:20px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-action{padding:4px 8px;font-size:11px}}.notification:nth-child(1){animation-delay:0s}.notification:nth-child(2){animation-delay:.05s}.notification:nth-child(3){animation-delay:.1s}.notification:nth-child(4){animation-delay:.15s}.notification:nth-child(5){animation-delay:.2s}.achievements-view{width:100%;max-width:1000px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000001a;animation:slideUp .4s ease}.achievements-header{display:flex;justify-content:space-between;align-items:center;padding:32px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.achievements-header h2{margin:0;font-size:32px;font-weight:700}.achievements-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.achievements-stats .stat{text-align:center}.stat-value{display:block;font-size:32px;font-weight:700;color:#667eea;margin-bottom:8px}.stat-label{display:block;font-size:12px;color:#666;text-transform:uppercase;font-weight:600}.category-filter{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid #e0e0e0;overflow-x:auto;flex-wrap:wrap}.category-btn{padding:8px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.category-btn:hover{border-color:#667eea;color:#667eea}.category-btn.active{background:#667eea;border-color:#667eea;color:#fff}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:32px 24px}.achievement-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:16px;border:3px solid;background:#fff;cursor:pointer;transition:all .3s;text-align:center}.achievement-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.achievement-card.locked{opacity:.5;background:#f8f8f8}.achievement-card.common{border-color:#95a5a6}.achievement-card.rare{border-color:#3498db;background:linear-gradient(135deg,#e3f2fd,#fff)}.achievement-card.epic{border-color:#9b59b6;background:linear-gradient(135deg,#f3e5f5,#fff)}.achievement-card.legendary{border-color:#f39c12;background:linear-gradient(135deg,#fff8e1,#fff);box-shadow:0 0 20px #f39c1233}.achievement-glow{position:absolute;inset:-1px;border-radius:16px;border:3px solid;border-color:inherit;pointer-events:none;animation:glow 2s ease-in-out infinite}.achievement-card.locked .achievement-glow{display:none}@keyframes glow{0%,to{opacity:0}50%{opacity:1}}.achievement-icon{font-size:48px;z-index:1}.achievement-name{font-size:14px;font-weight:700;color:#333;z-index:1}.achievement-description{font-size:12px;color:#666;line-height:1.4;z-index:1}.achievement-rarity{z-index:1}.rarity-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.achievement-xp{font-size:13px;font-weight:600;color:#667eea;z-index:1}.unlocked-date{font-size:11px;color:#999;margin-top:4px;z-index:1}.achievements-legend{display:flex;gap:24px;padding:20px 24px;background:#f8f9fa;border-top:1px solid #e0e0e0;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#333}.legend-color{width:16px;height:16px;border-radius:50%}.achievements-view.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#666;font-size:16px}@media(max-width:768px){.achievements-header{padding:24px 16px;flex-direction:column;text-align:center}.achievements-header h2{font-size:24px;margin-bottom:16px}.achievements-stats{grid-template-columns:1fr 1fr 1fr}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:24px 16px}.achievement-card{padding:16px}.achievement-icon{font-size:36px}.achievement-name{font-size:12px}.category-filter{padding:16px}}@media(max-width:480px){.achievements-header{padding:16px}.achievements-header h2{font-size:20px}.achievements-stats{grid-template-columns:1fr;gap:12px;padding:16px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:16px}.achievement-card{padding:12px}.achievement-icon{font-size:28px}.achievement-name{font-size:11px}.category-filter{padding:12px;gap:8px}.category-btn{padding:6px 12px;font-size:12px}.achievements-legend{gap:12px;padding:16px}}.contact-profile-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-profile-content{background:var(--ceramic-base, #F5F1EB);border-radius:16px;box-shadow:0 20px 60px #a39e9133;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.contact-profile-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--ceramic-border, #E0DDD5)}.contact-profile-header h2{margin:0;font-size:20px;font-weight:600}.close-button{background:none;border:none;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ceramic-text-secondary, #8C8275);transition:color .2s}.close-button:hover{color:var(--ceramic-text-primary, #2B1B17)}.contact-profile-hero{display:flex;align-items:flex-start;gap:20px;padding:24px;background:linear-gradient(135deg,#f0ede7,#e0ddd5)}.contact-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--ceramic-base, #F5F1EB);flex-shrink:0}.contact-basic-info{flex:1}.contact-basic-info h3{margin:0 0 8px;font-size:24px;font-weight:700}.relationship-type{margin:0;color:var(--ceramic-text-secondary, #8C8275);font-size:14px;text-transform:capitalize}.contact-detail{margin:4px 0 0;font-size:13px;color:var(--ceramic-text-tertiary, #A89F91)}.health-score-widget{display:flex;flex-direction:column;align-items:center;gap:8px}.health-score-circle{position:relative;width:100px;height:100px}.health-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.health-bg{fill:none;stroke:var(--ceramic-border, #E0DDD5);stroke-width:4}.health-fill{fill:none;stroke:#6b7b5c;stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .6s ease}.health-score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;color:var(--ceramic-text-primary, #2B1B17)}.health-score-label{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);text-align:center;font-weight:500}.contact-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;padding:16px 24px;background:var(--ceramic-cool, #E8E6DB);border-bottom:1px solid var(--ceramic-border, #E0DDD5)}.stat-value{font-size:16px;font-weight:700;color:var(--ceramic-text-primary, #2B1B17);text-transform:capitalize}.stat-label{font-size:11px;color:var(--ceramic-text-tertiary, #A89F91);text-align:center}.contact-profile-tabs{display:flex;gap:0;border-bottom:2px solid var(--ceramic-border, #E0DDD5);padding:0;overflow-x:auto}.tab{flex:1;padding:16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--ceramic-text-secondary, #8C8275);border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.tab:hover{color:var(--ceramic-text-primary, #2B1B17)}.tab.active{color:#d4a574;border-bottom-color:#d4a574;background:#d4a5740d}.contact-profile-tab-content{flex:1;overflow-y:auto;padding:24px}.tab-pane{display:flex;flex-direction:column;gap:24px}.contact-section{display:flex;flex-direction:column;gap:12px}.contact-section h4{margin:0;font-size:14px;font-weight:600;text-transform:uppercase;color:var(--ceramic-text-tertiary, #A89F91);letter-spacing:.5px}.detail-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px}.detail-item .label{font-size:12px;font-weight:600;color:var(--ceramic-text-secondary, #8C8275);text-transform:uppercase}.detail-item .value{font-size:14px;color:var(--ceramic-text-primary, #2B1B17)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:6px 12px;background:#7b8fa21f;color:#7b8fa2;border-radius:16px;font-size:12px;font-weight:500}.tag.secondary{background:var(--ceramic-cool, #E8E6DB);color:var(--ceramic-text-secondary, #8C8275)}.interaction-date{margin:0;font-size:14px;color:var(--ceramic-text-primary, #2B1B17);padding:12px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px}.suggestions{display:flex;flex-direction:column;gap:8px}.suggestion{padding:12px;background:#fdf6e9;border-left:4px solid #C4883A;border-radius:4px;font-size:14px;color:#8a6b3a}.memories-list{display:flex;flex-direction:column;gap:12px}.memory-item{padding:12px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px;border-left:4px solid #7B8FA2}.memory-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.sentiment-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.sentiment-badge.positive{background:#6b7b5c26;color:#5a6b4a}.sentiment-badge.negative{background:#9b4d3a1f;color:#9b4d3a}.sentiment-badge.neutral{background:var(--ceramic-cool, #E8E6DB);color:var(--ceramic-text-secondary, #8C8275)}.sentiment-badge.mixed{background:#c4883a1f;color:#a07030}.memory-date{font-size:12px;color:var(--ceramic-text-tertiary, #A89F91);margin-left:auto}.memory-summary{margin:0 0 8px;font-size:14px;color:var(--ceramic-text-primary, #2B1B17);line-height:1.5}.memory-triggers{display:flex;flex-wrap:wrap;gap:6px}.trigger-badge{display:inline-block;padding:4px 8px;background:#6b7b5c1a;color:#5a6b4a;border-radius:4px;font-size:11px;font-weight:500}.associations-list{display:flex;flex-direction:column;gap:12px}.association-item{padding:16px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px;border-left:4px solid #9B7A5A}.association-item h5{margin:0 0 4px;font-size:15px;font-weight:600}.association-type{margin:0;font-size:13px;color:var(--ceramic-text-secondary, #8C8275);text-transform:capitalize}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item{padding:12px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px;border-left:4px solid #C4883A}.task-item h5{margin:0 0 8px;font-size:14px;font-weight:600}.task-meta{display:flex;gap:8px;align-items:center}.priority-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.urgent{background:#9b4d3a1f;color:#9b4d3a}.priority-badge.high{background:#c4883a1f;color:#a07030}.priority-badge.medium{background:#c4883a14;color:#8a6b3a}.priority-badge.low{background:#7b8fa21f;color:#6a7f92}.task-state{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);text-transform:capitalize}.no-data{margin:32px 0;text-align:center;color:var(--ceramic-text-tertiary, #A89F91);font-size:14px}.contact-profile-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--ceramic-border, #E0DDD5);background:var(--ceramic-cool, #E8E6DB)}.action-button{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-button.primary{background:#d4a574;color:#fff}.action-button.primary:hover{background:#c4883a}.action-button.secondary{background:var(--ceramic-base, #F5F1EB);color:var(--ceramic-text-primary, #2B1B17);border:1px solid var(--ceramic-border, #E0DDD5)}.action-button.secondary:hover{background:var(--ceramic-cool, #E8E6DB);border-color:var(--ceramic-text-tertiary, #A89F91)}.loading,.error{padding:40px 24px;text-align:center;font-size:14px;color:var(--ceramic-text-secondary, #8C8275)}.error{color:#9b4d3a}@media(max-width:600px){.contact-profile-content{width:95%;max-height:95vh;border-radius:12px}.contact-profile-hero{flex-direction:column;align-items:center;text-align:center}.contact-profile-hero .health-score-widget{margin-left:auto}.contact-stats{grid-template-columns:1fr 1fr}.contact-profile-tabs{flex-wrap:wrap}.tab{flex:0 1 auto;min-width:80px}.contact-profile-actions{flex-direction:column}.action-button{width:100%}}.daily-summary-container{width:100%;max-width:900px;margin:0 auto;background:var(--ceramic-base, #F5F1EB);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #a39e9126;animation:slideUp .4s ease}.daily-summary-header{background:linear-gradient(135deg,#d4a574,#c4883a);color:#fff;padding:32px 24px;display:flex;justify-content:space-between;align-items:flex-start}.header-content h1{margin:0 0 8px;font-size:32px;font-weight:700}.header-content .date{margin:0;font-size:14px;opacity:.9}.close-btn{background:#fff3;border:none;color:#fff;font-size:28px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#ffffff4d}.daily-summary-container.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{text-align:center}.spinner{width:50px;height:50px;border:4px solid var(--ceramic-border, #E0DDD5);border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.daily-summary-container.error{display:flex;align-items:center;justify-content:center;min-height:400px}.error-message{text-align:center;color:#9b4d3a;padding:32px}.error-message p{margin:0 0 16px;font-size:16px}.no-report{text-align:center;padding:60px 24px}.no-report h2{margin:0 0 8px;color:var(--ceramic-text-primary, #2B1B17)}.no-report p{margin:0 0 24px;color:var(--ceramic-text-secondary, #8C8275)}.summary-section{border-bottom:1px solid var(--ceramic-border, #E0DDD5)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;background:var(--ceramic-cool, #E8E6DB);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s}.section-header:hover{background:#e0ddd5}.section-header h3{margin:0;font-size:16px;font-weight:600;color:var(--ceramic-text-primary, #2B1B17)}.toggle{display:inline-block;transition:transform .3s ease;color:var(--ceramic-text-tertiary, #A89F91)}.toggle.open{transform:rotate(180deg)}.section-content{padding:24px;animation:expandDown .3s ease}.mood-section{background:#faf8f4}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mood-card{background:var(--ceramic-base, #F5F1EB);padding:16px;border-radius:12px;border:1px solid var(--ceramic-border, #E0DDD5);text-align:center}.mood-label{font-size:12px;font-weight:600;color:var(--ceramic-text-tertiary, #A89F91);text-transform:uppercase;margin-bottom:12px}.mood-indicator{display:flex;flex-direction:column;align-items:center;gap:8px}.mood-emoji{font-size:48px;display:block}.mood-text{font-size:14px;color:var(--ceramic-text-primary, #2B1B17);text-transform:capitalize}.energy-bar,.stress-bar{height:8px;background:var(--ceramic-border, #E0DDD5);border-radius:4px;overflow:hidden;margin:12px 0}.energy-fill{height:100%;background:linear-gradient(90deg,#6b7b5c,#8a9a6b);border-radius:4px;transition:width .3s ease}.stress-fill{height:100%;background:linear-gradient(90deg,#9b4d3a,#b66b5a);border-radius:4px;transition:width .3s ease}.energy-value,.stress-value{font-size:12px;font-weight:600;color:var(--ceramic-text-primary, #2B1B17)}.score-display{display:flex;flex-direction:column;align-items:center;gap:4px}.score-value{font-size:18px;font-weight:700;color:#d4a574}.stars{display:flex;gap:4px;justify-content:center}.stars .star{font-size:18px;color:var(--ceramic-border, #E0DDD5)}.stars .star.filled{color:#c4883a}.productivity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric-card{background:var(--ceramic-base, #F5F1EB);padding:20px;border-radius:12px;border:1px solid var(--ceramic-border, #E0DDD5);text-align:center}.metric-number{font-size:32px;font-weight:700;color:#d4a574;margin-bottom:8px}.metric-label{font-size:12px;font-weight:600;color:var(--ceramic-text-tertiary, #A89F91);text-transform:uppercase;margin-bottom:12px}.progress-bar{height:6px;background:var(--ceramic-border, #E0DDD5);border-radius:3px;overflow:hidden;margin-top:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#d4a574,#c4883a);border-radius:3px;transition:width .6s ease}.score-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-top:8px}.score-badge.excellent{background:#6b7b5c26;color:#5a6b4a}.score-badge.good{background:#7b8fa21f;color:#6a7f92}.score-badge.fair{background:#c4883a1f;color:#a07030}.score-badge.poor{background:#9b4d3a1a;color:#8a4530}.score-badge.critical{background:#9b4d3a26;color:#9b4d3a}.estimate-indicator{font-size:14px;margin-top:8px}.modules-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.module-badge{display:inline-block;padding:4px 10px;background:#7b8fa21f;color:#7b8fa2;border-radius:12px;font-size:12px;font-weight:500}.insights-list,.patterns-list{display:flex;flex-direction:column;gap:12px}.insight-item,.pattern-item{display:flex;gap:12px;padding:12px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px;border-left:4px solid #D4A574}.insight-icon,.pattern-icon{flex-shrink:0;font-size:20px}.insight-item p,.pattern-item p{margin:0;font-size:14px;color:var(--ceramic-text-primary, #2B1B17);line-height:1.5}.summary-text{margin:0;font-size:15px;color:var(--ceramic-text-primary, #2B1B17);line-height:1.6}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{display:flex;gap:12px;padding:12px;background:#7b8fa214;border-radius:8px;border-left:4px solid #7B8FA2}.rec-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#7b8fa2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.recommendation-item p{margin:0;font-size:14px;color:var(--ceramic-text-primary, #2B1B17);line-height:1.5}.focus-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.focus-area-card{padding:16px;background:#7b8fa214;border-radius:8px;border:2px dashed #7B8FA2;text-align:center}.focus-icon{font-size:28px;margin-bottom:8px}.focus-area-card p{margin:0;font-size:13px;color:var(--ceramic-text-primary, #2B1B17);line-height:1.4;font-weight:500}.interactions-list{display:flex;flex-direction:column;gap:10px}.interaction-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--ceramic-cool, #E8E6DB);border-radius:8px}.contact-badge{font-size:20px}.contact-name{font-size:14px;color:var(--ceramic-text-primary, #2B1B17);font-weight:500}.daily-summary-footer{display:flex;gap:12px;padding:20px 24px;background:var(--ceramic-cool, #E8E6DB);border-top:1px solid var(--ceramic-border, #E0DDD5)}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#d4a574,#c4883a);color:#fff;flex:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #d4a57466}.btn-secondary{background:var(--ceramic-base, #F5F1EB);color:#d4a574;border:2px solid #D4A574;flex:1}.btn-secondary:hover{background:#d4a57414}@media(max-width:768px){.daily-summary-container{border-radius:0;box-shadow:none}.daily-summary-header{padding:24px 16px}.section-content{padding:16px}.mood-grid,.productivity-grid,.focus-areas-grid{grid-template-columns:1fr}.daily-summary-footer{flex-direction:column;padding:16px}.btn-primary,.btn-secondary{width:100%}}@media(max-width:480px){.header-content h1,.metric-number{font-size:24px}.section-header{padding:16px}.section-content{padding:12px}}.efficiency-score-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;animation:slideUp .4s ease}.efficiency-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0;transition:opacity .2s}.efficiency-header:hover{opacity:.95}.efficiency-score-badge{flex-shrink:0;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #00000026;position:relative;z-index:1}.efficiency-score-value{font-size:32px;font-weight:700;line-height:1}.efficiency-score-label{font-size:12px;font-weight:600;opacity:.9;margin-top:4px}.efficiency-header h3{margin:0}.efficiency-title{font-size:16px;font-weight:600;margin:0;opacity:.95}.efficiency-subtitle{font-size:14px;margin:4px 0 0;opacity:.85}.efficiency-trend-indicator{display:flex;align-items:center;gap:12px}.trend-improving,.trend-declining,.trend-stable{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:20px;background:#fff3}.trend-improving{color:#10b981;background:#10b98133}.trend-declining{color:#ef4444;background:#ef444433}.trend-stable{color:#f59e0b;background:#f59e0b33}.efficiency-expanded{padding:24px;display:flex;flex-direction:column;gap:24px;background:#f8f9fa;animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.subscores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;background:#fff;border-radius:12px}.subscore-item{display:flex;flex-direction:column;gap:8px}.subscore-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.subscore-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.subscore-fill{height:100%;border-radius:4px;transition:width .6s ease}.subscore-value{font-size:16px;font-weight:700;color:#333;text-align:center}.weekly-comparison{display:flex;align-items:center;justify-content:space-around;padding:16px;background:#fff;border-radius:12px;border-left:4px solid #667eea}.comparison-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.comparison-label{font-size:12px;color:#666;text-transform:uppercase;font-weight:600}.comparison-value{font-size:20px;font-weight:700;color:#333}.comparison-change{display:flex;align-items:center;justify-content:center}.change-positive,.change-negative,.change-stable{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;padding:8px 12px;border-radius:8px}.change-positive{color:#10b981;background:#ecfdf5}.change-negative{color:#ef4444;background:#fef2f2}.change-stable{color:#f59e0b;background:#fffbeb}.metrics-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-box{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:12px;border:1px solid #e0e0e0}.metric-icon{font-size:24px}.metric-label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase}.metric-value{font-size:16px;font-weight:700;color:#333;margin-top:2px}.modules-performance{padding:16px;background:#fff;border-radius:12px}.modules-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#333;text-transform:uppercase}.modules-list{display:flex;flex-direction:column;gap:12px}.module-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;transition:all .2s}.module-item:hover{background:#f0f1f3}.module-info{flex:1;display:flex;flex-direction:column;gap:4px}.module-name{font-size:13px;font-weight:600;color:#333}.module-stats{display:flex;gap:8px;flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#666;padding:3px 8px;background:#fff;border-radius:4px}.module-score-display{display:flex;align-items:center;gap:8px;min-width:100px}.module-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;min-width:50px}.module-fill{height:100%;border-radius:3px;transition:width .4s ease}.module-score-text{font-size:12px;font-weight:700;color:#333;min-width:32px;text-align:right}@media(max-width:768px){.efficiency-header{flex-direction:column;gap:12px;text-align:center}.efficiency-score-badge{width:70px;height:70px}.efficiency-score-value{font-size:24px}.subscores-grid{grid-template-columns:1fr}.weekly-comparison{flex-direction:column;gap:12px;border-left:none;border-bottom:4px solid #667eea}.metrics-row{grid-template-columns:1fr}}@media(max-width:480px){.efficiency-header{padding:16px}.efficiency-expanded{padding:16px;gap:16px}.subscores-grid{padding:12px;gap:12px}.weekly-comparison{padding:12px}.metrics-row{gap:8px}.metric-box{padding:10px;gap:10px}.module-item{flex-direction:column;padding:10px}.module-score-display{width:100%;gap:6px}.module-bar{flex:1;min-width:100%}.module-score-text{text-align:left}}.efficiency-trend-chart{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000001a;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-info{display:flex;flex-direction:column;gap:12px}.chart-title{margin:0;font-size:18px;font-weight:700;color:#333}.stat-badges{display:flex;gap:12px;flex-wrap:wrap}.stat-badge{display:flex;flex-direction:column;gap:4px;padding:8px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.badge-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase}.badge-value{font-size:18px;font-weight:700;color:#333}.range-selector{display:flex;gap:8px;background:#f8f9fa;padding:4px;border-radius:8px}.range-btn{padding:8px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.range-btn:hover{background:#fff;color:#333}.range-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a}.chart-container{margin-bottom:24px;padding:12px 0;border-bottom:1px solid #e0e0e0}.chart-wrapper{display:flex;justify-content:center;overflow-x:auto}.trend-chart-svg{min-height:300px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.05))}.chart-skeleton{display:flex;flex-direction:column;gap:12px}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:#999}.distribution-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.distribution-title{margin:0 0 16px;font-size:14px;font-weight:600;color:#333;text-transform:uppercase}.distribution-bars{display:flex;flex-direction:column;gap:12px}.distribution-item{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:12px}.distribution-info{display:flex;align-items:baseline;gap:4px}.distribution-label{font-size:13px;font-weight:600;color:#333}.distribution-count{font-size:11px;color:#999}.distribution-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.distribution-fill{height:100%;border-radius:4px;transition:width .4s ease}.distribution-percent{font-size:12px;font-weight:600;color:#666;text-align:right}.weekly-goals{padding:16px;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:12px;border:1px solid #667eea20}.goals-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.goals-header svg{color:#667eea}.goals-title{margin:0;font-size:14px;font-weight:600;color:#333;text-transform:uppercase}.goal-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.goal-name{font-size:13px;font-weight:500;color:#333;grid-column:1}.goal-progress{height:8px;background:#fff;border-radius:4px;overflow:hidden;grid-column:1}.goal-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .6s ease}.goal-percentage{font-size:13px;font-weight:700;color:#667eea;grid-column:2;text-align:right}@media(max-width:768px){.efficiency-trend-chart{padding:16px}.chart-header{flex-direction:column;align-items:flex-start}.distribution-item{grid-template-columns:70px 1fr 35px}.stat-badges{width:100%}.range-selector{width:100%;justify-content:space-between}.range-btn{flex:1;padding:6px 12px}}@media(max-width:480px){.efficiency-trend-chart{padding:12px}.chart-header{gap:12px}.stat-badges{gap:8px}.stat-badge{padding:6px 12px;font-size:12px}.badge-value{font-size:16px}.distribution-item{grid-template-columns:60px 1fr 30px;gap:8px}.distribution-label{font-size:12px}.distribution-count{font-size:10px}.distribution-percent{font-size:11px}.weekly-goals{padding:12px}.goal-item{gap:8px}.goal-name{font-size:12px}}.gamification-widget{background:var(--ceramic-base, #F5F1EB);border-radius:16px;padding:20px;box-shadow:0 4px 16px #a39e9126}.gamification-widget.compact{padding:16px}.gamification-widget.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--ceramic-text-secondary, #8C8275);font-size:14px}.level-section{display:flex;gap:20px;align-items:center;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#d4a574,#c4883a);border-radius:12px;color:#fff}.level-badge{flex-shrink:0;width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid white}.level-number{font-size:48px;font-weight:700;line-height:1}.level-label{font-size:12px;font-weight:600;text-transform:uppercase;margin-top:8px;opacity:.9}.xp-container{flex:1}.xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.xp-label{font-weight:600;opacity:.9}.xp-value{font-size:12px;opacity:.8}.xp-bar{height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden;margin-bottom:8px}.xp-fill{height:100%;background:linear-gradient(90deg,#6b7b5c,#8a9a6b);border-radius:6px;transition:width .6s ease}.total-xp{font-size:12px;opacity:.8}.streak-section{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fdf6e9;border-radius:12px;border:2px solid #C4883A;margin-bottom:20px;transition:all .3s ease}.streak-section.active{background:linear-gradient(135deg,#fdf6e9,#f5ebda);border-color:#c4883a}.streak-section.grace-period{background:linear-gradient(135deg,#eff3eb,#dde5d5);border-color:#6b7b5c}.streak-section.recovering{background:linear-gradient(135deg,#eef2f5,#dce4ea);border-color:#7b8fa2}.streak-trend{display:flex;align-items:center;gap:12px}.trend-icon{font-size:40px}.trend-info{flex:1}.trend-display{font-size:24px;font-weight:700;line-height:1.2}.trend-label{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);text-transform:uppercase;font-weight:600;margin-top:2px}.trend-progress-container{height:8px;background:#a39e9126;border-radius:4px;overflow:hidden}.trend-progress-bar{height:100%;border-radius:4px;transition:width .6s ease,background-color .3s ease}.recovery-progress{padding:8px 0}.recovery-label{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);margin-bottom:8px}.recovery-bar-container{display:flex;gap:8px}.recovery-step{flex:1;height:12px;background:#a39e9126;border-radius:6px;transition:background-color .3s ease}.recovery-step.completed{background:#6b7b5c}.grace-period-info{font-size:12px;color:#6b7b5c;font-weight:500;text-align:center;padding:4px 0}.compassionate-message{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fffc;border-radius:8px;margin-top:4px}.compassionate-message.trend_celebration{background:#c4883a1a}.compassionate-message.grace_period_active,.compassionate-message.grace_period_available{background:#6b7b5c1a}.compassionate-message.recovery_available,.compassionate-message.recovery_in_progress{background:#7b8fa21a}.compassionate-message.recovery_complete,.compassionate-message.comeback_celebration{background:#9b7a5a1a}.compassionate-message.gentle_reminder{background:#a39e911a}.message-emoji{font-size:24px;flex-shrink:0}.message-content{flex:1}.message-title{font-size:14px;font-weight:600;color:var(--ceramic-text-primary, #2B1B17);margin-bottom:2px}.message-text{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);line-height:1.4}.message-action-btn{flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#d4a574,#c4883a);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,opacity .2s}.message-action-btn:hover{transform:scale(1.05)}.message-action-btn:active{transform:scale(.98)}.action-loading{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);font-style:italic}.streak-best{font-size:11px;color:var(--ceramic-text-tertiary, #A89F91);text-align:center;padding-top:8px;border-top:1px solid rgba(163,158,145,.15)}.badges-section{margin-bottom:20px}.badges-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ceramic-text-primary, #2B1B17);text-transform:uppercase}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;border:2px solid;text-align:center;background:var(--ceramic-base, #F5F1EB);transition:transform .2s}.badge:hover{transform:translateY(-4px)}.badge-common{border-color:#a89f91;background:#f0ede7}.badge-rare{border-color:#7b8fa2;background:#eef2f5}.badge-epic{border-color:#9b7a5a;background:#f5ede4}.badge-legendary{border-color:#c4883a;background:#fdf6e9;box-shadow:0 0 8px #c4883a33}.badge-icon{font-size:32px}.badge-name{font-size:11px;font-weight:600;color:var(--ceramic-text-primary, #2B1B17)}.badge-xp{font-size:10px;color:#d4a574;font-weight:500}.quick-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:var(--ceramic-cool, #E8E6DB);border-radius:12px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:12px;color:var(--ceramic-text-secondary, #8C8275);text-transform:uppercase;font-weight:600}.stat-value{font-size:20px;font-weight:700;color:var(--ceramic-text-primary, #2B1B17)}@media(max-width:768px){.level-section{flex-direction:column;padding:16px}.level-badge{width:80px;height:80px}.level-number{font-size:36px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}@media(max-width:480px){.gamification-widget{padding:12px}.level-section{padding:12px;gap:12px}.level-badge{width:70px;height:70px}.level-number{font-size:28px}.badges-grid{grid-template-columns:repeat(3,1fr)}.badge-icon{font-size:24px}}.notification-bell{position:relative}.notification-bell__trigger{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--color-surface-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.notification-bell__trigger:hover{background:var(--color-surface-tertiary);transform:scale(1.05)}.notification-bell__trigger:active{transform:scale(.95)}.notification-bell__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary, #e63946);color:#fff;font-size:11px;font-weight:600;border-radius:9px;box-shadow:0 2px 4px #0003}.notification-bell__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:600px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;overflow:hidden;z-index:1000;display:flex;flex-direction:column}.notification-bell__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.notification-bell__header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary)}.notification-bell__actions{display:flex;gap:8px}.notification-bell__action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.notification-bell__action-btn:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.notification-bell__action-btn:disabled{opacity:.5;cursor:not-allowed}.notification-bell__action-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-bell__list{flex:1;overflow-y:auto;max-height:480px}.notification-bell__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary)}.notification-bell__empty p{margin-top:12px;font-size:14px}.notification-bell__item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border-secondary);transition:background .2s ease}.notification-bell__item:hover{background:var(--color-surface-secondary)}.notification-bell__item--unread{background:var(--color-surface-accent, rgba(99, 102, 241, .05));border-left:3px solid var(--color-accent-primary);padding-left:17px}.notification-bell__item-content{flex:1;min-width:0}.notification-bell__item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.notification-bell__item-title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.notification-bell__item-time{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap}.notification-bell__item-body{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-bell__item-actions{display:flex;gap:4px}.notification-bell__item-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease}.notification-bell__item-action:hover{background:var(--color-surface-tertiary);color:var(--color-text-primary)}.notification-bell__footer{padding:12px 20px;border-top:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.notification-bell__view-all{width:100%;padding:8px;border:none;border-radius:6px;background:transparent;color:var(--color-accent-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.notification-bell__view-all:hover{background:var(--color-surface-tertiary)}@media(max-width:480px){.notification-bell__dropdown{width:calc(100vw - 32px);right:-16px}}