.container,.dashboard-grid,.main-container,[class*=container],body,html{background:#fff!important}.modern-header{background:#fff;padding:0;box-shadow:0 2px 10px rgba(0,0,0,.08);border-bottom:1px solid #e8ecf0;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.brand-section{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;border-radius:8px;background:#f8faff;border:1px solid #e8ecf0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo img{width:36px;height:36px;border-radius:6px;object-fit:contain}.brand-text{color:var(--pp-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{color:var(--pp-text-light);text-decoration:none;padding:12px 18px;border-radius:8px;font-weight:500;transition:.2s;position:relative;display:flex;align-items:center;gap:8px}.nav-link:hover{color:#3a66b3;background:#f8faff;transform:translateY(-1px)}.nav-link.active{color:#3a66b3;background:#e8f4fd;font-weight:600}.user-section{display:flex;align-items:center;gap:12px}.user-avatar{width:38px;height:38px;border-radius:50%;background:#3a66b3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;border:2px solid #e8ecf0}.logout-btn{color:var(--pp-text-light);text-decoration:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;transition:.2s;border:1px solid #e8ecf0;background:#fff;display:flex;align-items:center;gap:6px;cursor:pointer}.logout-btn:hover{color:#3a66b3;background:#f8faff;border-color:#3a66b3;transform:translateY(-1px)}.main-action-btn{background:linear-gradient(135deg,#ff6b35 0,#f7931e 50%,#ff8c42 100%)!important;border:3px solid #fff!important;border-radius:20px!important;padding:8px 16px!important;min-height:28px!important;width:100%!important;max-width:280px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;color:#fff!important;font-weight:700!important;font-size:.75rem!important;transition:.3s cubic-bezier(.4, 0, .2, 1)!important;box-shadow:0 8px 25px rgba(255,107,53,.4),0 0 0 0 rgba(255,107,53,.3)!important;position:relative!important;overflow:hidden!important;cursor:pointer!important;backdrop-filter:blur(10px)!important;margin:0 auto!important;text-transform:uppercase!important;letter-spacing:.5px!important;animation:3s ease-in-out infinite buttonPulse!important;white-space:nowrap!important}.main-action-btn:hover{transform:translateY(-4px) scale(1.05)!important;box-shadow:0 12px 35px rgba(255,107,53,.6),0 0 0 4px rgba(255,107,53,.2)!important;background:linear-gradient(135deg,#ff8c42 0,#ffab42 50%,#ffc947 100%)!important;animation:none!important}.ranking-card{background:#fff!important;border:1px solid rgba(58,102,179,.12)!important;border-radius:24px!important;padding:20px!important;box-shadow:0 8px 24px rgba(58,102,179,.08)!important;position:relative!important;overflow:hidden!important;backdrop-filter:blur(15px)!important;min-height:280px!important}.suggestions-card,.user-profile-pane,.welcome-pane,div.suggestions-card{background:#fff!important}.main-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:12px 0!important}@keyframes buttonPulse{0%,100%{box-shadow:0 8px 25px rgba(255,107,53,.4),0 0 0 0 rgba(255,107,53,.3);transform:scale(1)}50%{box-shadow:0 10px 30px rgba(255,107,53,.5),0 0 0 8px rgba(255,107,53,.1);transform:scale(1.02)}}.mobile-menu-btn{display:none;background:0 0;border:none;font-size:1.5rem;cursor:pointer;padding:8px;color:var(--pp-text-light)}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-links{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transition:left .3s;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:999;padding:20px 0}.nav-links.active{left:0}.nav-link{padding:16px 20px;border-radius:0;border-bottom:1px solid #f0f0f0;justify-content:flex-start}.header-container{padding:12px 20px}.brand-text{font-size:1.2rem}.user-section{gap:8px}.logout-btn{padding:8px 12px;font-size:.8rem}.main-actions{grid-template-columns:1fr!important;gap:20px!important}.pricing-grid-popup{grid-template-columns:1fr!important}}.user-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:10px;font-size:.45rem;font-weight:600;letter-spacing:.15px;transition:none;box-shadow:0 1px 4px rgba(0,0,0,.06);backdrop-filter:blur(10px);position:relative;overflow:hidden}.badge-free{background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);color:#495057;border:1px solid #dee2e6;font-weight:600;font-size:.75rem;padding:6px 14px;border-radius:20px;letter-spacing:.3px}.badge-basic{background:linear-gradient(135deg,#e3f2fd 0,#bbdefb 100%);color:#1565c0;border:1px solid #90caf9;font-weight:600;font-size:.75rem;padding:6px 14px;border-radius:20px}.badge-premium{background:linear-gradient(135deg,#fff8e1 0,#ffecb3 100%);color:#f57c00;border:1px solid #ffcc80;font-weight:600;font-size:.75rem;padding:6px 14px;border-radius:20px}.badge-pro{background:linear-gradient(135deg,#ede7f6 0,#d1c4e9 100%);color:#7b1fa2;border:1px solid #b39ddb;font-weight:600;font-size:.75rem;padding:6px 14px;border-radius:20px}.badge-streak{background:linear-gradient(135deg,#fa709a 0,#fee140 100%);color:#fff;border:1px solid #999;font-weight:600}.badge-icon{font-size:1.1em;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .2))}.badge-cta{background:linear-gradient(135deg,#28a745 0,#20c997 100%);color:#fff;border:1px solid #1e7e34;font-weight:600;animation:2s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,100%{box-shadow:0 2px 8px rgba(40,167,69,.3)}50%{box-shadow:0 4px 16px rgba(40,167,69,.5)}}@media (max-width:768px){.badge{font-size:.8rem;padding:5px 12px}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:20px}.left-pane{order:1;display:flex;flex-direction:column;gap:20px}.right-pane{order:2;display:flex;flex-direction:column;gap:20px}@media (max-width:968px){.dashboard-grid{grid-template-columns:1fr;gap:20px;padding:12px}.left-pane{order:1}.right-pane{order:2}}.suggestions-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px}.suggestions-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e8ecf0}.suggestions-title{font-size:1.1rem;font-weight:700;color:var(--pp-heading)}.category-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8faff;border-radius:8px;margin-bottom:12px}.category-name{font-weight:600;font-size:.95rem;color:var(--pp-heading)}.category-score{background:#ffd43b;color:var(--pp-heading);padding:4px 12px;border-radius:20px;font-weight:700;font-size:.85rem}.accordion-item{margin-bottom:12px;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-left:4px solid #3a66b3;cursor:pointer;transition:.2s;user-select:none}.accordion-header:hover{background:linear-gradient(135deg,#e9ecef 0,#dee2e6 100%)}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:1rem;font-weight:700;color:var(--pp-heading)}.accordion-toggle{font-size:1.2rem;color:#6c757d;transition:transform .3s;margin-left:12px}.accordion-toggle.expanded{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .35s ease-out;background:#fff}.accordion-content.expanded{max-height:500px;transition:max-height .4s ease-in}.accordion-content-inner{padding:12px 16px 16px}.action-list{list-style:none;padding:0;margin:0}.action-item{display:flex;gap:12px;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #e8ecf0;border-radius:8px;transition:.2s}.action-item:hover{box-shadow:0 2px 8px rgba(58,102,179,.15);border-color:#3a66b3}.action-number{flex-shrink:0;width:24px;height:24px;background:#3a66b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.action-text{flex:1;font-size:.9rem;color:var(--pp-heading);line-height:1.5}@media (max-width:1024px){#rankingComponent{padding:28px 20px!important}#overallScore{font-size:64px!important}.score-max{font-size:32px!important}#currentRankTitle{font-size:1rem!important;padding:10px 20px!important}}@media (max-width:768px){#rankingSection{margin:0!important;padding:20px 15px!important}#rankingComponent{padding:24px 16px!important;border-radius:16px!important}#overallScore{font-size:56px!important}.score-max{font-size:28px!important}#currentRankTitle{font-size:.9rem!important;padding:8px 16px!important;letter-spacing:.5px!important}#scoreProgress{height:18px!important}body,html{overflow-x:hidden!important;max-width:100vw!important}.dashboard-grid,.left-pane,.right-pane{overflow-x:hidden!important}#rankingComponent,*,.ranking-card,.user-profile-pane{box-sizing:border-box!important}}@media (max-width:480px){#rankingSection{margin:0!important;padding:16px 12px!important}#rankingComponent{padding:20px 12px!important;border-radius:14px!important}#rankingComponent>div:first-child{flex-direction:column!important;align-items:center!important;gap:16px!important}#overallScore{font-size:48px!important}.score-max{font-size:24px!important}#currentRankTitle{font-size:.85rem!important;padding:8px 14px!important;text-align:center!important;width:100%!important;max-width:200px!important}}@media (hover:none) and (pointer:coarse){#rankingComponent{-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}}@media (max-width:768px){.profile-action-buttons{gap:6px!important}.secondary-action-btn{font-size:.75rem!important;padding:6px 10px!important;gap:3px!important}.secondary-action-btn .btn-label{white-space:nowrap}}@media (max-width:480px){.profile-action-buttons{gap:4px!important}.secondary-action-btn{font-size:.7rem!important;padding:5px 8px!important;flex:1;min-width:0}.secondary-action-btn .btn-label{font-size:.7rem;white-space:nowrap}}@keyframes gaugePulse{0%,100%{box-shadow:0 0 20px rgba(255,255,255,.6),0 0 40px rgba(255,255,255,.3)}50%{box-shadow:0 0 30px rgba(255,255,255,.8),0 0 60px rgba(255,255,255,.5)}}@keyframes indicatorPulse{0%,100%{box-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.5),0 0 45px rgba(255,255,255,.3);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 25px #fff,0 0 50px rgba(255,255,255,.7),0 0 75px rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr!important}.action-grid{grid-template-columns:1fr!important;gap:15px!important}.main-action-btn{padding:20px!important;font-size:1.1rem!important}.pricing-grid{grid-template-columns:1fr!important;gap:20px!important}.modal-overlay{padding:10px!important}.close-btn{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;font-size:28px!important;top:10px!important;right:10px!important;background:rgba(0,0,0,.8)!important;color:#fff!important;border:2px solid #fff!important;z-index:10002!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.modal-overlay>div{max-width:95%!important;width:95%!important;max-height:90vh!important;overflow-y:auto!important;margin:20px auto!important;position:relative!important}.modal-overlay button[onclick*=closeModal],.modal-overlay button[type=submit]{min-height:50px!important;padding:15px 25px!important;font-size:16px!important;touch-action:manipulation!important;margin:5px!important}.modal-overlay input,.modal-overlay select,.modal-overlay textarea{font-size:16px!important;padding:15px!important;min-height:50px!important;box-sizing:border-box!important}.modal-overlay div[style*=flex-end]{flex-direction:column!important;gap:10px!important}.modal-overlay div[style*=flex-end] button{width:100%!important}}@supports (-webkit-touch-callout:none){#rankingComponent{overscroll-behavior:contain}.close-btn{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important}.modal-overlay{-webkit-overflow-scrolling:touch!important}.modal-overlay>div{-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}}