*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#app{min-height:100vh}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-primary{background:#333;color:#fff}.btn-primary:hover{background:#000}.btn-secondary{background:#f0f0f0;border:1px solid #ddd;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.form-group{margin-bottom:20px}.form-label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#333;box-shadow:0 0 0 3px #3333331a;outline:none}.form-textarea{min-height:120px;resize:vertical}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header{border-bottom:1px solid #f0f0f0;padding:20px}.card-body{padding:20px}.card-title{color:#333;font-size:18px;font-weight:600;margin:0}.table{background:#fff;border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #f0f0f0;padding:12px;text-align:left}.table th{color:#333;font-weight:600}.table th,.table tr:hover{background:#f8f9fa}.status-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}@media (max-width:768px){.btn{font-size:14px;padding:10px 16px}.card-body,.card-header{padding:16px}.table td,.table th{font-size:14px;padding:8px}}