:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#24352f;background:#f3f6f4;font-size:14px}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:48px 28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#6d8278}h1{font-size:36px;letter-spacing:-1.5px;margin:10px 0}h1 span{color:#3c9b70;font-size:15px;margin-left:7px}header p,.hint,footer,.url{color:#748279}h2{font-size:18px;margin:0 0 20px}h3{margin:0;font-size:19px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stats>div{background:white;border:1px solid #e0e8e2;padding:24px;border-radius:14px}.stats span{display:block;color:#748279}.stats strong{font-size:36px;display:block;margin-top:12px}.green{color:#25855b}.red{color:#c46058}.add,.login,.empty{padding:26px;background:white;border:1px solid #e0e8e2;border-radius:14px;margin-bottom:32px}.grid{display:grid;grid-template-columns:1fr 1.5fr .8fr 1.3fr auto;align-items:end;gap:14px}label{display:block;font-size:12px;font-weight:600;color:#5b7064}input{display:block;width:100%;border:1px solid #d9e2dc;background:#fbfcfb;border-radius:7px;padding:12px;margin-top:8px;color:#24352f}input:focus{outline:2px solid #7ab99b}button{border:0;border-radius:7px;background:#267c56;color:#fff;padding:13px 17px;font-weight:600;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.94)}.secondary{background:#eaf0ec;color:#50675a}.danger{color:#a45f58;background:transparent}.hint{font-size:12px;line-height:1.7;margin-bottom:0}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.section-title h2{margin:0}.section-title>span{font-size:12px;color:#748279}.site{display:flex;gap:24px;background:white;border:1px solid #e0e8e2;border-radius:14px;padding:24px;margin-bottom:16px}.preview{width:148px;height:104px;flex-shrink:0;background:linear-gradient(130deg,#edf4ee,#dbe9e0);border:1px solid #e0e8e2;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:#90ad9a;font-weight:700;font-size:24px;letter-spacing:3px}.preview img{width:100%;height:100%;object-fit:cover}.details{flex:1;min-width:0}.site-title{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.badge{font-size:11px;padding:5px 9px;border-radius:20px;background:#edf0ee;color:#748279}.badge.up{background:#e6f5ec;color:#25855b}.badge.down{background:#fbeae7;color:#ad5049}.url{font-size:12px;overflow-wrap:anywhere}.metrics{display:flex;flex-wrap:wrap;gap:24px;font-size:11px;color:#748279}.metrics b{display:block;color:#344c3c;font-size:14px;margin-top:5px}.actions{display:flex;flex-direction:column;justify-content:center;gap:6px}.actions button{width:100%}details{margin-top:14px;font-size:12px}summary{cursor:pointer;color:#567563}.history{max-height:240px;overflow:auto}.error{background:#fceeea;color:#a7493e;padding:12px;border-radius:7px;overflow-wrap:anywhere}footer{font-size:12px;margin-top:28px}.login{max-width:420px;margin:60px auto}.login button{margin-top:20px;width:100%}.empty{text-align:center;padding:48px}.empty p{color:#748279}@media(max-width:950px){.grid{grid-template-columns:1fr 1fr}.site{gap:16px}.preview{width:100px;height:80px}.actions button{font-size:12px}}@media(max-width:640px){main{padding:24px 16px}.stats{gap:8px}.stats>div{padding:16px}.stats strong{font-size:28px}.grid{grid-template-columns:1fr}.site{flex-wrap:wrap}.preview{width:100%;height:140px}.details{flex-basis:100%}.actions{flex-direction:row}.section-title{display:block}.section-title>span{display:block;margin-top:10px}.metrics{gap:18px}}
textarea{display:block;width:100%;border:1px solid #d9e2dc;border-radius:7px;padding:12px;margin:10px 0 14px;font:inherit;resize:vertical}.single-add{grid-template-columns:2fr 1fr auto}.bulk{margin-top:24px}.bulk summary{font-weight:700;font-size:15px;margin-bottom:16px}.notice{background:#e6f5ec;color:#256644;border-radius:8px;padding:15px;overflow-wrap:anywhere}@media(max-width:640px){.single-add{grid-template-columns:1fr}}

/* View preferences use ordinary forms, so switching also works without JavaScript. */
.section-title{gap:18px;align-items:center;flex-wrap:wrap;scroll-margin-top:20px}.section-title h2{margin-right:auto}.section-title>span{max-width:340px;text-align:right;line-height:1.5}.view-switch{display:inline-flex;padding:4px;gap:4px;background:#e6ede8;border:1px solid #d9e2dc;border-radius:10px}.view-switch button{padding:9px 15px;background:transparent;color:#597064;font-size:12px}.view-switch button[aria-pressed="true"]{background:#fff;color:#267c56;box-shadow:0 1px 4px #24352f18}.view-switch button:focus-visible{outline:2px solid #267c56;outline-offset:2px}.sites{display:grid;gap:16px;align-items:start}.sites .site{margin-bottom:0}.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sites-grid .site{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:20px;align-content:start}.sites-grid .preview{width:88px;height:76px;font-size:17px;letter-spacing:1px}.sites-grid .details{min-width:0}.site-title h3{min-width:0;overflow-wrap:anywhere}.sites-grid h3{font-size:16px;line-height:1.4}.sites-grid .site-title{gap:8px}.sites-grid .metrics{gap:12px 18px}.sites-grid .details>.hint:first-child{margin-top:0}.sites-grid .actions{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;border-top:1px solid #edf1ee;padding-top:14px}.sites-grid .actions form{flex:1 1 0;min-width:0}.sites-grid .actions form:first-child{flex-basis:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.sites-grid .actions input{padding:10px;margin-top:5px}.sites-grid .actions button{font-size:12px;padding:11px 13px}.sites-grid .history{overflow-wrap:anywhere}.sites-grid .hint{font-size:11px}.sites-grid .error{font-size:12px}@media(max-width:760px){.sites-grid{grid-template-columns:minmax(0,1fr)}.section-title>span{max-width:none;text-align:left;flex-basis:100%}.section-title{display:flex}.section-title>span{margin-top:0}.sites-list .actions{flex-wrap:wrap}.sites-list .actions form{min-width:0}}@media(max-width:380px){.sites-grid .site{grid-template-columns:64px minmax(0,1fr);padding:15px;gap:12px}.sites-grid .preview{width:64px;height:64px}.view-switch button{padding:9px 12px}}
@media(max-width:380px){header{flex-wrap:wrap;gap:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats>div{padding:12px 8px}.stats span{font-size:11px}}

.stats>form{margin:0;min-width:0}.stat-filter{display:block;width:100%;height:100%;padding:24px;text-align:left;white-space:normal;border:1px solid #e0e8e2;border-radius:14px;background:#fff;color:#24352f;font:inherit;transition:border-color .15s,box-shadow .15s}.stat-filter:hover{filter:none;border-color:#7ab99b;box-shadow:0 3px 12px #24352f0b}.stat-filter[aria-pressed="true"]{border-color:#267c56;box-shadow:inset 0 0 0 1px #267c56;background:#f9fdfb}.stat-filter:focus-visible{outline:3px solid #7ab99b;outline-offset:3px}.filter-summary{font-size:12px;color:#60786a;margin:0 0 16px}@media(max-width:640px){.stat-filter{padding:16px}}@media(max-width:380px){.stat-filter{padding:12px 8px}}

@media(min-width:1100px){.sites-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.sites-triple .site{grid-template-columns:64px minmax(0,1fr);padding:16px;gap:12px}.sites-triple .preview{width:64px;height:64px}.sites-triple .metrics{gap:10px 14px}.sites-triple h3{font-size:15px}.sites-triple .actions button{padding:11px 10px}}

.batch-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0 0 28px;padding:20px 24px;background:white;border:1px solid #e0e8e2;border-radius:14px}.batch-controls>div{flex:1 1 250px}.batch-controls h2{margin:0}.batch-controls form{display:flex;gap:10px;flex-wrap:wrap}.batch-controls button:disabled{opacity:.5;cursor:default}.refresh-results{font-size:12px;color:#267c56;text-decoration:underline}@media(max-width:640px){.batch-controls{padding:18px}.batch-controls form{width:100%}.batch-controls button{flex:1 1 100%;white-space:normal}}