@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172033;--muted:#7b8494;--line:#e9ecf1;--surface:#fff;--bg:#f6f7f9;--orange:#e1783d;--orange-soft:#fff2eb;--navy:#111827;--green:#33a675;--shadow:0 10px 35px rgba(23,32,51,.07);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#f7f8fc;position:sticky;top:0;height:100vh;padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;padding:0 10px 33px}.brand-mark{width:40px;height:40px;background:linear-gradient(140deg,#f39155,#d95e32);border-radius:13px;display:grid;place-items:center;color:white;font:800 21px Manrope;box-shadow:0 7px 15px #df704050}.brand b{font:700 19px Manrope;display:block;letter-spacing:-.5px}.brand small{color:#929bad;font-size:9px;letter-spacing:1.5px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border:0;border-radius:10px;background:transparent;color:#aab2c2;text-align:left;font-weight:600}.nav-item>span{font-size:18px;width:19px}.nav-item:hover,.nav-item.active{background:#ffffff12;color:#fff}.counter{font-size:11px;background:#df7040;padding:3px 7px;border-radius:99px;margin-left:auto}.side-section{margin-top:38px}.side-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#7f899c;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px}.icon-button{border:0;background:transparent;color:inherit;font-size:22px;line-height:1;padding:2px 6px;border-radius:6px}.icon-button:hover{background:#ffffff14}.side-category{display:flex;width:100%;border:0;background:transparent;color:#b1bac9;text-align:left;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;font-size:13px}.side-category:hover,.side-category.current{color:white;background:#ffffff12}.side-category small{margin-left:auto;color:#818a9a}.cat-mark{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--tag,var(--orange))}.cat-mark.large{width:12px;height:12px;flex-basis:12px}.side-empty{padding:0 12px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff18;padding:15px 6px 0;display:flex;align-items:center;gap:8px}.user-chip{display:flex;align-items:center;gap:9px;font-size:12px;color:#dce0e8;min-width:0}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#354157;color:white;font-weight:700}.logout{margin-left:auto;color:#8b95a6;text-decoration:none;font-size:11px}.logout:hover{color:white}.main{min-width:0;padding:0 48px 28px;max-width:1500px;width:100%;margin:0 auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.crumb{font-size:12px;color:#687284;display:flex;align-items:center;gap:8px}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #33a6751c}.top-actions{display:flex;align-items:center;gap:12px}.tiny{font-size:11px}.muted{color:var(--muted)}.button{border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;white-space:nowrap}.button.primary{background:var(--orange);color:white;box-shadow:0 4px 12px #e1783d28}.button.primary:hover{background:#cf6731}.button.ghost{border-color:#e2e5eb;background:white;color:#505a6c}.button.ghost:hover{background:#fafafa}.button.small{font-size:11px;padding:7px 10px}.welcome{padding:34px 0 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--orange);font-weight:700;margin:0 0 9px}.welcome h1,.install-card h1{font:800 clamp(23px,2.7vw,32px) Manrope;letter-spacing:-1.2px;margin:0 0 7px;color:#182236}.welcome p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.stats{display:flex;gap:27px;padding:0 4px 3px}.stats div{display:grid;gap:3px}.stats b{font:700 19px Manrope}.stats span{font-size:10px;color:var(--muted)}.toolbar{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.filter-pills{display:flex;gap:7px;overflow:auto;scrollbar-width:none;flex:1}.filter-pills::-webkit-scrollbar{display:none}.pill{border:1px solid #e7e9ee;background:transparent;color:#737d8d;font-size:11px;border-radius:999px;padding:7px 13px;white-space:nowrap}.pill.selected,.pill:hover{border-color:#f1c5ad;background:var(--orange-soft);color:#c45d2d}.search-box{width:210px;display:flex;align-items:center;gap:8px;border:1px solid #e5e8ed;border-radius:9px;background:white;padding:8px 11px;color:#8992a0}.search-box input{border:0;outline:0;min-width:0;width:100%;font-size:11px;background:transparent;color:var(--ink)}.settings-button{padding:9px 12px}.article-list{max-width:860px;margin:20px auto 0;display:grid;gap:13px}.article-card{background:white;border:1px solid #eceef2;border-radius:13px;padding:18px 21px 15px;box-shadow:0 2px 8px #17203304;transition:box-shadow .18s,transform .18s}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.article-card[hidden]{display:none}.article-meta{display:flex;align-items:center;gap:7px;color:#7c8492;font-size:10px;min-width:0}.source-dot{width:6px;height:6px;background:#44af83;border-radius:50%;flex:none}.article-meta b{font-size:10px;color:#586273;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-meta time{margin-left:auto;white-space:nowrap}.category-tag,.match-tag{white-space:nowrap;font-size:9px;padding:4px 7px;border-radius:99px;background:color-mix(in srgb,var(--tag,#e1783d) 12%,white);color:var(--tag,#c45d2d)}.match-tag{background:#fff1e9;color:#c45d2d}.article-card h2{font:700 17px/1.42 Manrope;letter-spacing:-.35px;margin:11px 0 7px}.article-card h2 a{color:#1b2638;text-decoration:none}.article-card h2 a:hover{color:#c45d2d}.article-summary{font-size:12px;line-height:1.65;color:#6e7889;margin:0 0 13px}.article-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f4;padding-top:11px}.read-link{font-size:10px;font-weight:700;color:#d56b37;text-decoration:none}.read-link span{font-size:13px;margin-left:4px}.author{font-size:10px;color:#9aa1ad}.sentinel{text-align:center;color:#8b94a2;font-size:11px;padding:26px}.spinner{display:inline-block;width:13px;height:13px;border:2px solid #e4e6eb;border-top-color:var(--orange);border-radius:50%;vertical-align:-3px;margin-right:5px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;max-width:500px;margin:85px auto;color:var(--muted)}.empty-icon{font-size:28px;color:#d87a4b;background:var(--orange-soft);width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:auto}.empty h2{font:700 18px Manrope;color:var(--ink);margin:17px 0 6px}.empty p{font-size:12px;margin:0 0 20px}.empty-small{color:#8992a0;font-size:11px;padding:5px 2px}.notice{max-width:860px;margin:15px auto;background:#fff4e8;border-radius:8px;color:#986026;padding:10px 13px;font-size:11px}footer{text-align:center;color:#a3a9b3;font-size:10px;padding:18px}footer span{color:#d27a4e}.install{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 15%,#fff2eb 0,transparent 38%),#f6f7f9}.install-card{width:min(100%,465px);padding:35px;background:white;border:1px solid #eceef2;border-radius:18px;box-shadow:var(--shadow)}.install-card .brand-mark{margin-bottom:23px}.install-card h1{font-size:25px}.install-card>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6}.stack{display:grid;gap:13px}.stack h2{font:700 12px Manrope;margin:11px 0 0;color:#414b5b}.stack label{display:grid;gap:6px;color:#586273;font-size:11px;font-weight:600}.stack input,.stack select,.inline-form input{width:100%;border:1px solid #e1e5eb;border-radius:8px;background:white;padding:10px 11px;outline:0;color:#263246;font-size:12px}.stack input:focus,.stack select:focus,.inline-form input:focus{border-color:#e4936b;box-shadow:0 0 0 3px #e1783d16}.stack .button{margin-top:5px}.stack small{font-weight:400;color:#8b94a1}.error{margin:14px 0;padding:10px 12px;background:#fff0ed;color:#b94731;border-radius:8px;font-size:11px}.check-row{display:flex!important;align-items:center!important;gap:8px!important}.check-row input{width:15px!important}.install-card .muted.tiny{font-size:10px;margin-top:18px}dialog{border:0;border-radius:16px;padding:0;width:min(95vw,470px);box-shadow:0 25px 80px #11182735;color:var(--ink)}dialog::backdrop{background:#0f172acc;backdrop-filter:blur(3px)}.wide-dialog{width:min(95vw,900px)}.dialog-head{padding:22px 24px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{font:700 20px Manrope;margin:0}.dialog-head .eyebrow{margin-bottom:5px}.dialog-head .icon-button{font-size:26px;color:#8c94a1}.dialog-body{padding:21px 24px 24px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.settings-grid>section{min-width:0}.settings-grid .keyword-section{grid-column:1/-1}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.section-title h3{font:700 14px Manrope;margin:0 0 4px}.section-title p{font-size:10px;color:var(--muted);margin:0}.settings-list{display:grid;max-height:230px;overflow:auto}.setting-row{display:flex;align-items:center;gap:9px;padding:10px 1px;border-bottom:1px solid #eff0f3;min-width:0}.row-icon,.keyword-mark{width:28px;height:28px;border-radius:8px;background:#f3f4f7;display:grid;place-items:center;color:#70798a;flex:none}.keyword-mark{background:#fff1e9;color:#d46b37;font-size:18px}.row-main{display:grid;gap:3px;min-width:0;flex:1}.row-main b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small{font-size:9px;color:#8b94a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{border:0;background:transparent;color:#70798a;font-size:9px;font-weight:700;padding:5px}.text-button:hover{color:#cf6731}.text-button.danger{color:#c15a4d}.inline-form{display:flex;gap:8px;margin:12px 0 6px}.inline-form input{flex:1}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#1c2738;color:white;padding:11px 17px;border-radius:9px;box-shadow:var(--shadow);font-size:11px;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.main{padding:0 28px 24px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.stats{gap:16px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:12px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.brand{padding:0}.brand-mark{width:35px;height:35px}.brand b{font-size:16px}.sidebar nav{display:flex;justify-content:flex-end}.nav-item{font-size:0;padding:9px}.nav-item>span{font-size:18px}.side-section{display:none}.sidebar-bottom{margin:0;border:0;padding:0;justify-content:flex-end}.user-chip>span:not(.avatar){display:none}.logout{display:none}.main{padding:0 16px 22px}.topbar{height:61px}.crumb{font-size:10px}.top-actions{gap:7px}.top-actions .tiny{display:none}.button{padding:9px 11px;font-size:11px}.welcome{padding:25px 0 19px;align-items:flex-start;flex-direction:column}.welcome h1{font-size:24px}.stats{width:100%;justify-content:flex-start;gap:27px}.toolbar{flex-wrap:wrap;gap:8px}.filter-pills{order:1;flex-basis:100%}.search-box{flex:1;width:auto}.settings-button{flex:none}.article-list{margin-top:13px;gap:9px}.article-card{padding:15px 14px 13px}.article-card h2{font-size:15px}.article-summary{font-size:11px}.article-meta{flex-wrap:wrap}.article-meta time{margin-left:auto}.article-meta b{max-width:130px}.article-meta .match-tag{order:5}.settings-grid{grid-template-columns:1fr}.settings-grid .keyword-section{grid-column:auto}.wide-dialog{width:min(95vw,550px)}.install-card{padding:25px 21px}}@media(max-width:390px){.brand small{font-size:8px}.brand b{font-size:14px}.sidebar{grid-template-columns:auto 1fr auto}.nav-item{gap:3px}.top-actions .button.ghost{font-size:0}.top-actions .button.ghost:first-letter{font-size:15px}.stats{gap:17px}.stats b{font-size:17px}.stats span{font-size:9px}}