*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f9f9f9;color:#333}body.dark{background-color:#121212;color:#ddd}.navbar{background-color:#fff;border-bottom:1px solid #eee;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}body.dark .navbar{background-color:#1e1e1e;border-bottom-color:#333}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-weight:600;font-size:1.2rem}.nav-brand,.nav-links a{color:#0070f3;text-decoration:none}.nav-links a{margin-left:1rem}body.dark .nav-brand,body.dark .nav-links a{color:#96cdfb}.dark-mode-toggle{cursor:pointer;padding:.25rem .5rem;background-color:transparent;border:1px solid #ccc;border-radius:4px;font-size:.9rem;color:#333}body.dark .dark-mode-toggle{color:#ddd;border-color:#555}.content{max-width:1200px;margin:1rem auto;padding:1rem}.footer{background-color:#fff;border-top:1px solid #eee;text-align:center;padding:1rem;margin-top:2rem}body.dark .footer{background-color:#1e1e1e;border-top-color:#333}a{color:#0070f3;text-decoration:none}a:hover{text-decoration:underline}body.dark a{color:#96cdfb}h1,h2,h3{margin-bottom:.75rem}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:4px;overflow:hidden;margin-top:1rem}body.dark table{background-color:#1e1e1e}thead{background-color:#f2f2f2}body.dark thead{background-color:#333}td,th{padding:12px;border-bottom:1px solid #eee;text-align:left}body.dark td,body.dark th{border-bottom-color:#333}tr:hover{background-color:#fafafa}body.dark tr:hover{background-color:#2a2a2a}.sort-button{cursor:pointer;color:#666;margin-left:4px}body.dark .sort-button{color:#aaa}.sort-button:hover{color:#000}body.dark .sort-button:hover{color:#fff}.search-input{width:100%;max-width:600px;padding:10px;font-size:16px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px;outline:none;background-color:#fff;color:#333}body.dark .search-input{background-color:#2b2b2b;color:#ddd;border-color:#555}.pagination{margin:1rem 0;display:flex;gap:.5rem}.pagination-button{padding:.4rem .8rem;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:4px}body.dark .pagination-button{background-color:#2b2b2b;color:#ddd;border-color:#555}.pagination-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){table,tbody,td,th,thead,tr{display:block}thead{display:none}tr{margin-bottom:1rem;border-bottom:2px solid #eee}body.dark tr{border-bottom-color:#333}td{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px}body.dark td{border-bottom-color:#333}td:before{content:attr(data-label);font-weight:700;margin-right:.5rem}}.promo-button{margin-left:1rem;background-color:#2563eb;color:#fff;padding:.55rem 1rem;border-radius:6px;font-weight:700;display:inline-block;text-decoration:none;box-shadow:0 2px 10px rgba(37,99,235,.35);transition:transform .15s ease,box-shadow .15s ease}.promo-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,99,235,.45)}body.dark .promo-button{background-color:#3b82f6;color:#fff}