:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1b2943;background:#f4f6fb;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7595e8;outline-offset:3px}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:-.7px}h2{font-size:17px}button.primary,.primary{border:0;border-radius:7px;background:#355fe5;color:#fff;padding:10px 18px;font-weight:500}.subtle{font-size:14px;border:1px solid #dce3ef;background:white;border-radius:7px;padding:9px 13px;color:#657591}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:205px;background:#18243c;color:#a5b2cb;padding:38px 22px;display:flex;flex-direction:column;gap:10px}.admin-sidebar img{width:153px;height:auto;margin-bottom:46px}.admin-sidebar>span{font-size:12px;color:#8190ac;margin:0 12px 12px}.admin-sidebar>a:not(:first-child){padding:13px 12px;border-radius:7px;font-size:14px}.admin-sidebar .selected{background:#315cda;color:#fff}.admin-sidebar .home-link{margin-top:auto;border:1px solid #39455c}.admin-main{margin-left:205px;padding:39px 42px;max-width:1780px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.eyebrow{font-size:12px;letter-spacing:1.2px;color:#8a9ab5;margin-bottom:10px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.presets{display:flex;background:#e9eef7;border-radius:7px;padding:4px}.presets button{border:0;background:none;padding:8px 12px;border-radius:5px;font-size:14px;color:#71819b}.presets button.active{color:#355fe5;background:#fff;box-shadow:0 1px 4px #20325712}#dates{display:flex;gap:9px;align-items:center;flex-wrap:wrap}#dates label{display:flex;gap:7px;align-items:center;font-size:13px;color:#7a89a2}input,select{border:1px solid #dae2ed;background:#fff;border-radius:6px;padding:9px;font-size:14px;color:#334562;min-width:0}.status{font-size:12px;color:#8b99ae;margin:15px 0 22px}.error{color:#b44343;background:#fff0ef;border:1px solid #f4d4d0;padding:13px;border-radius:7px;font-size:14px;margin:10px 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.metric{padding:21px 22px;background:#fff;border:1px solid #e1e7f1;border-radius:10px}.metric-label{font-size:14px;color:#7c8ba4}.metric strong{display:block;font-size:33px;letter-spacing:-.8px;font-weight:650;margin:12px 0 7px}.metric small{font-size:12px;color:#9ba7b9}.panel{border:1px solid #e1e7f1;background:#fff;border-radius:10px;padding:24px;margin-bottom:21px;min-width:0}.panel-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}.panel-head p{font-size:12px;color:#94a0b4;margin-top:7px;line-height:1.6}.legend{display:flex;gap:14px;font-size:12px;flex-wrap:wrap}.legend span:nth-child(1){color:#416ee4}.legend span:nth-child(2){color:#90b4fa}.legend span:nth-child(3){color:#edaa47}.trend{display:flex;align-items:stretch;gap:10px;height:215px;overflow-x:auto;padding-bottom:5px;border-bottom:1px solid #e9edf4}.day{min-width:33px;flex:1;display:flex;flex-direction:column;gap:7px;align-items:center}.bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:0}.bars i{display:block;width:20%;max-width:22px;border-radius:3px 3px 0 0;background:#416ee4}.bars i:nth-child(2){background:#90b4fa}.bars i:nth-child(3){background:#edaa47}.day span{font-size:12px;color:#8a98af;white-space:nowrap}.empty{color:#9aa6b8;font-size:14px;padding:30px 10px;text-align:center;line-height:1.8}.dashboard-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:21px}.rank{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 15px;padding:13px 0;border-bottom:1px solid #f0f3f7;font-size:14px}.rank strong{font-weight:600}.rank small{font-size:12px;color:#93a1b6}.rank .rail{height:5px;border-radius:4px;background:#edf2fa;grid-column:1/-1;overflow:hidden}.rail span{display:block;height:100%;background:#6f94ea;border-radius:4px}.table-scroll{overflow:auto;max-height:510px}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap;text-align:left}th{font-size:12px;color:#8998b0;font-weight:500;background:#f6f8fc;position:sticky;top:0}td,th{padding:13px 11px;border-bottom:1px solid #eef2f7}td:last-child,th:last-child{text-align:right}.filter-label{font-size:12px;color:#8291a8;display:flex;gap:8px;align-items:center}details{font-size:12px;color:#8e9cb1;margin-top:16px}summary{cursor:pointer;padding:5px 0}.notes{color:#8a98ad;font-size:12px;line-height:1.8;padding:5px 0 25px}.notes h2{font-size:13px;color:#72839e;margin-bottom:8px}.notes p{margin-bottom:5px}.login-page{display:grid;min-height:100vh;place-items:center;padding:25px}.login-card{width:100%;max-width:440px;background:#fff;border:1px solid #e1e7f1;border-radius:14px;padding:37px;box-shadow:0 14px 55px #23385908}.login-logo{width:159px;height:auto;margin-bottom:36px}.login-card h1{font-size:24px;margin-bottom:11px}.login-card>p{font-size:14px;color:#93a0b4;line-height:1.7}.login-card form{margin-top:28px}.login-card label{display:flex;flex-direction:column;gap:9px;margin-bottom:18px;font-size:14px;color:#6f7e96}.login-card input{font-size:16px;padding:12px}.login-card .primary{width:100%;margin-top:5px}.back{display:block;font-size:13px;color:#8c9bb2;margin-top:25px;text-align:center}@media(max-width:1200px){.admin-main{padding:30px 24px}.dashboard-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:18px 15px}}@media(max-width:760px){.admin-sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:17px 16px;gap:8px;overflow:auto}.admin-sidebar img{width:115px;margin:0;display:block}.admin-sidebar>span,.admin-sidebar .home-link{display:none}.admin-sidebar>a:not(:first-child){white-space:nowrap;font-size:12px;padding:9px}.admin-main{margin:0;padding:25px 15px}h1{font-size:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:29px}.panel{padding:18px 14px}.legend{gap:10px}.dashboard-grid{gap:0}.filters{gap:10px}#dates{width:100%}#dates input{max-width:138px}.status{line-height:1.7}.login-card{padding:30px 24px}}
/* Directory and feedback management share the existing dashboard layout. */
[hidden]{display:none!important}.manage-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end}.manage-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#71819b}.management-table{max-height:70vh}.managed-site{display:flex;gap:12px;align-items:center;white-space:normal;min-width:240px}.managed-site img,.icon-placeholder{width:32px;height:32px;object-fit:contain;flex-shrink:0;border-radius:6px}.icon-placeholder{display:grid;place-items:center;background:#edf2fc;color:#5974ad}.managed-site strong{font-size:14px}.managed-site a,.managed-site small{display:block;font-size:12px;color:#8a98b0;margin-top:5px;overflow-wrap:anywhere}.managed-site a:hover,.feedback-url:hover{color:#355fe5;text-decoration:underline}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.row-actions button{white-space:nowrap;font-size:13px;padding:6px 9px}.state-tag{display:inline-block;padding:5px 8px;font-size:12px;background:#f0f2f6;color:#7c8799;border-radius:5px;white-space:nowrap}.state-tag.published{background:#edf3ff;color:#456ac2}.muted{color:#8b99ae;font-size:13px}.feedback-card{padding:23px 0;border-bottom:1px solid #edf1f7}.feedback-head{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.feedback-head strong{font-size:15px}.feedback-url{display:block;font-size:14px;color:#5876b4;overflow-wrap:anywhere;margin-top:10px}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;margin:12px 0 16px}.pagination{display:flex;justify-content:center;align-items:center;gap:17px;font-size:13px;color:#8996ab;margin-top:22px}#site-editor{width:600px;max-width:calc(100% - 28px);max-height:90vh;overflow:auto;padding:28px;border:1px solid #e0e6f0;border-radius:13px;color:#24324b}#site-editor::backdrop{background:#12233b66}#site-form>label,.editor-grid>label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:17px;color:#6e7d96}#site-form input,#site-form select{width:100%;font-size:15px;padding:11px}#site-form .editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.icon-help{display:flex;gap:12px;align-items:center;font-size:12px;color:#8a98ad;margin-bottom:20px}.icon-help img{object-fit:contain}.editor-grid .check-label{flex-direction:row;align-items:center;padding-top:22px}#site-form input[type=checkbox]{width:17px;height:17px}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}#manage-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);border-radius:8px;background:#23324b;color:#fff;padding:12px 20px;box-shadow:0 5px 20px #1a294833;opacity:0;pointer-events:none;transition:opacity .15s;font-size:14px;z-index:10}#manage-toast.visible{opacity:1}@media(max-width:760px){#site-editor{padding:20px}#site-form .editor-grid{grid-template-columns:1fr;gap:0}.editor-grid .check-label{padding-top:0}.manage-filters{gap:12px}.manage-filters label:first-child{width:100%}.feedback-head{flex-direction:column;gap:7px}}