:root{--zim-green: #319F43;--zim-yellow: #FFD200;--zim-red: #DE2010;--zim-black: #0F0F0F;--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #666666;--border-color: #E5E5E5;--card-shadow: 0 2px 12px rgba(0,0,0,.08);--logo-bg: #00000026}.dark{--bg-primary: #0F0F0F;--bg-secondary: #1A1A1A;--text-primary: #F5F5F5;--text-secondary: #A0A0A0;--border-color: #2A2A2A;--card-shadow: 0 2px 12px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-bottom:80px;transition:background .3s,color .3s}body.modal-open{overflow:hidden}body.modal-open .main-content,body.modal-open .header,body.modal-open .bottom-nav{filter:blur(5px);transition:filter .3s ease-in-out;pointer-events:none}.modal-overlay,.article-modal,.ai-tool-modal,.job-share-modal,.custom-alert{filter:none;pointer-events:auto}.header{background:linear-gradient(135deg,var(--zim-green) 0%,#257a33 100%);padding:16px 20px;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-family:Playfair Display,serif;font-size:24px;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer}.logo-icon{width:32px;height:32px;background:var(--logo-bg);border-radius:80px;display:flex;align-items:center;justify-content:center;padding:3px}.logo-icon img{max-width:100%;max-height:100%;object-fit:contain;display:block}.header-date{color:#ffffffd9;font-size:12px}.header-right{display:flex;align-items:center;gap:12px}.theme-toggle{background:#ffffff26;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:16px}.theme-toggle:hover{background:#ffffff40;transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .fa-sun{display:none}.theme-toggle .fa-moon,.dark .theme-toggle .fa-sun{display:block}.dark .theme-toggle .fa-moon{display:none}.main-content{padding:16px;max-width:900px;margin:0 auto}.page{display:none;animation:fadeIn .3s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.section-title i{color:var(--zim-green)}.see-all{color:var(--zim-green);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.card{background:var(--bg-secondary);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.rates-widget{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:16px;padding:20px;margin-bottom:20px;color:#fff}.dark .rates-widget{background:linear-gradient(135deg,#252525,#1a1a1a);border:1px solid #333}.rates-widget-title{font-size:14px;opacity:.8;margin-bottom:12px;display:flex;align-items:center;gap:8px}.rates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rate-item{text-align:center;padding:12px 8px;background:#ffffff1a;border-radius:12px}.rate-currency{font-size:12px;opacity:.7;margin-bottom:4px}.rate-value{font-size:18px;font-weight:700;color:var(--zim-yellow)}.rate-label{font-size:10px;opacity:.6;margin-top:4px}.rates-page-header{text-align:center;margin-bottom:24px}.rates-page-title{font-size:22px;font-weight:700;margin-bottom:8px}.rates-page-subtitle{font-size:13px;color:var(--text-secondary)}.rates-detailed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.rate-detail-card{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-color);text-align:center}.rate-detail-card .currency-pair{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase}.rate-detail-card .rate-value{font-size:24px;font-weight:700;color:var(--zim-green);margin-bottom:4px}.rate-detail-card .rate-change{font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px}.rate-detail-card .rate-change.up{color:#22c55e}.rate-detail-card .rate-change.down{color:#ef4444}.rate-detail-card .rate-change.neutral{color:var(--text-secondary)}.chart-container{background:var(--bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-color);margin-bottom:20px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart-title{font-size:16px;font-weight:600}.chart-period-selector{display:flex;gap:8px}.chart-period-btn{padding:6px 12px;border:none;background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;font-size:12px;cursor:pointer;transition:all .2s}.chart-period-btn.active{background:var(--zim-green);color:#fff}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.news-card{cursor:pointer}.news-card-with-image{display:flex;gap:14px;cursor:pointer}.news-image{width:100px;height:100px;border-radius:12px;background:linear-gradient(135deg,var(--zim-green) 0%,#257a33 50%,var(--zim-yellow) 100%);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-size:cover;background-position:center}.news-image.has-image .news-image-icon{display:none}.news-image-icon{font-size:28px;color:#ffffffe6}.news-image-category{position:absolute;bottom:6px;left:6px;background:#0009;color:#fff;font-size:9px;font-weight:600;padding:3px 6px;border-radius:4px;text-transform:uppercase}.news-card-content{flex:1;display:flex;flex-direction:column;justify-content:center}.news-card-content .news-title{font-size:14px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-content .news-excerpt{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-content .news-meta{font-size:11px}.news-category{display:inline-block;background:#319f431a;color:var(--zim-green);font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-bottom:10px}.news-title{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.news-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.news-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.news-source{display:flex;align-items:center;gap:6px}.source-dot{width:6px;height:6px;background:var(--zim-green);border-radius:50%}.card-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.card-action-icons{display:flex;align-items:center;gap:12px;margin-left:auto}.card-action-icon{font-size:12px;color:var(--text-secondary);cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.card-action-icon:hover{color:var(--zim-green)}.card-action-icon.bookmarked{color:var(--zim-yellow)}.job-card{display:flex;gap:14px}.job-logo{width:50px;height:50px;background:linear-gradient(135deg,var(--zim-green),#257a33);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}.job-info{flex:1}.job-title{font-size:15px;font-weight:600;margin-bottom:4px}.job-company{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.job-tags{display:flex;flex-wrap:wrap;gap:6px}.job-tag{background:var(--bg-primary);padding:4px 10px;border-radius:6px;font-size:11px;color:var(--text-secondary)}.keyword-preview-container{padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-height:40px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.keyword-preview-container .job-tag{background:var(--zim-yellow);color:var(--text-primary);border:1px solid var(--zim-yellow);font-size:13px;padding:4px 10px;border-radius:20px;font-weight:500;opacity:.9;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-card{display:flex;align-items:center;gap:14px}.radio-cover{width:60px;height:60px;background:linear-gradient(135deg,var(--zim-red),#a5150c);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.radio-info{flex:1}.radio-name{font-size:15px;font-weight:600;margin-bottom:4px}.radio-freq{font-size:13px;color:var(--text-secondary)}.radio-play-btn{width:44px;height:44px;background:var(--zim-green);border-radius:50%;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}.radio-play-btn:hover{background:#257a33;transform:scale(1.05)}.radio-play-btn.playing{background:var(--zim-red)}.radio-scroll-container{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;scrollbar-width:none;-ms-overflow-style:none}.radio-scroll-container::-webkit-scrollbar{display:none}.radio-scroll-card{flex-shrink:0;width:160px;background:var(--bg-secondary);border-radius:14px;padding:14px;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.radio-scroll-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:10px}.radio-scroll-name{font-size:13px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-scroll-freq{font-size:11px;color:var(--text-secondary);margin-bottom:10px}.radio-listen-btn{width:100%;padding:8px 12px;border-radius:20px;border:none;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;transition:all .2s;background:var(--zim-green);color:#fff}.radio-listen-btn:hover{background:#257a33}.radio-listen-btn.playing{background:var(--zim-red)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border:none;background:none;cursor:pointer;color:var(--text-secondary);transition:color .2s;font-family:inherit}.nav-item i{font-size:20px}.nav-item span{font-size:11px;font-weight:500}.nav-item.active{color:var(--zim-green)}.nav-item.active i{transform:scale(1.1)}.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;animation:fadeIn .2s ease}.modal-overlay.active{display:block}.article-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:2001;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.article-modal.active{transform:translateY(0)}.modal-header{position:sticky;top:0;background:var(--bg-secondary);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);z-index:10}.modal-close{width:40px;height:40px;border-radius:50%;background:var(--bg-primary);border:none;font-size:18px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.modal-title{font-size:16px;font-weight:600}.modal-header .job-share-btn,.modal-header .job-save-btn,.modal-header .article-share-btn,.modal-header .article-save-btn{width:40px;height:40px;border-radius:50%;font-size:16px;border:none;background:var(--bg-primary);color:var(--text-secondary);box-shadow:none;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-header .job-share-btn:hover,.modal-header .job-save-btn:hover,.modal-header .article-share-btn:hover,.modal-header .article-save-btn:hover{background:var(--border-color);color:var(--text-primary);transform:none}.modal-header .job-save-btn.saved,.modal-header .article-save-btn.saved{background:var(--zim-yellow);color:#1a1a1a}.modal-header .job-save-btn.saved:hover,.modal-header .article-save-btn.saved:hover{background:#e6b800;color:#1a1a1a}.article-content{padding:20px;max-width:900px;margin:0 auto}.article-category{display:none}.article-title{font-family:Playfair Display,serif;font-size:24px;line-height:1.3;margin-bottom:16px}.article-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.article-body{font-size:16px;line-height:1.8;color:var(--text-primary)}.article-body p{margin-bottom:16px}.share-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.share-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.share-buttons{display:flex;gap:12px}.share-btn{width:48px;height:48px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}.share-btn:hover{transform:scale(1.1)}.share-btn:active{transform:scale(.95)}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#000}.share-btn.linkedin{background:#0a66c2}.share-btn.whatsapp{background:#25d366}.related-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.related-title{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.related-title i{color:var(--zim-green)}.related-articles-list{display:flex;flex-direction:column;gap:12px}.related-article-card{display:flex;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.related-article-card:hover{transform:translate(4px);box-shadow:var(--card-shadow)}.related-article-image{width:70px;height:70px;border-radius:10px;background-size:cover;background-position:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.related-article-image i{font-size:20px;color:#ffffffe6}.related-article-content{flex:1;display:flex;flex-direction:column;justify-content:center}.related-article-title{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article-meta{font-size:11px;color:var(--text-secondary)}.ai-section{margin-top:24px;padding-top:20px;border-top:2px dashed var(--border-color)}.ai-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:16px;color:var(--zim-green)}.ai-section-title i,.ai-section-title svg{width:16px;height:16px}.ai-section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px}.ai-option-desc{color:var(--text-secondary);font-weight:400;margin-left:2px}.ai-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.ai-option{padding:10px 16px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-primary);font-family:inherit}.ai-option:hover{border-color:var(--zim-green);background:#319f430d}.ai-option.active{background:var(--zim-green);border-color:var(--zim-green);color:#fff}.ai-output{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-color);min-height:100px;display:none}.ai-output.active{display:block}.ai-output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ai-output-label{font-size:12px;font-weight:600;color:var(--zim-green);display:flex;align-items:center;gap:6px}.ai-output-label svg{width:14px;height:14px}.ai-output-close{width:24px;height:24px;border-radius:50%;border:none;background:var(--bg-primary);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-output-close:hover{background:var(--border-color);color:var(--text-primary)}.ai-output-content{font-size:15px;line-height:1.7;color:var(--text-primary)}.ai-loading{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px}.ai-loading .spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--zim-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.now-playing{display:none;position:fixed;bottom:76px;left:12px;right:12px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;border-radius:14px;padding:12px 16px;z-index:999;box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease}.now-playing.active{display:flex;align-items:center;gap:12px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.now-playing-info{flex:1}.now-playing-station{font-size:14px;font-weight:600}.now-playing-status{font-size:12px;opacity:.7;display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;background:var(--zim-red);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.now-playing-close{width:36px;height:36px;background:#ffffff26;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-bar{background:var(--bg-secondary);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:20px;border:1px solid var(--border-color)}.search-bar i{color:var(--text-secondary)}.search-bar input{flex:1;border:none;background:none;font-size:16px;color:var(--text-primary);font-family:inherit}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar input:focus{outline:none}.tabs-container{display:flex;gap:8px;padding-bottom:4px}.tabs{flex-grow:1;display:flex;gap:8px;overflow-x:auto;border-radius:8px;margin-bottom:16px;-ms-overflow-style:none;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:10px 18px;border-radius:25px;border:none;background:var(--bg-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;color:var(--text-secondary);font-family:inherit;border:1px solid var(--border-color);transition:all .2s}.tab.active{background:var(--zim-green);color:#fff;border-color:var(--zim-green)}.category-manager-btn{display:flex;flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:background .2s,transform .2s}.category-manager-btn:hover{background:#257a33;transform:scale(1.05)}.category-list{display:flex;flex-direction:column;gap:12px}.category-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s}.category-item:hover{border-color:var(--zim-green);transform:translate(2px)}.category-info{display:flex;align-items:center;gap:12px}.category-icon-display{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.category-name{font-weight:600}.category-switch{width:44px;height:24px;background:var(--border-color);border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.category-switch-circle{width:20px;height:20px;background:var(--bg-primary);border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s,background .3s;box-shadow:0 1px 4px #0003}.category-item.followed .category-switch{background:var(--zim-green)}.category-item.followed .category-switch-circle{transform:translate(20px);background:#fff}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.custom-alert{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:3000;align-items:center;justify-content:center;padding:20px}.custom-alert.active{display:flex}.custom-alert-content{background:var(--bg-secondary);border-radius:16px;padding:24px;max-width:320px;width:100%;text-align:center}.custom-alert-icon-wrapper{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px}.custom-alert-icon-wrapper.success{background:#319f431a;color:var(--zim-green)}.custom-alert-icon-wrapper.error{background:#de20101a;color:var(--zim-red)}.custom-alert-icon-wrapper.info{background:#3b82f61a;color:#3b82f6}.custom-alert-icon-wrapper.warning{background:#f59e0b1a;color:#f59e0b}.custom-alert-title{font-size:18px;font-weight:600;margin-bottom:8px}.custom-alert-message{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5;white-space:pre-wrap}.custom-alert-btn{background:var(--zim-green);color:#fff;border:none;padding:12px 32px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;display:block;margin:0 auto}.custom-alert-btn.loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.featured-banner{background:linear-gradient(135deg,var(--zim-green),#1a6b2a);border-radius:16px;padding:20px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden}.featured-banner:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.featured-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:8px}.featured-title{font-family:Playfair Display,serif;font-size:20px;line-height:1.3;margin-bottom:12px}.featured-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--zim-yellow)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:16px 0}.pagination-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.pagination-btn:hover:not(:disabled){border-color:var(--zim-green);color:var(--zim-green)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--zim-green);border-color:var(--zim-green);color:#fff}.pagination-info{font-size:13px;color:var(--text-secondary);padding:0 12px}.pagination-arrow{width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination-arrow:hover:not(:disabled){border-color:var(--zim-green);color:var(--zim-green);background:#319f430d}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.job-detail-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.job-detail-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--zim-green),#257a33);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;flex-shrink:0}.job-detail-info{flex:1}.job-detail-title{font-family:Playfair Display,serif;font-size:22px;line-height:1.3;margin-bottom:6px}.job-detail-company{font-size:14px;color:var(--text-secondary)}.job-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px;background:var(--bg-primary);border-radius:12px}.job-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.job-meta-item i{color:var(--zim-green);width:16px}.job-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.job-detail-tag{background:#319f431a;color:var(--zim-green);padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.job-detail-body{font-size:15px;line-height:1.8;color:var(--text-primary);margin-bottom:24px}.job-detail-body p{margin-bottom:16px}.job-actions{display:flex;gap:12px;margin-bottom:24px}.job-apply-btn{flex:1;padding:16px;background:linear-gradient(135deg,var(--zim-green),#257a33);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;transition:transform .2s,box-shadow .2s}.job-apply-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #319f434d}.job-apply-btn:active{transform:translateY(0)}.job-save-btn{width:56px;height:56px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.job-save-btn:hover{border-color:var(--zim-yellow);color:#d4a600}.job-save-btn.saved{background:linear-gradient(135deg,var(--zim-yellow),#d4a600);border-color:var(--zim-yellow);color:#1a1a1a}.job-share-btn{width:56px;height:56px;border-radius:12px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.job-share-btn:hover{border-color:var(--zim-green);color:var(--zim-green)}.ai-job-tools{margin-top:32px;padding-top:24px;border-top:2px dashed var(--border-color)}.ai-job-tools-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ai-job-tools-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;align-items:center;justify-content:center;color:#fff}.ai-job-tools-title{font-size:16px;font-weight:700;color:var(--text-primary)}.ai-job-tools-subtitle{font-size:12px;color:var(--text-secondary)}.ai-job-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ai-job-tool-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:16px;cursor:pointer;transition:all .2s;text-align:center}.ai-job-tool-card:hover{border-color:var(--zim-green);transform:translateY(-2px);box-shadow:var(--card-shadow)}.ai-job-tool-card.active{border-color:var(--zim-green);background:#319f430d}.ai-job-tool-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.ai-job-tool-icon.cv{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ai-job-tool-icon.cover{background:linear-gradient(135deg,#10b981,#059669)}.ai-job-tool-icon.interview{background:linear-gradient(135deg,#f59e0b,#d97706)}.ai-job-tool-icon.salary{background:linear-gradient(135deg,#ec4899,#be185d)}.ai-job-tool-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.ai-job-tool-desc{font-size:11px;color:var(--text-secondary);line-height:1.3}.job-share-modal{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-radius:20px 20px 0 0;padding:24px;z-index:2003;transform:translateY(100%);transition:transform .3s ease}.job-share-modal.active{display:block;transform:translateY(0)}.job-share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.job-share-modal-title{font-size:18px;font-weight:700}.job-share-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.job-share-options{display:flex;justify-content:space-around}.job-share-option{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.job-share-option-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:transform .2s}.job-share-option:hover .job-share-option-icon{transform:scale(1.1)}.job-share-option-label{font-size:12px;color:var(--text-secondary)}.article-modal.blurred-for-higher-modal,.ai-tool-modal.blurred-for-higher-modal,.job-modal.blurred-for-higher-modal,.rates-modal.blurred-for-higher-modal{filter:blur(3px);pointer-events:none;transition:filter .3s ease-in-out}#job-share-overlay,#article-share-overlay{z-index:2002}.fab-container{position:fixed;bottom:100px;right:20px;z-index:500;display:none;pointer-events:none}.fab-container.active{display:block}.fab-options{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .3s ease}.fab-options.active{opacity:1;transform:translateY(0);pointer-events:auto}.fab-option{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:25px;padding:12px 18px;box-shadow:0 4px 15px #00000026;cursor:pointer;transition:all .2s;white-space:nowrap;margin-left:auto}.fab-option:hover{transform:translate(-5px);box-shadow:0 6px 20px #0003}.fab-option-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.fab-option-icon.cv{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.fab-option-icon.cover{background:linear-gradient(135deg,#10b981,#059669)}.fab-option-icon.interview{background:linear-gradient(135deg,#f59e0b,#d97706)}.fab-option-text{font-size:14px;font-weight:600;color:var(--text-primary)}.fab-option-desc{font-size:11px;color:var(--text-secondary)}.fab-main{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--zim-green),#257a33);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #319f4366;transition:all .3s ease;margin-left:auto;pointer-events:auto}.fab-main:hover{transform:scale(1.05);box-shadow:0 6px 20px #319f4380}.fab-main.active{transform:rotate(45deg);background:linear-gradient(135deg,var(--zim-red),#a5150c)}.fab-main svg{width:24px;height:24px;transition:transform .3s ease}.ai-tool-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:2001;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.ai-tool-modal.active{transform:translateY(0)}.ai-tool-content{padding:20px;max-width:900px;margin:0 auto}.ai-tool-title{font-family:Playfair Display,serif;font-size:24px;margin-bottom:8px}.ai-tool-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.ai-tool-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;font-size:16px;font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--zim-green)}.form-input[disabled]{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed;opacity:.8}.dark .form-input[disabled]{background:#252525;color:var(--text-secondary);opacity:1}.form-textarea{min-height:120px;resize:vertical}.form-hint{font-size:12px;color:var(--text-secondary)}.ai-generate-btn{padding:16px;background:linear-gradient(135deg,var(--zim-green),#257a33);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;margin-top:8px}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-result-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:20px;display:none}.ai-result-box.active{display:block}.ai-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ai-result-title{font-size:14px;font-weight:600;color:var(--zim-green);display:flex;align-items:center;gap:8px}.ai-result-title svg{width:16px;height:16px}.ai-result-content{font-size:14px;line-height:1.7;color:var(--text-primary)}.ai-result-content p{margin-bottom:12px}.ai-result-content .ai-heading{font-weight:700;color:var(--text-primary);margin-top:16px;margin-bottom:8px}.ai-result-content h2.ai-heading{font-size:18px;border-bottom:2px solid var(--zim-green);padding-bottom:6px}.ai-result-content h3.ai-heading{font-size:16px;color:var(--zim-green)}.ai-result-content h4.ai-heading{font-size:14px}.ai-result-content strong{font-weight:600;color:var(--text-primary)}.ai-result-content em{font-style:italic}.ai-result-content .ai-list{margin:12px 0;padding-left:20px}.ai-result-content .ai-list li{margin-bottom:6px;position:relative}.ai-result-content ul.ai-list{list-style:none;padding-left:16px}.ai-result-content ul.ai-list li:before{content:"•";color:var(--zim-green);font-weight:700;position:absolute;left:-16px}.copy-btn{padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-family:inherit;transition:all .2s}.copy-btn:hover{border-color:var(--zim-green);color:var(--zim-green)}.saved-item-card{background:var(--bg-secondary);border-radius:12px;padding:16px 16px 52px;border:1px solid var(--border-color);display:flex;gap:12px;transition:all .2s;position:relative;min-height:80px}.saved-item-card:hover{border-color:var(--zim-green);transform:translateY(-2px);box-shadow:var(--card-shadow)}.saved-item-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;margin-top:4px}.saved-item-content{flex:1;display:flex;flex-direction:column}.saved-item-title{font-size:14px;font-weight:600;margin-bottom:4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saved-item-meta{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.saved-item-date{font-size:11px;color:var(--text-secondary);position:absolute;bottom:16px;left:76px}.saved-item-actions{position:absolute;bottom:12px;right:12px;display:flex;gap:8px}.saved-item-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:12px}.saved-item-btn:hover{background:var(--border-color);color:var(--text-primary)}.saved-item-btn.delete:hover{background:#de20101a;border-color:var(--zim-red);color:var(--zim-red)}.saved-item-btn.view:hover{background:#319f431a;border-color:var(--zim-green);color:var(--zim-green)}.no-saved-items{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-saved-items i{font-size:48px;margin-bottom:16px;opacity:.3}.no-saved-items h3{font-size:16px;margin-bottom:8px;color:var(--text-primary)}.expiry-expired{color:var(--zim-red);font-weight:600}.expiry-urgent{color:#f59e0b;font-weight:600}.expiry-normal{color:var(--text-secondary)}@keyframes loading-pulse{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{animation:loading-pulse 1.2s infinite linear;background:linear-gradient(to right,var(--border-color) 8%,var(--bg-primary) 18%,var(--border-color) 33%);background-size:400px 100%;border-radius:4px;height:100%;width:100%;display:block}.dark .skeleton{background:linear-gradient(to right,#2a2a2a 8%,#1a1a1a 18%,#2a2a2a 33%);background-size:400px 100%}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-box{border-radius:8px}.skeleton-news-card{display:flex;gap:14px;padding:16px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);margin-bottom:12px}.skeleton-news-image{width:100px;height:100px;flex-shrink:0;border-radius:12px}.skeleton-news-content{flex:1;display:flex;flex-direction:column;justify-content:center}.skeleton-job-card{display:flex;gap:14px;padding:16px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);margin-bottom:12px}.skeleton-job-logo{width:50px;height:50px;flex-shrink:0;border-radius:12px}.skeleton-job-info{flex:1;display:flex;flex-direction:column;justify-content:center}.article-skeleton-content{padding-top:20px}.job-detail-skeleton-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.job-detail-skeleton-logo{width:64px;height:64px;flex-shrink:0;border-radius:16px}.rates-detail-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.rates-detail-skeleton .skeleton-box{height:90px;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px}.paynow-status-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color)}.paynow-status-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;margin-bottom:20px}.paynow-status-heading{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.paynow-status-text{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.premium-features-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.premium-features-list .feature-item{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}.premium-features-list .feature-item i{width:20px;text-align:center}.premium-badge{background:var(--zim-yellow);color:var(--zim-black);font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:4px;display:inline-block;vertical-align:top}.setting-item.premium-feature:hover{background:#ffd7000d}.profile-premium-card{border:2px solid var(--zim-yellow);background:linear-gradient(135deg,var(--bg-secondary),rgba(255,215,0,.05));position:relative;overflow:hidden}.profile-premium-card:after{content:"★ PREMIUM";position:absolute;top:10px;right:-25px;background:var(--zim-yellow);color:var(--zim-black);font-weight:700;font-size:10px;padding:2px 20px;transform:rotate(45deg);box-shadow:0 0 5px #0003}