:root{--afe-blue: #23abe1;--afe-blue-dark: #1b8cb8;--afe-navy: #20303a;--afe-white: #ffffff;--gray-50: #f7f9fa;--gray-100: #eef2f4;--gray-200: #dde4e8;--gray-500: #6b7a83;--radius: 10px;--shadow: 0 1px 3px rgba(32, 48, 58, .08), 0 1px 2px rgba(32, 48, 58, .04)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--afe-navy);background:var(--gray-50);-webkit-font-smoothing:antialiased}a{color:var(--afe-blue)}h1,h2,h3{font-weight:700;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}.btn{background:var(--afe-blue);color:var(--afe-white);border:none;border-radius:var(--radius);padding:.6rem 1.1rem;font-weight:600;font-size:.95rem}.btn:hover{background:var(--afe-blue-dark)}.btn-ghost{background:transparent;color:var(--afe-navy);border:1px solid var(--gray-200)}.card{background:var(--afe-white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.input{width:100%;padding:.6rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;font-family:inherit}.input:focus{outline:2px solid var(--afe-blue);border-color:var(--afe-blue)}.dash-card{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.dash-card:hover{transform:translateY(-2px);border-color:var(--afe-blue);box-shadow:0 4px 12px #20303a1a}