*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#222}
.sidebar{width:250px;height:100vh;position:fixed;background:#111827;color:white;padding:24px 20px;display:flex;flex-direction:column}
.sidebar h2{margin:0 0 30px 0;font-size:22px}
.sidebar ul{list-style:none;padding:0;margin:0}
.sidebar li{margin:8px 0;padding:10px 12px;border-radius:8px;font-weight:600;font-size:14px;color:#d1d5db}
.sidebar li a{color:#d1d5db;text-decoration:none;display:block}
.sidebar li:hover,.sidebar li.active{background:#1f2937;color:#fff}
.logout-form{margin-top:auto}
.logout-form button{width:100%;border:none;background:#dc2626;color:#fff;padding:11px 12px;border-radius:8px;cursor:pointer;font-weight:700}
.content{margin-left:270px;padding:34px 30px}
.content.no-sidebar{margin-left:0;max-width:850px;margin-right:auto;margin-left:auto}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.topbar h1{margin:0;font-size:30px}.topbar p{margin-top:8px;color:#667085}
.status-badge{background:#ecfdf3;color:#027a48;font-weight:800;border:1px solid #abefc6;padding:8px 12px;border-radius:999px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}
.card{background:white;padding:25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.card h3{margin:0 0 18px 0}.card p{font-size:26px;font-weight:800;margin:0}.card span{display:block;margin-top:10px;font-size:12px;color:#667085}
.table-box{background:white;margin-top:30px;padding:25px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-head h2{margin:0}.section-head span{color:#667085;font-size:13px}
table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #ddd;text-align:left}
.risk{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2ff;color:#3538cd}.risk.low{background:#ecfdf3;color:#027a48}.risk.medium{background:#fffaeb;color:#b54708}.risk.high{background:#fee2e2;color:#991b1b}
.login-body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#111827,#1d4ed8);padding:25px}
.login-box{background:white;padding:40px;border-radius:16px;width:380px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.install-box{width:440px}
.login-box h1{margin:0;font-size:30px}.login-box p{margin:8px 0 25px 0;color:#667085}
.login-box input,.form-box input{width:100%;padding:13px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px}
.form-box label{display:block;font-weight:800;margin-bottom:7px}
.login-box button,.form-box button{width:100%;padding:13px;border:none;background:#2563eb;color:white;border-radius:8px;cursor:pointer;font-weight:800}
.error{background:#fee2e2;color:#991b1b;padding:10px;margin-bottom:15px;border-radius:8px}.notice{background:#ecfdf3;color:#027a48;padding:10px;margin-bottom:15px;border-radius:8px}
.info{margin-top:18px;font-size:13px;color:#666;line-height:1.6}.primary-link,.secondary-link{display:block;text-align:center;text-decoration:none;padding:13px;border-radius:8px;font-weight:800}
.primary-link{background:#2563eb;color:white}.secondary-link{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}
.inline-link{display:inline-block;margin-right:8px;margin-top:8px}
hr{border:none;border-top:1px solid #eee;margin:10px 0 20px}