:root{--yellow: #F6C945;--yellow-light: #FEF3C7;--yellow-dark: #D4A017;--black: #111111;--white: #F7F7F7;--green: #5DBB63;--green-light: #D1FAD7;--green-dark: #3A8A3F;--gray: #D9D9D9;--gray-dark: #9CA3AF;--gray-light: #F3F4F6;--red: #EF4444;--red-light: #FEE2E2;--orange: #F97316;--orange-light: #FED7AA;--radius: 16px;--radius-sm: 8px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Poppins,sans-serif;background-color:var(--white);color:var(--black);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-light)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-dark)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;font-size:14px;font-weight:600;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:var(--yellow);color:var(--black)}.btn-primary:hover{background:var(--yellow-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--black);border:2px solid var(--gray)}.btn-outline:hover{border-color:var(--yellow);background:var(--yellow-light)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 14px;font-size:12px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.input-field{width:100%;padding:12px 16px;border:2px solid var(--gray);border-radius:var(--radius-sm);font-size:14px;transition:var(--transition);background:#fff;color:var(--black)}.input-field:focus{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-light)}.input-field::placeholder{color:var(--gray-dark)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--black)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600}.badge-good{background:var(--green-light);color:var(--green-dark)}.badge-warning{background:var(--orange-light);color:var(--orange)}.badge-critical{background:var(--red-light);color:var(--red)}.badge-unknown{background:var(--gray-light);color:var(--gray-dark)}.page-layout{flex:1;display:flex;flex-direction:column}.page-content{flex:1;padding:32px 0}.error-msg{background:var(--red-light);color:var(--red);padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.success-msg{background:var(--green-light);color:var(--green-dark);padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.section-title{font-size:20px;font-weight:700;color:var(--black);margin-bottom:16px}.empty-state{text-align:center;padding:60px 24px;color:var(--gray-dark)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;margin-bottom:24px}