:root{--bg:#f4f7fb;--fg:#16202e;--muted:#5d6b7e;--brand:#154f8f;--brand-ink:#fff;--accent:#6ea5d9;--card:#fff;--line:#d6dfeb;--err:#b42318;--ok:#0b7a43;--warn:#9a5b00;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#0e141d;--fg:#e8edf4;--muted:#9aa8bb;--brand:#5b9bdc;--brand-ink:#08121f;--accent:#6ea5d9;--card:#17202c;--line:#2a3748;--err:#ff8a80;--ok:#5ed39b;--warn:#f0b45c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}h1{margin:0 0 .25rem;font-size:1.6rem}h2{color:var(--brand);margin:1.2rem 0 .2rem;font-size:1.1rem}h3{margin:0;font-size:1.05rem}a{color:var(--brand)}.site-header{background:var(--card);border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;display:flex;position:sticky;top:0}.brand img{border-radius:50%;display:block}.site-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 16px;display:flex}.site-header nav a{color:var(--fg);border-bottom:2px solid #0000;padding:6px 2px;text-decoration:none}.site-header nav a.active{border-color:var(--brand);color:var(--brand);font-weight:600}main{flex-direction:column;align-items:center;padding:24px 16px 60px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:24px;display:flex}.card.wide{max-width:720px}.card-logo{border-radius:50%;align-self:center}.feed,.admin{flex-direction:column;gap:12px;width:100%;max-width:820px;display:flex}.admin{max-width:1000px}.field{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}label,.field>label{font-size:.9rem;font-weight:600}label.inline{align-items:center;gap:6px;margin:4px 14px 4px 0;font-weight:400;display:inline-flex}input,select,textarea{border:1px solid var(--line);font:inherit;background:var(--bg);color:inherit;border-radius:8px;width:100%;padding:9px 10px}input[type=checkbox],input[type=radio]{width:auto}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}fieldset{border:1px solid var(--line);border-radius:8px;margin:0;padding:8px 12px}legend{padding:0 4px;font-size:.9rem;font-weight:600}.row{flex-wrap:wrap;gap:12px;display:flex}button,.btn{background:var(--brand);color:var(--brand-ink);font:inherit;cursor:pointer;text-align:center;border:0;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{color:var(--brand);border:1px solid var(--brand);background:0 0}button.small{padding:5px 10px;font-size:.85rem}button.link{color:var(--brand);background:0 0;padding:4px 2px;font-weight:500;text-decoration:underline}button:disabled{opacity:.55;cursor:not-allowed}.combo{position:relative}.combo-list{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:8px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #0003}.combo-list li{cursor:pointer;border-radius:6px;padding:8px 10px}.combo-list li.active{background:var(--accent);color:#08121f}.combo-list li.custom{font-style:italic}.combo-list li.combo-note{color:var(--muted);cursor:default}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:.9rem;display:inline-flex}.chip button{color:inherit;background:0 0;border-radius:50%;padding:0 6px;font-size:1.1rem;line-height:1}.progress{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.progress div{background:var(--brand);height:100%;transition:width .3s}.hero{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:620px;padding-top:24px;display:flex}.hero img{border-radius:50%}.hero p{color:var(--muted);font-size:1.05rem}.cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters input{flex:2;min-width:220px}.filters select{flex:1;width:auto;min-width:160px}.offer{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.offer>header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.offer p{margin:0}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span,.tag{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:.82rem}.score{white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.score.high{color:var(--ok)}.score.mid{color:var(--warn)}.score.low{color:var(--muted)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.notice{background:color-mix(in srgb, var(--accent) 16%, var(--card));border:1px solid var(--accent);border-radius:10px;padding:12px 14px}.status{border-radius:8px;padding:4px 10px;font-size:.88rem;display:inline-block}.status-pending{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.status-active{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.status-rejected,.status-suspended{background:color-mix(in srgb, var(--err) 16%, transparent);color:var(--err)}.muted{color:var(--muted);margin:0;font-size:.88rem}.error{color:var(--err);margin:0}.ok{color:var(--ok);margin:0}.center{text-align:center}.banner{background:color-mix(in srgb, var(--err) 15%, transparent);margin:0;padding:8px 20px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;display:flex}.tabs button{color:var(--fg);background:0 0;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;font-weight:500}.tabs button.active{border-color:var(--brand);color:var(--brand);font-weight:700}.summary p{margin:6px 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--muted);text-transform:uppercase;font-size:.8rem}@media (width<=560px){.site-header{padding:8px 12px}main{padding:16px 10px 40px}.card{padding:16px}}
