.app-container{width:100%;max-width:900px;padding:20px}.form-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}h1{color:#333;margin-bottom:10px;font-size:2rem;text-align:center}.subtitle{color:#666;text-align:center;margin-bottom:30px}form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}label{color:#333;font-weight:600;font-size:.95rem}input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;outline:none}input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}input:disabled{background-color:#f5f5f5;cursor:not-allowed}button{padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.status-message{margin-top:20px;padding:12px 16px;border-radius:10px;text-align:center;font-weight:500;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.view-data-btn{margin-top:20px;background:linear-gradient(135deg,#48bb78,#38a169)}.view-data-btn:hover:not(:disabled){box-shadow:0 10px 25px #48bb7866}.data-table-container{margin-top:30px;padding-top:20px;border-top:2px solid #e0e0e0;animation:fadeIn .5s ease}.data-table-container h2{color:#333;font-size:1.5rem;margin-bottom:20px;text-align:center}.table-wrapper{overflow-x:auto;border-radius:10px;box-shadow:0 4px 15px #0000001a}.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.data-table th{padding:12px 16px;text-align:left;font-weight:600;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:12px 16px;color:#333}.data-table td:first-child{font-weight:600;color:#667eea}.no-data{text-align:center;color:#666;padding:30px;font-style:italic}@media (max-width: 600px){.form-card{padding:30px 20px;max-width:100%}.app-container{max-width:100%}h1{font-size:1.5rem}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:10px 12px}.data-table-container h2{font-size:1.3rem}}*{margin:0;padding:0;box-sizing:border-box}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:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}