*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202b3c;font-family:Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:72px;background:#fff;border-bottom:1px solid #e4e8ec;display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,4vw)}.brand{font-size:24px;font-weight:900;color:#bc101c;letter-spacing:.03em}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:#27364c}.top nav{display:flex;gap:22px;align-items:center;font-size:14px}.btn-plain{border:1px solid #d7dce3;background:white;border-radius:6px;padding:8px 13px;cursor:pointer}.shell{display:flex;max-width:1600px;margin:auto;min-height:calc(100vh - 130px)}.sidebar{width:235px;flex-shrink:0;padding:28px 15px;border-right:1px solid #e6e9ee;background:white}.sidebar a{display:block;padding:12px 15px;border-radius:8px;margin-top:5px;color:#45536a;font-size:14px}.sidebar a:hover{background:#f9ebed;color:#ab101a}.side-title{font-weight:800;padding:8px 15px 20px}.side-note{margin:28px 14px;font-size:12px;color:#788193;line-height:1.55}.content{flex:1;min-width:0;padding:38px 34px}.public-content{max-width:1180px;margin:auto;padding:30px 22px}.hero{background:linear-gradient(125deg,#a9111d,#dc3941);color:white;padding:70px 7%;border-radius:18px;margin:30px 0}.hero h1{font-size:clamp(34px,5vw,64px);max-width:700px;margin:12px 0}.hero p{max-width:640px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#b3202c}.hero .eyebrow{color:#ffe7e8}.button{display:inline-block;border:0;background:#bd111f;color:white;padding:13px 23px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:12px}.hero .button{background:white;color:#ac111d}.grid3,.grid4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.metric,.loginbox{background:white;border:1px solid #e7e9ee;border-radius:15px;padding:24px;margin-bottom:18px;box-shadow:0 2px 8px #18223806}.panel h2{font-size:18px;margin:5px 0 16px}.panel p,.muted{color:#697587;line-height:1.6}.metric span{display:block;color:#697587;font-size:13px}.metric strong{display:block;font-size:30px;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head h1{margin:5px 0;font-size:34px}.status{font-size:12px;padding:6px 10px;border-radius:30px;background:#f2f4f6;color:#4b5a6c;display:inline-block}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf0f3}th{color:#586679;font-size:12px;background:#f9fafb}tr:last-child td{border-bottom:0}.smallbtn{border:1px solid #bd111f;background:white;color:#bd111f;padding:8px 10px;border-radius:6px;cursor:pointer}.loginbox{max-width:440px;margin:55px auto}.loginbox label{display:block;font-size:13px;font-weight:700;margin-top:18px}.loginbox input:not([type=hidden]){padding:12px;width:100%;border:1px solid #d8dce4;border-radius:8px;margin-top:5px}.alert{background:#fee8ea;color:#a90f21;border-radius:8px;padding:12px}.icon-circle{background:#fae9eb;color:#ad111e;border-radius:12px;width:40px;height:40px;display:grid;place-items:center;font-weight:800}footer{text-align:center;color:#7c8695;font-size:12px;padding:20px;border-top:1px solid #e5e8ee}@media(max-width:850px){.shell{display:block}.sidebar{width:auto;border-right:0;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:5px}.side-title{width:100%}.side-note{display:none}.content{padding:23px 14px}.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.grid3,.grid4{grid-template-columns:1fr}.top{padding:0 14px}.top nav{gap:10px}.section-head{display:block}.hero{padding:40px 24px}.sidebar a{padding:9px}}
/* Identidad SISOTEK: logotipo original aportado dentro del sistema Ordenes */
.brand-logo{display:flex;align-items:center;gap:12px;letter-spacing:normal}.brand-logo img{display:block;width:178px;height:auto;max-height:53px;object-fit:contain}.brand-logo small{font-size:10px;font-weight:800;white-space:nowrap;color:#b30d1b;letter-spacing:.09em}@media(max-width:640px){.brand-logo{gap:5px}.brand-logo img{width:128px}.brand-logo small{font-size:8px}}