body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#1f2937}aside{position:fixed;left:0;top:0;width:230px;height:100vh;background:#111827;color:white;padding:20px;box-sizing:border-box}aside h2{font-size:20px;margin:0 0 25px}aside a{display:block;color:#d1d5db;text-decoration:none;padding:10px;border-radius:8px;margin-bottom:4px}aside a:hover{background:#374151;color:white}main{margin-left:230px;padding:24px}.topo{background:white;padding:14px 18px;border-radius:12px;margin-bottom:20px;box-shadow:0 1px 5px #ddd}.card{background:white;padding:18px;border-radius:12px;box-shadow:0 1px 5px #ddd;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.kpi{font-size:28px;font-weight:bold}table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid #eee;text-align:left}th{background:#f9fafb}input,select,textarea{width:100%;padding:10px;margin:6px 0 12px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}button,.btn{background:#2563eb;color:white;border:0;padding:10px 14px;border-radius:8px;text-decoration:none;cursor:pointer}.danger{background:#dc2626}.login{display:flex;align-items:center;justify-content:center;height:100vh}.login .card{width:360px}