.btn,.dashboard-container{font-family:"Open Sans",sans-serif}.note-card-title,.note-url{text-overflow:ellipsis;white-space:nowrap}.page-heading{max-width:1300px;margin:0 auto 10px;padding:0 20px 20px 10px}.page-heading h1{font-size:32px;font-weight:600;color:#696969;margin:0 0 8px;display:flex;align-items:center;gap:12px}.dashboard-nav .logo,.nav-links a{font-weight:400;text-decoration:none}.page-heading h1 i{color:#50ca59;font-size:36px}.page-heading p{font-size:16px;color:#696969;margin:0;line-height:1.5}.dashboard-nav .logo,.nav-toggle i{font-size:22px;line-height:1}.dashboard-container{background:#eee;min-height:100vh}.dashboard-header{background:#eee;border-bottom:none;box-shadow:none;position:static;z-index:auto}.dashboard-nav{max-width:1300px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;height:auto;min-height:50px;position:relative}.nav-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid #ddd;color:#50ca59;border-radius:10px;cursor:pointer;-webkit-appearance:none;appearance:none;margin:0 0 0 auto;align-self:center}.nav-toggle:focus{outline:0;box-shadow:0 0 0 3px rgba(80,202,89,.18)}.nav-toggle.is-open{background:#f3fff3;border-color:#cfe9d3;color:#3da449}.dashboard-nav .logo{color:#696969;display:inline-flex;align-items:center;height:40px;padding:0;margin:0;flex-shrink:0}.dashboard-nav .logo b{color:#696969;font-weight:700}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{color:#696969;font-size:15px;padding:5px 10px;border-radius:4px;transition:.2s;display:flex;align-items:center;gap:6px}.nav-links a i{font-size:16px;opacity:.8}.nav-links a:hover{color:#50ca59;background:0 0}.nav-links a:hover i{opacity:1}.btn,.current-plan,.plan-card{position:relative}.dashboard-content{max-width:1300px;margin:0 auto;padding:20px}.dashboard-section{background:#fff;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:20px;overflow:hidden;transition:.2s}.dashboard-section:hover{box-shadow:0 4px 8px rgba(0,0,0,.08);border-color:#ccc}.dashboard-section-header{background:#f9f9f9;border-bottom:1px solid #eee;padding:16px 20px 14px;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#333;font-size:15px}.dashboard-section-content,.usage-stats{padding:20px}.dashboard-section-header i{color:#50ca59;margin-right:8px;font-size:18px}.subscription-status{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;margin-bottom:24px}.current-plan{background:#2196f3;color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(33,150,243,.2);overflow:hidden}.usage-stats,.usage-table tr:hover{background:#f9f9f9}.current-plan h3{margin:0 0 12px;color:#fff;font-size:24px;font-weight:700}.plan-price{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;opacity:.95}.next-billing{color:#fff;font-size:14px;margin:0;opacity:.85}.form-group,.subscription-card,.subscription-details{margin-bottom:24px}.usage-stats{border-radius:8px;border:1px solid #eee}.usage-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.btn,.usage-value{align-items:center}.usage-label{color:#666;font-weight:500;font-size:15px}.usage-value{font-weight:700;color:#333;font-size:15px;display:flex;gap:8px}.subscription-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.btn,.current-badge{display:inline-flex;gap:6px}.subscription-actions .btn{display:inline-flex;margin-right:0;padding:6px 12px;font-size:13px;line-height:1.3;height:auto;min-height:unset}.btn{justify-content:center;padding:8px 16px;border:none;border-radius:4px;text-decoration:none;cursor:pointer;font-size:13px;font-weight:500;transition:.2s;overflow:hidden}.feature-item,.plan-card,.subscription-card,.usage-item{transition:.3s;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#50ca59;color:#fff;box-shadow:none}.btn-primary:hover:not(:disabled){background:#3da449;box-shadow:none;transform:none}.btn-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.btn-current,.btn-danger{color:#fff;box-shadow:none}.btn-secondary:hover:not(:disabled){background:#eee;border-color:#ccc;color:#333;transform:none}.btn-danger{background:#f44336}.btn-danger:hover:not(:disabled){background:#d32f2f;box-shadow:none;transform:none}.btn-current{background:#4caf50;cursor:default}.btn-explore,.plan-card .btn-current,.plan-card.plan-premium .btn-upgrade,.plan-card.plan-pro .btn-upgrade{padding:12px 22px;font-size:15px;min-height:44px}.current-badge{align-items:center;justify-content:center;padding:12px 22px;border-radius:4px;font-size:15px;font-weight:600;color:#3da449;background:#f6fff7;border:1px solid #cfe9d3;cursor:default}.current-badge i,.subscription-card.compact .price{font-size:16px}.subscription-card{background:#fff;border:2px solid #ddd;border-radius:12px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,.06);position:relative}.plan-features ul{margin:0;color:#333}.plan-features li{color:#333;margin-bottom:8px;display:flex;align-items:center}.plan-features li i.ion-close.premium-missing{color:#999}.subscription-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.12);border-color:#ccc;transform:translateY(-2px)}.active-subscription{border-color:#50ca59;background:linear-gradient(135deg,#fff 0,#f8fff8 100%);box-shadow:0 4px 16px rgba(80,202,89,.15)}.subscription-card.compact{padding:16px;margin-bottom:16px}.subscription-card.compact h3{font-size:18px;margin-bottom:6px}.subscription-card.compact .subscription-details p{margin:2px 0;font-size:13px}.subscription-card.compact .subscription-features{margin-top:8px}.subscription-card .link-toggle{background:0 0;border:none;color:#3da449;font-size:13px;padding:0 4px;cursor:pointer}.active-subscription::before,.free-plan::before{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:6px;font-size:12px;color:#fff;font-weight:600}.active-subscription::before{content:"ACTIVE";background:#50ca59}.free-plan{box-shadow:0 4px 16px rgba(76,175,80,.15)}.free-plan::before{content:"FREE";background:#4caf50}.subscription-details .price{font-size:24px;font-weight:700;color:#50ca59;margin-bottom:8px}.subscription-details .status{display:flex;align-items:center;gap:8px;font-size:14px;color:#666;margin-bottom:4px}.subscription-features h4{color:#333;font-size:18px;font-weight:600;margin-bottom:16px}.plan-features-list,.subscription-features ul{list-style:none;padding:0;margin:0}.subscription-features li{padding:8px 0;display:flex;align-items:center;font-size:14px;color:#555}.subscription-features li i{width:20px;height:20px;border-radius:50%;margin-right:12px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.subscription-features li i.ion-checkmark{background:#e8f5e8;color:#4caf50}.subscription-features li i.ion-close.premium-missing{background:#f5f5f5;color:#999}.status-active{color:#4caf50;font-weight:700}.status-inactive{color:#ff9800;font-weight:700}.status-cancelled{color:#f44336;font-weight:700}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px}.plan-badge,.plan-corner-badge{display:inline-flex;gap:6px;font-weight:700;font-size:12px}.plan-card{background:#fff;border:2px solid #ddd;border-radius:12px;padding:32px 24px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06)}.plan-card:not(.current-plan){cursor:pointer}.plan-corner-badge{position:absolute;top:12px;right:10px;background:#fff;border:1px solid #cfe9d3;color:#3da449;padding:6px 10px;line-height:1;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.06);align-items:center}.plan-badge i,.plan-corner-badge i{font-size:14px}.plan-card.current-plan .plan-corner-badge{top:44px}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.15);border-color:#50ca59}.plan-card.current-plan,.plan-card.current-plan:hover{box-shadow:0 4px 16px rgba(80,202,89,.15);border-color:#50ca59}.plan-card.current-plan{background:linear-gradient(135deg,#fff 0,#f8fff8 100%);cursor:default}.plan-card.current-plan:hover{transform:none}.plan-card.current-plan::before{content:"CURRENT PLAN";position:absolute;top:0;left:0;right:0;background:#50ca59;color:#fff;padding:8px;font-size:12px;font-weight:600;text-align:center}.plan-header{padding-top:24px;margin-bottom:24px}.plan-header h3{margin:0 0 16px;color:#333;font-size:24px;font-weight:700}.plan-price,.plans-trust .trust-line{margin-bottom:8px}.plan-price .price{font-size:36px;font-weight:800;color:#50ca59;line-height:1}.plan-badge{align-items:center;padding:4px 10px;border-radius:999px;vertical-align:middle}.plan-badge.most-popular{background:rgba(80,202,89,.12);color:#3da449;border:1px solid #cfe9d3}.plan-badge-row{margin-top:6px;margin-bottom:0;display:flex;justify-content:center}.plan-badge-row.top{margin-top:0;margin-bottom:8px}.plan-price .period{color:#666;font-size:16px;margin-left:4px}.plan-features{margin:20px 0;text-align:left}.plan-features ul{list-style:none;padding:0}.plan-features li{padding:8px 0;display:flex;align-items:center}.plan-features li i{margin-right:10px;color:#50ca59;width:16px}.additional-features{margin-top:15px}.feature-tag{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 8px;margin:2px;border-radius:12px;font-size:12px}.plan-action{margin-top:20px}.usage-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.feature-item,.usage-item{display:flex;align-items:flex-start;background:linear-gradient(135deg,#fff 0,#f8fbff 100%);border:1px solid #e3f2fd;border-radius:16px;padding:24px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.04)}.metric-card,.usage-chart{padding:20px;background:#fff}.settings-card:hover,.usage-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(33,150,243,.12);border-color:#2196f3}.usage-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50 0,#2196f3 50%,#ff9800 100%)}.usage-icon{margin-right:20px;flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#2196f3 0,#1976d2 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.2)}.usage-bar,.usage-fill{border-radius:6px;position:relative}.usage-icon i{font-size:24px;color:#fff}.detail-content,.feature-info,.usage-details{flex:1;min-width:0}.feature-info h4,.usage-details h4{margin:0 0 8px;color:#1a237e;font-size:16px;font-weight:600;letter-spacing:-.02em}.usage-details p{margin:0 0 12px;color:#546e7a;font-size:15px;font-weight:500}.usage-bar{width:100%;height:8px;background:#eceff1;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.usage-fill{height:100%;background:linear-gradient(90deg,#4caf50 0,#2196f3 50%,#ff9800 100%);transition:.8s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(33,150,243,.3)}.usage-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:2s infinite shimmer}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.metric-card{border:1px solid #ddd;border-radius:8px;text-align:center}.metric-icon i{font-size:32px;color:#50ca59;margin-bottom:10px}.metric-details h3{margin:0;font-size:28px;color:#333}.metric-details p{margin:5px 0;color:#666}.metric-limit{font-size:12px;color:#999;margin-top:5px}.usage-chart{margin:20px 0;border-radius:8px;border:1px solid #ddd}.usage-table{overflow-x:auto;margin-top:20px}.usage-table table{width:100%;border-collapse:collapse;background:#fff}.upgrade-hero{margin-bottom:12px}.upgrade-hero .lead{margin:0 0 8px;color:#333;font-weight:600}.upgrade-hero .muted{color:#777;font-size:13px;margin-top:8px}.benefit-bullets{margin:8px 0;padding-left:18px}.benefit-bullets li{margin-bottom:6px;color:#333}.plan-cta-note{margin-top:6px;font-size:12px;color:#666}.plans-trust{margin-top:16px;color:#666;font-size:13px}.plan-testimonials blockquote{margin:0;padding-left:10px;border-left:3px solid #eee;color:#666;font-style:italic;font-size:13px}@media (max-width:780px){.nav-links a,.nav-links.is-open{display:flex}.nav-toggle{display:inline-flex}.dashboard-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-content:initial}.nav-toggle{margin-left:0;justify-self:end;width:36px;height:36px;border-radius:8px}.nav-toggle i{font-size:18px}.dashboard-nav .logo{height:36px;font-size:20px}.nav-links{position:absolute;right:0;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);min-width:200px;z-index:1000;overflow:hidden}.nav-links a{padding:12px 14px;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0;color:#696969}.nav-links a:last-child{border-bottom:none}.btn-explore,.plan-card .btn-current,.plan-card .current-badge,.plan-card.plan-premium .btn-upgrade,.plan-card.plan-pro .btn-upgrade{width:100%}}.usage-table td,.usage-table th{padding:12px;text-align:left;border-bottom:1px solid #ddd}.usage-table th{background:#f5f5f5;font-weight:700;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.feature-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(80,202,89,.12);border-color:#50ca59}.feature-item.premium-feature{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);border-color:#ff9800}.feature-item.unavailable-feature{background:linear-gradient(135deg,#fafafa 0,#f5f5f5 100%);border-color:#e0e0e0;opacity:.7}.feature-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50 0,#3da449 100%)}.feature-item.premium-feature::before{background:linear-gradient(90deg,#ff9800 0,#f57c00 100%)}.feature-item.unavailable-feature::before{background:linear-gradient(90deg,#bdbdbd 0,#9e9e9e 100%)}.feature-icon{margin-right:20px;flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#50ca59 0,#3da449 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(33,150,243,.2)}.feature-item.premium-feature .feature-icon{background:linear-gradient(135deg,#ff9800 0,#f57c00 100%);box-shadow:0 4px 16px rgba(255,152,0,.2)}.feature-item.unavailable-feature .feature-icon{background:linear-gradient(135deg,#bdbdbd 0,#9e9e9e 100%);box-shadow:0 4px 16px rgba(189,189,189,.2)}.feature-icon i{font-size:20px;color:#fff}.feature-item.premium-feature .feature-info h4{color:#e65100}.feature-item.unavailable-feature .feature-info h4{color:#757575}.feature-info p{margin:0;color:#546e7a;font-size:14px;font-weight:500;line-height:1.5}.feature-item.premium-feature .feature-info p{color:#bf360c}.feature-item.unavailable-feature .feature-info p{color:#9e9e9e}.feature-badge{position:absolute;top:12px;right:12px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.feature-item.premium-feature .feature-badge{background:#ff9800}.feature-item.unavailable-feature .feature-badge{background:#9e9e9e}.plan-details h3{margin:0 0 24px;color:#1a237e;font-size:24px;font-weight:700;text-align:center;padding:20px;background:linear-gradient(135deg,#f3fff3 0,#e8f5e8 100%);border-radius:16px;border:2px solid #50ca59}.upgrade-prompt{margin-top:30px}.upgrade-card{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:8px;padding:25px;text-align:center}.upgrade-card h4{margin:0 0 10px;font-size:20px}.upgrade-card p{margin:0 0 20px;opacity:.9}.upgrade-card .btn-primary{background:#fff;color:#667eea}.upgrade-card .btn-primary:hover{background:#f0f0f0}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center}.header-actions .btn{font-size:12px;padding:6px 12px}.subscription-features li i.premium-missing{margin-right:10px;background:#fff3e0!important;color:#f57c00!important}.free-plan{border-color:#4caf50;background:linear-gradient(135deg,#f3fff3 0,#e8f5e8 100%)}.free-plan .plan-price{color:#4caf50}.upgrade-prompt-inline{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:10px 15px;border-radius:6px;margin:10px 0;text-align:center;font-size:12px}.upgrade-prompt-inline a{color:#fff;text-decoration:underline;font-weight:700}.upgrade-prompt-inline a:hover{background:rgba(255,255,255,.1);padding:2px 4px;border-radius:3px;text-decoration:none}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.note-card-actions,.note-card-header{display:flex;gap:12px}.note-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.06)}.note-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:#2196f3;transform:translateY(-2px)}.note-card-header{align-items:flex-start;margin-bottom:12px}.note-card-title{font-size:16px;font-weight:600;color:#696969;margin-bottom:4px;overflow:hidden;max-width:100%}.note-card-meta{color:#999;font-size:13px;margin-bottom:12px}.note-title,.note-url{display:block;text-decoration:none}.note-url{color:#999;font-size:14px;overflow:hidden}.note-badge{flex-shrink:0;color:#999;font-size:16px}.note-title{font-weight:600;color:#2196f3;font-size:16px;margin-bottom:12px;line-height:1.4}.note-title:hover{color:#1976d2}.note-stats{color:#666;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:16px}.note-stats i{color:#999;margin-right:4px}.note-actions{display:flex;gap:8px}.note-actions a{color:#50ca59;text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;transition:.3s;background:#f3fff3}.note-actions a:hover{background:#e8f5e8;color:#3da449}.unlimited-text{color:#4caf50;font-weight:700;font-size:14px}.premium-only{font-style:italic;background:#fff3e0;color:#f57c00;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #ffcc02;opacity:.8}.premium-missing{color:#ff9800!important}.sub-footer{background:#fff;border-top:1px solid #ddd;padding:32px 24px;margin:48px auto 0;text-align:center}.sub-footer a{color:#666;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s}.sub-footer a:hover{color:#2196f3}.sub-footer small{color:#999;font-size:13px}.clear{clear:both}.account-settings-container{display:grid;gap:24px;margin-top:20px}.settings-card{background:linear-gradient(135deg,#fff 0,#f8fbff 100%);border:1px solid #e3f2fd;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:.3s}.settings-card.danger-zone{background:linear-gradient(135deg,#fff 0,#fff8f8 100%);border-color:#ffebee}.settings-card.danger-zone:hover{border-color:#f44336}.settings-card-header{background:linear-gradient(135deg,#f8fbff 0,#e3f2fd 100%);padding:24px;border-bottom:1px solid #e3f2fd}.danger-zone .settings-card-header{background:linear-gradient(135deg,#fff8f8 0,#ffebee 100%);border-bottom-color:#ffebee}.settings-card-header h3{margin:0 0 8px;color:#1a237e;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}.settings-card-header h3 i{color:#2196f3;font-size:24px}.danger-zone .settings-card-header h3 i{color:#f44336}.settings-card-header p{margin:0;color:#546e7a;font-size:14px;line-height:1.5}.settings-card-content{padding:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;color:#1a237e;font-size:14px;font-weight:600}.form-control{width:100%;padding:12px 16px;border:2px solid #e3f2fd;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#2c3e50;transition:.3s;box-sizing:border-box}.form-control:focus{outline:0;border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.form-control:invalid{border-color:#f44336}.form-hint{display:block;margin-top:6px;color:#78909c;font-size:12px;line-height:1.4}.form-actions{margin-top:32px;display:flex;gap:12px}.account-action{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #eceff1}.account-action:last-child{border-bottom:none}.action-info h4{margin:0 0 6px;color:#1a237e;font-size:16px;font-weight:600}.action-info p{margin:0;color:#546e7a;font-size:14px;line-height:1.4}.action-button{flex-shrink:0;margin-left:20px}.alert{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:10000;max-width:400px;box-shadow:0 4px 16px rgba(0,0,0,.15);animation:.3s slideIn}.alert-success{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.alert i{margin-right:8px;font-size:16px}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.account-overview{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.account-info{display:grid;gap:20px}.account-detail{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;transition:.2s}.account-detail:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.detail-icon{flex-shrink:0;width:48px;height:48px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0}.comparison-yes,.detail-icon i,.faq-question i{color:#50ca59;font-size:20px}.detail-content h4{margin:0 0 6px;color:#333;font-size:16px;font-weight:600}.detail-content p{margin:0;color:#696969;font-size:14px;line-height:1.5}.account-actions{display:flex;flex-direction:column;gap:12px;align-self:start;position:sticky;top:20px}.dashboard-section:has(.usage-stats) .subscription-status{background:linear-gradient(135deg,#fff 0,#f8fbff 100%);border:1px solid #e3f2fd;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(33,150,243,.08);transition:.3s}.dashboard-section:has(.usage-stats) .subscription-status:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(33,150,243,.15)}.dashboard-section:has(.usage-stats) .usage-item{padding:20px;margin-bottom:16px;background:linear-gradient(135deg,#fff 0,#fafcff 100%);border:1px solid #e8f4fd;border-radius:12px;transition:.3s}.dashboard-section:has(.usage-stats) .usage-item:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(33,150,243,.1);border-color:#bbdefb}.dashboard-section:has(.usage-stats) .usage-item:last-child{margin-bottom:0}.dashboard-section:has(.usage-stats) .usage-label{color:#1a237e;font-weight:600;font-size:15px;display:flex;align-items:center}.dashboard-section:has(.usage-stats) .usage-label::before{content:"";width:6px;height:6px;background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:50%;margin-right:10px;box-shadow:0 0 10px rgba(33,150,243,.5)}.dashboard-section:has(.usage-stats) .usage-value{color:#546e7a;font-weight:500}.dashboard-section:has(.usage-stats) .subscription-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e8f4fd}.dashboard-section:has(.usage-stats) .btn{box-shadow:0 4px 12px rgba(33,150,243,.2);transition:.3s cubic-bezier(.4, 0, .2, 1)}.dashboard-section:has(.usage-stats) .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(33,150,243,.3)}.subscription-hero{background:#fff;box-shadow:0 0 27px rgba(0,0,0,.05);border-radius:3px;margin-bottom:20px;overflow:visible}.subscription-hero-content{padding:40px 30px;text-align:center}.subscription-hero-title{font-size:32px;font-weight:600;color:#696969;margin:0 0 15px}.subscription-hero-subtitle{font-size:16px;color:#696969;margin:0 0 20px;opacity:.9}.subscription-hero-stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stat-badge{background:#f8f9fa;border:1px solid #ddd;border-radius:3px;padding:10px 20px;display:flex;align-items:center;gap:8px;font-size:14px;color:#696969}.price-highlight,.stat-badge i,.trust-item i{color:#50ca59;font-size:18px}.current-subscription-summary{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:20px}.plans-grid-enhanced,.trust-badges-section{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.subscription-info-card{background:#f8f9fa;border:1px solid #ddd;border-radius:3px;padding:20px;text-align:center}.subscription-badge{display:inline-block;background:#50ca59;color:#fff;padding:8px 16px;border-radius:3px;font-size:14px;font-weight:600;margin-bottom:15px}.subscription-badge-free{background:#7a7a7a}.subscription-badge-premium{background:#50ca59}.subscription-badge-pro{background:#696969}.subscription-price-display{margin:15px 0}.price-amount{font-size:36px;font-weight:700;color:#696969}.price-period{font-size:16px;color:#696969;opacity:.7}.next-billing-info{font-size:14px;color:#696969;margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:5px}.next-billing-info i{color:#50ca59}.usage-stats-compact{display:flex;flex-direction:column;gap:15px}.usage-stat-item{background:#f8f9fa;border:1px solid #ddd;border-radius:3px;padding:15px;display:flex;align-items:center;gap:15px}.usage-stat-item i{font-size:24px;color:#50ca59;width:32px;text-align:center}.usage-stat-content{flex:1}.usage-stat-label{display:block;font-size:12px;color:#696969;opacity:.7;margin-bottom:4px}.usage-stat-value{display:block;font-size:16px;font-weight:600;color:#696969}.scheduled-change-notice{background:#fff3cd;border:1px solid #ffeeba;border-radius:3px;padding:15px;margin:20px 0;display:flex;align-items:flex-start;gap:12px}.scheduled-change-notice i{color:#856404;font-size:20px;margin-top:2px}.scheduled-change-notice strong{color:#856404}.scheduled-change-notice p{margin:5px 0 0;color:#856404;font-size:14px}.current-plan-actions{margin-top:20px;text-align:center}.cancel-notice{font-size:13px;color:#696969;opacity:.7;margin:10px 0 0}.pricing-comparison-callout{background:linear-gradient(135deg,#f8fff8 0,#e8f5e8 100%);border:1px solid #50ca59;border-radius:3px;padding:20px;margin-bottom:30px;text-align:center}.pricing-comparison-callout p{margin:0;font-size:15px;color:#696969}.plans-grid-enhanced{display:grid;gap:20px;margin:30px 0}.plan-card-enhanced{background:#fff;border:2px solid #ddd;border-radius:3px;box-shadow:0 0 27px rgba(0,0,0,.05);position:relative;overflow:hidden;transition:.3s;display:flex;flex-direction:column}.plan-badge-corner,.plan-ribbon{position:absolute;color:#fff;font-weight:600}.plan-card-enhanced:hover{transform:translateY(-5px);box-shadow:0 5px 35px rgba(0,0,0,.1);border-color:#50ca59}.plan-current{border-color:#50ca59;background:linear-gradient(135deg,#fff 0,#f8fff8 100%)}.plan-featured{border-color:#696969}.plan-clickable{transition:.3s}.plan-clickable:hover{transform:translateY(-8px);box-shadow:0 8px 40px rgba(80,202,89,.2);border-color:#50ca59}.plan-clickable:active{transform:translateY(-5px)}.plan-ribbon{top:0;left:0;right:0;background:#50ca59;text-align:center;padding:8px;font-size:12px}.plan-badge-corner{top:12px;right:12px;background:#696969;padding:6px 12px;border-radius:3px;font-size:11px;display:flex;align-items:center;gap:5px}.plan-badge-corner i{font-size:13px}.plan-current .plan-badge-corner{top:40px}.plan-card-header{padding:30px 20px 20px;text-align:center;border-bottom:1px solid #f0f0f0}.plan-current .plan-card-header{padding-top:45px}.plan-name{font-size:24px;font-weight:600;color:#696969;margin:0 0 20px}.faq-list,.plan-price-box{margin:20px 0}.plan-price-main{display:flex;align-items:flex-start;justify-content:center;gap:2px}.plan-price-main .currency{font-size:20px;font-weight:700;color:#50ca59;margin-top:8px}.plan-price-main .amount{font-size:48px;font-weight:700;color:#50ca59;line-height:1}.plan-price-period{font-size:14px;color:#696969;opacity:.7;margin-top:5px}.plan-value-tag{display:inline-block;background:#50ca59;color:#fff;padding:4px 12px;border-radius:3px;font-size:12px;font-weight:600;margin-top:10px}.feature-name,.plan-features-list li.feature-premium,.plan-features-list li.feature-pro{font-weight:500}.plan-card-body{padding:25px 20px;flex:1}.plan-features-list li{padding:10px 0;display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#696969}.plan-features-list li i{color:#50ca59;font-size:18px;margin-top:2px;flex-shrink:0}.plan-card-footer{padding:0 20px 25px;text-align:center}.plan-cta-subtext{font-size:12px;color:#696969;opacity:.7;margin:10px 0 0}.dashboard-btn-primary{background:#50ca59;border-color:#50ca59;color:#fff;width:100%}.dashboard-btn-primary:hover{background:#3da449;border-color:#3da449}.dashboard-btn-secondary{background:#7a7a7a;border-color:#7a7a7a;width:100%}.dashboard-btn-secondary:hover{background:#5a5a5a;border-color:#5a5a5a}.dashboard-btn-current{background:#f8f9fa;border-color:#ddd;color:#50ca59;cursor:not-allowed;width:100%}.dashboard-btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.dashboard-btn-danger:hover{background:#c82333;border-color:#c82333}.trust-badges-section{display:grid;gap:20px}.trust-badge-card{background:linear-gradient(135deg,#fff 0,#f8fff8 100%);border:1px solid #e8f5e8;border-radius:8px;padding:24px 20px;text-align:center;transition:.3s}.trust-badge-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(80,202,89,.12);border-color:#50ca59}.trust-badge-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#50ca59 0,#3da449 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(80,202,89,.25)}.trust-badge-icon i{font-size:28px;color:#fff}.trust-badge-card h4{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.trust-badge-card p{font-size:13px;color:#696969;line-height:1.5;margin:0}.subscription-trust-bar{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:20px 0 0;border-top:1px solid #f0f0f0;margin-top:20px}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#696969}.comparison-table-wrapper{overflow-x:auto}.feature-comparison-table{width:100%;border-collapse:collapse;margin:20px 0}.feature-comparison-table td,.feature-comparison-table th{padding:15px;text-align:left;border-bottom:1px solid #f0f0f0}.feature-comparison-table th{background:#f8f9fa;color:#696969;font-weight:600;font-size:14px}.feature-comparison-table .feature-column{width:40%}.feature-comparison-table .plan-column{width:20%;text-align:center}.feature-comparison-table .plan-highlighted{background:linear-gradient(135deg,#f8fff8 0,#e8f5e8 100%)}.feature-name{color:#696969}.comparison-no{color:#ddd;font-size:20px}.table-footer-row{background:#f8f9fa}.table-footer-row td{padding:20px 15px;font-size:16px}.faq-item{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #f0f0f0}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-question{font-size:16px;font-weight:600;color:#696969;margin:0 0 10px;display:flex;align-items:center;gap:10px}.faq-answer{font-size:14px;color:#696969;margin:0;opacity:.9;line-height:1.6}@media (max-width:1024px){.dashboard-nav{padding:10px 16px;flex-direction:column;align-items:flex-start;gap:10px}.nav-links{gap:15px;flex-wrap:wrap}.nav-links a{font-size:14px;padding:5px 8px}.dashboard-content{padding:15px}.account-overview{grid-template-columns:1fr;gap:20px}.account-actions{position:static;flex-direction:column;width:100%}.account-actions .btn{width:100%;text-align:center}}@media (max-width:540px){.page-heading{padding:0 14px 16px 12px}.dashboard-content{padding:12px}.dashboard-section{margin-bottom:18px}.dashboard-section-content{padding:16px}}@media (max-width:768px){.current-subscription-summary,.note-grid,.plans-grid,.plans-grid-enhanced{grid-template-columns:1fr}.page-heading{padding:0 20px 16px 10px;margin-bottom:10px}.page-heading h1{font-size:24px;gap:10px}.page-heading h1 i{font-size:28px}.page-heading p,.subscription-hero-subtitle{font-size:14px}.subscription-hero-content{padding:30px 20px}.subscription-hero-title,.trust-badge-icon i{font-size:24px}.subscription-hero-stats{flex-direction:column;gap:10px}.stat-badge{width:100%;justify-content:center}.plans-grid-enhanced{gap:20px}.plan-card-enhanced{margin-bottom:0}.subscription-status,.trust-badges-section{grid-template-columns:1fr;gap:16px}.trust-badge-card{padding:20px 16px}.trust-badge-icon{width:50px;height:50px}.faq-question,.trust-badge-card h4{font-size:15px}.trust-badge-card p{font-size:12px}.plan-badge-corner{font-size:10px;padding:4px 8px}.plan-price-main .amount{font-size:36px}.faq-answer,.feature-comparison-table{font-size:13px}.feature-comparison-table td,.feature-comparison-table th{padding:10px 8px}.subscription-trust-bar{flex-direction:column;gap:15px;align-items:center}.form-actions,.subscription-actions{flex-direction:column}.subscription-actions{align-items:stretch}.btn{justify-content:center;width:100%}.subscription-actions .link-toggle{width:auto;align-self:center}.plan-badge,.plan-corner-badge{display:none!important}.dashboard-section-header{padding:16px 20px 12px;font-size:15px}.account-action{flex-direction:column;align-items:flex-start;gap:16px}.action-button{margin-left:0;width:100%}.alert{position:static;margin:20px 0;max-width:none}.current-plan,.settings-card-content,.settings-card-header,.subscription-card{padding:20px}.dashboard-section-content{padding:18px}.plan-card{padding:24px 20px}}@media (max-width:540px){.dashboard-section-content{padding:16px}}@media (max-width:480px){.page-heading{padding:0 10px 14px 8px}.dashboard-content{padding:10px 8px}.dashboard-section-header{padding:14px 16px 12px}.dashboard-section-content{padding:16px}.notes-table tr{padding:12px}}@media (max-width:640px){.notes-table thead{display:none}.notes-table,.notes-table tbody,.notes-table td,.notes-table tr{display:block;width:100%}.notes-table tr{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:12px;padding:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.notes-table td{border:0!important;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-table td::before{content:attr(data-label);color:#546e7a;font-weight:600;font-size:13px;flex:0 0 120px;max-width:50%}.notes-table .note-url{word-break:break-word;overflow-wrap:anywhere}.notes-table .status-col{justify-content:space-between}.notes-table .actions-col{flex-wrap:wrap;gap:8px}.notes-table .actions-col a{display:inline-block;background:#f3fff3;color:#50ca59;padding:6px 10px;border-radius:6px;font-size:13px;text-decoration:none}.notes-table .actions-col a:hover{background:#e8f5e8;color:#3da449;text-decoration:none}}body.dark .feature-comparison-table,body.dark .settings-tabs-container,body.dark .settings-tabs-content{background:#1d1d1d}body.dark .feature-comparison-table th{background:#252525;color:#d4d4d4}body.dark .feature-comparison-table td{background:#1d1d1d;color:#d4d4d4}body.dark .account-action,body.dark .faq-item,body.dark .feature-comparison-table td,body.dark .feature-comparison-table th,body.dark .subscription-info-row{border-bottom-color:#353535}body.dark .feature-comparison-table .plan-highlighted,body.dark .table-footer-row .plan-highlighted{background:linear-gradient(135deg,#1a2a1a 0,#1d331d 100%)!important}body.dark .action-info h4,body.dark .faq-question,body.dark .feature-name,body.dark .form-group label,body.dark .info-value,body.dark .settings-card-header h3,body.dark .subscription-features li,body.dark .subscription-header h3{color:#d4d4d4}body.dark .comparison-no{color:#404040}body.dark .feature-comparison-table td strong{color:#fff}body.dark .table-footer-row{background:#252525}body.dark .table-footer-row td{background:#252525!important}body.dark .action-info p,body.dark .faq-answer,body.dark .info-label,body.dark .settings-card-header p,body.dark .settings-tab-btn{color:#b0b0b0}body.dark .settings-card,body.dark .subscription-card{background:#1d1d1d;border-color:#353535}body.dark .settings-card-header,body.dark .settings-tabs-nav,body.dark .subscription-header{background:#252525;border-bottom-color:#353535}body.dark .form-control{background:#252525;border-color:#404040;color:#d4d4d4}body.dark .form-control:focus{border-color:#50ca59;box-shadow:0 0 0 3px rgba(80,202,89,.15)}body.dark .form-hint,body.dark .subscription-features h4{color:#696969}body.dark .settings-card.danger-zone{background:#1d1d1d;border-color:rgba(244,67,54,.3)}body.dark .danger-zone .settings-card-header{background:rgba(244,67,54,.1);border-bottom-color:rgba(244,67,54,.2)}body.dark .dashboard-content-wrapper{background:#171717}body.dark .settings-tab-btn:hover{background:rgba(80,202,89,.1);color:#50ca59}body.dark .settings-tab-btn.active{color:#50ca59;background:#1d1d1d}body.dark .form-actions{border-top-color:#353535}body.dark .subscription-card.active-subscription{border-color:#50ca59}body.dark .subscription-card.active-subscription .subscription-header{background:rgba(80,202,89,.1);border-bottom-color:#50ca59}body.dark .subscription-info-row.warning{background:rgba(255,193,7,.1);border-color:rgba(255,193,7,.3)}body.dark .subscription-actions,body.dark .subscription-features{background:#252525;border-top-color:#353535}