:root{color:#1a1f36;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}*{box-sizing:border-box}.auth-container{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0003}.auth-box h1{text-align:center;color:#1a1f36;margin-bottom:10px;font-size:28px;font-weight:700}.auth-box h2{text-align:center;color:#6b7280;margin-bottom:30px;font-size:18px;font-weight:500}.form-group,.password-group{margin-bottom:20px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:45px;background-image:none!important}.password-input-wrapper input::-ms-reveal{display:none}.password-input-wrapper input::-ms-clear{display:none}.toggle-password-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;transition:color .2s;display:flex;position:absolute;right:10px}.toggle-password-btn:hover{color:#374151}.toggle-password-btn svg{width:20px;height:20px}.form-group label{color:#555;margin-bottom:8px;font-weight:500;display:block}.form-group input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:15px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{color:#c33;background:#fee;border-radius:6px;margin-bottom:15px;padding:12px;font-size:14px}.success-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:15px;padding:12px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;width:100%;margin-bottom:10px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#059669;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.toggle-auth{text-align:center;color:#666;margin-top:20px}.forgot-password{text-align:center;margin-top:15px;margin-bottom:0}.link-button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.link-button:hover{color:#1d4ed8}.legal-consents{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border:2px solid #4f46e5;border-radius:8px;margin:30px 0 20px;padding:20px}.legal-consents h3{color:#1a1f36;margin:0 0 10px;font-size:18px;font-weight:600}.legal-intro{color:#4b5563;margin:0 0 15px;font-size:14px;line-height:1.5}.consent-item{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.consent-item input[type=checkbox]{cursor:pointer;accent-color:#4f46e5;flex-shrink:0;width:18px;height:18px;margin-top:4px}.consent-item label{color:#374151;cursor:pointer;flex:1;font-size:14px;line-height:1.6}.consent-item label a{color:#4f46e5;font-weight:500;text-decoration:underline}.consent-item label a:hover{color:#3730a3;text-decoration:none}.legal-note{color:#991b1b;background:#ef44441a;border-left:4px solid #ef4444;border-radius:4px;margin:15px 0 0;padding:12px;font-size:13px;line-height:1.5}.legal-note strong{font-weight:600}.user-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.user-avatar-small{width:32px;height:32px}.user-avatar-medium{width:40px;height:40px}.user-avatar-large{width:60px;height:60px}.user-avatar-img{object-fit:cover;width:100%;height:100%}.user-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.user-avatar-small .user-avatar-placeholder span{font-size:14px}.user-avatar-medium .user-avatar-placeholder span{font-size:16px}.user-avatar-large .user-avatar-placeholder span{font-size:24px}.username-text{color:inherit}.username-clickable{color:#2563eb;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.username-clickable:hover{color:#1d4ed8;text-decoration:underline}.username-clickable:active{transform:scale(.98)}.confirm-dialog-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-dialog-card{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:440px;padding:32px;animation:.3s slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-icon{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.confirm-dialog-icon svg{width:48px;height:48px}.confirm-dialog-icon-danger{color:#ef4444;filter:drop-shadow(0 2px 8px #ef44444d)}.confirm-dialog-icon-danger svg{stroke:#ef4444}.confirm-dialog-icon-warning{filter:drop-shadow(0 2px 8px #f59e0b4d);font-size:48px}.confirm-dialog-icon-info{filter:drop-shadow(0 2px 8px #3b82f64d);font-size:48px}.confirm-dialog-title{color:#1f2937;margin-bottom:12px;font-size:22px;font-weight:700}.confirm-dialog-message{color:#6b7280;margin-bottom:28px;font-size:16px;line-height:1.6}.confirm-dialog-actions{justify-content:center;gap:12px;display:flex}.confirm-dialog-btn{cursor:pointer;border:none;border-radius:8px;min-width:100px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.confirm-dialog-btn-cancel{color:#374151;background:#f3f4f6}.confirm-dialog-btn-cancel:hover{background:#e5e7eb}.confirm-dialog-btn-confirm{color:#fff}.confirm-dialog-btn-danger{background:#ef4444}.confirm-dialog-btn-danger:hover{background:#dc2626}.confirm-dialog-btn-warning{background:#f59e0b}.confirm-dialog-btn-warning:hover{background:#d97706}.confirm-dialog-btn-info{background:#3b82f6}.confirm-dialog-btn-info:hover{background:#2563eb}@media (max-width:640px){.confirm-dialog-card{max-width:340px;padding:24px}.confirm-dialog-icon{font-size:40px}.confirm-dialog-title{font-size:20px}.confirm-dialog-message{font-size:15px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.dream-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;padding:25px;transition:all .2s;box-shadow:0 2px 10px #00000014}.dream-card:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dream-card-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.header-left{flex:1;min-width:0}.author-info{align-items:center;gap:12px;display:flex}.author-text{flex:1;min-width:0}.dream-card-title{color:#333;margin:0 0 8px;font-size:20px;line-height:1.3}.dream-card-meta{flex-wrap:wrap;gap:15px;display:flex}.dream-card-author,.dream-card-date{color:#666;font-size:14px}.dream-card-preview{margin-bottom:15px}.dream-preview-text{color:#555;margin:0;font-size:15px;line-height:1.6}.dream-card-footer{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.dream-card-stats{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.stat-badge{color:#555;background:#f0f0f0;border-radius:12px;padding:5px 12px;font-size:13px;font-weight:600}.badge-mini{color:#2563eb;background:#eff6ff;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:500}.badge-mini.private{color:#7c3aed;background:#7c3aed26;border:1px solid #7c3aed4d}.privacy-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.privacy-badge.private{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.privacy-badge.public{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.privacy-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.privacy-badge.clickable:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.privacy-badge.clickable.private:hover{background:#ef444426;border-color:#ef444466}.privacy-badge.clickable.public:hover{background:#22c55e26;border-color:#22c55e66}.vote-buttons-mini{gap:8px;display:flex}.vote-btn-mini{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.vote-btn-mini:hover:not(:disabled){border-color:#2563eb;transform:scale(1.05)}.vote-btn-mini:disabled{opacity:.6;cursor:not-allowed}.vote-btn-mini.voted-positive{color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.vote-btn-mini.voted-positive:hover:not(:disabled){background:#16a34a!important;border-color:#16a34a!important}.vote-btn-mini.voted-negative{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.vote-btn-mini.voted-negative:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important}.save-btn{cursor:pointer;color:#ddd;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:28px;line-height:1;transition:all .2s;display:flex}.save-btn:hover:not(:disabled){filter:drop-shadow(0 2px 4px #0003);transform:scale(1.15)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.save-btn.saved{color:#fbbf24;filter:drop-shadow(0 2px 6px #fbbf2466)}.save-btn.saved:hover:not(:disabled){color:#f59e0b;transform:scale(1.15)}.delete-btn-card{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;line-height:1;transition:all .2s;display:flex}.delete-btn-card:hover:not(:disabled){color:#dc2626;transform:scale(1.15)}.delete-btn-card:disabled{opacity:.3;cursor:not-allowed}.delete-btn-card svg{width:14px;height:14px}@media (max-width:768px){.dream-card-footer{flex-direction:column;align-items:stretch}.vote-buttons-mini{justify-content:center}}.notification-bell{position:relative}.bell-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:flex;position:relative}.bell-button:hover{background:#fff3;transform:translateY(-1px)}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:-5px;right:-5px}.notification-dropdown{z-index:1000;background:#fff;border-radius:8px;flex-direction:column;width:380px;max-height:500px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.notification-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.notification-header h3{color:#1a1f36;margin:0;font-size:16px;font-weight:700}.mark-all-read{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .2s}.mark-all-read:hover{background:#eff6ff}.notification-list{max-height:440px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #f3f4f6;gap:12px;padding:15px 20px;transition:background .2s;display:flex;position:relative}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#eff6ff}.notification-item.unread:hover{background:#dbeafe}.notification-icon{flex-shrink:0;font-size:24px}.notification-content{flex:1;min-width:0}.notification-message{color:#1a1f36;margin:0 0 4px;font-size:14px;line-height:1.4}.notification-time{color:#6b7280;font-size:12px}.unread-dot{background:#2563eb;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.no-notifications{text-align:center;color:#9ca3af;padding:60px 20px;font-size:14px}@media (max-width:768px){.notification-dropdown{width:calc(100vw - 20px);max-width:400px;right:-10px}}@media (max-width:480px){.notification-dropdown{width:calc(100vw - 20px);left:auto;right:-10px;transform:none}.notification-header{padding:12px 15px}.notification-header h3{font-size:15px}.mark-all-read{font-size:12px}.notification-item{padding:12px 15px}.notification-message{font-size:13px}.notification-time{font-size:11px}}.home-container{background:#f8f9fa;width:100%;min-height:100vh;overflow-x:hidden}.home-header{color:#fff;z-index:100;background:#1a1f36;border-bottom:1px solid #e5e7eb;width:100%;padding:0;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header-content{justify-content:space-between;align-items:center;gap:30px;max-width:100%;margin:0 auto;padding:20px 60px;display:flex}.home-header h1{letter-spacing:.5px;margin:0;font-size:28px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:20px;transition:all .2s;display:flex}.new-dream-section{justify-content:flex-start;gap:12px;margin-bottom:20px;display:flex}.btn-new-dream{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-new-dream:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.btn-shop{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.notification-banner{background:linear-gradient(135deg,#4a5fe6 0%,#8b5cf6 100%);border-radius:12px;margin-bottom:20px;padding:16px 20px;animation:.4s ease-out slideDown;box-shadow:0 4px 12px #4a5fe633}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.notification-banner-content{color:#fff;align-items:center;gap:16px;display:flex}.notification-banner-icon{flex-shrink:0;font-size:32px}.notification-banner-text{flex:1}.notification-banner-text strong{margin-bottom:4px;font-size:16px;display:block}.notification-banner-text p{opacity:.95;margin:0;font-size:14px;line-height:1.4}.notification-banner-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-small{white-space:nowrap;padding:8px 16px;font-size:14px}.btn-text{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;transition:opacity .2s}.btn-text:hover{opacity:.8}@media (max-width:768px){.notification-banner{padding:14px 16px}.notification-banner-content{text-align:center;flex-direction:column;gap:12px}.notification-banner-icon{font-size:28px}.notification-banner-text strong{font-size:15px}.notification-banner-text p{font-size:13px}.notification-banner-actions{justify-content:center;width:100%}}.btn-shop:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.user-info{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;align-items:center;gap:10px;padding:8px 15px;transition:all .2s;display:flex}.user-info:hover{background:#ffffff40;transform:translateY(-1px)}.user-info-text{flex-direction:column;align-items:flex-start;display:flex}.username{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.admin-badge{color:#7c3aed;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.points{opacity:.95;font-size:13px}.points-container{gap:4px;margin-left:20px;margin-right:auto;display:flex}.points-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;border-radius:8px;justify-content:center;align-items:center;gap:3px;min-width:80px;max-width:100px;height:50px;padding:6px 8px;transition:all .2s;display:flex;position:relative;overflow:visible}.points-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.points-validated-card{background:#10b98126;border:1px solid #10b9814d}.points-pending-card{cursor:pointer;z-index:500;background:#fbbf2426;border:1px solid #fbbf244d}.points-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}.points-validated-card .points-icon{color:#10b981;filter:drop-shadow(0 1px 2px #10b98180)}.points-pending-card .points-icon{filter:drop-shadow(0 1px 2px #fbbf2480)}.points-info{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.points-value{color:#fff;font-size:18px;font-weight:700;line-height:1}.points-text{text-transform:uppercase;letter-spacing:.3px;color:#ffffffe6;word-wrap:break-word;max-width:90px;font-size:7px;font-weight:600;line-height:1.1}.points-pending-card .tooltip-content{visibility:hidden;opacity:0;color:#fff;white-space:normal;z-index:50000;pointer-events:none;text-transform:none;letter-spacing:normal;text-align:left;background:#000000f2;border-radius:8px;width:320px;max-width:90vw;padding:14px 18px;font-size:13px;font-weight:400;line-height:1.5;transition:all .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.points-pending-card .tooltip-content:after{content:"";border:6px solid #0000;border-bottom-color:#000000f2;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.points-pending-card:hover .tooltip-content,.points-pending-card.tooltip-active .tooltip-content{visibility:visible;opacity:1;top:calc(100% + 10px)}@media (hover:none){.points-pending-card.tooltip-active .tooltip-content{visibility:visible;opacity:1}}.points-display{align-items:center;gap:4px;font-size:13px;display:flex}.points-validated{color:#10b981;font-weight:700}.points-separator{color:#fff9}.points-pending{color:#fbbf24;font-weight:700}.points-label{color:#ffffffe6;margin-left:2px}.header-actions .btn-primary,.header-actions .btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.header-actions .btn-primary{color:#fff;background:#2563eb}.header-actions .btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.header-actions .btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.header-actions .btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.icon-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px 14px;font-size:18px;transition:all .2s}.icon-btn:hover{background:#fff3;transform:translateY(-2px)}.icon-btn.admin-btn{background:#7c3aed33;border-color:#7c3aed66}.icon-btn.admin-btn:hover{background:#7c3aed4d}.home-content{max-width:100%;margin:0 auto;padding:40px 60px}.filter-tabs{background:#fff;border-radius:12px;gap:12px;width:fit-content;margin-bottom:30px;padding:8px;display:flex;box-shadow:0 2px 8px #0000000f}.tab{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s}.tab:hover{color:#2563eb;background:#f5f5f5}.tab.active{color:#fff;background:#2563eb;box-shadow:0 1px 3px #2563eb33}.loading{text-align:center;color:#666;padding:60px;font-size:16px}.no-dreams{text-align:center;background:#fff;border-radius:12px;padding:80px 20px;box-shadow:0 2px 8px #0000000f}.no-dreams p{color:#666;margin:10px 0;font-size:16px}.no-dreams p:first-child{color:#333;font-size:18px;font-weight:600}.dreams-grid{flex-direction:column;gap:20px;display:flex}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:40px;padding:20px;display:flex}.pagination-btn{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#2563eb;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{align-items:center;gap:8px;display:flex}.pagination-number{color:#666;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;min-width:40px;height:40px;padding:0 12px;font-size:15px;font-weight:600;transition:all .2s}.pagination-number:hover{color:#2563eb;background:#f8f9fa;border-color:#2563eb}.pagination-number.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb4d}.pagination-ellipsis{color:#666;padding:0 8px;font-weight:600}@media (max-width:1024px){.header-content{flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.header-actions{justify-content:space-between;width:100%}.home-header h1{font-size:24px}}@media (max-width:768px){.header-content{padding:15px 10px}.home-header h1{font-size:20px}.header-actions{flex-wrap:wrap;gap:8px}.points-container{order:-1;gap:8px;width:100%;margin-left:0}.points-card{flex:1;gap:8px;padding:8px 12px}.points-icon{font-size:20px}.points-value{font-size:16px}.points-text{font-size:10px}.icon-btn{padding:6px 10px;font-size:18px}.user-info{gap:8px;padding:6px 10px}.username{font-size:13px}.points{font-size:11px}.home-content{padding:20px}.filter-tabs{flex-wrap:wrap;width:100%}.tab{flex:1;min-width:100px}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1}.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{padding:8px 16px;font-size:13px}.pagination-number{min-width:36px;height:36px;font-size:14px}}.create-dream-container{background:#f5f5f5;min-height:100vh;padding:40px 20px}.create-dream-box{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #0000001a}.create-dream-box h2{color:#333;text-align:center;margin-bottom:30px;font-size:28px}.back-btn-create{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:15px;padding:8px 0;font-size:16px;font-weight:600;display:inline-block}.back-btn-create:hover{text-decoration:underline}.create-dream-box textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:15px}.create-dream-box textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.form-group input[type=text],.form-group select{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:15px}.form-group input[type=text]:focus,.form-group select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.dream-date-select{cursor:pointer;background-color:#fff}.dream-section{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:25px;padding:25px}.required-section{background:#f9fafb;border-color:#2563eb}.optional-section{background:#fafafa;border-color:#ddd}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.header-right{align-items:center;gap:10px;display:flex}.section-header h3{color:#333;margin:0;font-size:20px}.badge-required{color:#fff;text-transform:uppercase;background:#2563eb;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.badge-optional{color:#fff;text-transform:uppercase;background:#6b7280;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.help-icon-container{display:inline-block;position:relative}.help-icon-container.inline{cursor:pointer;align-items:center;gap:8px;padding:12px 0;display:flex}.help-icon{color:#fff;cursor:help;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.help-icon:hover{background:#1d4ed8;transform:scale(1.1)}.tooltip{z-index:1000;background:#fff;border:2px solid #2563eb;border-radius:8px;min-width:300px;max-width:400px;margin-top:8px;padding:15px;animation:.2s ease-in-out fadeIn;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.help-icon-container.inline .tooltip{min-width:350px;left:0;right:auto}.tooltip p{color:#333;margin:8px 0;font-size:14px;line-height:1.5}.tooltip p:first-child{margin-top:0}.tooltip p:last-child{margin-bottom:0}.tooltip ul{color:#555;margin:10px 0 0 20px;padding:0}.tooltip li{margin:5px 0;font-size:14px;line-height:1.4}.tooltip em{color:#777;font-size:13px}.rewards-info{margin-bottom:20px}.rewards-text{color:#2563eb;font-size:15px;font-weight:600}.section-instructions{background:#fff;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:15px;padding:15px}.section-instructions p{color:#555;margin:8px 0;font-size:14px;line-height:1.5}.section-instructions ul{color:#555;margin:10px 0 0 20px}.section-instructions li{margin:6px 0;font-size:14px;line-height:1.4}.section-instructions em{color:#777;font-size:13px}.info-box{background:#eff6ff;border-left:4px solid #2563eb;border-radius:6px;margin-bottom:20px;padding:15px}.info-box p{color:#333;margin:8px 0;font-size:14px}.info-box ul{color:#555;margin:10px 0 0 20px}.info-box li{margin:5px 0;font-size:14px}.privacy-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:25px;padding:20px}.privacy-toggle{flex-direction:column;gap:12px;display:flex}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.toggle-input{display:none}.toggle-slider{background:#cbd5e1;border-radius:34px;flex-shrink:0;width:52px;height:28px;transition:all .3s;position:relative}.toggle-input:checked+.toggle-slider{background:#2563eb}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-text{color:#1a1f36;font-size:16px;font-weight:600}.privacy-description{color:#6b7280;margin:0;padding-left:64px;font-size:14px;line-height:1.5}@media (max-width:768px){.create-dream-container{padding:20px 10px}.create-dream-box{border-radius:8px;padding:20px}.create-dream-box h2{margin-bottom:20px;font-size:24px}.dream-section{margin-bottom:20px;padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.header-right{justify-content:space-between;width:100%}.section-header h3{font-size:18px}.tooltip{min-width:auto;max-width:none;position:fixed;left:10px;right:10px}.help-icon-container.inline .tooltip{min-width:auto;left:10px;right:10px}.section-instructions p,.section-instructions li{font-size:13px}.info-box{padding:12px}.info-box p,.info-box li{font-size:13px}.privacy-section{padding:15px}.privacy-description{margin-top:8px;padding-left:0;font-size:13px}.toggle-text{font-size:15px}.rewards-text{font-size:14px}}.questionnaire-button-section{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin:25px 0;padding:20px}.btn-questionnaire{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.btn-questionnaire:hover{background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.btn-questionnaire.completed{color:#fff;background:#10b981;border-color:#10b981}.btn-questionnaire.completed:hover{background:#059669;border-color:#059669}.questionnaire-hint{color:#64748b;text-align:center;margin-top:12px;font-size:14px}.questionnaire-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.questionnaire-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0000004d}.questionnaire-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.questionnaire-modal-header h2{color:#333;margin:0;font-size:24px}.close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;transition:all .2s;display:flex}.close-modal:hover{color:#64748b;background:#f1f5f9}.questionnaire-modal-content{flex:1;padding:24px;overflow-y:auto}.legend{color:#333;background:#eff6ff;border-left:3px solid #2563eb;border-radius:8px;flex-wrap:wrap;justify-content:space-around;gap:10px;margin-bottom:24px;padding:15px;font-size:14px;display:flex}.questions-container{flex-direction:column;gap:16px;display:flex}.question-block{background:#fafafa;border-left:4px solid #2563eb;border-radius:8px;padding:16px}.answer-options{flex-wrap:wrap;gap:8px;display:flex}.radio-custom{color:#64748b;background:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;transition:all .2s;display:flex}.radio-label input[type=radio]:checked+.radio-custom{color:#fff;background:#2563eb;border-color:#2563eb}.radio-label:hover .radio-custom{background:#eff6ff;border-color:#2563eb}.radio-label input[type=radio]:checked+.radio-custom:hover{background:#1d4ed8}.questionnaire-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-skip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-skip:hover{background:#f1f5f9;border-color:#94a3b8}.btn-save-questionnaire{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-save-questionnaire:hover{background:#1d4ed8}@media (max-width:768px){.questionnaire-modal{max-width:100%;max-height:95vh}.questionnaire-modal-header h2{font-size:20px}.questionnaire-modal-content{padding:16px}.answer-options{justify-content:center}.legend{text-align:center;flex-direction:column;font-size:13px}.questionnaire-modal-footer{flex-direction:column-reverse}.btn-skip,.btn-save-questionnaire{width:100%}}.consent-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.consent-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 25px 50px #00000080}.consent-header{color:#fff;background:#667eea;border-radius:12px 12px 0 0;flex-shrink:0;padding:25px 40px 20px}.consent-header h2{margin:0 0 10px;font-size:26px;font-weight:700}.consent-questionnaire-name{opacity:.9;margin:0;font-size:17px;font-weight:500}.consent-content{flex:1;min-height:400px;padding:50px 60px;font-size:16px;line-height:2;overflow-y:auto}.consent-section{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #667eea;border-radius:8px;margin-bottom:40px;padding:30px 35px}.consent-section.warning{background:#fff;border-left-color:#ef4444}.consent-section.legal-basis{background:#fff;border-left-color:#667eea}.consent-section h3{color:#1a1f36;margin:0 0 20px;font-size:18px;font-weight:600}.consent-section p{color:#1a1f36;margin:0 0 16px;font-size:16px;line-height:2}.consent-section p:last-child{margin-bottom:0}.consent-section ul{color:#1a1f36;margin:16px 0;padding-left:30px;line-height:2}.consent-section li{margin-bottom:12px;font-size:16px}.consent-section a{color:#667eea;font-weight:500;text-decoration:underline}.consent-section a:hover{color:#5568d3}.scroll-indicator{text-align:center;color:#667eea;opacity:.9;background:linear-gradient(#0000,#fff 30%);padding:20px;font-size:14px;font-weight:500;position:sticky;bottom:0;left:0;right:0}.consent-footer{background:#fafbfc;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-shrink:0;padding:25px 50px 20px}.consent-checkbox{background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:15px;margin-bottom:20px;padding:18px 20px;display:flex}.consent-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:22px;height:22px;margin-top:5px}.consent-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.consent-checkbox label{color:#1a1f36;cursor:pointer;flex:1;font-size:16px;line-height:1.8}.consent-buttons{gap:15px;margin-bottom:12px;display:flex}.btn-decline,.btn-accept{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-decline{color:#6b7280;background:#f3f4f6}.btn-decline:hover{color:#374151;background:#e5e7eb}.btn-accept{color:#fff;background:#667eea}.btn-accept:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-accept:disabled{opacity:.5;cursor:not-allowed;transform:none}.consent-note{color:#6b7280;text-align:center;margin:0;font-size:12px;font-style:italic;line-height:1.5}@media (max-width:768px){.consent-overlay{padding:10px}.consent-modal{max-height:95vh}.consent-header{padding:20px 20px 15px}.consent-header h2{font-size:22px}.consent-questionnaire-name{font-size:16px}.consent-content{min-height:300px;padding:30px 25px;font-size:15px}.consent-section{margin-bottom:30px;padding:25px}.consent-section h3{font-size:17px}.consent-section p,.consent-section li{font-size:15px}.consent-footer{padding:20px 25px 15px}.consent-checkbox{padding:15px}.consent-checkbox label{font-size:15px}.consent-buttons{flex-direction:column}.btn-decline,.btn-accept{padding:12px 20px;font-size:15px}}.questionnaire-container{background:#f5f5f5;min-height:100vh;padding:40px 20px}.questionnaire-box{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #0000001a}.questionnaire-box h2{color:#333;text-align:center;margin-bottom:15px;font-size:28px}.questionnaire-intro{text-align:center;color:#666;margin-bottom:25px;font-size:15px}.legend{color:#333;background:#eff6ff;border-left:3px solid #2563eb;border-radius:8px;justify-content:space-around;margin-bottom:30px;padding:15px;font-size:14px;display:flex}.question-block{background:#fafafa;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:20px;padding:20px}.question-text{color:#333;margin-bottom:15px;font-size:16px;line-height:1.5}.question-number{color:#2563eb;margin-right:8px;font-weight:700}.answer-options{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.radio-label{cursor:pointer;align-items:center;display:flex}.radio-label input[type=radio]{display:none}.radio-custom{color:#666;border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.radio-label input[type=radio]:checked+.radio-custom{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.radio-custom:hover{border-color:#2563eb}.questionnaire-actions{justify-content:center;gap:15px;margin-top:30px;display:flex}.btn-secondary{color:#333;cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#e0e0e0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.questionnaire-container{padding:20px 10px}.questionnaire-box{border-radius:8px;padding:20px}.questionnaire-box h2{font-size:24px}.questionnaire-intro{font-size:14px}.legend{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;font-size:13px}.question-block{padding:15px}.question-text{font-size:15px}.answer-options{gap:10px}.radio-custom{width:42px;height:42px;font-size:15px}.questionnaire-actions{flex-direction:column;width:100%}.btn-secondary{width:100%;padding:12px 20px;font-size:15px}}.notification-settings{background:linear-gradient(135deg,#4a5fe614 0%,#8b5cf614 100%);border:1px solid #8b5cf633;border-radius:16px;margin-bottom:20px;padding:28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #4a5fe61f}.notification-settings:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf60d 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notification-settings h3{background:linear-gradient(135deg,#4a5fe6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:22px;font-weight:700;position:relative}.notification-settings h4{color:#1a1a1a;z-index:1;margin:20px 0 15px;font-size:17px;font-weight:600;position:relative}.notification-not-supported{color:#1a1a1a;z-index:1;background:linear-gradient(135deg,#ffc10726 0%,#ff980026 100%);border:2px solid #ffc10766;border-radius:12px;padding:18px;animation:.4s ease-out fadeIn;position:relative;box-shadow:0 4px 12px #ffc1071a}.notification-not-supported .note{opacity:.9;margin-top:10px;font-size:14px}.notification-not-supported ul{margin:10px 0;padding-left:20px}.notification-main-toggle{cursor:pointer;z-index:1;background:linear-gradient(135deg,#4a5fe61f 0%,#8b5cf61f 100%);border:2px solid #8b5cf640;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.notification-main-toggle:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.notification-main-toggle:hover:before{left:100%}.notification-main-toggle:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 24px #4a5fe626}.toggle-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.toggle-header strong{color:#1a1a1a;letter-spacing:.2px;text-shadow:none;margin-bottom:6px;font-size:16px;font-weight:600;display:block}.toggle-description{color:#333;text-shadow:none;margin:0;font-size:14px;line-height:1.5}.toggle-switch{flex-shrink:0;width:56px;height:30px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:linear-gradient(135deg,#ffffff26 0%,#ffffff1a 100%);border-radius:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 6px #0003}.toggle-slider:before{content:"";background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);border-radius:50%;width:24px;height:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 8px #00000040}input:checked+.toggle-slider{background:linear-gradient(135deg,#4a5fe6 0%,#8b5cf6 100%);box-shadow:0 0 20px #8b5cf666,inset 0 1px 3px #fff3}input:checked+.toggle-slider:before{transform:translate(26px);box-shadow:0 3px 12px #00000059}.toggle-slider:hover{transform:scale(1.05)}input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}input:disabled+.toggle-slider:hover{transform:scale(1)}.notification-preferences{z-index:1;animation:.4s cubic-bezier(.4,0,.2,1) slideDown;position:relative}.preference-item{cursor:pointer;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:12px;margin-bottom:14px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.preference-item:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.preference-item:hover:before{left:100%}.preference-item:hover{border-color:#8b5cf64d;transform:translateY(-2px)translate(2px);box-shadow:0 6px 20px #4a5fe61f}.preference-header{z-index:1;justify-content:space-between;align-items:center;gap:15px;display:flex;position:relative}.preference-header strong{color:#1a1a1a;letter-spacing:.3px;text-shadow:none;margin-bottom:5px;font-size:15px;font-weight:600;display:block}.preference-header p{color:#333;text-shadow:none;margin:0;font-size:13px;line-height:1.4}.frequency-selector{border-top:1px solid #ffffff26;align-items:center;gap:12px;margin-top:14px;padding-top:14px;animation:.3s ease-out fadeIn;display:flex}.frequency-selector label{color:#1a1a1a;text-shadow:none;font-size:14px;font-weight:500}.frequency-selector select{color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#4a5fe626 0%,#8b5cf626 100%);border:1px solid #8b5cf64d;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.frequency-selector select:hover{border-color:#8b5cf680;box-shadow:0 2px 8px #8b5cf633}.frequency-selector select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf633}.frequency-selector select option{color:#1a1a1a;background:#fff}.frequency-selector input[type=time],.time-picker{color:#1a1a1a;cursor:pointer;background:linear-gradient(135deg,#4a5fe626 0%,#8b5cf626 100%);border:1px solid #8b5cf64d;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.frequency-selector input[type=time]:hover,.time-picker:hover{border-color:#8b5cf680;box-shadow:0 2px 8px #8b5cf633}.frequency-selector input[type=time]:focus,.time-picker:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf633}.notification-info-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.notification-info-content{background:linear-gradient(135deg,#1e1e32 0%,#252540 100%);border:2px solid #8b5cf64d;border-radius:16px;width:100%;max-width:520px;padding:32px;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 100px #8b5cf626}.notification-info-content:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:200%;height:200%;animation:4s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-info-content h4{background:linear-gradient(135deg,#4a5fe6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin:0 0 20px;font-size:24px;font-weight:700;position:relative}.notification-info-content ul{color:#fff;z-index:1;margin:18px 0;padding-left:24px;position:relative}.notification-info-content li{text-shadow:none;margin:12px 0;font-size:15px;line-height:1.6}.notification-info-content p{color:#fff;z-index:1;font-size:15px;line-height:1.6;position:relative}.privacy-note{color:#fff;z-index:1;background:linear-gradient(135deg,#4a5fe626 0%,#8b5cf626 100%);border:1px solid #8b5cf64d;border-radius:10px;margin-top:20px;padding:16px;font-size:14px;line-height:1.6;position:relative}.privacy-note a{color:#a78bfa;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.privacy-note a:hover{color:#c4b5fd;text-decoration:underline}.modal-actions{z-index:1;gap:12px;margin-top:24px;display:flex;position:relative}.modal-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:14px 20px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-actions button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-actions button:hover:before{width:300px;height:300px}.modal-actions .btn-primary{color:#fff;z-index:1;background:linear-gradient(135deg,#4a5fe6 0%,#8b5cf6 100%);position:relative;box-shadow:0 4px 15px #4a5fe64d}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4a5fe666}.modal-actions .btn-primary:active{transform:translateY(0)}.modal-actions .btn-secondary{color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff26}.modal-actions .btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4a5fe666}.modal-actions .btn-secondary{color:#fff;background:#ffffff1a}.modal-actions .btn-secondary:hover:not(:disabled){background:#ffffff26}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.notification-settings{padding:15px}.toggle-header{flex-direction:row}.notification-info-content{padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.email-notification-settings{background:#fff;border-radius:12px;margin-top:20px;padding:25px;box-shadow:0 2px 8px #0000001a}.email-notification-settings h3{color:#1a1f36;align-items:center;gap:8px;margin:0 0 8px;font-size:20px;display:flex}.settings-description{color:#6b7280;margin:0 0 20px;font-size:14px}.email-settings-options{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.email-setting-item{cursor:pointer;background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:background .2s;display:flex}.email-setting-item:hover:not(.disabled){background:#f3f4f6}.email-setting-item.disabled{opacity:.5;cursor:not-allowed}.setting-info{flex-direction:column;flex:1;gap:4px;display:flex}.setting-label{color:#1a1f36;font-size:15px;font-weight:600}.setting-description{color:#6b7280;font-size:13px}.setting-toggle{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.setting-toggle:checked{background:#2563eb}.setting-toggle:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px}.setting-toggle:checked:before{left:22px}.setting-toggle:disabled{cursor:not-allowed;opacity:.5}.email-success-message{color:#065f46;background:#d1fae5;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.btn-save-email-settings{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-save-email-settings:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-save-email-settings:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.email-notification-settings{padding:20px}.email-setting-item{flex-direction:column;align-items:flex-start;gap:12px}.setting-toggle{align-self:flex-end}}.profile-container{background:#f5f5f5;min-height:100vh;padding:40px 20px}.profile-box{background:#fff;border-radius:12px;max-width:1200px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #0000001a}.profile-header{margin-bottom:30px}.back-btn{cursor:pointer;z-index:10;border:none;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s;position:relative;color:#fff!important;background:#2563eb!important;display:inline-block!important}.back-btn:hover{background:#1d4ed8}.profile-header h2{color:#333;margin:0;font-size:28px}.profile-photo-section{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:30px;margin-bottom:30px;padding:30px;display:flex}.profile-photo-wrapper{flex-shrink:0}.profile-photo{object-fit:cover;border:4px solid #2563eb;border-radius:50%;width:120px;height:120px;box-shadow:0 4px 12px #2563eb33}.profile-photo-placeholder{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:4px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.profile-photo-actions{flex-direction:column;gap:12px;display:flex}.btn-upload-photo,.btn-remove-photo{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-upload-photo{color:#fff;background:#2563eb}.btn-upload-photo:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-upload-photo:disabled{opacity:.6;cursor:not-allowed}.btn-remove-photo{color:#ef4444;background:#fff;border:2px solid #ef4444}.btn-remove-photo:hover:not(:disabled){background:#fef2f2;transform:translateY(-1px)}.btn-remove-photo:disabled{opacity:.6;cursor:not-allowed}.profile-info-box{background:#f9fafb;border-left:4px solid #2563eb;border-radius:8px;margin-bottom:30px;padding:20px}.info-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#555;flex-shrink:0;margin-right:15px;font-weight:600}.info-value{color:#333}.username-display{align-items:center;gap:10px;display:flex}.username-edit-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:18px;transition:all .2s;display:flex}.username-edit-btn:hover{background:#eff6ff;transform:scale(1.1)}.username-edit-container{flex:1;align-items:center;gap:8px;display:flex}.username-input{border:2px solid #d1d5db;border-radius:6px;flex:1;padding:6px 12px;font-size:14px;transition:border-color .2s}.username-input:focus{border-color:#2563eb;outline:none}.username-input:disabled{cursor:not-allowed;background:#f3f4f6}.username-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;padding:6px 12px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.username-save-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.username-save-btn:disabled{cursor:not-allowed;background:#9ca3af}.username-cancel-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:36px;padding:6px 12px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.username-cancel-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.username-cancel-btn:disabled{cursor:not-allowed;background:#9ca3af}.username-error{color:#ef4444;background:#fee2e2;border-left:3px solid #ef4444;border-radius:4px;margin-top:4px;padding:8px 12px;font-size:13px}.info-value.points-validated{color:#10b981;font-size:18px;font-weight:600}.info-value.points-pending{color:#f59e0b;font-size:18px;font-weight:600}.info-value.points-total{color:#2563eb;font-size:20px;font-weight:700}.profile-form h3{color:#333;margin-bottom:10px;font-size:20px}.form-description{color:#6b7280;background:#eff6ff;border-left:3px solid #2563eb;border-radius:6px;margin-bottom:25px;padding:15px;font-size:14px;line-height:1.5}.profile-form .form-group{margin-bottom:20px}.profile-form label{color:#555;margin-bottom:8px;font-weight:500;display:block}.profile-form input,.profile-form select,.profile-form textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px;font-family:inherit;font-size:15px}.profile-form input:focus,.profile-form select:focus,.profile-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.profile-form textarea{resize:vertical}.success-message{color:#155724;background:#d4edda;border-radius:6px;margin-bottom:15px;padding:12px;font-size:14px;font-weight:500}@media (max-width:768px){.profile-container{padding:20px 10px}.profile-box{border-radius:8px;padding:20px 15px}.profile-header h2{font-size:24px}.profile-photo-section{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px}.profile-photo,.profile-photo-placeholder{width:100px;height:100px;font-size:40px}.profile-photo-actions,.btn-upload-photo,.btn-remove-photo{width:100%}.info-row{flex-direction:column;align-items:flex-start;gap:5px}.profile-form h3{font-size:18px}.form-description{padding:12px;font-size:13px}.questionnaires-grid{grid-template-columns:1fr}.questionnaires-slider-container{flex-direction:column;gap:15px;width:calc(100% + 30px);margin:0 -15px}.questionnaires-slider-container>.slider-arrow{display:none}.questionnaires-slider{gap:15px;width:100%;padding:10px 15px}.slider-arrows-bottom{justify-content:center;gap:15px;margin-top:10px;display:flex}.slider-arrows-bottom .slider-arrow{width:50px;height:50px;display:flex!important}.questionnaire-card{min-width:280px;max-width:320px;padding:20px}.questionnaire-card h4{font-size:18px}.questionnaire-description{font-size:13px}.btn-questionnaire{padding:10px 16px;font-size:14px}.questionnaire-note{font-size:12px}.questionnaires-section h3{padding:0 15px;font-size:20px}.questionnaires-section p{padding:0 15px;font-size:14px}}.questionnaires-section{background:#f9fafb;border-radius:12px;margin-bottom:30px;padding:30px}.questionnaires-section h3{color:#333;margin-bottom:10px;font-size:24px}.section-description{color:#666;margin-bottom:20px;line-height:1.6}.loading-text{text-align:center;color:#666;padding:20px}.questionnaires-slider-container{align-items:center;gap:15px;display:flex;position:relative}.questionnaires-slider{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0003 transparent;flex:1;gap:20px;padding:10px 0;display:flex;overflow-x:auto}.questionnaires-slider::-webkit-scrollbar{height:8px}.questionnaires-slider::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.questionnaires-slider::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.questionnaires-slider::-webkit-scrollbar-thumb:hover{background:#0000004d}.slider-arrow{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:2rem;line-height:1;transition:all .3s;display:flex;box-shadow:0 4px 10px #667eea4d}.slider-arrow:hover{transform:scale(1.1);box-shadow:0 6px 15px #667eea66}.slider-arrow:active{transform:scale(.95)}.slider-arrow-left{margin-right:5px}.slider-arrow-right{margin-left:5px}.slider-arrows-bottom{display:none}.questionnaires-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.questionnaire-card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;min-width:320px;padding:25px;transition:all .3s;display:flex;box-shadow:0 2px 10px #00000014}.questionnaire-card:hover:not(.coming-soon){transform:translateY(-5px);box-shadow:0 4px 20px #0000001f}.questionnaire-card.coming-soon{opacity:.6}.questionnaire-icon{margin-bottom:15px;font-size:3rem}.questionnaire-card h4{color:#333;margin-bottom:10px;font-size:1.3rem}.questionnaire-description{color:#666;flex:1;margin-bottom:15px;font-size:.95rem;line-height:1.5}.questionnaire-reward{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:15px;padding:8px 16px;font-weight:600}.questionnaire-reward-high{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.reward-points{font-size:1rem}.btn-questionnaire{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-questionnaire:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.questionnaire-completed{color:#fff;background:#10b981;border-radius:25px;padding:10px 25px;font-weight:600}.questionnaire-completed span{align-items:center;gap:8px;display:flex}.questionnaire-note{color:#666;text-align:center;margin-top:10px;font-size:.85rem;font-style:italic}.questionnaire-waiting{color:#fff;text-align:center;background:#f59e0b;border-radius:25px;padding:12px 20px;font-weight:600}.questionnaire-waiting .next-date{opacity:.9;margin-top:5px;font-size:.85rem;font-weight:400}.coming-soon-badge{color:#fff;background:#6b7280;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600}.questionnaires-completed-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.questionnaire-completed-item{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:4px solid #2563eb;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.questionnaire-completed-item:hover{transform:translate(4px);box-shadow:0 2px 8px #2563eb1a}.questionnaire-completed-info{flex-direction:column;gap:4px;display:flex}.questionnaire-name{color:#1a1f36;font-size:15px;font-weight:600}.questionnaire-date{color:#6b7280;font-size:13px}.questionnaire-points{color:#fff;white-space:nowrap;background:#2563eb;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600}.no-questionnaires{text-align:center;color:#6b7280;padding:40px 20px;font-style:italic}.dream-detail-container{background:#fff;min-height:100vh}.dream-detail-loading,.dream-detail-error{text-align:center;color:#666;padding:60px 20px;font-size:18px}.dream-detail-meta{color:#fff;background:#1a1f36;border-bottom:3px solid #2563eb;padding:30px 60px 50px;position:relative}.back-button-meta{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;margin-bottom:25px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block}.back-button-meta:hover{background:#fff3;border-color:#ffffff4d;transform:translate(-2px)}.edit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.edit-button:hover{background:#1d4ed8}.dream-detail-content{background:#fff;max-width:100%;margin:0 auto}.meta-header{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:30px;max-width:1400px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:flex}.meta-info-inline{opacity:.85;flex-wrap:wrap;align-items:center;gap:20px;font-size:15px;display:flex}.meta-info-inline .dream-author,.meta-info-inline .dream-date{font-weight:500}.meta-info-inline .dream-author{align-items:center;gap:8px;display:flex}.admin-badge-detail{color:#ddd6fe;background:#7c3aed33;border:1px solid #7c3aed66;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.dream-detail-title{flex:none;margin:0;font-size:36px;line-height:1.3}.dream-detail-info{opacity:.95;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;max-width:1400px;margin-left:auto;margin-right:auto;font-size:16px;display:flex}.stat-badge-inline{background:#ffffff26;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.badge-completed-inline{background:#2563eb4d;border:1px solid #2563eb;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.badge-private-inline{color:#ddd6fe;background:#7c3aed33;border:1px solid #7c3aed;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600}.dream-author,.dream-date{align-items:center;gap:8px;font-size:16px;display:flex}.dream-detail-body{max-width:100%;margin:0 auto;padding:50px 60px}.dream-section-full{background:#fff;padding:0}.section-header{color:#1a1f36;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:700}.section-header-secondary{color:#4b5563;margin-top:50px;font-size:16px}.edit-button-bottom{border-top:2px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:40px;padding-top:30px;display:flex}.edit-button-bottom .edit-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.edit-button-bottom .edit-button:hover{background:#1d4ed8}.edit-button-bottom .delete-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.edit-button-bottom .delete-button:hover{background:#b91c1c}.edit-button-bottom .admin-delete{background:#7c3aed;border:2px solid #6d28d9}.edit-button-bottom .admin-delete:hover{background:#6d28d9}.edit-button-bottom .privacy-button{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.edit-button-bottom .privacy-button:hover{background:#059669}.dream-text-full{color:#333;white-space:pre-wrap;word-wrap:break-word;font-size:17px;line-height:1.9}.personal-section{background:#f9fafb;border-left:4px solid #2563eb;border-radius:8px;padding:30px}.dream-detail-stats{background:#f8f9fa;border-top:2px solid #e0e0e0;max-width:100%;margin:0 auto;padding:40px 20px 20px}.stats-row{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:25px;display:flex}.stat-item{color:#555;font-size:15px}.badge-completed{color:#2563eb;background:#eff6ff;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600}.vote-section{border-top:1px solid #e0e0e0;padding-top:25px}.vote-prompt{text-align:center;color:#555;margin-bottom:15px;font-size:16px;font-weight:600}.vote-buttons-large{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.vote-btn-large{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;flex:1;min-width:180px;padding:15px 25px;font-size:16px;font-weight:600;transition:all .2s}.vote-btn-large:hover:not(:disabled){background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}.vote-btn-large:disabled{opacity:.6;cursor:not-allowed}.vote-btn-large.voted-positive{color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.vote-btn-large.voted-positive:hover:not(:disabled){background:#16a34a!important;border-color:#16a34a!important}.vote-btn-large.voted-negative{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.vote-btn-large.voted-negative:hover:not(:disabled){background:#dc2626!important;border-color:#dc2626!important}.comments-section{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:40px}.comments-header{color:#1a1f36;margin-bottom:25px;font-size:20px;font-weight:700}.comment-form{background:#f9fafb;border-radius:8px;margin-bottom:30px;padding:16px}.comment-input-wrapper{position:relative}.comment-form textarea{resize:vertical;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;width:100%;margin-bottom:12px;padding:12px;font-family:inherit;font-size:15px}.comment-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.user-suggestions{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;margin-bottom:8px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggestion-item{cursor:pointer;color:#1a1f36;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:14px;transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{color:#2563eb;background:#eff6ff;font-weight:600}.comment-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.comment-submit-btn:hover:not(:disabled){background:#1d4ed8}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;gap:20px;display:flex}.no-comments{text-align:center;color:#9ca3af;padding:40px 20px;font-size:15px}.comment-item{background:0 0;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;gap:12px;padding:16px 0;display:flex;position:relative}.comment-item:last-child{border-bottom:none}.comment-reply{background:0 0;border:none;margin-left:40px;padding:12px 0}.replies-container{flex-direction:column;gap:0;margin-top:12px;display:flex}.comment-content-wrapper{flex:1;min-width:0}.comment-header-info{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.btn-message-user{cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:4px;font-size:16px;transition:all .2s}.btn-message-user:hover{opacity:1;background:#eff6ff;transform:scale(1.1)}.comment-menu-container{flex-shrink:0;margin-left:auto;position:relative}.btn-comment-menu{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-comment-menu:hover{color:#6b7280;background:#f3f4f6}.comment-menu-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.comment-menu-item{text-align:left;color:#1a1f36;cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.comment-menu-item:hover{background:#f3f4f6}.comment-menu-item svg{flex-shrink:0;width:16px;height:16px}.comment-menu-item-danger{color:#ef4444}.comment-menu-item-danger:hover{background:#fee2e2}.edited-badge{color:#9ca3af;font-size:11px;font-style:italic}.comment-edit-form{margin-top:10px}.comment-edit-textarea{resize:vertical;border:2px solid #2563eb;border-radius:6px;width:100%;min-height:80px;padding:10px;font-family:inherit;font-size:14px}.comment-edit-textarea:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.comment-edit-actions{gap:10px;margin-top:10px;display:flex}.btn-save-comment{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-save-comment:hover:not(:disabled){background:#1d4ed8}.btn-save-comment:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-comment{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel-comment:hover{background:#e5e7eb}.btn-reply-comment{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:600;transition:all .2s}.btn-reply-comment:hover{color:#1d4ed8;text-decoration:underline}.comment-actions{align-items:center;gap:16px;margin-top:8px;display:flex}.btn-toggle-replies{color:#065fd4;cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:8px;padding:8px 12px 8px 0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-toggle-replies:hover{background:#065fd41a;padding-left:12px}.reply-arrow{flex-shrink:0;transition:transform .2s}.reply-arrow.expanded{transform:rotate(180deg)}.reply-count{white-space:nowrap;font-weight:500}.reply-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:12px}.reply-form textarea{resize:vertical;border:2px solid #d1d5db;border-radius:6px;width:100%;min-height:60px;padding:10px;font-family:inherit;font-size:14px;transition:all .2s}.reply-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.reply-form-actions{gap:8px;margin-top:8px;display:flex}.btn-submit-reply{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn-submit-reply:hover:not(:disabled){background:#1d4ed8}.btn-submit-reply:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-reply{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn-cancel-reply:hover{background:#e5e7eb}.comment-author{color:#1a1f36;font-size:14px;font-weight:600}.comment-date{color:#6b7280;font-size:13px}.comment-content{color:#374151;word-wrap:break-word;margin:0;font-size:15px;line-height:1.6}.comment-tag{color:#2563eb;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#2563eb33;touch-action:manipulation;font-weight:600;position:relative}.comment-tag:hover{text-decoration:underline}.edit-form{max-width:100%;margin:0 auto;padding:50px 60px}.edit-form .form-group{margin-bottom:25px}.edit-form label{color:#1a1f36;margin-bottom:8px;font-size:15px;font-weight:600;display:block}.edit-form input,.edit-form textarea{border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:15px;transition:border-color .2s}.edit-form input:focus,.edit-form textarea:focus{border-color:#2563eb;outline:none}.edit-form textarea{resize:vertical}.edit-actions{gap:15px;margin-top:30px;display:flex}.edit-actions button{cursor:pointer;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#2563eb;border:none;max-width:200px}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#6b7280;background:#fff;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.dream-detail-meta{padding:20px 20px 30px}.back-button-meta{margin-bottom:20px}.meta-header{flex-direction:column;gap:15px}.meta-info-inline{flex-direction:column;align-items:flex-start;gap:8px}.dream-detail-title{font-size:24px}.dream-detail-info{gap:10px}.dream-detail-body,.edit-form{padding:30px 20px}.dream-detail-stats{padding:30px 12px 20px}.vote-buttons-large{flex-direction:column}.vote-btn-large{min-width:100%}.comments-section{padding-top:30px;padding-left:0;padding-right:0}.comment-item{padding:12px 16px}.comment-reply{margin-left:20px;padding:12px 0}.comment-header-info{flex-wrap:wrap;gap:4px}.comment-author{font-size:13px}.comment-date{font-size:12px}.comment-content{font-size:14px}.comment-actions{flex-wrap:wrap;gap:12px}.btn-reply-comment{font-size:12px}.btn-toggle-replies{padding:6px 10px 6px 0;font-size:13px}.btn-toggle-replies:hover{padding-left:10px}.reply-arrow{width:14px;height:14px}.reply-form textarea{min-height:70px;font-size:14px}.reply-form-actions{flex-wrap:wrap}.btn-submit-reply,.btn-cancel-reply{padding:6px 12px;font-size:12px}.btn-comment-menu{width:36px;height:36px;padding:8px}.btn-comment-menu svg{width:18px;height:18px}.comment-menu-dropdown{min-width:140px;right:0}.comment-menu-item{padding:12px 14px;font-size:15px}.comment-menu-item svg{width:18px;height:18px}.edit-actions{flex-direction:column}.edit-actions button{width:100%}}.messages-container{background:#f8f9fa;height:100vh;display:flex}.messages-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:350px;display:flex}.messages-header{border-bottom:1px solid #e5e7eb;padding:20px}.messages-header h2{color:#1a1f36;margin:10px 0 0;font-size:24px}.back-btn-messages{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-bottom:10px;padding:0;font-size:14px;font-weight:600}.back-btn-messages:hover{text-decoration:underline}.conversations-list{flex:1;overflow-y:auto}.no-conversations{text-align:center;color:#6b7280;padding:40px 20px}.no-conversations p{margin:5px 0}.no-conversations .hint{color:#9ca3af;font-size:14px}.conversation-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:15px 20px;transition:background .2s;display:flex;position:relative}.conversation-item:hover{background:#f9fafb}.conversation-item.active{background:#eff6ff;border-left:3px solid #2563eb}.conversation-info{flex:1;min-width:0}.conversation-name{color:#1a1f36;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.unread-badge{color:#fff;text-align:center;background:#2563eb;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:700}.conversation-preview{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;overflow:hidden}.conversation-time{color:#9ca3af;white-space:nowrap;font-size:12px}.messages-main{background:#fff;flex-direction:column;flex:1;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:20px;display:flex}.back-btn-chat{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:24px;transition:background .2s;display:flex}.back-btn-chat:hover{background:#eff6ff}.chat-header h3{color:#1a1f36;margin:0;font-size:18px}.messages-list{background:#f8f9fa;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.no-messages{text-align:center;color:#9ca3af;padding:40px 20px}.message-item{gap:10px;max-width:70%;display:flex}.message-item.sent{flex-direction:row-reverse;align-self:flex-end}.message-item.received{align-self:flex-start}.message-bubble{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0000001a}.message-item.sent .message-bubble{color:#fff;background:#2563eb}.message-content{word-wrap:break-word;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.5}.message-time{opacity:.7;margin-top:4px;font-size:11px;display:block}.message-form{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:12px;padding:20px;display:flex;position:relative}.message-form-input-wrapper{background:#f3f4f6;border-radius:24px;flex:1;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.emoji-button{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:24px;transition:transform .2s;display:flex}.emoji-button:hover{transform:scale(1.15)}.message-form-input-wrapper input,.message-form-input-wrapper textarea{resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:150px;padding:12px 0;font-family:inherit;font-size:15px;line-height:1.5;overflow-y:auto}.message-form-input-wrapper input::placeholder,.message-form-input-wrapper textarea::placeholder{color:#9ca3af}.message-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.message-form button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.message-form button:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected{color:#9ca3af;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.messages-loading{color:#6b7280;justify-content:center;align-items:center;height:100vh;font-size:16px;display:flex}@media (max-width:768px){.messages-sidebar{width:100%}.messages-main,.messages-sidebar.chat-open{display:none}.messages-main.chat-open{display:flex}.message-item{max-width:85%}}.context-menu{z-index:1000;background:#fff;border-radius:8px;min-width:150px;padding:4px;position:fixed;box-shadow:0 4px 20px #00000026}.context-menu-item{text-align:left;cursor:pointer;color:#374151;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:14px;transition:background .2s;display:flex}.context-menu-item:hover{background:#f3f4f6}.context-menu-item.delete{color:#dc2626}.context-menu-item.delete:hover{background:#fee2e2}.conversation-menu-container{align-items:center;display:flex;position:relative}.conversation-menu-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:20px;line-height:1;transition:all .2s;display:flex}.conversation-menu-btn:hover{color:#374151;background:#f3f4f6}.conversation-dropdown-menu{z-index:100;background:#fff;border-radius:8px;min-width:150px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 20px #00000026}.dropdown-menu-item{text-align:left;cursor:pointer;color:#374151;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:14px;transition:background .2s;display:flex}.dropdown-menu-item:hover{background:#f3f4f6}.dropdown-menu-item.delete{color:#dc2626}.dropdown-menu-item.delete:hover{background:#fee2e2}.dropdown-menu-item.block{color:#dc2626}.dropdown-menu-item.block:hover{background:#fee2e2}.dropdown-menu-item.unblock{color:#16a34a}.dropdown-menu-item.unblock:hover{background:#dcfce7}.admin-section{border-bottom:2px solid #e5e7eb;margin-bottom:10px;padding-bottom:10px}.section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;padding:15px 20px 8px;font-size:13px;font-weight:700}.emoji-picker{z-index:1000;background:#fff;border:1px solid #d1d7db;border-radius:8px;flex-direction:column;width:352px;height:420px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:.15s ease-out emojiPickerSlideUp;display:flex;position:absolute;bottom:60px;left:10px;overflow:hidden;box-shadow:0 2px 12px #0000001a}.emoji-picker-search{border-bottom:1px solid #e9edef;padding:8px 12px}.emoji-picker-search-input{color:#3b4a54;background:#f0f2f5;border:none;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:14px}.emoji-picker-search-input:focus{background:#e9edef}.emoji-picker-search-input::placeholder{color:#8696a0}.emoji-picker-categories{background:#fff;border-bottom:1px solid #e9edef;justify-content:space-around;gap:4px;padding:6px 8px;display:flex}.emoji-picker-category-btn{cursor:pointer;opacity:.4;filter:grayscale();background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;margin-bottom:-1px;padding:6px 8px;font-size:22px;transition:opacity .15s}.emoji-picker-category-btn:hover{opacity:.7}.emoji-picker-category-btn.active{opacity:1;filter:grayscale(0%);border-bottom-color:#00a884}.emoji-picker-content{flex:1;padding:0;overflow-y:auto}.emoji-picker-content::-webkit-scrollbar{width:6px}.emoji-picker-content::-webkit-scrollbar-track{background:0 0}.emoji-picker-content::-webkit-scrollbar-thumb{background:#d1d7db;border-radius:3px}.emoji-picker-content::-webkit-scrollbar-thumb:hover{background:#b3b9bd}.emoji-picker-category-section{margin-bottom:8px}.emoji-picker-category-label{color:#8696a0;text-transform:uppercase;letter-spacing:1px;padding:16px 12px 8px;font-size:11px;font-weight:600}.emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:0;padding:0 8px;display:grid}.emoji-picker-emoji-btn{cursor:pointer;aspect-ratio:1;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;min-height:40px;padding:4px;font-size:28px;line-height:1;transition:none;display:flex}.emoji-picker-emoji-btn:hover{background:#00000008;border-radius:4px}.emoji-picker-emoji-btn:active{background:#0000000d;transform:scale(.95)}@media (prefers-color-scheme:dark){.emoji-picker{background:#2a2f32;border-color:#3b4a54}.emoji-picker-search{border-bottom-color:#3b4a54}.emoji-picker-search-input{color:#e9edef;background:#202c33}.emoji-picker-search-input:focus{background:#111b21}.emoji-picker-categories{background:#2a2f32;border-bottom-color:#3b4a54}.emoji-picker-emoji-btn:hover{background:#ffffff0d}.emoji-picker-emoji-btn:active{background:#ffffff14}.emoji-picker-content::-webkit-scrollbar-thumb{background:#3b4a54}.emoji-picker-content::-webkit-scrollbar-thumb:hover{background:#4a5b65}}@media (max-width:768px){.emoji-picker{width:calc(100vw - 20px);max-width:352px;left:50%;transform:translate(-50%)}}@keyframes emojiPickerSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-panel-container{background:#f9fafb;min-height:100vh}.admin-panel-header{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-bottom:4px solid #5b21b6;padding:40px 60px}.admin-panel-header h1{margin:0 0 10px;font-size:32px;font-weight:700}.admin-subtitle{opacity:.9;margin:0;font-size:16px}.back-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.back-button:hover{background:#fff3;transform:translate(-2px)}.admin-content{max-width:1400px;margin:0 auto;padding:40px 60px}.admin-actions{justify-content:flex-end;margin-bottom:30px;display:flex}.btn-broadcast{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #7c3aed33}.btn-broadcast:hover{background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%);transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed4d}.admin-search{margin-bottom:30px}.admin-search-input{border:2px solid #e5e7eb;border-radius:8px;width:100%;max-width:500px;padding:12px 20px;font-size:15px;transition:all .2s}.admin-search-input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.admin-loading{text-align:center;color:#666;padding:60px 20px;font-size:18px}.users-table{background:#fff;border-radius:12px;overflow:auto visible;box-shadow:0 1px 3px #0000001a}.table-header{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:2px solid #e5e7eb;grid-template-columns:60px 200px 250px 140px 100px 120px 120px 380px;gap:20px;min-width:1400px;padding:20px 30px;font-size:14px;font-weight:600;display:grid}.table-row{border-bottom:1px solid #f3f4f6;grid-template-columns:60px 200px 250px 140px 100px 120px 120px 380px;align-items:center;gap:20px;min-width:1400px;padding:20px 30px;transition:background .2s;display:grid}.table-row:hover{background:#f9fafb}.td{color:#374151;font-size:15px}.td-username{align-items:center;gap:8px;display:flex}.username-text{color:#1a1f36;font-weight:600}.clickable-username{color:#2563eb;transition:all .2s}.clickable-username:hover{color:#1d4ed8;text-decoration:underline}.badge-you{color:#fff;text-transform:uppercase;background:#2563eb;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.badge-banned{color:#fff;text-transform:uppercase;background:#ef4444;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.td-email{color:#6b7280;font-size:14px}.td-points{color:#2563eb;font-weight:600}.role-badge{border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.role-badge.admin{color:#7c3aed;background:#ede9fe;border:1px solid #c4b5fd}.role-badge.user{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.status-badge{border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.status-badge.active{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.status-badge.banned{color:#991b1b;cursor:help;background:#fee2e2;border:1px solid #fecaca}.email-badge{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.email-badge.verified{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.email-badge.not-verified{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.td-actions{flex-wrap:nowrap;gap:8px;display:flex}.btn-toggle-role,.btn-view-profile,.btn-ban,.btn-unban{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-toggle-role{color:#fff;background:#7c3aed}.btn-toggle-role:hover{background:#6d28d9;transform:translateY(-1px)}.btn-view-profile{color:#374151;background:#e5e7eb}.btn-view-profile:hover{background:#d1d5db;transform:translateY(-1px)}.btn-ban{color:#fff;background:#ef4444}.btn-ban:hover{background:#dc2626;transform:translateY(-1px)}.btn-unban{color:#fff;background:#10b981}.btn-unban:hover{background:#059669;transform:translateY(-1px)}.no-users-found{text-align:center;color:#6b7280;padding:60px 20px;font-size:16px}.broadcast-modal-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.broadcast-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.broadcast-modal-header{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.broadcast-modal-header h2{margin:0;font-size:22px;font-weight:700}.broadcast-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:28px;line-height:1;transition:all .2s;display:flex}.broadcast-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.broadcast-modal-body{padding:24px;overflow-y:auto}.broadcast-info{color:#92400e;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;margin:0 0 20px;padding:12px 16px;font-size:14px;line-height:1.5}.broadcast-textarea-wrapper{position:relative}.broadcast-textarea-wrapper .emoji-picker{z-index:10001;position:fixed;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.broadcast-emoji-button{cursor:pointer;z-index:10;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.broadcast-emoji-button:hover{background:#f3f4f6;border-color:#7c3aed}.broadcast-textarea{resize:vertical;border:2px solid #e5e7eb;border-radius:8px;width:100%;min-height:400px;max-height:600px;padding:12px 50px 12px 12px;font-family:inherit;font-size:15px;transition:all .2s;overflow-y:auto}.broadcast-textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.broadcast-textarea:disabled{cursor:not-allowed;background:#f3f4f6}.broadcast-modal-footer{border-top:2px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.btn-cancel,.btn-send-broadcast{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s}.btn-cancel{color:#374151;background:#e5e7eb}.btn-cancel:hover:not(:disabled){background:#d1d5db}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-send-broadcast{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 2px 4px #7c3aed33}.btn-send-broadcast:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%);transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed4d}.btn-send-broadcast:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:50px 150px 200px 80px 120px 1fr;gap:15px;padding:15px 20px}}@media (max-width:768px){.admin-panel-header,.admin-content{padding:20px}.table-header{display:none}.table-row{padding:20px;display:block}.td{margin-bottom:10px;display:block}.td-actions{flex-direction:column}.btn-toggle-role,.btn-view-profile{width:100%}}.project-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:40px 20px}.project-content{background:#fff;border-radius:16px;max-width:900px;margin:0 auto;padding:50px;box-shadow:0 20px 60px #0000004d}.back-btn-project{color:#667eea;cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:8px 0;font-size:16px;font-weight:600;transition:all .2s;display:inline-block}.back-btn-project:hover{color:#764ba2;transform:translate(-5px)}.project-content h1{color:#1a1f36;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:42px}.project-intro{background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-left:4px solid #667eea;border-radius:12px;margin-bottom:40px;padding:25px}.project-intro p{color:#374151;margin:0;font-size:18px;line-height:1.7}.project-section{margin-bottom:50px}.project-section h2{color:#1a1f36;align-items:center;gap:12px;margin-bottom:20px;font-size:32px;display:flex}.project-section.contact h2{font-size:28px}.content-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:30px}.content-box h3{color:#2563eb;margin-top:25px;margin-bottom:15px;font-size:22px}.content-box h3:first-child{margin-top:0}.admin-title{color:#7c3aed!important}.content-box p{color:#4b5563;margin-bottom:15px;font-size:16px;line-height:1.8}.content-box ul{margin:15px 0;padding-left:25px}.content-box li{color:#4b5563;margin-bottom:10px;font-size:16px;line-height:1.8}.content-box li strong{color:#1a1f36}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:25px 0;display:grid}.info-card{text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;transition:all .3s}.info-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 30px #667eea33}.info-icon{margin-bottom:15px;font-size:48px}.info-card h4{color:#1a1f36;margin-bottom:10px;font-size:20px}.info-card p{color:#6b7280;margin:0;font-size:15px}.highlight-box{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:10px;margin:25px 0;padding:20px;font-size:16px;line-height:1.7}.points-types{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:25px 0;display:grid}.points-type-card{border:2px solid;border-radius:12px;padding:25px;transition:all .3s}.points-type-card h3{margin:0 0 15px;font-size:20px}.points-type-card p{margin:0;font-size:15px;line-height:1.6}.points-type-card.validated{color:#065f46;background:linear-gradient(135deg,#d1fae515 0%,#a7f3d015 100%);border-color:#10b981}.points-type-card.validated h3{color:#10b981}.points-type-card.pending{color:#78350f;background:linear-gradient(135deg,#fef3c715 0%,#fde68a15 100%);border-color:#f59e0b}.points-type-card.pending h3{color:#f59e0b}.points-type-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.earnings-grid{grid-template-columns:1fr;gap:20px;margin:25px 0;display:grid}.earning-card{text-align:center;color:#065f46;background:linear-gradient(135deg,#d1fae515 0%,#a7f3d015 100%);border:3px solid #10b981;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:150px;padding:35px;transition:all .3s;display:flex}.earning-card:hover{border-color:#059669;transform:translateY(-3px);box-shadow:0 10px 30px #10b98133}.earning-card.penalty{color:#7f1d1d;background:linear-gradient(135deg,#fee2e215 0%,#fecaca15 100%);border-color:#ef4444}.earning-card.penalty:hover{border-color:#dc2626;box-shadow:0 10px 30px #ef444433}.earning-value{color:#10b981;margin:0;font-size:52px;font-weight:700;line-height:1}.earning-card.penalty .earning-value{color:#ef4444}.earning-label{text-transform:uppercase;letter-spacing:.5px;color:#065f46;margin:0;font-size:20px;font-weight:600;line-height:1.3}.earning-card.penalty .earning-label{color:#7f1d1d}.earning-card p{color:inherit;word-wrap:break-word;max-width:100%;margin:0;font-size:16px;line-height:1.7}.note{color:#1e40af;background:#eff6ff;border-left:4px solid #2563eb;border-radius:8px;margin-top:25px;padding:15px;font-size:15px}.cta-box{text-align:center;background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-radius:12px;margin-top:30px;padding:30px}.btn-primary-project{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:16px 40px;font-size:18px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-primary-project:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}@media (max-width:768px){.project-container{padding:20px 10px}.project-content{border-radius:12px;padding:30px 20px}.project-content h1{font-size:32px}.project-intro p{font-size:16px}.project-section h2{font-size:26px}.content-box{padding:20px}.content-box h3{font-size:20px}.content-box p,.content-box li{font-size:15px}.info-grid,.earnings-grid{grid-template-columns:1fr;gap:15px}.earning-card{gap:12px;min-height:140px;padding:30px 20px}.earning-value{font-size:44px}.earning-label{font-size:18px}.earning-card p{font-size:15px;line-height:1.6}.btn-primary-project{width:100%;padding:14px 30px;font-size:16px}}.bai-questionnaire-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem 1rem}.bai-questionnaire-content{max-width:900px;margin:0 auto}.back-btn-bai{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-bai:hover{background:#ffffff4d;transform:translate(-5px)}.bai-header{text-align:center;color:#fff;margin-bottom:2rem}.bai-header h1{margin-bottom:.5rem;font-size:2.5rem}.bai-subtitle{opacity:.9;font-size:1.2rem}.bai-instructions{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.bai-instructions h3{color:#667eea;margin-bottom:1rem}.bai-instructions p{color:#555;margin-bottom:1rem;line-height:1.6}.bai-reward{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:10px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.bai-questions-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.bai-question-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.bai-question-header{align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;display:flex}.bai-question-header h4{color:#333;flex:1;margin:0;font-size:1.1rem}.bai-options{flex-direction:column;gap:.75rem;display:flex}.bai-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:10px;align-items:center;padding:1rem;transition:all .3s;display:flex}.bai-option:hover{background:#f8f9ff;border-color:#667eea}.bai-option.selected{background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-color:#667eea}.bai-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-right:1rem}.option-label{color:#333;margin-bottom:.25rem;font-weight:600}.option-subtitle{color:#666;font-size:.9rem;font-style:italic}.bai-progress{text-align:center;background:#fff;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px #0000001a}.bai-progress p{color:#555;margin:0;font-size:1.1rem}.bai-submit-section{text-align:center}.btn-submit-bai{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 24px #667eea66}.btn-submit-bai:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #667eea80}.btn-submit-bai:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}@media (max-width:768px){.bai-questionnaire-container{padding:1rem .5rem}.bai-header h1{font-size:2rem}.bai-subtitle{font-size:1rem}.bai-instructions,.bai-question-card{padding:1.5rem}.bai-option{flex-direction:column;align-items:flex-start}.bai-option input[type=radio]{margin-bottom:.5rem}.btn-submit-bai{width:100%;padding:1rem 2rem;font-size:1rem}}.bdi-questionnaire-container{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);min-height:100vh;padding:2rem 1rem}.bdi-questionnaire-content{max-width:900px;margin:0 auto}.back-btn-bdi{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-bdi:hover{background:#ffffff4d;transform:translate(-5px)}.bdi-header{text-align:center;color:#fff;margin-bottom:2rem}.bdi-header h1{margin-bottom:.5rem;font-size:2.5rem}.bdi-subtitle{opacity:.9;font-size:1.2rem}.bdi-instructions{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.bdi-instructions h3{color:#f5576c;margin-bottom:1rem}.bdi-instructions p{color:#555;margin-bottom:1rem;line-height:1.6}.bdi-reward{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:10px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.bdi-questions-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.bdi-question-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.bdi-question-header{border-bottom:2px solid #f093fb;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.question-number{color:#f5576c;font-size:1.1rem;font-weight:700}.bdi-question-header h4{color:#333;flex:1;margin:0;font-size:1.2rem}.bdi-options{flex-direction:column;gap:.75rem;display:flex}.bdi-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:10px;align-items:flex-start;padding:1rem;transition:all .3s;display:flex}.bdi-option:hover{background:#fff5f8;border-color:#f093fb}.bdi-option.selected{background:linear-gradient(135deg,#f093fb15 0%,#f5576c15 100%);border-color:#f5576c}.bdi-option input[type=radio]{cursor:pointer;flex-shrink:0;width:20px;height:20px;margin-top:.2rem;margin-right:1rem}.option-content{flex:1;gap:.5rem;display:flex}.option-number{color:#f5576c;flex-shrink:0;font-weight:600}.option-text{color:#333;line-height:1.5}.bdi-progress{text-align:center;background:#fff;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px #0000001a}.bdi-progress p{color:#555;margin:0;font-size:1.1rem}.bdi-submit-section{text-align:center}.btn-submit-bdi{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 24px #f5576c66}.btn-submit-bdi:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #f5576c80}.btn-submit-bdi:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}@media (max-width:768px){.bdi-questionnaire-container{padding:1rem .5rem}.bdi-header h1{font-size:2rem}.bdi-subtitle{font-size:1rem}.bdi-instructions,.bdi-question-card{padding:1.5rem}.bdi-option{padding:.75rem}.btn-submit-bdi{width:100%;padding:1rem 2rem;font-size:1rem}}.bhs-questionnaire-container{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);min-height:100vh;padding:2rem 1rem}.bhs-questionnaire-content{max-width:900px;margin:0 auto}.back-btn-bhs{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-bhs:hover{background:#ffffff4d;transform:translate(-5px)}.bhs-header{text-align:center;color:#fff;margin-bottom:2rem}.bhs-header h1{margin-bottom:.5rem;font-size:2.5rem}.bhs-subtitle{opacity:.9;font-size:1.2rem}.bhs-instructions{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.bhs-instructions h3{color:#4facfe;margin-bottom:1rem}.bhs-instructions p{color:#555;margin-bottom:1rem;line-height:1.6}.bhs-reward{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:10px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.bhs-questions-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.bhs-question-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.bhs-question-header{align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;display:flex}.bhs-options{justify-content:center;gap:1rem;display:flex}.bhs-option{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;max-width:200px;padding:1rem 1.5rem;transition:all .3s;display:flex}.bhs-option:hover{background:#f0faff;border-color:#4facfe}.bhs-option.selected{background:linear-gradient(135deg,#4facfe15 0%,#00f2fe15 100%);border-color:#4facfe}.bhs-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-right:.75rem}.bhs-progress{text-align:center;background:#fff;border-radius:10px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px #0000001a}.bhs-progress p{color:#555;margin:0;font-size:1.1rem}.bhs-submit-section{text-align:center}.btn-submit-bhs{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 24px #4facfe66}.btn-submit-bhs:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #4facfe80}.btn-submit-bhs:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}@media (max-width:768px){.bhs-questionnaire-container{padding:1rem .5rem}.bhs-header h1{font-size:2rem}.bhs-subtitle{font-size:1rem}.bhs-instructions,.bhs-question-card{padding:1.5rem}.bhs-options{flex-direction:column}.bhs-option{max-width:100%}.btn-submit-bhs{width:100%;padding:1rem 2rem;font-size:1rem}}.des-questionnaire-container{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);min-height:100vh;padding:2rem 1rem}.des-questionnaire-content{max-width:900px;margin:0 auto}.back-btn-des{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-des:hover{background:#ffffff4d;transform:translate(-5px)}.des-header{text-align:center;color:#fff;margin-bottom:2rem}.des-header h1{text-shadow:2px 2px 4px #0000001a;margin-bottom:.5rem;font-size:2.5rem}.des-subtitle{opacity:.95;font-size:1.2rem}.des-instructions{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.des-instructions h3{color:#a8edea;margin-bottom:1rem}.des-instructions p{color:#555;margin-bottom:1rem;line-height:1.6}.des-instructions ul{margin:1rem 0;padding-left:2rem}.des-instructions li{color:#555;margin-bottom:.5rem}.des-reward{color:#fff;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border-radius:10px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.des-questions-list{flex-direction:column;gap:2rem;margin-bottom:2rem;display:flex}.des-question-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.des-question-header{align-items:flex-start;gap:.75rem;margin-bottom:2rem;display:flex}.question-text{color:#333;flex:1;margin:0;font-size:1.05rem;line-height:1.6}.des-slider-container{padding:1rem 0}.slider-labels{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.label-start,.label-end{color:#666;font-size:.9rem;font-weight:500}.label-value{color:#a8edea;background:linear-gradient(135deg,#a8edea15 0%,#fed6e315 100%);border-radius:20px;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}.des-slider{-webkit-appearance:none;background:linear-gradient(90deg,#a8edea 0%,#fed6e3 100%);border-radius:5px;outline:none;width:100%;height:8px;margin-bottom:.5rem}.des-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:3px solid #a8edea;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0003}.des-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:3px solid #a8edea;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #0003}.slider-markers{justify-content:space-between;padding:0 2px;display:flex}.marker{color:#999;text-align:center;width:30px;font-size:.75rem}.des-submit-section{text-align:center;padding:2rem 0}.btn-submit-des{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 8px 24px #a8edea66}.btn-submit-des:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #a8edea80}.btn-submit-des:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}@media (max-width:768px){.des-questionnaire-container{padding:1rem .5rem}.des-header h1{font-size:2rem}.des-subtitle{font-size:1rem}.des-instructions,.des-question-card{padding:1.5rem}.marker{width:25px;font-size:.65rem}.btn-submit-des{width:100%;padding:1rem 2rem;font-size:1rem}}.dd-questionnaire-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.dd-questionnaire-content{background:#fff;border-radius:12px;width:100%;max-width:900px;margin-top:20px;padding:30px;box-shadow:0 4px 20px #00000026}.back-btn-dd{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:20px;padding:8px 12px;font-size:16px;transition:all .3s}.back-btn-dd:hover{background:#f3f4f6;transform:translate(-3px)}.dd-header{text-align:center;margin-bottom:30px}.dd-header h1{color:#667eea;margin-bottom:8px;font-size:32px;font-weight:700}.dd-subtitle{color:#6b7280;font-size:18px;font-style:italic}.dd-instructions{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-left:4px solid #667eea;border-radius:12px;margin-bottom:30px;padding:25px}.dd-instructions h3{color:#667eea;margin-bottom:15px;font-size:20px}.dd-instructions p{color:#4b5563;margin-bottom:15px;line-height:1.8}.dd-instructions ul{margin-bottom:15px;margin-left:20px}.dd-instructions li{color:#4b5563;margin-bottom:8px;line-height:1.8}.dd-reward{background:#fff;border:2px solid #667eea;border-radius:8px;align-items:center;gap:10px;margin-top:20px;padding:15px;display:flex}.dd-questions-list{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.dd-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;transition:all .3s}.dd-question-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.dd-question-header{gap:12px;margin-bottom:20px;display:flex}.dd-scale-container{margin-top:20px}.scale-labels{color:#6b7280;text-align:center;justify-content:space-between;margin-bottom:15px;font-size:13px;display:flex}.label-start,.label-end{max-width:150px;line-height:1.4}.scale-options{justify-content:space-between;align-items:center;gap:10px;display:flex}.scale-option{cursor:pointer;flex-direction:column;flex:1;align-items:center;display:flex}.scale-value{color:#6b7280;background:#fff;border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.scale-option input[type=radio]:checked+.scale-value{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.scale-option:hover .scale-value{border-color:#667eea;transform:scale(1.05)}.dd-submit-section{border-top:2px solid #e5e7eb;flex-direction:column;align-items:center;gap:15px;margin-top:40px;padding-top:30px;display:flex}.btn-submit-dd{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-submit-dd:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit-dd:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.dd-questionnaire-content{padding:20px}.dd-header h1{font-size:26px}.dd-subtitle{font-size:16px}.scale-options{gap:5px}.scale-value{width:38px;height:38px;font-size:14px}.scale-labels{font-size:11px}.label-start,.label-end{max-width:100px}}.edi3-questionnaire-container{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.edi3-questionnaire-content{background:#fff;border-radius:12px;width:100%;max-width:900px;margin-top:20px;padding:30px;box-shadow:0 4px 20px #00000026}.back-btn-edi3{color:#f5576c;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:20px;padding:8px 12px;font-size:16px;transition:all .3s}.back-btn-edi3:hover{background:#f3f4f6;transform:translate(-3px)}.edi3-header{text-align:center;margin-bottom:30px}.edi3-header h1{color:#f5576c;margin-bottom:8px;font-size:32px;font-weight:700}.edi3-subtitle{color:#6b7280;font-size:18px;font-style:italic}.edi3-instructions{background:linear-gradient(135deg,#fff5f7 0%,#ffe5e8 100%);border-left:4px solid #f5576c;border-radius:12px;margin-bottom:30px;padding:25px}.edi3-instructions h3{color:#f5576c;margin-bottom:15px;font-size:20px}.edi3-instructions p{color:#4b5563;margin-bottom:15px;line-height:1.8}.edi3-instructions ul{margin-bottom:15px;margin-left:20px}.edi3-instructions li{color:#4b5563;margin-bottom:8px;line-height:1.8}.edi3-reward{background:#fff;border:2px solid #f5576c;border-radius:8px;align-items:center;gap:10px;margin-top:20px;margin-bottom:20px;padding:15px;display:flex}.edi3-questions-list{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.edi3-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;transition:all .3s}.edi3-question-card:hover{border-color:#f5576c;box-shadow:0 4px 12px #f5576c1a}.edi3-question-header{gap:12px;margin-bottom:20px;display:flex}.edi3-options-container{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.edi3-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 15px;transition:all .3s;display:flex}.edi3-option:hover{background:#fff5f7;border-color:#f5576c}.edi3-option input[type=radio]{display:none}.option-letter{color:#6b7280;background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.edi3-option input[type=radio]:checked~.option-letter{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-color:#f5576c}.edi3-option input[type=radio]:checked~.option-label{color:#f5576c;font-weight:600}.edi3-option:has(input[type=radio]:checked){background:#fff5f7;border-color:#f5576c}.edi3-submit-section{border-top:2px solid #e5e7eb;flex-direction:column;align-items:center;gap:15px;margin-top:40px;padding-top:30px;display:flex}.btn-submit-edi3{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;border-radius:8px;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #f5576c4d}.btn-submit-edi3:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.btn-submit-edi3:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.edi3-questionnaire-content{padding:20px}.edi3-header h1{font-size:26px}.edi3-subtitle{font-size:16px}.edi3-options-container{grid-template-columns:1fr}.option-label{font-size:13px}.option-letter{width:28px;height:28px;font-size:12px}}.haq-questionnaire-container{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.haq-questionnaire-content{background:#fff;border-radius:12px;width:100%;max-width:900px;margin-top:20px;padding:30px;box-shadow:0 4px 20px #00000026}.back-btn-haq{color:#4facfe;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:20px;padding:8px 12px;font-size:16px;transition:all .3s}.back-btn-haq:hover{background:#f3f4f6;transform:translate(-3px)}.haq-header{text-align:center;margin-bottom:30px}.haq-header h1{color:#4facfe;margin-bottom:8px;font-size:32px;font-weight:700}.haq-subtitle{color:#6b7280;font-size:18px;font-style:italic}.haq-instructions{background:linear-gradient(135deg,#e0f7ff 0%,#d4f5ff 100%);border-left:4px solid #4facfe;border-radius:12px;margin-bottom:30px;padding:25px}.haq-instructions h3{color:#4facfe;margin-bottom:15px;font-size:20px}.haq-instructions p{color:#4b5563;margin-bottom:15px;line-height:1.8}.haq-instructions ul{margin-bottom:15px;margin-left:20px}.haq-instructions li{color:#4b5563;margin-bottom:8px;line-height:1.8}.haq-reward{background:#fff;border:2px solid #4facfe;border-radius:8px;align-items:center;gap:10px;margin-top:20px;padding:15px;display:flex}.haq-questions-list{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.haq-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;transition:all .3s}.haq-question-card:hover{border-color:#4facfe;box-shadow:0 4px 12px #4facfe1a}.haq-question-header{gap:12px;margin-bottom:20px;display:flex}.haq-options-container{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.haq-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 15px;transition:all .3s;display:flex}.haq-option:hover{background:#e0f7ff;border-color:#4facfe}.haq-option input[type=radio]{display:none}.option-number{color:#6b7280;background:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.option-label{color:#4b5563;font-size:14px;font-weight:500}.haq-option input[type=radio]:checked~.option-number{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-color:#4facfe}.haq-option input[type=radio]:checked~.option-label{color:#4facfe;font-weight:600}.haq-option:has(input[type=radio]:checked){background:#e0f7ff;border-color:#4facfe}.haq-submit-section{border-top:2px solid #e5e7eb;flex-direction:column;align-items:center;gap:15px;margin-top:40px;padding-top:30px;display:flex}.btn-submit-haq{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;border-radius:8px;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #4facfe4d}.btn-submit-haq:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4facfe66}.btn-submit-haq:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.haq-questionnaire-content{padding:20px}.haq-header h1{font-size:26px}.haq-subtitle{font-size:16px}.haq-options-container{grid-template-columns:1fr}.option-label{font-size:13px}.option-number{width:28px;height:28px;font-size:12px}}.qdc-questionnaire-container{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;display:flex}.qdc-questionnaire-content{background:#fff;border-radius:12px;width:100%;max-width:900px;margin-top:20px;padding:30px;box-shadow:0 4px 20px #00000026}.back-btn-qdc{color:#fa709a;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:20px;padding:8px 12px;font-size:16px;transition:all .3s}.back-btn-qdc:hover{background:#f3f4f6;transform:translate(-3px)}.qdc-header{text-align:center;margin-bottom:30px}.qdc-header h1{color:#fa709a;margin-bottom:8px;font-size:32px;font-weight:700}.qdc-subtitle{color:#6b7280;font-size:18px;font-style:italic}.qdc-instructions{background:linear-gradient(135deg,#fff5f7 0%,#fffbea 100%);border-left:4px solid #fa709a;border-radius:12px;margin-bottom:30px;padding:25px}.qdc-instructions h3{color:#fa709a;margin-bottom:15px;font-size:20px}.qdc-instructions p{color:#4b5563;margin-bottom:15px;line-height:1.8}.qdc-instructions ul{margin-bottom:15px;margin-left:20px}.qdc-instructions li{color:#4b5563;margin-bottom:8px;line-height:1.8}.qdc-reward{background:#fff;border:2px solid #fa709a;border-radius:8px;align-items:center;gap:10px;margin-top:20px;margin-bottom:20px;padding:15px;display:flex}.reward-icon{font-size:24px}.progress-bar-container{margin-top:20px}.progress-bar{background:#e5e7eb;border-radius:6px;width:100%;height:12px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fa709a 0%,#fee140 100%);height:100%;transition:width .3s}.progress-text{color:#6b7280;text-align:center;margin:0;font-size:14px}.qdc-questions-list{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.qdc-question-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;transition:all .3s}.qdc-question-card:hover{border-color:#fa709a;box-shadow:0 4px 12px #fa709a1a}.qdc-question-header{gap:12px;margin-bottom:20px;display:flex}.question-number{color:#fa709a;flex-shrink:0;font-size:18px;font-weight:700}.question-text{color:#1f2937;margin:0;font-size:16px;line-height:1.6}.qdc-scale-container{margin-top:20px}.scale-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.scale-option{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;transition:all .3s;display:flex}.scale-option:hover{background:#fff5f7;border-color:#fa709a}.scale-option input[type=radio]{display:none}.option-circle{color:#6b7280;background:#fff;border:2px solid #d1d5db;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.option-label{color:#4b5563;text-align:center;font-size:12px;font-weight:500;line-height:1.3}.scale-option input[type=radio]:checked~.option-circle{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);border-color:#fa709a;transform:scale(1.1)}.scale-option input[type=radio]:checked~.option-label{color:#fa709a;font-weight:600}.scale-option:has(input[type=radio]:checked){background:#fff5f7;border-color:#fa709a}.qdc-submit-section{border-top:2px solid #e5e7eb;flex-direction:column;align-items:center;gap:15px;margin-top:40px;padding-top:30px;display:flex}.btn-submit-qdc{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);border:none;border-radius:8px;padding:16px 40px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #fa709a4d}.btn-submit-qdc:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fa709a66}.btn-submit-qdc:disabled{opacity:.5;cursor:not-allowed}.validation-message{color:#ef4444;text-align:center;font-size:14px}@media (max-width:768px){.qdc-questionnaire-content{padding:20px}.qdc-header h1{font-size:26px}.qdc-subtitle{font-size:16px}.scale-options{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.scale-option{padding:8px 4px}.option-circle{width:32px;height:32px;font-size:13px}.option-label{font-size:10px}}.scl90-questionnaire-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;display:flex}.scl90-questionnaire-card{background:#fff;border-radius:12px;width:100%;max-width:900px;padding:2rem;position:relative;box-shadow:0 10px 40px #0003}.back-btn-scl90{color:#667eea;cursor:pointer;background:#667eea1a;border:2px solid #667eea4d;border-radius:10px;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.back-btn-scl90:hover{background:#667eea33;border-color:#667eea;transform:translate(-5px)}.scl90-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.scl90-subtitle{color:#666;text-align:center;margin-bottom:1.5rem;font-size:1.1rem;font-style:italic}.scl90-instructions{color:#555;background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:4px;margin-bottom:2rem;padding:1rem;line-height:1.6}.scl90-progress-bar{background-color:#e9ecef;border-radius:15px;width:100%;height:30px;margin-bottom:2rem;position:relative;overflow:hidden}.scl90-progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .3s}.scl90-progress-text{color:#333;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scl90-form{margin-top:2rem}.scl90-scale-legend{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem;font-size:.9rem;font-weight:600;display:flex}.scl90-question{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.scl90-question-text{color:#333;margin-bottom:1rem;font-size:1rem;line-height:1.5}.scl90-question-number{color:#667eea;margin-right:.5rem;font-weight:700}.scl90-options-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.scl90-option{cursor:pointer;background-color:#fff;border:2px solid #e0e0e0;border-radius:6px;align-items:center;padding:.5rem;transition:all .2s;display:flex}.scl90-option:hover{background-color:#f5f7ff;border-color:#667eea}.scl90-option input[type=radio]{display:none}.scl90-option input[type=radio]:checked+.scl90-option-label{color:#fff}.scl90-option input[type=radio]:checked~.scl90-option-label{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.scl90-option-label{border-radius:4px;flex-direction:column;align-items:center;width:100%;padding:.5rem;transition:all .2s;display:flex}.scl90-option-value{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.scl90-option-text{text-align:center;font-size:.75rem}.scl90-error{color:#dc3545;text-align:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:1rem 0;padding:.75rem}.scl90-submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:2rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.scl90-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.scl90-submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.scl90-questionnaire-card{padding:1.5rem}.scl90-title{font-size:2rem}.scl90-subtitle{font-size:1rem}.scl90-options-grid{grid-template-columns:repeat(5,1fr);gap:.25rem}.scl90-option,.scl90-option-label{padding:.25rem}.scl90-option-value{font-size:1rem}.scl90-option-text{font-size:.65rem}.scl90-scale-legend{flex-direction:column;gap:.5rem;font-size:.8rem}.scl90-question{padding:1rem}}.madre-questionnaire-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem 1rem}.madre-questionnaire-content{max-width:900px;margin:0 auto}.back-btn-madre{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-madre:hover{background:#ffffff4d;transform:translate(-5px)}.madre-header{text-align:center;color:#fff;margin-bottom:2rem}.madre-header h1{margin-bottom:.5rem;font-size:2.5rem}.madre-subtitle{opacity:.9;font-size:1.2rem}.madre-instructions{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.madre-instructions h3{color:#667eea;margin-bottom:1rem}.madre-instructions p{color:#555;margin-bottom:1rem;line-height:1.6}.madre-reward{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:10px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.madre-questions-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.madre-question-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.madre-question-header{align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;display:flex}.madre-question-header h4{color:#333;margin:0;font-size:1.1rem;line-height:1.5}.madre-subtext{color:#777;background:#f8f9fa;border-left:3px solid #667eea;border-radius:5px;margin-bottom:1rem;padding:.75rem;font-size:.9rem;font-style:italic}.madre-options{flex-direction:column;gap:.75rem;display:flex}.madre-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:10px;align-items:center;padding:1rem;transition:all .3s;display:flex}.madre-option:hover{background:#f8f9fa;border-color:#667eea}.madre-option.selected{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-color:#667eea}.madre-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-right:1rem}.option-content{flex:1}.option-label{color:#333;font-size:1rem}.madre-textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.madre-textarea:focus{border-color:#667eea;outline:none}.madre-percentage-input,.madre-age-input{align-items:center;gap:.5rem;display:flex}.madre-input{border:2px solid #e0e0e0;border-radius:10px;width:150px;padding:1rem;font-size:1rem;transition:border-color .3s}.madre-input:focus{border-color:#667eea;outline:none}.percentage-symbol,.age-label{color:#667eea;font-size:1.2rem;font-weight:700}.madre-grid-card{overflow-x:auto}.madre-grid{border:2px solid #e0e0e0;border-radius:10px;margin-top:1rem;overflow:hidden}.madre-grid-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-template-columns:2fr repeat(5,1fr);font-weight:700;display:grid}.madre-grid-row{border-bottom:1px solid #e0e0e0;grid-template-columns:2fr repeat(5,1fr);display:grid}.madre-grid-row:last-child{border-bottom:none}.madre-grid-row:nth-child(2n){background:#f8f9fa}.grid-question-col{border-right:1px solid #e0e0e0;align-items:center;padding:1rem;display:flex}.grid-option-col{border-right:1px solid #e0e0e0;justify-content:center;align-items:center;padding:1rem;display:flex}.grid-option-col:last-child{border-right:none}.grid-option-col input[type=radio]{cursor:pointer;width:20px;height:20px}.madre-progress{text-align:center;background:#fff;border-radius:15px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px #0000001a}.madre-progress p{color:#555;margin:0;font-size:1.1rem}.madre-progress strong{color:#667eea}.madre-submit-section{text-align:center;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.btn-submit-madre{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #667eea66}.btn-submit-madre:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #667eea80}.btn-submit-madre:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.madre-header h1{font-size:2rem}.madre-subtitle{font-size:1rem}.madre-instructions,.madre-question-card{padding:1.5rem}.madre-grid{font-size:.85rem}.madre-grid-header,.madre-grid-row{grid-template-columns:1.5fr repeat(5,1fr)}.grid-question-col,.grid-option-col{padding:.5rem}.btn-submit-madre{padding:.85rem 2rem;font-size:1rem}}.useq-questionnaire-container{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);min-height:100vh;padding:2rem 1rem}.useq-questionnaire-content{max-width:900px;margin:0 auto}.back-btn-useq{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-useq:hover{background:#ffffff4d;transform:translate(-5px)}.useq-header{text-align:center;color:#fff;margin-bottom:2rem}.useq-header h1{margin-bottom:.5rem;font-size:2.5rem}.useq-subtitle{opacity:.9;font-size:1.2rem}.useq-instructions{background:#fff;border-radius:15px;margin-bottom:2rem;padding:2rem;box-shadow:0 8px 32px #0000001a}.useq-instructions h3{color:#4facfe;margin-bottom:1rem}.useq-instructions p{color:#555;margin-bottom:1rem;line-height:1.6}.useq-reward{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);border-radius:10px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem;display:flex}.useq-questions-list{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.useq-question-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.useq-description{color:#666;background:#f0f9ff;border-left:3px solid #4facfe;border-radius:5px;margin-bottom:1rem;padding:1rem;font-style:italic}.useq-question-header{align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;display:flex}.question-number{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:.2rem;font-weight:700;display:flex}.useq-question-header h4{color:#333;margin:0;font-size:1.1rem;line-height:1.5}.useq-yesno{gap:1rem;display:flex}.useq-yesno-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:1rem;transition:all .3s;display:flex}.useq-yesno-option:hover{background:#f0f9ff;border-color:#4facfe}.useq-yesno-option.selected{background:linear-gradient(135deg,#4facfe1a 0%,#00f2fe1a 100%);border-color:#4facfe}.useq-yesno-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-right:.5rem}.useq-options{flex-direction:column;gap:.75rem;display:flex}.useq-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:10px;align-items:center;padding:1rem;transition:all .3s;display:flex}.useq-option:hover{background:#f0f9ff;border-color:#4facfe}.useq-option.selected{background:linear-gradient(135deg,#4facfe1a 0%,#00f2fe1a 100%);border-color:#4facfe}.useq-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-right:1rem}.useq-scale{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.useq-scale-option{cursor:pointer;text-align:center;border:2px solid #e0e0e0;border-radius:10px;flex-direction:column;align-items:center;padding:1rem;transition:all .3s;display:flex}.useq-scale-option:hover{background:#f0f9ff;border-color:#4facfe}.useq-scale-option.selected{background:linear-gradient(135deg,#4facfe1a 0%,#00f2fe1a 100%);border-color:#4facfe}.useq-scale-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-bottom:.5rem}.useq-checklist{flex-direction:column;gap:.75rem;display:flex}.useq-checkbox-label{cursor:pointer;border:2px solid #e0e0e0;border-radius:10px;align-items:center;padding:1rem;transition:all .3s;display:flex}.useq-checkbox-label:hover{background:#f0f9ff;border-color:#4facfe}.useq-checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;margin-right:1rem}.useq-checkbox-label input[type=checkbox]:checked+span{color:#4facfe;font-weight:500}.useq-textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.useq-textarea:focus{border-color:#4facfe;outline:none}.useq-progress{text-align:center;background:#fff;border-radius:15px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px #0000001a}.useq-progress p{color:#555;margin:0;font-size:1.1rem}.useq-progress strong{color:#4facfe}.useq-submit-section{text-align:center;background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 16px #0000001a}.btn-submit-useq{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;border-radius:10px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #4facfe66}.btn-submit-useq:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #4facfe80}.btn-submit-useq:disabled{opacity:.5;cursor:not-allowed}.warning-text{color:#fa709a;margin-top:1rem;font-size:.9rem}@media (max-width:768px){.useq-header h1{font-size:2rem}.useq-subtitle{font-size:1rem}.useq-instructions,.useq-question-card{padding:1.5rem}.useq-scale{grid-template-columns:repeat(2,1fr)}.useq-yesno{flex-direction:column}.btn-submit-useq{padding:.85rem 2rem;font-size:1rem}}.shop-container{background:#f8f9fa;min-height:100vh}.shop-header{color:#fff;z-index:100;background:#1a1f36;border-bottom:1px solid #e5e7eb;padding:0;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.shop-header-content{align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:20px 40px;display:flex}.shop-header h1{margin:0;font-size:28px;font-weight:700}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.back-btn:hover{background:#fff3;transform:translate(-5px)}.shop-content{max-width:1000px;margin:0 auto;padding:40px 20px}.shop-hero{text-align:center;margin-bottom:40px}.shop-hero h2{color:#1a1f36;margin-bottom:10px;font-size:32px;font-weight:700}.hero-subtitle{color:#6b7280;font-size:16px;font-weight:500}.points-display{justify-content:center;margin-bottom:50px;display:flex}.points-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:900px;display:grid}.point-card{text-align:center;background:#fff;border-top:4px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:25px 20px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000f}.point-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.validated-card{border-top-color:#10b981}.validated-card:hover{box-shadow:0 8px 20px #10b98133}.pending-card{border-top-color:#f59e0b}.pending-card:hover{box-shadow:0 8px 20px #f59e0b33}.total-card{border-top-color:#2563eb}.total-card:hover{box-shadow:0 8px 20px #2563eb33}.point-card-header{width:100%;margin-bottom:15px}.point-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.point-value{color:#1a1f36;margin:10px 0;font-size:48px;font-weight:700;line-height:1}.validated-card .point-value{color:#10b981}.pending-card .point-value{color:#f59e0b}.total-card .point-value{color:#2563eb}.point-footer{color:#9ca3af;margin-top:8px;font-size:12px;font-weight:500}.coming-soon-section{margin-top:40px}.coming-soon-card{text-align:center;background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 10px #00000014}.coming-soon-card h3{color:#1a1f36;margin-bottom:15px;font-size:24px;font-weight:700}.coming-soon-description{color:#6b7280;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}.rewards-preview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.reward-item{background:#f9fafb;border-left:3px solid #2563eb;border-radius:8px;padding:20px;transition:all .3s}.reward-item:hover{border-left-color:#1d4ed8;transform:translateY(-3px);box-shadow:0 4px 12px #2563eb26}.reward-text{text-align:left}.reward-text h4{color:#1a1f36;margin:0 0 8px;font-size:18px;font-weight:600}.reward-text p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.cta-section{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:8px;padding:30px}.cta-text{margin-bottom:20px;font-size:15px;font-weight:500;line-height:1.5}.btn-cta{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:12px 30px;font-size:15px;font-weight:600;transition:all .3s}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width:768px){.shop-header-content{padding:15px 20px}.shop-hero h2{font-size:24px}.points-grid{grid-template-columns:1fr;gap:15px}.point-card{padding:20px 15px}.point-value{font-size:40px}.coming-soon-card{padding:25px}.rewards-preview{grid-template-columns:1fr}.reward-item{padding:15px}}.welcome-bonus-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.welcome-bonus-modal{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;width:100%;max-width:500px;padding:40px;animation:.4s ease-out slideUp;position:relative;box-shadow:0 20px 60px #00000080}.welcome-bonus-header{text-align:center;margin-bottom:30px}.welcome-bonus-icon{margin-bottom:15px;font-size:64px;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-bonus-header h2{text-shadow:2px 2px 4px #0003;margin:0;font-size:32px;font-weight:700}.welcome-bonus-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:15px;margin-bottom:25px;padding:25px}.bonus-amount{background:#fff3;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:20px;padding:20px;display:flex}.bonus-label{text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px;font-size:14px}.bonus-points{color:gold;text-shadow:3px 3px 6px #0000004d;font-size:48px;font-weight:800;animation:2s ease-in-out infinite pulse}.welcome-message{text-align:center;opacity:.95;margin:20px 0;font-size:16px;line-height:1.6}.remaining-slots{background:#fff3;border-radius:10px;align-items:flex-start;gap:12px;margin:20px 0;padding:15px;display:flex}.slots-icon{flex-shrink:0;font-size:24px}.remaining-slots p{margin:0;font-size:15px;line-height:1.5}.remaining-slots strong{color:gold;font-size:18px;font-weight:700}.cta-message{text-align:center;opacity:.9;margin:15px 0 0;font-size:14px;line-height:1.5}.welcome-bonus-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0003}.welcome-bonus-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width:600px){.welcome-bonus-modal{padding:30px 20px}.welcome-bonus-header h2{font-size:26px}.bonus-points{font-size:40px}.welcome-message,.remaining-slots p{font-size:14px}}.legal-document-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:2rem 1rem}.legal-document-content{background:#fff;border-radius:15px;max-width:900px;margin:0 auto;padding:3rem;box-shadow:0 8px 32px #0000001a}.back-btn-legal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;margin-bottom:2rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s}.back-btn-legal:hover{transform:translate(-5px);box-shadow:0 4px 12px #667eea66}.legal-document-content h1{color:#667eea;text-align:center;margin-bottom:.5rem;font-size:2.5rem}.last-updated{text-align:center;color:#888;margin-bottom:2rem;font-size:.9rem;font-style:italic}.legal-section{margin-bottom:2.5rem}.legal-section h2{color:#667eea;border-bottom:2px solid #667eea;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.8rem}.legal-section h3{color:#764ba2;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.3rem}.legal-section p{color:#333;margin-bottom:1rem;line-height:1.8}.legal-section ul{margin-bottom:1rem;margin-left:1.5rem}.legal-section li{color:#333;margin-bottom:.5rem;line-height:1.8}.legal-section a{color:#2563eb;text-decoration:none;transition:color .3s}.legal-section a:hover{color:#667eea;text-decoration:underline}.info-box{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-left:4px solid #667eea;border-radius:8px;margin:1rem 0;padding:1.5rem}.info-box p{margin-bottom:.5rem}.info-box p:last-child{margin-bottom:0}.warning-box{background:linear-gradient(135deg,#f5576c1a 0%,#f093fb1a 100%);border-left:4px solid #f5576c;border-radius:8px;margin:1rem 0;padding:1.5rem}.warning-box p{color:#c73649;margin-bottom:.5rem}.warning-box p strong{color:#f5576c}.warning-box p:last-child{margin-bottom:0}.consent-footer{color:#fff;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);border-radius:10px;margin-top:3rem;padding:2rem}.consent-footer p{color:#fff;margin-bottom:1rem;font-weight:700}.consent-footer ul{margin-left:0;list-style:none}.consent-footer li{color:#fff;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.consent-footer li:before{content:"✓";font-size:1.2rem;font-weight:700;position:absolute;left:0}.cookie-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin:1.5rem 0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.cookie-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.cookie-table th{text-align:left;padding:1rem;font-weight:600}.cookie-table td{border-bottom:1px solid #e0e0e0;padding:1rem}.cookie-table tbody tr:last-child td{border-bottom:none}.cookie-table tbody tr:nth-child(2n){background:#f8f9fa}.cookie-table code{color:#667eea;background:#f0f0f0;border-radius:4px;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.9rem}@media (max-width:768px){.legal-document-content{padding:1.5rem}.legal-document-content h1{font-size:1.8rem}.legal-section h2{font-size:1.4rem}.legal-section h3{font-size:1.1rem}.info-box,.warning-box,.consent-footer{padding:1rem}}.app-footer{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;margin-top:60px;padding:40px 20px 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto 30px;display:grid}.footer-section h4{color:#fff;border-bottom:2px solid #ffffff4d;margin:0 0 15px;padding-bottom:8px;font-size:18px;font-weight:600}.footer-section p{color:#ffffffe6;margin:0;font-size:14px;line-height:1.6}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:10px}.footer-link{color:#ffffffe6;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline;transition:all .2s}.footer-link:hover{color:#fff;text-decoration:none;transform:translate(5px)}.footer-email{color:#ffffffe6;text-decoration:underline;transition:color .2s}.footer-email:hover{color:#fff;text-decoration:none}.footer-bottom{text-align:center;border-top:1px solid #fff3;max-width:1200px;margin:0 auto;padding-top:20px}.footer-bottom p{color:#fffc;margin:8px 0;font-size:13px}.footer-disclaimer{color:#ffffffb3;font-style:italic}@media (max-width:768px){.app-footer{margin-top:40px;padding:30px 15px 15px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-section h4{font-size:16px}.footer-bottom p{font-size:12px}}.install-prompt{z-index:10000;background:linear-gradient(135deg,#4a5fe6 0%,#8b5cf6 100%);padding:12px 16px;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.install-prompt-content{align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.install-prompt-icon{flex-shrink:0;font-size:28px}.install-prompt-text{color:#fff;flex-direction:column;flex:1;gap:2px;display:flex}.install-prompt-text strong{font-size:15px;font-weight:600}.install-prompt-text span{opacity:.9;font-size:13px}.install-prompt-btn{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.install-prompt-btn.install{color:#4a5fe6;background:#fff}.install-prompt-btn.install:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.install-prompt-btn.dismiss{color:#fff;background:#fff3;padding:8px 12px;font-size:16px}.install-prompt-btn.dismiss:hover{background:#ffffff4d}@media (max-width:640px){.install-prompt{padding:10px 12px}.install-prompt-icon{font-size:24px}.install-prompt-text strong{font-size:14px}.install-prompt-text span{font-size:12px}.install-prompt-btn.install{padding:6px 16px;font-size:13px}.install-prompt-btn.dismiss{padding:6px 10px}}
