*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#111827}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{background:linear-gradient(#07111f,#09182b);color:#fff;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 20px;border-bottom:1px solid #ffffff18}.brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:12px}.brand b{font-size:20px}.brand small,.profile small{display:block;color:#94a3b8}nav{display:flex;flex-direction:column;gap:6px;margin-top:18px}nav a{padding:14px 15px;border-radius:10px;color:#e5e7eb;text-decoration:none;display:flex;justify-content:space-between}nav a.active,nav a:hover{background:#ffffff12;color:#ff4a4a}nav span{background:#e52424;border-radius:999px;padding:2px 8px}.env{margin-top:auto;border:1px solid #ffffff2e;border-radius:10px;padding:14px;color:#94a3b8}.env b{color:#f2b400}header{height:78px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:25px}.search{flex:1;border:1px solid #d9dee8;border-radius:10px;padding:14px;color:#7a8190}.profile{text-align:right}section{padding:28px}.title{display:flex;justify-content:space-between;align-items:center}.title h1{margin:0;font-size:31px}.title p{color:#6b7280}.title button,.task button{border:1px solid #d8dde7;background:#fff;border-radius:9px;padding:10px 18px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:25px 0}.cards article{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;min-height:150px;display:flex;flex-direction:column}.cards strong{font-size:32px}.cards p{flex:1}.red{border-color:#ffb6b6!important;color:#b91c1c}.orange{border-color:#ffd0a2!important;color:#c75a00}.yellow{border-color:#f6df91!important;color:#997100}.blue{border-color:#a9c3f5!important;color:#1f56b5}.gray{border-color:#cbd5e1!important;color:#4b5563}.grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title a{color:#1d4ed8}.task{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #dbe5f3;border-radius:12px;padding:14px;margin:10px 0;background:#f8fbff}.task.critical{background:#fff6f6;border-color:#ffcaca}.task.warn{background:#fff8f1;border-color:#ffd3ad}.task b,.task span,.task em{display:block}.task span{font-size:13px;color:#555;margin-top:5px}.task em{font-size:12px;color:#1d4ed8;margin-top:4px;font-style:normal}.critical em{color:#dc2626}.warn em{color:#ea580c}ul{list-style:none;padding:0;margin:0}li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eceff3}.c-red{color:#dc2626}.c-green{color:#16a34a}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}aside{display:none}header{height:auto;padding:12px}section{padding:16px}.cards{grid-template-columns:1fr}.title{align-items:flex-start;gap:12px}}