*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f5f5}#root{min-height:100vh}a{color:#1976d2;text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1e293b;color:#fff;padding:1rem}.sidebar a{color:#94a3b8;display:block;padding:.5rem 0}.sidebar a:hover,.sidebar a.active{color:#fff}.main{flex:1;padding:1.5rem}.page-title{margin:0 0 1rem;font-size:1.25rem}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #eee}th{background:#f8fafc;font-weight:600}.btn{display:inline-block;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.875rem}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover{background:#1565c0}.btn-secondary{background:#e2e8f0;color:#334155}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;max-width:400px;padding:.5rem;border:1px solid #cbd5e1;border-radius:6px}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem}