body{margin:0;background:#f5f7fb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
a{text-decoration:none;color:#1556b0}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#0f2744;color:white}
header a{color:white;margin-right:16px}
.brand a{font-size:20px;font-weight:800}
main{max-width:1180px;margin:26px auto;padding:0 20px}
.hero{background:linear-gradient(135deg,#0f2744,#1f6fb2);color:white;border-radius:22px;padding:34px;margin-bottom:18px}
.hero h1{font-size:34px;margin:0 0 10px}
.warning{background:#fff7e6;border:1px solid #ffd591;border-radius:12px;padding:14px;margin:16px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}
.card,.item,.form{background:white;border:1px solid #e8edf5;border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(20,30,50,.06)}
.stats .card b{font-size:32px;color:#1556b0;display:block}
.stats .card span{color:#667085}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.btn{display:inline-block;border:0;border-radius:10px;padding:9px 14px;background:#e8edf5;color:#10233f;cursor:pointer;font-size:14px}
.btn.primary{background:#1556b0;color:white}
.btn.danger{background:#ffe8e8;color:#b42318}
.inline{display:inline}
.item{margin:14px 0}
.item h3{margin:0 0 8px}
.meta,.hint{color:#667085;font-size:14px}
.empty{background:white;color:#667085;padding:18px;border-radius:12px}
.form{max-width:820px}
.form label{display:block;margin:14px 0 6px;font-weight:700}
input,textarea,select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cfd7e3;border-radius:10px;font-size:15px}
textarea{font-family:inherit}
.check{display:flex!important;gap:8px;align-items:center}
.check input{width:auto}
.error{background:#ffe8e8;color:#b42318;border-radius:10px;padding:10px}
.filters{display:flex;gap:10px;flex-wrap:wrap;background:white;padding:14px;border-radius:12px}
.filters input,.filters select{width:auto}
.report{white-space:pre-wrap;background:white;border:1px solid #e8edf5;border-radius:16px;padding:22px;line-height:1.7}
ul{line-height:1.8}
.notice{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:12px;padding:12px;margin:12px 0}
.tabs{display:flex;gap:10px;margin:14px 0}
.bulkbar{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:0;background:#f5f7fb;padding:12px 0;z-index:2}
.selectable{position:relative;padding-right:56px}
.selectbox{position:absolute;right:18px;top:18px}
.selectbox input{width:22px;height:22px}
hr{border:0;border-top:1px solid #e8edf5;margin:18px 0}

.loading{background:#eaf2ff;border:1px solid #b2ccff;color:#1849a9;border-radius:12px;padding:12px;margin:12px 0}
.notice{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:12px;padding:12px;margin:12px 0}
.tabs{display:flex;gap:10px;margin:14px 0}
.bulkbar{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:0;background:#f5f7fb;padding:12px 0;z-index:2}
.selectable{position:relative;padding-right:56px}
.selectbox{position:absolute;right:18px;top:18px}
.selectbox input{width:22px;height:22px}

.compact-card{padding:16px 18px}
.raw-snippet{line-height:1.65;max-height:9.8em;overflow:auto}

.compact-hero{padding:24px 28px}
.section-title{margin-top:34px}
.bottom-stats{margin-top:14px}
.stat-link{color:#1f2937;text-decoration:none}
.stat-link:hover{border-color:#1556b0;box-shadow:0 4px 18px rgba(21,86,176,.12)}
.wide-form{max-width:1080px}
.wide-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;line-height:1.65}
.mini-pre{white-space:pre-wrap;background:#f8fafc;border:1px solid #e8edf5;border-radius:10px;padding:10px;line-height:1.5}

.group-section{margin:26px 0}
.group-section h2{font-size:22px;border-left:4px solid #1556b0;padding-left:10px}
.subhead{font-size:16px;color:#475467;margin-top:12px}
.danger-text{color:#b42318}

.report-select-row{display:block;cursor:pointer}
.report-select-row:hover{border-color:#1556b0;background:#f8fbff}

.item-with-delete{position:relative;padding-right:50px}
.delete-corner{position:absolute;right:12px;top:12px}
.delete-corner button{border:none;background:#fee4e2;color:#b42318;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:24px;cursor:pointer}
.delete-corner button:hover{background:#fecdca}