*{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,#f8f9fa,#e8ece5);min-height:100vh}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:90px 24px 24px}body .container:first-child{padding-top:24px}.btn{padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 2px 8px #2c3e3a1a}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c3e3a26}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#5a9b8b,#4a8b7b);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4a8b7b,#3a7b6b);box-shadow:0 4px 12px #5a9b8b4d}.btn-secondary{background-color:#b8c9c4;color:#2c3e3a}.btn-secondary:hover{background-color:#a8b9b4;box-shadow:0 4px 12px #b8c9c44d}.btn-danger{background-color:#e07a5f;color:#fff}.btn-danger:hover{background-color:#d06a4f;box-shadow:0 4px 12px #e07a5f4d}.btn-success{background:linear-gradient(135deg,#7fb3d3,#6fa3c3);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#6fa3c3,#5f93b3);box-shadow:0 4px 12px #7fb3d34d}.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px #2c3e3a14;margin-bottom:24px;border:1px solid rgba(224,232,229,.5);transition:box-shadow .3s ease}.card:hover{box-shadow:0 6px 24px #2c3e3a1f}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:10px;font-weight:600;color:#2c3e3a;font-size:15px}.form-label.required:after{content:" *";color:#e07a5f}.form-control{width:100%;padding:12px 16px;border:2px solid #E0E8E5;border-radius:10px;font-size:16px;font-family:inherit;background-color:#f8f9fa;transition:all .3s ease;color:#2c3e3a}.form-control:hover{border-color:#b8c9c4;background-color:#fff}.form-control:focus{outline:none;border-color:#5a9b8b;background-color:#fff;box-shadow:0 0 0 4px #5a9b8b1a}.form-control.error{border-color:#e07a5f;background-color:#fff5f3}.error-message{color:#e07a5f;font-size:14px;margin-top:6px;font-weight:500}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235A9B8B' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #2c3e3a14;border:1px solid rgba(224,232,229,.5)}.table th{background:linear-gradient(135deg,#5a9b8b,#4a8b7b);color:#fff;padding:16px;text-align:left;font-weight:600;font-size:15px}.table td{padding:16px;border-bottom:1px solid #E0E8E5;color:#2c3e3a}.table tr:last-child td{border-bottom:none}.table tr:nth-child(2n){background-color:#f8f9fa}.table tr:hover{background-color:#f0f4f2;transition:background-color .2s ease}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn-sm{padding:8px 16px;font-size:14px;border-radius:8px}.empty-state{text-align:center;padding:80px 20px;color:#6b7a76}.empty-state h3{margin-bottom:12px;color:#2c3e3a;font-size:24px;font-weight:600}.loading{display:flex;justify-content:center;align-items:center;padding:60px}.spinner{border:4px solid #E0E8E5;border-top:4px solid #5A9B8B;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{background:#fff;padding:32px;margin-bottom:24px;border-radius:16px;box-shadow:0 4px 20px #2c3e3a14;border:1px solid rgba(224,232,229,.5)}.header h1{color:#2c3e3a;margin-bottom:12px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#5a9b8b,#7fb3d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#6b7a76;font-size:16px;line-height:1.6}.summary-box{background:linear-gradient(135deg,#f0f4f2,#e8ece5);padding:24px;border-radius:12px;margin-bottom:24px;border:1px solid rgba(224,232,229,.5)}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;align-items:center}.summary-label{font-weight:600;color:#2c3e3a}.summary-value{font-weight:700;font-size:20px;color:#5a9b8b}@media (max-width: 768px){.container{padding:16px}.table{font-size:14px}.table th,.table td{padding:12px}.header{padding:24px}.header h1{font-size:28px}.card{padding:20px}}