:root{--ttm-primary:#111827;--ttm-secondary:#f3f4f6;--ttm-accent:#3b82f6;--ttm-success:#10b981;--ttm-danger:#ef4444;--ttm-text-main:#1f2937;--ttm-text-muted:#6b7280;--ttm-bg-page:#f9fafb;--ttm-bg-card:#ffffff;--ttm-border-radius:16px;--ttm-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--ttm-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--ttm-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--ttm-font-family:'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{background-color:var(--ttm-bg-page)!important}.adsbygoogle{margin-top:30px!important;margin-bottom:30px!important;display:block}.ttm-wrapper{max-width:1000px;margin:0 auto;font-family:var(--ttm-font-family);padding:40px 20px;box-sizing:border-box}.ttm-wrapper *,.ttm-wrapper *::before,.ttm-wrapper *::after{box-sizing:border-box}.ttm-header{text-align:center;margin-bottom:50px}.ttm-header h1{font-size:36px;font-weight:800;color:var(--ttm-primary);margin:0 0 10px 0;letter-spacing:-.03em;line-height:1.1}.ttm-last-updated{font-size:14px;color:var(--ttm-text-muted);font-weight:500;background:#fff;display:inline-block;padding:6px 16px;border-radius:50px;box-shadow:var(--ttm-shadow-sm);border:1px solid #e5e7eb}.ttm-search-bar{position:sticky;top:20px;z-index:100;background:rgb(255 255 255 / .8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px;border-radius:20px;box-shadow:var(--ttm-shadow-lg);margin-bottom:40px;display:flex;gap:10px;border:1px solid rgb(255 255 255 / .5);flex-wrap:wrap}#ttm-search-input{flex:1;min-width:200px;padding:12px 20px;border-radius:12px;border:1px solid #fff0;background:#f3f4f6;font-size:15px;outline:none;transition:all 0.2s;color:var(--ttm-text-main)}#ttm-search-input:focus{background:#fff;border-color:var(--ttm-accent);box-shadow:0 0 0 4px rgb(59 130 246 / .1)}#ttm-filter-date{width:auto;padding:12px 20px;border-radius:12px;border:1px solid #fff0;background:#f3f4f6;cursor:pointer;font-weight:600;color:var(--ttm-text-main);outline:none}.ttm-group-title{font-size:18px;font-weight:800;color:var(--ttm-text-main);margin:40px 0 20px 0;display:flex;align-items:center;gap:12px}.ttm-group-title::after{content:'';flex:1;height:1px;background:#e5e7eb}.ttm-list-container{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:768px){.ttm-list-container{grid-template-columns:repeat(2,1fr)}}.ttm-item{background:var(--ttm-bg-card);border-radius:var(--ttm-border-radius);box-shadow:var(--ttm-shadow);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.3s cubic-bezier(.25,.8,.25,1);position:relative;border:1px solid #f3f4f6;overflow:hidden;scroll-margin-top:100px}.ttm-item:hover{transform:translateY(-5px);box-shadow:var(--ttm-shadow-lg);border-color:#e5e7eb}.ttm-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ttm-badge{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1}.ttm-status-upcoming{background:#eff6ff;color:#2563eb}.ttm-status-today{background:#ecfdf5;color:#059669}.ttm-status-expired{background:#f3f4f6;color:#9ca3af}.ttm-badge-featured{background:#fffbeb;color:#d97706}.ttm-badge-type-syarikat{background:#dbeafe;color:#1e40af;display:inline-flex;align-items:center;gap:4px}.ttm-badge-type-syarikat .dashicons{font-size:14px;width:14px;height:14px}.ttm-badge-type-kerajaan{background:#d1fae5;color:#047857;display:inline-flex;align-items:center;gap:4px}.ttm-badge-type-kerajaan .dashicons{font-size:14px;width:14px;height:14px}.ttm-poster-wrapper{margin:-24px -24px 20px -24px;height:180px;overflow:hidden;position:relative}.ttm-poster-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.ttm-item:hover .ttm-poster-img{transform:scale(1.05)}.ttm-item-title{font-size:22px;font-weight:800;color:var(--ttm-primary);margin:0 0 16px 0;line-height:1.3;letter-spacing:-.02em}.ttm-item-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ttm-meta-row{display:flex;align-items:flex-start;font-size:14px;color:var(--ttm-text-muted);line-height:1.5}.ttm-meta-row .dashicons,.ttm-meta-row svg{color:#9ca3af;font-size:18px;width:24px;height:24px;margin-right:8px;margin-top:1px}.ttm-meta-row strong{color:var(--ttm-text-main);font-weight:600}.ttm-maps-link{display:inline-block;color:var(--ttm-accent);font-weight:600;font-size:13px;margin-left:5px;text-decoration:none}.ttm-maps-link:hover{text-decoration:underline}.ttm-item-note{background:#f9fafb;padding:16px;border-radius:12px;font-size:13px;color:#4b5563;line-height:1.6;margin-bottom:24px}.ttm-item-companies{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);padding:16px;border-radius:12px;margin-bottom:24px;border-left:4px solid #10b981}.ttm-item-companies h4{font-size:12px;font-weight:700;text-transform:uppercase;color:#047857;margin:0 0 10px 0;letter-spacing:.05em}.ttm-companies-list{display:flex;flex-wrap:wrap;gap:8px}.ttm-company-tag{background:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#059669;border:1px solid #a7f3d0;transition:all 0.2s}.ttm-company-tag:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 2px 4px rgb(16 185 129 / .1)}.ttm-expand-note{display:inline-block;color:var(--ttm-accent);font-weight:600;font-size:12px;margin-left:5px;cursor:pointer}.ttm-item-actions{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;margin-top:auto;padding-top:20px;border-top:1px solid #f3f4f6}.ttm-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer}.ttm-btn-primary{background:var(--ttm-primary);color:white!important;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.ttm-btn-primary:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgb(0 0 0 / .1)}.ttm-btn-disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.ttm-btn-secondary{width:48px;background:#fff;border:1px solid #e5e7eb;color:var(--ttm-text-muted)}.ttm-btn-secondary:hover{border-color:#d1d5db;background:#f9fafb;transform:translateY(-2px);color:var(--ttm-primary)}.ttm-share-wa{color:#25D366;background:#f0fdf4;border-color:#bbf7d0}.ttm-share-wa:hover{background:#25D366;color:#fff;border-color:#25D366}.ttm-share-tg{color:#0ea5e9;background:#f0f9ff;border-color:#bae6fd}.ttm-share-tg:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.ttm-highlight{box-shadow:0 0 0 2px var(--ttm-danger);animation:none}.ttm-empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;border:1px dashed #e5e7eb;grid-column:1 / -1}.ttm-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:rgb(0 0 0 / .85);backdrop-filter:blur(4px);color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.16,1,.3,1);z-index:9999;box-shadow:0 10px 25px -5px rgb(0 0 0 / .3)}.ttm-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.hidden{display:none}/* Job Positions Container */ .ttm-item-jobs { margin-bottom: 24px; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; } /* Company Type Jobs (Simple List) */ .ttm-item-jobs-company { background: #f8fafc; border: 1px solid #e2e8f0; padding: 20px; } .ttm-item-jobs-company h4 { font-size: 13px; font-weight: 700; text-transform: uppercase; color: #1e40af; margin: 0 0 16px 0; display: flex; align-items: center; gap: 8px; letter-spacing: 0.05em; } .ttm-positions-list-simple { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; } .ttm-positions-list-simple li { font-size: 14px; color: #334155; background: white; padding: 10px 14px; border-radius: 8px; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 8px; transition: all 0.2s; } .ttm-positions-list-simple li:hover { border-color: #3b82f6; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.1); } .ttm-positions-list-simple li .dashicons { color: #3b82f6; font-size: 14px; width: 14px; height: 14px; } /* Government Type Jobs (Expandable) */ .ttm-item-jobs-government { background: white; border: 1px solid #e2e8f0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .ttm-jobs-header { padding: 16px 20px; background: linear-gradient(to right, #f0f9ff, #ffffff); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.2s; } .ttm-jobs-header:hover { background: #e0f2fe; } .ttm-jobs-header h4 { margin: 0; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #0369a1; display: flex; align-items: center; gap: 8px; } .ttm-expand-icon { font-size: 12px; color: #0ea5e9; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .ttm-item-jobs-government.expanded .ttm-expand-icon { transform: rotate(180deg); } .ttm-jobs-content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); background: #ffffff; } .ttm-item-jobs-government.expanded .ttm-jobs-content { max-height: 2000px; /* High enough to fit content */ } /* Company Group inside Government Jobs */ .ttm-company-jobs { padding: 16px 20px; border-top: 1px solid #f1f5f9; } .ttm-company-jobs:last-child { border-bottom: none; } .ttm-company-jobs-title { font-size: 14px; font-weight: 700; color: #1f2937; margin: 0 0 10px 0; padding-left: 10px; border-left: 3px solid #0ea5e9; } .ttm-positions-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .ttm-positions-list li { font-size: 13px; color: #475569; background: #f8fafc; padding: 6px 12px; border-radius: 100px; display: inline-flex; align-items: center; gap: 4px; border: 1px solid #e2e8f0; } .ttm-positions-list li .dashicons { font-size: 14px; width: 14px; height: 14px; color: #cbd5e1; }