*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#333}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:.5em}h1{font-size:32px}h2{font-size:28px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{line-height:1.6;margin-bottom:.5em}a{color:#667eea;text-decoration:none;transition:color .3s ease}a:hover{color:#764ba2;text-decoration:underline}input,textarea,select{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease;background:#fff}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=tel],textarea,select{width:100%}textarea{resize:vertical;font-family:inherit}label{display:block;margin-bottom:6px;font-weight:500;color:#333}button{font-family:inherit;cursor:pointer;transition:all .3s ease;border:none;border-radius:8px;font-weight:600}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,input[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;font-size:16px}button.primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}button.secondary{background:#f0f0f0;color:#333;padding:10px 20px;font-size:14px;border:1px solid #ddd}button.secondary:hover:not(:disabled){background:#e0e0e0}button.danger{background:#ff6b6b;color:#fff;padding:10px 20px;font-size:14px}button.danger:hover:not(:disabled){background:#ff5252;box-shadow:0 4px 12px #ff6b6b66}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}th{background:#f5f5f5;padding:12px 16px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}td{padding:12px 16px;border-bottom:1px solid #f0f0f0}tr:hover{background:#fafafa}.container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.alert{padding:14px 16px;border-radius:8px;margin-bottom:16px;border-left:4px solid}.alert-success{background:#e8f5e9;color:#2e7d32;border-left-color:#4caf50}.alert-error{background:#ffebee;color:#c62828;border-left-color:#f44336}.alert-warning{background:#fff3e0;color:#e65100;border-left-color:#ff9800}.alert-info{background:#e3f2fd;color:#1565c0;border-left-color:#2196f3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}