:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:#182018;background:#f5f6f5;margin:0;font:14px/1.45 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #268a3f}.app-header{z-index:2;background:#fff;border-bottom:1px solid #d8dbd8;align-items:center;gap:20px;height:50px;padding:0 20px;display:flex;position:sticky;top:0}.brand{color:#268a3f;font-weight:700}.app-header nav{color:#4e5750;gap:15px;font-size:13px;display:flex}.app-header nav a:hover{color:#268a3f}main{max-width:1440px;margin:0 auto;padding:12px 20px 32px}.page-head{margin:0 0 8px}.page-head h1{margin:0 0 3px;font-size:20px}.page-head p{color:#667069;margin:0;font-size:13px}.directory{grid-template-columns:230px minmax(0,1fr);gap:12px;display:grid}.filters{background:#fff;border:1px solid #d8dbd8;border-radius:6px;align-self:start;padding:12px 10px}.filters h2{text-transform:uppercase;color:#5c6660;letter-spacing:.02em;margin:12px 0 4px;font-size:11px}.filters h2:first-child{margin-top:0}.filters ul{margin:0;padding:0;list-style:none}.filters li{margin:2px 0}.filters label{align-items:center;gap:7px;font-size:12px;display:flex}.filter-submit{background:#fff;border:1px solid #c8ccc8;border-radius:5px;width:100%;height:30px;margin-top:10px;font-size:12px}.filter-submit:hover{color:#268a3f;border-color:#268a3f}.clear-filters{color:#268a3f;margin:0 0 8px;font-size:12px;text-decoration:underline;display:block}.mobile-filters{display:none}.toolbar{align-items:center;gap:8px;margin-bottom:6px;display:flex}.toolbar input[type=search]{border:1px solid #c8ccc8;border-radius:5px;flex:1;min-width:180px;height:34px;padding:0 10px}.toolbar .per-page{border:1px solid #c8ccc8;border-radius:5px;width:70px;height:34px;padding:0 6px}.result-count{color:#667069;margin:0 0 6px;font-size:12px}.toolbar select{border:1px solid #c8ccc8;border-radius:5px;height:34px}.results{background:#fff;border:1px solid #d8dbd8;border-radius:6px}.row{border-bottom:1px solid #e5e7e5;grid-template-columns:44px minmax(0,1fr) 130px 110px;align-items:center;gap:10px;padding:8px 10px;display:grid}.row-top{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.badge.sponsored{color:#6c5417;background:#fff8e2;border-color:#d8c98c}.badge.demo{color:#667069;background:#f7f7f7;border-color:#cfd6cf}.badge.unknown{color:#667069}.badge.deal{color:#256c35;background:#edf8f0;border-color:#a6d9b5}.row:last-child{border-bottom:0}.logo{color:#268a3f;background:#edf2ed;border-radius:5px;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex}.row h2{margin:0;font-size:15px}.row p{color:#667069;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0;font-size:13px;display:-webkit-box;overflow:hidden}.meta{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.badge{color:#4b544d;background:#f6f8f6;border:1px solid #d8dbd8;border-radius:4px;padding:1px 5px;font-size:11px;line-height:1.35}.badge.yes{color:#256c35;background:#edf8f0;border-color:#a6d9b5}.price{text-align:right;font-weight:650}.price small{color:#667069;font-weight:400;display:block}a.button{color:#fff;background:#268a3f;border-radius:5px;justify-content:center;align-items:center;height:32px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}a.button:hover{background:#1e7033}.empty{text-align:center;color:#667069;padding:30px}.app-footer{color:#667069;background:#fff;border-top:1px solid #d8dbd8;gap:3px;margin-top:24px;padding:12px 20px;font-size:12px;display:grid}.pagination{color:#667069;justify-content:flex-end;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.page-link{background:#fff;border:1px solid #d8dbd8;border-radius:4px;padding:4px 8px}.page-link:hover{color:#268a3f;border-color:#268a3f}@media (max-width:900px){.directory{grid-template-columns:1fr;gap:10px}.desktop-filters{display:none}.mobile-filters{background:0 0;border:0;padding:0;display:block}.mobile-filters summary{cursor:pointer;background:#fff;border:1px solid #d8dbd8;border-radius:6px;justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:13px;font-weight:600;list-style:none;display:flex}.mobile-filters summary::-webkit-details-marker{display:none}.mobile-filters[open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.mobile-filters[open]>form{background:#fff;border:1px solid #d8dbd8;border-top:0;border-radius:0 0 6px 6px;padding:12px;display:block}.mobile-filters:not([open])>form{display:none}.filter-count{color:#268a3f;font-weight:600}.toolbar{flex-wrap:wrap;gap:7px}.toolbar input[type=search]{flex-basis:100%}.toolbar select{flex:1}.row{grid-template-columns:44px minmax(0,1fr)}.price,.row>a{text-align:left;grid-column:2}.price{align-items:baseline;gap:6px;display:flex}.button{justify-self:start}}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.table-scroll th,.table-scroll td{text-align:left;vertical-align:top;border:1px solid #d8dbd8;padding:7px 9px}.table-scroll thead th{color:#5c6660;text-transform:uppercase;letter-spacing:.02em;background:#f6f8f6;font-size:12px}.table-scroll tbody tr:nth-child(2n){background:#fafbfa}
