:root{--black:#050505;--gold:#b78a2a;--red:#d20b12;--blue:#18517a;--light:#f2f3f5;--line:#d7d9dc}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#eef0f2;color:#171717}
a{color:inherit}.topbar{background:var(--black);border-bottom:4px solid var(--gold);color:#fff}.topbar-inner{max-width:1440px;margin:auto;display:flex;align-items:center;gap:24px;padding:12px 26px}.logo{width:265px;max-width:40vw}.top-actions{margin-left:auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.top-actions a{color:#fff;text-decoration:none;font-weight:700;padding:9px 12px;border:1px solid #555;border-radius:5px}.top-actions a.logout{border-color:var(--red);color:#fff;background:#9f070b}
.shell{max-width:1440px;margin:24px auto;padding:0 22px}.login-card{max-width:520px;margin:70px auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:34px;box-shadow:0 8px 30px rgba(0,0,0,.08)}h1{margin:0 0 10px;font-size:34px;color:#111}.sub{color:#555;line-height:1.45;margin:0 0 24px}.field{margin:0 0 16px}.field label{display:block;font-weight:700;margin-bottom:7px}.field input{width:100%;padding:13px;border:2px solid #b8bcc2;border-radius:6px;font-size:17px}.btn{display:inline-block;border:0;border-radius:6px;padding:13px 18px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none}.btn-primary{background:var(--red);color:#fff}.btn-dark{background:#222;color:#fff}.btn-gold{background:var(--gold);color:#fff}.alert{padding:12px 14px;border-radius:6px;margin:0 0 16px}.alert-error{background:#fff1f1;border:1px solid #e2aaaa;color:#8a0000}.alert-ok{background:#effaf0;border:1px solid #aad5ae;color:#185f20}
.resources{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;min-height:calc(100vh - 145px)}.sidebar{background:#0d0d0d;color:#fff;border-radius:10px;padding:18px;height:fit-content;position:sticky;top:16px}.welcome{font-size:16px;line-height:1.35;padding:8px 8px 17px;border-bottom:1px solid #333;margin-bottom:12px}.doclink{display:block;color:#fff;text-decoration:none;border:1px solid #373737;border-radius:6px;padding:14px 13px;margin:9px 0;font-weight:700}.doclink:hover,.doclink.active{border-color:var(--gold);background:#1b1b1b}.viewer-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.viewer-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#fafafa;border-bottom:1px solid var(--line)}.viewer-title{font-weight:800;font-size:18px;margin-right:auto}.viewer-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tool{border:1px solid #aaa;background:#fff;border-radius:5px;padding:8px 10px;font-weight:700;cursor:pointer}.pagebox{width:64px;padding:8px;border:1px solid #aaa;border-radius:5px}.searchbox{width:230px;max-width:50vw;padding:8px 10px;border:1px solid #aaa;border-radius:5px}.viewer-stage{background:#5d6064;min-height:72vh;overflow:auto;padding:24px;text-align:center}.page-img{display:block;margin:0 auto;background:#fff;box-shadow:0 3px 18px rgba(0,0,0,.35);max-width:none;user-select:none;-webkit-user-drag:none}.search-results{background:#fff;border-top:1px solid var(--line);padding:12px 16px;display:none}.search-results.open{display:block}.result{display:block;padding:8px 0;border-bottom:1px solid #eee;text-decoration:none;color:#222}.result strong{color:var(--blue)}
.admin-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:10px;border-bottom:1px solid #ddd;vertical-align:middle}.small{font-size:13px;color:#666}.warning{font-size:13px;color:#6f5700;background:#fff7d8;border:1px solid #e3cc73;padding:12px;border-radius:6px;margin-top:16px}
@media(max-width:800px){.topbar-inner{display:block}.logo{width:230px;max-width:80vw}.top-actions{margin-top:10px}.resources{grid-template-columns:1fr}.sidebar{position:static}.shell{padding:0 10px}.viewer-stage{padding:10px;min-height:65vh}.viewer-head{align-items:flex-start}.searchbox{width:100%;max-width:none}.admin-grid{grid-template-columns:1fr}.page-img{max-width:none}}
@media print{body{display:none!important}}