:root{--primary-color: #2563eb;--secondary-color: #475569;--success-color: #16a34a;--danger-color: #dc2626;--warning-color: #f59e0b;--info-color: #0891b2;--light-bg: #f8fafc;--dark-bg: #1e293b}body{background-color:var(--light-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.card{border:none;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:all .3s}.card:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-success{background-color:var(--success-color);border-color:var(--success-color)}.table{background:#fff;border-radius:.5rem;overflow:hidden}.table thead th{background-color:var(--dark-bg);color:#fff;font-weight:500;border:none}.navbar{background-color:#fff;box-shadow:0 1px 3px #0000001a;padding:1rem 0}.page-header{padding:2rem 0;margin-bottom:2rem;background:#fff;border-bottom:1px solid #e2e8f0}.content-wrapper{padding:2rem 0}body{margin:0;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-color:#f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:#0d6efd}.form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 .15rem #0d6efd40}.card{border-radius:10px;border:none;max-width:300px;margin:0 auto}.card-img-wrapper{position:relative;overflow:hidden;height:180px}.card-img-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center}.card-body{padding:1rem}.card-text p{margin-top:.15rem;font-size:.8rem;line-height:1.3}.card-title{font-size:1.1rem;margin-bottom:.75rem}.card-text small{font-size:.7rem}.row-cols-md-3>*{padding:.5rem}.action-buttons .btn{padding:.25rem .75rem;font-size:.8rem}.hover-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff}.hover-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a!important}.card-header{border-radius:15px 15px 0 0!important}.btn{border-radius:8px;padding:.5rem 1.5rem;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.navbar{box-shadow:0 2px 4px #0000001a}.nav-link{position:relative;padding:.5rem 1rem}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#fff;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:80%}.card-img-wrapper .card-img-overlay{background:linear-gradient(to top,#000000b3,#0000);opacity:0;transition:opacity .3s ease}.card-img-wrapper:hover .card-img-overlay{opacity:1}.action-buttons .btn{transform:translateY(20px);transition:transform .3s ease}.card-img-wrapper:hover .action-buttons .btn{transform:translateY(0)}.btn-light{background-color:#ffffffe6}.btn-light:hover{background-color:#fff}.btn-group .btn{padding:.25rem .5rem;margin:0 1px}.btn-group .btn i{font-size:.875rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table td{vertical-align:middle}.row-cols-1.row-cols-md-3 .card{border-radius:10px;border:none;max-width:300px;margin:0 auto}.row-cols-1.row-cols-md-3 .card-img-wrapper{position:relative;overflow:hidden;height:180px}.row-cols-1.row-cols-md-3 .card-img-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center}.row-cols-1.row-cols-md-3 .card-body{padding:1rem}.row-cols-1.row-cols-md-3 .card-text p{margin-top:.15rem;font-size:.8rem;line-height:1.3}.row-cols-1.row-cols-md-3 .card-title{font-size:1.1rem;margin-bottom:.75rem}.row-cols-1.row-cols-md-3 .card-text small{font-size:.7rem}.row-cols-1.row-cols-md-3 .action-buttons .btn{padding:.25rem .75rem;font-size:.8rem}.card.mb-4{max-width:100%}.card.mb-4 .card-body{padding:0}.card.mb-4 .d-flex{padding:1rem}.card.mb-4 iframe{width:100%;height:800px;border:none;display:block;background-color:#f8f9fa}.container>.card{max-width:600px;margin:2rem auto;box-shadow:0 0 20px #0000000d}.container>.card .card-header{background-color:#0d6efd;color:#fff;padding:1.5rem;text-align:center;font-size:1.5rem}.container>.card .card-body{padding:2rem}.container>.card .form-group{margin-bottom:1.5rem}.container>.card .form-control{padding:.75rem;font-size:1rem}.container>.card textarea.form-control{min-height:90px}.container>.card .btn-primary{width:100%;padding:.75rem;font-size:1.1rem;margin-top:1rem}.container .card{max-width:none}.container .form-floating{margin-bottom:.5rem}.container .form-control{height:2.5rem;font-size:1rem}.container textarea.form-control{height:100px!important;padding-top:1.5rem!important}.container .form-floating label{padding:1rem}.container .btn-lg{padding:.8rem 2rem;font-size:1.1rem}.bg-gradient-primary{background:linear-gradient(45deg,#4e54c8,#8f94fb)}.bg-gradient-success{background:linear-gradient(45deg,#1cb142,#3dca64)}.bg-gradient-info{background:linear-gradient(45deg,#11cdef,#1171ef)}.bg-gradient-warning{background:linear-gradient(45deg,#fb6340,#fbb140)}.card{border:none;border-radius:15px;box-shadow:0 0 20px #0000001a;transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.card-body{padding:1.5rem}.opacity-50{opacity:.5}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}