*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#1c2c44;font:14px system-ui,-apple-system,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}header{background:#13233b;color:#fff;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:750;text-decoration:none}.brand small{display:block;font-size:11px;font-weight:400;color:#adbad0;margin-top:3px}.logo{display:grid;place-items:center;width:40px;height:40px;background:#66e4b0;border-radius:11px;font-size:25px;color:#133047}.header-button{border:1px solid #4a5970;background:transparent;border-radius:8px;color:#dce5f1;padding:9px 13px}main{max-width:1250px;margin:0 auto;padding:36px 25px}.narrow{max-width:500px;padding-top:60px}.card{background:#fff;border:1px solid #e0e6ef;border-radius:15px;box-shadow:0 4px 20px #14233b03}.auth{padding:32px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#8391a5;font-weight:700}h1{font-size:30px;letter-spacing:-1px;margin:10px 0}h2{font-size:18px;letter-spacing:-.3px}p{color:#748198;line-height:1.75;margin:0}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;border:1px solid #dce3ec;border-radius:8px;padding:10px 14px;background:#fff;font-weight:600;font-size:13px;color:#3c4e67}.primary{background:#1c3151;color:white;border-color:#1c3151}.danger{background:#bd4354;color:white;border-color:#bd4354}.full{width:100%;margin-top:24px;padding:12px}.notice{background:#eaf1f7;border:1px solid #dce6ef;color:#61768d;border-radius:10px;padding:15px 18px;line-height:1.7;font-size:12px;margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{border:1px solid #e2e7ee;background:#fff;padding:21px;border-radius:13px}.stat span{font-size:12px;color:#79869a}.stat strong{font-size:32px;display:block;margin:9px 0 5px;letter-spacing:-1px}.stat small{font-size:11px;color:#8995a6}.green{color:#17875d}.amber{color:#b28330}.toolbar{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.toolbar h2{margin:0}.filters{display:flex;gap:8px}input,select{border:1px solid #dce3ec;background:white;border-radius:8px;padding:10px 12px;color:#34445e;min-width:0}input:focus,select:focus{outline:2px solid #8ed6b9;outline-offset:1px}label{display:block;margin:21px 0 7px;font-size:12px;font-weight:650}label span{font-weight:400;color:#8996a8}.auth input,.formcard input{width:100%}.auth p{margin-bottom:25px}.auth small,.formcard small{display:block;color:#8390a4;font-size:11px;line-height:1.6;margin-top:7px}.formcard{max-width:600px;padding:30px}.formcard h2{font-size:24px}.back{font-size:12px;color:#7c8a9e;text-decoration:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:#f9fbfd;color:#8995a6;padding:15px 20px;font-weight:650}td{padding:20px;border-top:1px solid #edf0f5}.sitename{font-weight:650;color:#2b3d57}.domain{font-size:12px;color:#8794a7;margin-top:5px;overflow-wrap:anywhere}.status{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:6px 10px;font-size:11px;white-space:nowrap;background:#fff5df;color:#a77a23}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status.up{background:#e9f7ef;color:#17835b}.status.paused{background:#edf1f6;color:#8190a4}.date{font-size:12px;color:#8b97a8;white-space:nowrap}.actions{display:flex;gap:6px}.compact{padding:7px 9px;font-size:11px}.delete{color:#bd5361}.panel-footer{background:#fcfdfe;color:#8995a6;border-top:1px solid #e9eef4;padding:16px 20px;font-size:11px;border-radius:0 0 15px 15px}.empty{text-align:center;padding:38px 15px}.empty h3{font-size:17px;margin:0 0 8px}.empty p{margin-bottom:20px}.message{padding:14px 18px;border-radius:10px;line-height:1.7;margin-bottom:20px}.success{background:#e5f6ed;color:#237a54}.error{background:#ffedef;color:#ab4152}footer{text-align:center;font-size:11px;color:#94a0b1;margin-top:30px}button:focus-visible,a:focus-visible{outline:3px solid #69cba3;outline-offset:3px}@media(max-width:1050px){.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1}td,th{padding:16px 12px}}@media(max-width:650px){header{padding:18px}.brand{font-size:15px}.header-button{font-size:11px}main{padding:25px 16px}.narrow{padding-top:30px}.auth{padding:25px}.intro{align-items:flex-start}.intro h1{font-size:24px}.intro p{font-size:12px}.intro>.button{font-size:11px;padding:10px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat strong{font-size:27px}.filters{flex-wrap:wrap}.filters input{width:100%;flex:auto}.filters select{flex:1}thead{display:none}table,tbody,tr,td{display:block}.projects tbody tr{padding:17px;display:grid;grid-template-columns:1fr auto;gap:15px;border-top:1px solid #edf0f5}td{padding:0;border:0}td:nth-child(3),td:nth-child(4){display:none}td:last-child{grid-column:1/-1}.empty{padding:20px 0;text-align:left}.formcard{padding:23px}.status{font-size:10px}.notice{font-size:11px}}

/* Monitor activo */
.stats{grid-template-columns:repeat(5,1fr)}.status.down{background:#fdecef;color:#bd4053}.status.blocked{background:#fff1db;color:#a8731c}.status.warning{background:#fff4df;color:#a87b22}.red{color:#bf4457}.check-detail{display:block;max-width:240px;font-size:10px;color:#8693a6;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}.check-detail.red{color:#bd4053}.actions{flex-wrap:wrap}.cron-warning{background:#fff5df;border-color:#f0dfb3;color:#93702a}.incident{border-top:1px solid #e6ebf1;margin-top:20px;padding-top:20px}.incident small{display:block;line-height:1.7;color:#8390a4}.toolbar{flex-wrap:wrap}@media(max-width:850px){.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.check-detail{max-width:155px}.tablewrap td:nth-child(3){display:block;color:#8b97a8;font-size:12px}.toolbar .filters{width:100%}}