.login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-content{width:100%;max-width:440px;animation:fadeIn .6s ease}.login-logo-section{text-align:center;margin-bottom:3rem}.login-logo{width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:20px;padding:12px}.login-logo img{width:100%;height:100%;object-fit:contain}.login-brand-name{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;letter-spacing:-.5px}.login-tagline{font-size:.95rem;color:#666;font-weight:400}.login-card{background:#fff;border-radius:16px;border:1px solid #e5e5e5;padding:2.5rem}.login-card-header{text-align:center;margin-bottom:2rem}.login-card-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-card-title i{color:#667eea;font-size:1.5rem}.login-card-subtitle{font-size:.9rem;color:#666}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-form-group label{font-weight:500;font-size:.9rem;color:#333;display:flex;align-items:center;gap:.5rem}.login-form-group label i{color:#667eea;font-size:.85rem;width:16px}.login-form-control{padding:.85rem 1rem;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;font-family:inherit;transition:all .2s ease;background:#fff;color:#1a1a1a}.login-form-control:hover{border-color:#9ca3af}.login-form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-form-control::placeholder{color:#9ca3af}.login-form-control:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.login-password-hint{font-size:.75rem;color:#6b7280;margin-top:.25rem}.login-submit-btn{padding:.9rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;width:100%}.login-submit-btn:hover:not(:disabled){background:#5568d3}.login-submit-btn:active:not(:disabled){transform:scale(.98)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-toggle-section{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e5e5}.login-toggle-btn{background:none;border:none;color:#667eea;font-size:.9rem;cursor:pointer;font-weight:500;transition:color .2s ease}.login-toggle-btn:hover{color:#5568d3}.login-confirmation-message{padding:1.25rem;margin-bottom:1.5rem;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;font-size:.85rem;color:#166534}.login-confirmation-header{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.login-confirmation-header i{color:#10b981}.login-confirmation-email{font-weight:600;color:#065f46}.login-resend-btn{padding:.75rem 1.25rem;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.login-resend-btn:hover:not(:disabled){background:#059669}.login-resend-btn:disabled{opacity:.6;cursor:not-allowed}.login-success-container{text-align:center;padding:3rem 2rem;background:#fff;border-radius:16px;border:1px solid #e5e5e5}.login-success-icon{font-size:4rem;margin-bottom:1.5rem}.login-success-title{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.login-success-email{font-size:1rem;color:#667eea;font-weight:500;margin-bottom:1.5rem}.login-success-info{padding:1.25rem;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;color:#166534;font-size:.9rem}.login-success-info i{color:#10b981;margin-right:.5rem}.login-guest-info,.login-guest-info-header,.login-guest-info-header i{display:none}@media (max-width: 600px){.login-container{padding:1.5rem}.login-card{padding:2rem}.login-logo{width:80px;height:80px}.login-brand-name{font-size:1.5rem}.login-card-title{font-size:1.25rem}}@media (max-width: 420px){.login-card{padding:1.75rem;border-radius:12px}.login-logo{width:70px;height:70px}.login-brand-name{font-size:1.35rem}}[data-theme=dark]{--primary-color: #5BA3F5;--primary-dark: #4A90E2;--success-color: #4ADE80;--warning-color: #FFA726;--error-color: #FF5252;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-light: #F9FAFB;--background: #111827;--background-card: #1F2937;--border-color: #374151;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}[data-font-size=small]{font-size:14px}[data-font-size=medium]{font-size:16px}[data-font-size=large]{font-size:18px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.nav-divider{width:1px;height:24px;background:var(--border-color);margin:0 .5rem}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:.25rem}.theme-toggle-track{width:50px;height:26px;background:var(--border-color);border-radius:13px;position:relative;transition:background .3s ease}.theme-toggle-thumb{width:22px;height:22px;background:var(--background-card);border-radius:50%;position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-shadow:0 2px 4px #0003}.theme-toggle-thumb i{font-size:.75rem;color:var(--primary-color)}.theme-toggle-thumb.dark{transform:translate(24px)}.font-size-control{display:flex;align-items:center;gap:.5rem}.font-size-label{color:var(--text-secondary);font-size:.875rem}.font-size-buttons{display:flex;gap:.25rem}.font-size-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .3s ease}.font-size-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.font-size-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.font-size-btn.small i{font-size:.75rem}.font-size-btn.medium i{font-size:.875rem}.font-size-btn.large i{font-size:1rem}.dashboard-enhanced{max-width:100%}.dashboard-layout{display:grid;grid-template-columns:1fr 260px;gap:1.5rem;max-width:1680px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.dashboard-main{min-width:0}.dashboard-sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.category-tabs-wrapper{position:relative;margin-bottom:1rem}.category-tabs-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-tabs-container::-webkit-scrollbar{display:none}.category-tabs{display:flex;gap:.5rem;padding:.25rem 0}.category-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.category-tab:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-tab.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.category-tab i{font-size:1rem}.category-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--background-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:.75rem;border-radius:50%;box-shadow:var(--shadow-md);z-index:10;transition:all .3s ease}.category-scroll-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.category-scroll-btn.left{left:0}.category-scroll-btn.right{right:0}.search-bar-wrapper{position:relative;margin-bottom:1.5rem}.search-bar{position:relative;display:flex;align-items:center;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem .75rem;transition:all .3s ease}.search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.search-icon{color:var(--text-secondary);margin-right:.75rem;font-size:1.125rem}.search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1rem;outline:none}.search-input::placeholder{color:var(--text-secondary)}.search-clear{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;margin-right:.5rem;transition:color .3s ease}.search-clear:hover{color:var(--error-color)}.search-submit{background:var(--primary-color);border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:600;transition:all .3s ease}.search-submit:hover{background:var(--primary-dark);transform:translateY(-1px)}.search-suggestions{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:100;animation:fadeIn .2s ease}.suggestion-group{padding:.75rem 0}.suggestion-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background .2s ease;color:var(--text-primary)}.suggestion-item:hover{background:var(--background)}.suggestion-item i{color:var(--text-secondary);font-size:.875rem}.sidebar-widgets{display:flex;flex-direction:column;gap:.75rem}.sidebar-widget{background:var(--background-card);border-radius:var(--radius-lg);padding:.875rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.sidebar-widget:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.widget-header-sm{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.85rem}.widget-header-sm i{color:var(--primary-color)}.time-widget{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;text-align:center}.widget-time{font-size:1.75rem;font-weight:700;line-height:1}.widget-date{font-size:.75rem;margin-top:.125rem;opacity:.9}.weather-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.weather-icon{color:var(--primary-color)}.weather-temp-large{font-size:2rem;font-weight:700;line-height:1}.weather-condition{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.weather-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.weather-details{display:flex;justify-content:space-around;padding-top:.75rem;border-top:1px solid var(--border-color);gap:.375rem}.weather-detail{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.stocks-list{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.5rem}.stock-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem;background:var(--background);border-radius:var(--radius-md);font-size:.8rem}.stock-symbol{font-weight:700;color:var(--text-primary);font-size:.8rem}.stock-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.stock-price{font-weight:600;color:var(--text-primary);font-size:.8rem}.stock-change{display:flex;align-items:center;gap:.125rem;font-size:.75rem;font-weight:600}.stock-change.positive{color:var(--success-color)}.stock-change.negative{color:var(--error-color)}.widget-link-btn{width:100%;padding:.5rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--primary-color);font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.75rem}.widget-link-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.quick-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.quick-link-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .375rem;background:var(--background);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .3s ease}.quick-link-item:hover{background:var(--link-color, var(--primary-color));color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-link-item i{font-size:1.25rem}.quick-link-item span{font-size:.65rem;font-weight:600}.trending-list{display:flex;flex-direction:column;gap:.5rem}.trending-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--background);border-radius:var(--radius-md);transition:all .3s ease;cursor:pointer;font-size:.8rem}.trending-item:hover{background:var(--primary-color);color:#fff;transform:translate(4px)}.trending-rank{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;font-size:.65rem}.trending-topic{flex:1;font-weight:600;font-size:.75rem}.breaking-news-banner{position:fixed;top:80px;left:0;right:0;background:linear-gradient(135deg,var(--error-color) 0%,#FF6B6B 100%);color:#fff;padding:1rem 1.5rem;box-shadow:var(--shadow-lg);z-index:999;display:flex;align-items:center;justify-content:space-between;transform:translateY(-100%);transition:transform .3s ease}.breaking-news-banner.visible{transform:translateY(0)}.breaking-news-content{display:flex;align-items:center;gap:1rem;flex:1;cursor:pointer}.breaking-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;white-space:nowrap}.breaking-text{flex:1;font-size:.95rem}.breaking-excerpt{opacity:.9;font-weight:400}.breaking-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9;white-space:nowrap}.breaking-close{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease}.breaking-close:hover{background:#ffffff4d}.news-card.enhanced{position:relative;overflow:visible}.news-card-image-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.news-card-image{opacity:0;transition:opacity .5s ease,transform .3s ease}.news-card-image.loaded{opacity:1}.news-card.enhanced:hover .news-card-image{transform:scale(1.05)}.image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--background) 0%,var(--border-color) 50%,var(--background) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-badges{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem}.badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.breaking{background:#ff3b30e6;color:#fff}.badge.opinion{background:#ff9500e6;color:#fff}.card-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.news-card-category{text-transform:uppercase}.news-card-category.technology{color:#5ba3f5}.news-card-category.business{color:#34c759}.news-card-category.sports{color:#ff9500}.news-card-category.entertainment{color:#ff3b30}.news-card-category.health{color:#af52de}.sentiment-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.875rem}.sentiment-badge.sentiment-positive{background:#34c7591a;color:var(--success-color)}.sentiment-badge.sentiment-negative{background:#ff3b301a;color:var(--error-color)}.sentiment-badge.sentiment-neutral{background:#8e8e931a;color:var(--text-secondary)}.card-tags{display:none;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag-chip{padding:.25rem .75rem;background:var(--background);border-radius:12px;font-size:.75rem;font-weight:600;color:var(--primary-color)}.card-entities{display:none;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.entity-chip{display:flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:var(--background);border-radius:12px;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.entity-chip i{font-size:.625rem}.entity-chip.person{border-left:2px solid var(--primary-color)}.entity-chip.org{border-left:2px solid var(--success-color)}.footer-left{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.news-card-read-time{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.card-engagement{display:none;align-items:center;gap:1rem;padding:.75rem 0;border-top:1px solid var(--border-color);margin-top:.75rem}.engagement-stat{display:flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--text-secondary)}.fact-check{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.fact-check.unverified{background:#ff95001a;color:var(--warning-color)}.fact-check.controversial{background:#ff3b301a;color:var(--error-color)}.card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:.75rem}.action-btn{background:var(--background);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all .3s ease;font-size:.875rem}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.bookmark.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.share-menu-overlay{position:absolute;bottom:100%;left:0;right:0;background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-lg);z-index:10;animation:fadeIn .2s ease}.share-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.share-btn{position:relative;background:var(--background);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-btn.twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-btn.facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-btn.linkedin:hover{background:#0077b5;border-color:#0077b5;color:#fff}.share-btn.whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.share-btn.email:hover{background:var(--warning-color);border-color:var(--warning-color);color:#fff}.share-btn.copy:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.copy-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--background-card);padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;white-space:nowrap;animation:fadeIn .2s ease}.text-to-speech{display:flex;align-items:center;gap:.5rem}.tts-controls{display:flex;gap:.5rem}.tts-btn{display:flex;align-items:center;gap:.375rem;background:var(--background);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:all .3s ease;font-size:.875rem;font-weight:600}.tts-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.tts-btn.play,.tts-btn.resume{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.tts-speed{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.tts-speed-select{background:var(--background);border:1px solid var(--border-color);color:var(--text-primary);padding:.375rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.hero-banner.enhanced{height:400px;margin-bottom:2rem;position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero-badges{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.hero-sentiment{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-sentiment.sentiment-positive{background:#34c75933}.hero-sentiment.sentiment-negative{background:#ff3b3033}.hero-sentiment.sentiment-neutral{background:#8e8e9333}.hero-breaking{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ff3b30e6;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:#fff}.hero-excerpt{font-size:.95rem;line-height:1.5;margin-bottom:1rem;max-width:90%;color:#fffffff2}.hero-engagement{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.hero-engagement .engagement-stat{font-size:.8rem;color:#fff;opacity:.9;display:flex;align-items:center;gap:.25rem}.hero-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.hero-tag{padding:.25rem .625rem;background:#fff3;border-radius:10px;font-size:.7rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-actions{display:flex;gap:.5rem}.skeleton-wrapper{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--background) 0%,var(--border-color) 50%,var(--background) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-hero{width:100%;height:100%}.skeleton-image{width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.skeleton-badge{height:24px;border-radius:12px}.skeleton-text{height:1rem;border-radius:var(--radius-sm);margin-bottom:.5rem}.empty-state i{color:var(--border-color);margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}@media (max-width: 1200px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static;max-height:none}}@media (max-width: 768px){.category-tabs{gap:.5rem}.category-tab{padding:.5rem 1rem;font-size:.85rem}.hero-banner.enhanced{height:400px}.hero-title{font-size:1.5rem}.hero-excerpt{font-size:1rem}.news-grid{grid-template-columns:1fr}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.font-size-control{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.news-card{background:var(--background-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:auto;min-height:340px}.news-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px);border-color:var(--primary-color)}.news-card-image{width:100%;height:180px;object-fit:cover;transition:transform .5s ease}.news-card:hover .news-card-image{transform:scale(1.08)}.news-card-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.news-card-category{display:inline-block;color:var(--primary-color);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:0}.news-card-title{font-size:1rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-card-excerpt{font-size:.85rem;line-height:1.5;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.news-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;margin-top:auto;border-top:1px solid var(--border-color);font-size:.7rem;color:var(--text-secondary)}.news-card-time{display:flex;align-items:center;gap:.375rem}.hero-banner{position:relative;height:380px;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;margin-bottom:2rem;box-shadow:var(--shadow-md)}.hero-banner img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.hero-banner:hover img{transform:scale(1.06)}.hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 60%,transparent 100%);padding:2.5rem 2rem 2rem;color:#fff}.hero-category{display:inline-block;background:var(--primary-color);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;letter-spacing:.8px;margin-bottom:.875rem}.hero-title{font-size:1.875rem;font-weight:700;line-height:1.2;margin:0 0 1rem;max-width:85%}.hero-meta{display:flex;gap:1.25rem;font-size:.85rem;opacity:.9;flex-wrap:wrap}.hero-meta span{display:flex;align-items:center;gap:.375rem}.status-card{background:var(--background-card);padding:1.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .3s ease}.status-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.view-switcher{display:flex;gap:1rem;margin-bottom:2.5rem;justify-content:center}.view-mode-btn{padding:.875rem 1.75rem;background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9375rem;display:inline-flex;align-items:center;gap:.625rem;color:var(--text-secondary)}.view-mode-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.view-mode-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;grid-auto-rows:minmax(280px,auto)}.widget{background:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:1.75rem;display:flex;flex-direction:column;transition:all .3s ease}.widget:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.activity-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2.5rem}.msn-feed{animation:fadeIn .6s ease}.empty-state{text-align:center;padding:5rem 2rem;color:var(--text-secondary)}.empty-state i{color:var(--border-color);margin-bottom:1.5rem}.empty-state h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.375rem}.empty-state p{font-size:1rem}@media (max-width: 1400px){.news-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 1200px){.news-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.hero-banner{height:350px}.hero-title{font-size:1.625rem}}@media (max-width: 768px){.news-grid{grid-template-columns:1fr;gap:1.5rem}.hero-banner{height:380px;margin-bottom:2rem}.hero-title{font-size:1.625rem;max-width:100%}.hero-overlay{padding:2.5rem 1.75rem 1.75rem}.news-card-content{padding:1.5rem}.view-switcher{flex-direction:column;gap:.75rem}.view-mode-btn{width:100%;justify-content:center}}@media (max-width: 480px){.hero-banner{height:320px}.hero-title{font-size:1.375rem}.hero-category{font-size:.6875rem;padding:.5rem 1rem}.news-card-content{padding:1.25rem}.news-card-title{font-size:1.0625rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-access-icons{margin-bottom:1rem;background:var(--background-card);border-radius:var(--radius-md);padding:.75rem;border:1px solid var(--border-color)}.quick-access-scroll{display:flex;align-items:center;gap:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.quick-access-scroll::-webkit-scrollbar{display:none}.quick-access-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;min-width:70px;text-align:center;cursor:pointer;transition:transform .2s ease}.quick-access-item:hover{transform:translateY(-2px)}.quick-access-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;box-shadow:0 2px 6px #0000001a}.quick-access-name{font-size:.65rem;font-weight:500;color:var(--text-primary);line-height:1.1}.sponsored-label{font-size:.625rem;color:var(--text-secondary);font-weight:400}.quick-access-more{min-width:36px;height:36px;border-radius:50%;background:var(--background);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;font-size:.875rem}.quick-access-more:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.welcome-banner-msn{background:linear-gradient(135deg,#e8e5ff,#d4cfff);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid #C4BFFF}.welcome-content h2{font-size:1.1rem;font-weight:700;color:#1d1d1f;margin:0 0 .25rem}.welcome-content p{font-size:.875rem;color:#3d3d3d;margin:0;line-height:1.4}.welcome-link{color:#0067b8;text-decoration:none;font-weight:600}.welcome-link:hover{text-decoration:underline}.welcome-close{background:transparent;border:none;color:#6b6b6b;cursor:pointer;padding:.5rem;font-size:1.125rem;transition:color .2s ease}.welcome-close:hover{color:#1d1d1f}.category-tabs-wrapper-msn{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:2rem;padding-bottom:.5rem;border-bottom:1px solid #E5E5E5}.category-tabs-container-msn{flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-tabs-container-msn::-webkit-scrollbar{display:none}.category-tabs-msn{display:flex;gap:0}.category-tab-msn{background:transparent;border:none;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:#5e5e5e;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;border-bottom:3px solid transparent}.category-tab-msn:hover{color:#1d1d1f;background:#00000005}.category-tab-msn.active{color:#0067b8;background:transparent}.category-tab-msn.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background:#0067b8;border-radius:3px 3px 0 0}.category-actions-msn{display:flex;gap:.75rem;flex-shrink:0}.personalize-btn,.homepage-btn{padding:.625rem 1.25rem;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.personalize-btn{background:#fff;border:1px solid #D1D1D1;color:#1d1d1f}.personalize-btn:hover{background:#f5f5f5;border-color:#b8b8b8}.homepage-btn{background:#0067b8;border:1px solid #0067B8;color:#fff}.homepage-btn:hover{background:#005a9e;border-color:#005a9e}.news-grid-msn{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.news-card-large{grid-column:span 2;grid-row:span 2}.news-card-medium{grid-column:span 2}.news-card-small{grid-column:span 1}@media (max-width: 1400px){.news-grid-msn{grid-template-columns:repeat(3,1fr)}.news-card-large{grid-column:span 2}}@media (max-width: 1024px){.category-tabs-wrapper-msn{flex-direction:column;align-items:stretch;gap:1rem}.category-actions-msn{width:100%;justify-content:flex-end}.news-grid-msn{grid-template-columns:repeat(2,1fr)}.news-card-large{grid-column:span 2}}@media (max-width: 768px){.quick-access-icons{padding:.75rem}.quick-access-scroll{gap:1rem}.quick-access-item{min-width:70px}.quick-access-icon{width:40px;height:40px;font-size:1rem}.welcome-banner-msn{padding:1.25rem 1.5rem}.welcome-content h2{font-size:1.125rem}.welcome-content p{font-size:.875rem}.category-actions-msn{flex-direction:column}.personalize-btn,.homepage-btn{width:100%;justify-content:center}.news-grid-msn{grid-template-columns:1fr}.news-card-large,.news-card-medium,.news-card-small{grid-column:span 1;grid-row:span 1}}@media (max-width: 480px){.welcome-banner-msn{flex-direction:column;align-items:flex-start;gap:1rem}.welcome-close{align-self:flex-end}}.top-nav-msn{background:linear-gradient(to bottom,#fff,#fafbfc);border-bottom:1px solid #E1E4E8;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container-msn{max-width:1680px;margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;gap:2rem;justify-content:space-between}.nav-brand-msn{display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:transform .2s ease}.nav-brand-msn:hover{transform:scale(1.02)}.nav-logo-text{font-size:1.625rem;font-weight:700;background:linear-gradient(135deg,#0078d4,#00a4ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-search-msn{flex:1;max-width:640px;display:flex;align-items:center;background:#f6f8fa;border:2px solid transparent;border-radius:24px;padding:.75rem 1.25rem;gap:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.nav-search-msn:hover{background:#fff;box-shadow:0 2px 8px #00000014}.nav-search-msn.focused{background:#fff;border-color:#0067b8;box-shadow:0 0 0 4px #0067b81a,0 4px 12px #0000001a}.search-icon{color:#6e7781;font-size:1rem;transition:color .2s ease}.nav-search-msn.focused .search-icon{color:#0067b8}.nav-search-input{flex:1;border:none;background:transparent;outline:none;font-size:.9375rem;color:#1d1d1f;font-weight:400}.nav-search-input::placeholder{color:#6e7781;font-weight:400}.nav-search-copilot{background:linear-gradient(135deg,#0067b8,#00a4ef);border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0067b84d}.nav-search-copilot:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #0067b866}.nav-search-copilot:active{transform:scale(.95)}.nav-actions-msn{display:flex;align-items:center;gap:.75rem}.nav-weather{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:linear-gradient(135deg,#fff9e6,#ffe8cc);border-radius:24px;font-size:.9375rem;font-weight:600;color:#1d1d1f;cursor:pointer;transition:all .2s ease;border:1px solid #FFE0B2;box-shadow:0 2px 4px #ffa5001a}.nav-weather:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffa50033;background:linear-gradient(135deg,#ffe8cc,#ffd699)}.weather-temp{font-weight:700;letter-spacing:-.3px}.nav-icon-btn{position:relative;background:transparent;border:none;color:#6e7781;cursor:pointer;padding:.625rem;border-radius:50%;transition:all .2s ease;font-size:1.125rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.nav-icon-btn:hover{background:#f6f8fa;color:#1d1d1f;transform:translateY(-2px)}.nav-icon-btn:active{transform:translateY(0)}.notification-badge{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:16px;text-align:center;box-shadow:0 2px 4px #ff3b304d}.nav-theme-wrapper{display:flex;align-items:center}.nav-signin-btn{background:linear-gradient(135deg,#0067b8,#00a4ef);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:24px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #0067b840}.nav-signin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0067b859;background:linear-gradient(135deg,#005a9e,#0078d4)}.nav-signin-btn:active{transform:translateY(0)}.nav-signin-btn i{font-size:1.125rem}[data-theme=dark] .top-nav-msn{background:linear-gradient(to bottom,#1f2937,#111827);border-bottom-color:#374151}[data-theme=dark] .nav-logo-text{background:linear-gradient(135deg,#5ba3f5,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .nav-search-msn{background:#374151;border-color:transparent}[data-theme=dark] .nav-search-msn:hover{background:#4b5563}[data-theme=dark] .nav-search-msn.focused{background:#4b5563;border-color:#5ba3f5;box-shadow:0 0 0 4px #5ba3f526,0 4px 12px #0000004d}[data-theme=dark] .search-icon{color:#9ca3af}[data-theme=dark] .nav-search-msn.focused .search-icon{color:#5ba3f5}[data-theme=dark] .nav-search-input{color:#e5e7eb}[data-theme=dark] .nav-search-input::placeholder{color:#9ca3af}[data-theme=dark] .nav-weather{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563;color:#e5e7eb}[data-theme=dark] .nav-weather:hover{background:linear-gradient(135deg,#4b5563,#6b7280)}[data-theme=dark] .nav-icon-btn{color:#9ca3af}[data-theme=dark] .nav-icon-btn:hover{background:#374151;color:#e5e7eb}@media (max-width: 1200px){.nav-container-msn{padding:.875rem 1.5rem;gap:1.5rem}.nav-search-msn{max-width:480px}}@media (max-width: 1024px){.nav-container-msn{gap:1rem}.nav-search-msn{max-width:360px}.nav-weather{padding:.5rem .875rem}}@media (max-width: 768px){.nav-container-msn{padding:.75rem 1rem}.nav-search-msn{max-width:280px;padding:.625rem 1rem}.nav-weather,.nav-signin-btn span{display:none}.nav-signin-btn{padding:.625rem;width:40px;height:40px;justify-content:center}}@media (max-width: 640px){.nav-logo-text{display:none}.nav-search-msn{flex:1;max-width:none}.nav-icon-btn,.nav-theme-wrapper{display:none}}@media (max-width: 480px){.nav-container-msn{gap:.75rem}.nav-search-copilot{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.top-nav-msn{animation:slideDown .3s ease}.category-tabs-wrapper{display:none!important}.category-tabs-wrapper-msn{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:2rem;padding-bottom:.5rem;border-bottom:1px solid #E5E5E5}[data-theme=dark] .category-tabs-wrapper-msn{border-bottom-color:#374151}.category-tab-msn{padding:.875rem 1.5rem!important;margin-bottom:-.5rem}.category-tab-msn.active:after{bottom:-.5rem!important}.personalize-btn,.homepage-btn{border-radius:20px!important}[data-theme=dark] .category-tab-msn{color:#9ca3af}[data-theme=dark] .category-tab-msn:hover{color:#e5e7eb;background:#4b55634d}[data-theme=dark] .category-tab-msn.active{color:#5ba3f5}[data-theme=dark] .category-tab-msn.active:after{background:#5ba3f5}[data-theme=dark] .personalize-btn{background:transparent;border-color:#4b5563;color:#e5e7eb}[data-theme=dark] .personalize-btn:hover{background:#374151;border-color:#5ba3f5;color:#5ba3f5}:root{--primary-color: #4A90E2;--primary-dark: #2E5C8A;--success-color: #34C759;--warning-color: #FF9500;--error-color: #FF3B30;--text-primary: #1D1D1F;--text-secondary: #86868B;--text-light: #ffffff;--background: #FAFAFA;--background-card: #FFFFFF;--border-color: #E5E5EA;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.6}.top-nav{background:var(--background-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;align-items:center;font-size:.8rem;color:var(--text-secondary)}.news-card-source{display:flex;align-items:center;gap:.5rem;font-weight:600}.news-card-time{display:flex;align-items:center;gap:.25rem}.config-container{max-width:1200px}.config-header{margin-bottom:2rem}.config-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;margin-bottom:.5rem}.config-header i{color:var(--primary-color)}.config-subtitle{color:var(--text-secondary);font-size:1rem}.config-table-container{background:var(--background-card);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.config-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.config-table-header h3{font-size:1.25rem}.table-responsive{overflow-x:auto}.config-table{width:100%;border-collapse:collapse}.config-table thead{background:var(--background)}.config-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.config-table td{padding:1rem;border-bottom:1px solid var(--border-color)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.status-dot.active{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-dot.pending{background:var(--warning-color)}.status-dot.error{background:var(--error-color)}.type-badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.type-badge.news{background:#e8f4fd;color:var(--primary-color)}.type-badge.email{background:#fff9e6;color:var(--warning-color)}.type-badge.shopping{background:#ffe8e8;color:var(--error-color)}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.btn-warning{background:var(--warning-color);color:#fff}.btn-warning:hover{background:#e68600}.btn-error{background:var(--error-color);color:#fff}.btn-error:hover{background:#d32f2f}.btn-primary{background:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:var(--primary-dark)}.analytics-container{max-width:1200px}.analytics-container h2{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;margin-bottom:2rem}.analytics-container h2 i{color:var(--primary-color)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.chart-card{background:var(--background-card);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-primary)}.donut-chart{position:relative;width:200px;height:200px;margin:0 auto 2rem}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.donut-label{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem}.chart-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.success{background:var(--success-color)}.legend-color.error{background:var(--error-color)}.bar-chart{display:flex;flex-direction:column;gap:1.5rem}.bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.bar-container{position:relative;background:var(--background);height:32px;border-radius:var(--radius-sm)}.bar-fill{background:var(--primary-color);height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.bar-value{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:600;color:var(--text-primary)}.line-chart{position:relative}.line-chart svg{width:100%;height:200px}.chart-labels{display:flex;justify-content:space-between;margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.latency-stats{display:flex;justify-content:space-around;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.stat-item{text-align:center}.stat-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;align-items:center;justify-content:center;padding:1rem}.modal.active{display:flex}.modal-content{background:var(--background-card);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem}.modal-header i{color:var(--primary-color)}.modal-body{padding:2rem}.security-notice{display:flex;gap:1rem;padding:1rem;background:#e8f8f0;border-left:4px solid var(--success-color);border-radius:var(--radius-md);margin-bottom:2rem}.security-notice i{color:var(--success-color);font-size:1.25rem}.security-notice p{font-size:.875rem;color:var(--text-primary);margin:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.form-control{width:100%;padding:.75rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;transition:all .3s ease;font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a}.password-input{position:relative}.password-input .btn-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.preferences-container{max-width:1200px}.pref-header{margin-bottom:3rem;text-align:center}.pref-header h2{display:inline-flex;align-items:center;gap:.75rem;font-size:2rem;margin-bottom:.75rem}.pref-header i{color:var(--primary-color)}.pref-subtitle{color:var(--text-secondary);font-size:1.05rem}.crud-section{background:var(--background-card);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.crud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.crud-header h3{font-size:1.5rem;color:var(--text-primary)}.preferences-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.preference-card{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.preference-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pref-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pref-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);flex:1}.pref-card-title i{color:var(--primary-color);font-size:1.25rem}.switch-mini{position:relative;display:inline-block;width:44px;height:24px}.switch-mini input{opacity:0;width:0;height:0}.slider-mini{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-color);transition:.4s;border-radius:24px}.slider-mini:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch-mini input:checked+.slider-mini{background-color:var(--success-color)}.switch-mini input:checked+.slider-mini:before{transform:translate(20px)}.pref-card-body{display:flex;flex-direction:column;gap:.75rem}.pref-meta{display:flex;gap:.5rem;flex-wrap:wrap}.pref-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pref-badge.high{background:#ffe8e8;color:var(--error-color)}.pref-badge.medium{background:#fff9e6;color:var(--warning-color)}.pref-badge.low{background:#e8f4fd;color:var(--primary-color)}.pref-badge.neutral{background:var(--background-card);color:var(--text-secondary);border:1px solid var(--border-color)}.pref-keywords,.pref-category{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.pref-keywords i,.pref-category i{color:var(--primary-color)}.pref-card-footer{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-icon-sm{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--background-card);border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.btn-icon-sm:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-icon-sm.danger:hover{background:var(--error-color);border-color:var(--error-color)}.topics-container{display:flex;flex-wrap:wrap;gap:.75rem}.topic-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--primary-color);color:#fff;border-radius:20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.topic-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.topic-chip.add-topic{background:var(--background-card);color:var(--text-primary);border:2px dashed var(--border-color)}.topic-chip.add-topic:hover{border-color:var(--primary-color);color:var(--primary-color)}.chip-remove{background:#ffffff4d;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chip-remove:hover{background:#ffffff80}.settings-grid{display:grid;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border-color)}.setting-info strong{display:block;font-size:1rem;margin-bottom:.25rem;color:var(--text-primary)}.setting-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.switch{position:relative;display:inline-block;width:60px;height:32px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.4s;border-radius:32px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{transform:translate(28px)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state i{font-size:4rem;color:var(--border-color);margin-bottom:1rem}.empty-state h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:.95rem;margin-bottom:1.5rem}.shopping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.shopping-card{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.shopping-card:hover{border-color:var(--warning-color);box-shadow:0 4px 16px #ff950026;transform:translateY(-2px)}.shop-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.shop-card-title{display:flex;gap:.75rem;flex:1}.shop-card-title>i{color:var(--warning-color);font-size:1.5rem;margin-top:.25rem}.shop-card-title h4{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}.shop-url{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.shop-url:hover{text-decoration:underline;color:var(--primary-dark)}.shop-card-body{display:flex;flex-direction:column;gap:1rem}.shop-meta{display:flex;gap:.5rem;flex-wrap:wrap}.shop-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--background-card);color:var(--text-secondary);border:1px solid var(--border-color)}.shop-badge i{font-size:.7rem}.shop-badge.alert{background:#fff9e6;color:var(--warning-color);border-color:var(--warning-color)}.shop-monitoring{padding:.75rem;background:var(--background-card);border-radius:var(--radius-md);border-left:3px solid var(--warning-color)}.shop-stats{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.shop-stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.shop-stat i{color:var(--primary-color)}.shop-stat.alert{color:var(--warning-color);font-weight:600}.shop-stat.alert i{color:var(--warning-color)}.shop-card-footer{display:grid;grid-template-columns:1fr 1fr .8fr;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.email-container{max-width:1200px}.email-header{margin-bottom:3rem;text-align:center}.email-header h2{display:inline-flex;align-items:center;gap:.75rem;font-size:2rem;margin-bottom:.75rem}.email-header i{color:var(--primary-color)}.email-subtitle{color:var(--text-secondary);font-size:1.05rem}.email-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.email-account-card{background:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.email-account-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #4a90e226;transform:translateY(-2px)}.email-acc-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.email-acc-title{display:flex;gap:.75rem;flex:1}.email-acc-title>i{font-size:1.75rem;margin-top:.15rem;color:var(--primary-color)}.email-acc-title h4{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}.email-acc-address{font-size:.85rem;color:var(--text-secondary)}.email-acc-body{display:flex;flex-direction:column;gap:1rem}.email-acc-meta{display:flex;gap:.5rem;flex-wrap:wrap}.email-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--background-card);color:var(--text-secondary);border:1px solid var(--border-color)}.email-badge.unread{background:#e8f4fd;color:var(--primary-color);border-color:var(--primary-color)}.email-acc-stats{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.email-stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.email-stat i{color:var(--primary-color)}.email-acc-footer{display:grid;grid-template-columns:1fr 1fr .8fr;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.emails-list{display:flex;flex-direction:column;gap:1rem}.email-item{background:var(--background-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.email-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.email-item.unread{border-left:4px solid var(--primary-color);background:var(--bg-blue-light)}.email-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.email-from{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.email-from i{font-size:1.5rem;color:var(--primary-color)}.email-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem}.email-priority,.email-date,.email-attachment{display:flex;align-items:center;gap:.35rem}.email-item-content{margin-bottom:1rem}.email-subject{font-size:1.125rem;margin:0 0 .75rem;color:var(--text-primary)}.email-summary{padding:1rem;background:var(--background);border-radius:var(--radius-md);border-left:3px solid var(--primary-color);font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.email-summary strong{color:var(--primary-color)}.email-item-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-sm{padding:.5rem 1rem;font-size:.85rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.5rem}@media (max-width: 1024px){.widget-news{grid-column:span 1}.charts-grid{grid-template-columns:1fr}.preferences-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.news-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hero-banner{height:400px}.hero-title{font-size:1.75rem}}.hero-banner{height:400px}.hero-title{font-size:1.75rem}@media (max-width: 768px){.mobile-toggle{display:block}.nav-actions .btn-icon{display:none}.nav-actions .user-avatar{display:block}.sidebar{position:fixed;left:-240px;top:0;height:100vh;z-index:1500;transition:left .3s ease}.sidebar.active{left:0}.sidebar .btn-close{display:block;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.content-area{padding:1rem}.widget-grid,.activity-header{grid-template-columns:1fr}.config-table-header{flex-direction:column;align-items:flex-start;gap:1rem}.table-responsive{overflow-x:scroll}.config-table{min-width:800px}.preferences-grid,.news-grid{grid-template-columns:1fr}.hero-banner{height:300px}.hero-title{font-size:1.5rem;max-width:100%}.hero-overlay{padding:2rem 1.5rem 1.5rem}.crud-section{padding:1.5rem}.crud-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-switcher{flex-direction:column;width:100%}.view-mode-btn{width:100%;justify-content:center}}@media (max-width: 480px){.nav-container{padding:1rem}.nav-brand span{display:none}.content-area{padding:.75rem}.widget{padding:1rem}.modal-body{padding:1.5rem}.modal-actions{flex-direction:column}.btn{width:100%;justify-content:center}.pref-card-footer{flex-direction:column}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.topics-container{justify-content:center}.hero-banner{height:250px}.hero-title{font-size:1.25rem}.hero-category{font-size:.65rem;padding:.4rem .8rem}.pref-header h2{font-size:1.5rem}}.toast-container-fixed{position:fixed;bottom:2rem;right:2rem;z-index:3000;display:flex;flex-direction:column;gap:1rem}.toast-notification{background:var(--primary-color);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideInRight .3s ease;min-width:250px;max-width:400px}.toast-notification.success{background:var(--success-color)}.toast-notification.error{background:var(--error-color)}