*{box-sizing:border-box}body{margin:0;background:#f6f6f6;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:18px}.topbar{height:75px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:center;position:relative}.topbar-title{font-size:30px;font-weight:800;letter-spacing:.5px}.dot{display:inline-block;width:14px;height:14px;background:#b5121b;border-radius:50%;margin-right:14px}.topbar-right{position:absolute;right:28px;color:#666;font-size:16px}.system{display:inline-block;margin-left:18px;border:1px solid #ccc;border-radius:4px;padding:8px 12px;color:#222;text-decoration:none;background:#fafafa}.layout{display:grid;grid-template-columns:300px 1fr;gap:24px;max-width:1500px;margin:0 auto;padding:18px}.sidebar{padding-top:0}.box{background:#fff;border:1px solid #ddd;border-radius:7px;margin-bottom:20px;overflow:hidden}.box h3{font-size:20px;letter-spacing:1px;margin:0;padding:18px 20px;border-bottom:1px solid #ddd}.navitem{display:block;padding:17px 22px;color:#222;text-decoration:none;border-bottom:1px solid #e5e5e5;font-size:20px}.navitem.active{background:#f3dada;border-left:5px solid #d4001a;font-weight:700}.notes p{padding:0 20px 20px;margin:0;line-height:1.5}.content{min-width:0}.card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:24px;overflow:hidden}.card-head{height:54px;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:20px}.card-head span{font-size:16px;color:#666}.card-body{padding:28px 80px 40px}.card-body.narrow{max-width:720px}.card h1{font-size:32px;margin:0 0 24px;font-weight:500}.form-stack{display:flex;flex-direction:column;gap:12px}.form-stack label,.review-form label{font-weight:500;margin-top:8px}input[type=text],input[type=password],input[type=email],input[type=file],textarea,select{border:1px solid #ccc;border-radius:6px;padding:12px 14px;font:inherit;background:#fff}textarea{resize:vertical}.btn{display:inline-block;border:1px solid #0d6efd;background:#fff;color:#0d6efd;text-decoration:none;border-radius:5px;padding:10px 14px;font:inherit;cursor:pointer}.btn.primary{background:#0d6efd;color:#fff}.btn.danger{border-color:#b5121b;color:#fff;background:#b5121b}.btn.small{font-size:15px;padding:7px 10px}.muted{color:#666}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;background:#e8f4ea;border:1px solid #b7ddb8}.alert.error{background:#fdecec;border-color:#e8b6b6;color:#8a1111}.warning{color:#8a1111}.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box,.install-box{width:440px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:34px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.login-box .brand{font-size:24px;font-weight:800;margin-bottom:26px}.login-box h1{font-size:28px;margin:0 0 5px}.login-box form{display:flex;flex-direction:column;gap:12px;margin-top:22px}.doc-row{display:grid;grid-template-columns:190px 1fr;gap:22px;padding:20px;border:1px solid #e0e0e0;border-radius:7px;margin-bottom:18px;background:#fff}.doc-row.unseen{border-left:7px solid #b5121b;background:#fff8f8}.preview img{width:170px;height:125px;object-fit:cover;border:1px solid #ccc;border-radius:5px;cursor:pointer;background:#f3f3f3}.preview .btn{margin-top:10px}.pdf-icon,.pdf-large{display:flex;align-items:center;justify-content:center;background:#f2f2f2;border:1px solid #ccc;border-radius:5px;color:#b5121b;font-weight:800;text-decoration:none}.pdf-icon{width:170px;height:125px}.pdf-large{width:100%;height:320px;font-size:58px}.doc-info h3{margin:0 0 8px;font-size:20px}.doc-info p{line-height:1.45}.meta{color:#666;font-size:15px;margin:10px 0}.status{font-weight:700}.status-ok{color:#167b2e}.status-not-ok{color:#b5121b}.status-open{color:#777}.reason{background:#fff4f4;border-left:4px solid #b5121b;padding:10px}.note{background:#f5f5f5;border-left:4px solid #777;padding:10px}.newmark{color:#b5121b}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.big-preview{max-width:100%;border:1px solid #ccc;border-radius:6px}.meta-block{background:#f7f7f7;border:1px solid #ddd;border-radius:6px;padding:14px;margin-bottom:18px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter{border:1px solid #ccc;border-radius:5px;padding:8px 10px;text-decoration:none;color:#222;background:#fff}.filter.active{background:#f3dada;border-color:#d6b0b0;font-weight:700}.review-form{margin-top:14px;display:flex;flex-direction:column;gap:8px}.reason-field{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:1000;display:none;align-items:center;justify-content:center;padding:28px}.modal.show{display:flex}.modal-inner{max-width:1100px;max-height:95vh;background:#fff;border-radius:8px;padding:18px;position:relative;overflow:auto}.modal-inner img{display:block;max-width:100%;max-height:75vh;margin:0 auto}.modal-inner p{font-size:20px;line-height:1.45;margin:18px 6px 0}.modal-close{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:38px;cursor:pointer;color:#333}hr{border:0;border-top:1px solid #ddd;margin:22px 0}@media(max-width:900px){.layout{grid-template-columns:1fr}.topbar{justify-content:flex-start;padding-left:20px}.topbar-right{display:none}.card-body{padding:24px}.doc-row,.detail-grid{grid-template-columns:1fr}.sidebar{order:2}.content{order:1}}