@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a202c;background-color:#f8fafc;max-width:100vw;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}*{box-sizing:border-box}body{position:relative}body.sidebar-open{overflow:hidden}.main-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.content-wrapper{background:#fff;border-radius:16px;width:100%;max-width:1000px;padding:40px;animation:.6s ease-out forwards fadeIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.loading-state{text-align:center}.header{text-align:center;margin-bottom:40px}.logo{height:60px;margin-bottom:16px}.title{color:#1a202c;letter-spacing:-.5px;margin-bottom:10px;font-size:2.5rem;font-weight:700}.subtitle{color:#718096;font-size:1.1rem;font-weight:400}.btn-secondary{color:#fff;background-color:#6c757d}.btn-secondary:hover{background-color:#545b62}.btn-danger{color:#fff;background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.btn-outline{color:#06c;background-color:#0000;border:1px solid #06c}.btn-outline:hover{color:#fff;background-color:#06c}.btn-success{color:#fff;background-color:#10b981;border:1px solid #10b981}.btn-success:hover{background-color:#059669;border-color:#059669}.btn-success:disabled{cursor:not-allowed;opacity:.7;background-color:#6b7280;border-color:#6b7280}.button-group{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.form-group{margin-bottom:20px}.form-label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-control{border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:12px 16px;font-size:16px;transition:border-color .2s}.form-control:focus{border-color:#06c;outline:none}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;padding:32px;overflow-y:auto}.modal-title{color:#333;margin-bottom:24px;font-size:24px;font-weight:600}.alert{border-radius:8px;margin-bottom:20px;padding:16px;font-size:14px}.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}@media (max-width:768px){.content-wrapper{padding:30px 20px}.title,.hero-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:20px}.card{padding:20px}.button-group{flex-direction:column}.btn{width:100%}}.hero-section{text-align:center;margin:40px 0}.hero-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:700}.hero-description{color:#6b7280;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0;display:grid}.feature-icon{margin-bottom:15px;font-size:2.5rem}.cta-card{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);margin-top:40px}.cta-description{margin-bottom:30px;font-size:1.1rem}.cta-button{padding:12px 30px;font-size:1.1rem}.footer{text-align:center;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:60px;padding-top:30px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:30px;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-title{color:#2d3748;margin-bottom:15px;font-size:1.5rem;font-weight:600}.card-content{color:#4a5568;line-height:1.6}.btn{text-align:center;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}