:root{--ink:#18222d;--muted:#687481;--brand:#f29b67;--side:#122c3d;--bg:#f5f7f8;--white:#fff;--line:#dfe5e8}*{box-sizing:border-box}.el-body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.el-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.el-shell aside{background:var(--side);padding:28px 18px;color:#fff}.brand{display:block;color:#fff;text-decoration:none;font-size:24px;font-weight:800;line-height:1.1;margin:0 12px 34px}.brand span{font-size:14px;font-weight:500;color:#b9cad3}.el-shell nav{display:grid;gap:6px}.el-shell nav a{color:#dbe6eb;text-decoration:none;padding:11px 14px;border-radius:10px}.el-shell nav a:hover,.el-shell nav a:focus,.el-shell nav a.active{background:#21465b;color:#fff;outline:none}.el-shell main>header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;padding:0 32px}.el-shell header div{display:flex;gap:18px}.el-shell header a{color:#a33}.menu{display:none}.content{padding:30px;max-width:1500px}.content h1{font-size:30px;margin-top:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px}.stats article,.cards article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stats strong{display:block;font-size:30px}.stats span{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions a,.form button,.search button,.cards button,.el-login button{background:var(--brand);border:0;border-radius:9px;color:#1b2730;text-decoration:none;font-weight:700;padding:11px 16px}.search{display:flex;gap:8px;margin-bottom:18px}.search input{max-width:540px}.table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}th{background:#eef2f4;font-size:13px}.form{max-width:720px;background:#fff;padding:24px;border-radius:14px;border:1px solid var(--line);display:grid;gap:16px}.form label,.el-login label{display:grid;gap:6px;font-weight:650}input,select,textarea{width:100%;border:1px solid #aebbc2;border-radius:8px;padding:11px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid #3b82f6;outline-offset:2px}.cards{display:grid;gap:12px}.cards article{display:flex;align-items:center;gap:15px}.cards article h3{flex:1;margin:0}.cards article p{flex:1}.cards form{display:flex;gap:8px}.el-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#122c3d,#28566c)}.el-login section{width:min(430px,100%);background:#fff;border-radius:18px;padding:34px}.el-login form{display:grid;gap:16px;margin:22px 0}.el-login .check{display:flex;grid-template-columns:auto 1fr}.el-login .check input{width:auto}.el-alert{padding:12px;border-radius:8px}.el-alert.error{background:#fee2e2;color:#8b1a1a}@media(max-width:850px){.el-shell{grid-template-columns:1fr}.el-shell aside{display:none;position:fixed;z-index:5;inset:0 25% 0 0}.el-shell.menu-open aside{display:block}.el-shell main>header{justify-content:space-between;padding:0 18px}.menu{display:block;border:0;background:transparent;font-size:24px}.content{padding:20px}.cards article{display:block}.cards form{margin-top:12px}}@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}.content{padding:16px}.el-shell header span{display:none}}
.reader-results{display:grid;gap:6px;margin:-8px 0 8px}.reader-result{background:#fff;border:1px solid #c8d1da;border-radius:8px;color:#102235;padding:10px 12px;text-align:left;cursor:pointer}.reader-result:hover,.reader-result:focus{border-color:#315efb;box-shadow:0 0 0 2px rgba(49,94,251,.18)}
.catalog-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0}.catalog-pagination a,.catalog-pagination strong{border:1px solid #c8d1da;border-radius:7px;padding:8px 12px;text-decoration:none}.catalog-pagination strong{background:#193047;color:#fff}
.current-reader{background:#eef8f2;border:1px solid #a7d7b7;border-radius:9px;padding:12px}.current-reader a,.reader-link{font-weight:700}.current-reader span{color:var(--muted)}.current-reader.warning{background:#fff4e5;border-color:#e7b66f}