@font-face{font-family:Du Nord;src:url(/fonts/DuNord-Regular.woff2)format("woff2"),url(/fonts/DuNord-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Du Nord;src:url(/fonts/DuNord-DemiBold.woff2)format("woff2"),url(/fonts/DuNord-DemiBold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:TK Lausanne;src:url(/fonts/TWKLausanne-150.woff2)format("woff2"),url(/fonts/TWKLausanne-150.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#fcc636;--primary-dark:#eeb010;--primary-light:#fffdf5;--bg:#f8f9fa;--card-bg:#fff;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--radius:12px;--radius-sm:8px;--status-done:#059669;--status-done-bg:#d1fae5;--status-progress:#d97706;--status-progress-bg:#fef3c7;--status-overdue:#ef4444;--status-overdue-bg:#fee2e2;--status-upcoming:#6b7280;--status-upcoming-bg:#f3f4f6}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg);color:var(--text);font-family:TK Lausanne,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Du Nord,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.site-header{background:var(--card-bg);border-bottom:3px solid var(--primary);box-shadow:var(--shadow);z-index:100;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex}.logo-link{align-items:center;display:flex}.logo{width:auto;height:40px}.main-nav{align-items:center;gap:1.75rem;display:flex}.main-nav a{color:var(--text);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.main-nav a:hover{color:var(--primary-dark)}.donate-btn{border-radius:999px;background:var(--primary)!important;color:var(--text)!important;padding:.5rem 1.25rem!important;font-weight:600!important;transition:background .2s!important}.donate-btn:hover{background:var(--primary-dark)!important}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.mobile-menu-toggle span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-nav{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:0 2rem 1rem;display:none}.mobile-nav a{color:var(--text);padding:.4rem 0;font-size:.95rem;font-weight:500;text-decoration:none}.mobile-nav.open{display:flex}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.tracker-hero{text-align:center;margin-bottom:2rem}.tracker-hero h2{color:var(--text);margin-bottom:.5rem;font-size:2rem;font-weight:800}.tracker-hero p{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:1.05rem}.progress-section{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem 2rem}.progress-header{justify-content:space-between;align-items:baseline;margin-bottom:.75rem;display:flex}.progress-header h3{font-size:1.1rem;font-weight:700}.progress-header .percentage{color:var(--primary-dark);font-size:1.5rem;font-weight:800}.progress-bar-track{background:var(--border);border-radius:10px;width:100%;height:20px;display:flex;overflow:hidden}.progress-bar-segment{height:100%;transition:width .6s}.progress-bar-segment.done{background:var(--status-done)}.progress-bar-segment.in-progress{background:var(--status-progress)}.progress-bar-segment.overdue{background:var(--status-overdue)}.progress-legend{flex-wrap:wrap;gap:1.5rem;margin-top:.75rem;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;border-top:4px solid var(--border);padding:1.25rem 1.5rem}.stat-card.done{border-top-color:var(--status-done)}.stat-card.in-progress{border-top-color:var(--status-progress)}.stat-card.overdue{border-top-color:var(--status-overdue)}.stat-card.total{border-top-color:var(--primary)}.stat-card .stat-number{margin-bottom:.25rem;font-size:2rem;font-weight:800;line-height:1}.stat-card.done .stat-number{color:var(--status-done)}.stat-card.in-progress .stat-number{color:var(--status-progress)}.stat-card.overdue .stat-number{color:var(--status-overdue)}.stat-card.total .stat-number{color:var(--primary-dark)}.stat-card .stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.search-section{margin-bottom:1rem}.search-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.search-input:focus{border-color:var(--primary)}.search-input::placeholder{color:var(--text-muted)}.table-container{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tracker-table{border-collapse:collapse;width:100%}.tracker-table thead{background:var(--primary)}.tracker-table th{color:#111827;text-align:left;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.85rem 1rem;font-size:.85rem;font-weight:700}.tracker-table th:hover{background:#0000000f}.tracker-table th .sort-arrow{opacity:.5;margin-left:.3rem;font-size:.7rem}.tracker-table th.sorted .sort-arrow{opacity:1}.tracker-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;font-size:.9rem}.tracker-table tbody tr{transition:background .15s}.tracker-table tbody tr:hover{background:#f9fafb}.tracker-table tbody tr.row-done{opacity:.55}.tracker-table td:first-child{color:var(--text-muted);text-align:center;width:50px;font-weight:700}.status-badge{white-space:nowrap;border-radius:999px;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-block}.status-badge.done{background:var(--status-done-bg);color:var(--status-done)}.status-badge.in-progress{background:var(--status-progress-bg);color:var(--status-progress)}.status-badge.overdue{background:var(--status-overdue-bg);color:var(--status-overdue)}.status-badge.upcoming{background:var(--status-upcoming-bg);color:var(--status-upcoming)}.updated-date{text-align:center;color:var(--text-muted);margin-top:1.5rem;padding-bottom:2rem;font-size:.85rem}.site-footer{background:var(--card-bg);color:var(--text);border-top:3px solid var(--primary);margin-top:3rem}.footer-inner{flex-direction:column;align-items:center;gap:1.25rem;max-width:1200px;margin:0 auto;padding:2.5rem 2rem;display:flex}.footer-logo{width:auto;height:32px}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary-dark)}.footer-social{gap:1rem;display:flex}.footer-social a{color:var(--text-muted);transition:color .2s}.footer-social a:hover{color:var(--primary-dark)}.footer-copyright{color:var(--text-muted);margin-top:.5rem;font-size:.8rem}@media (max-width:768px){.main-nav{display:none}.mobile-menu-toggle{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}.header-inner{padding:.75rem 1rem}.main-container{padding:1rem}.tracker-hero h2{font-size:1.5rem}.progress-section{padding:1rem 1.25rem}.tracker-table th,.tracker-table td{padding:.5rem .6rem;font-size:.8rem}.tracker-table th:nth-child(4),.tracker-table td:nth-child(4){display:none}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{padding:1rem}.stat-card .stat-number{font-size:1.5rem}.tracker-table th:nth-child(3),.tracker-table td:nth-child(3){display:none}.footer-inner{padding:2rem 1rem}}
