:root{--primary: #00d4aa;--primary-dark: #00b892;--secondary: #6c63ff;--dark: #1a1d29;--dark-2: #252936;--light: #f8f9fa;--gradient-primary: linear-gradient(135deg, #00d4aa 0%, #6c63ff 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f8f9fa;color:#1a1d29;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary-custom{display:inline-block;padding:.75rem 2rem;border-radius:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;background:linear-gradient(135deg, #00d4aa 0%, #6c63ff 100%);color:#fff}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,212,170,.25);color:#fff}.btn-outline-custom{display:inline-block;padding:.75rem 2rem;border-radius:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;background:rgba(0,0,0,0);border:2px solid #00d4aa;color:#00d4aa}.btn-outline-custom:hover{background:#00d4aa;color:#fff}.btn-dark-custom{display:inline-block;padding:.75rem 2rem;border-radius:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;background:#1a1d29;color:#fff}.btn-dark-custom:hover{background:#252936}.btn-danger-custom{display:inline-block;padding:.75rem 2rem;border-radius:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;background:#dc3545;color:#fff}.btn-danger-custom:hover{background:rgb(189.2151898734,32.7848101266,47.7721518987)}.navbar{padding:1rem 0}.navbar .navbar-brand{font-size:1.5rem;font-weight:700;color:#1a1d29}.navbar .navbar-brand i{color:#00d4aa}.navbar .nav-link{font-weight:500;color:#1a1d29;padding:.5rem 1rem}.navbar .nav-link:hover{color:#00d4aa}.top-navbar{background:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}.top-navbar .page-title{font-size:1.25rem;font-weight:600;color:#1a1d29}.top-navbar .navbar-user{display:flex;align-items:center;gap:.75rem}.top-navbar .navbar-user .user-name{font-weight:500;color:#1a1d29}.top-navbar .navbar-user .user-avatar{width:40px;height:40px;background:linear-gradient(135deg, #00d4aa 0%, #6c63ff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-wrapper{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(135deg, #1a1d29 0%, #252936 100%);color:#fff;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1000}@media(min-width: 576px)and (max-width: 991px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}}@media(max-width: 575px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}}.sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar .sidebar-header .sidebar-brand{font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.sidebar .sidebar-header .sidebar-brand i{color:#00d4aa}.sidebar .sidebar-nav{padding:1rem 0}.sidebar .sidebar-nav .nav-item{margin:.25rem 0}.sidebar .sidebar-nav .nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:hsla(0,0%,100%,.7);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.sidebar .sidebar-nav .nav-link i{font-size:1.25rem}.sidebar .sidebar-nav .nav-link:hover{color:#fff;background:hsla(0,0%,100%,.1)}.sidebar .sidebar-nav .nav-link.active{color:#fff;background:rgba(0,212,170,.2);border-left:3px solid #00d4aa}.main-content{flex:1;margin-left:260px;min-height:100vh;background:#f8f9fa}@media(min-width: 576px)and (max-width: 991px){.main-content{margin-left:0}}@media(max-width: 575px){.main-content{margin-left:0}}.content-area{padding:2rem}@media(max-width: 575px){.content-area{padding:1rem}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.sidebar-overlay.active{display:block}.sidebar-toggle{color:#1a1d29;font-size:1.5rem;padding:0;border:none;background:none}.form-control{border:2px solid #e9ecef;border-radius:.5rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.form-control:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.1)}.form-select{border:2px solid #e9ecef;border-radius:.5rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.form-select:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.1)}.form-label{font-weight:500;color:#1a1d29;margin-bottom:.5rem}.auth-card .auth-header{text-align:center;margin-bottom:2rem}.auth-card .auth-header .auth-logo{font-size:1.75rem;font-weight:800;display:block;margin-bottom:1.5rem;text-decoration:none}.auth-card .auth-header .auth-logo i{color:#00d4aa}.auth-card .auth-header h2{font-size:1.5rem;color:#1a1d29;margin-bottom:.5rem}.auth-card .auth-header p{color:rgba(26,29,41,.6);margin-bottom:0}.auth-card .auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.auth-card .auth-footer p{margin-bottom:0;color:rgba(26,29,41,.7)}.auth-card .auth-footer a{color:#00d4aa;font-weight:500}.auth-card .auth-footer a:hover{text-decoration:underline}.dashboard-body{background:#f8f9fa}.welcome-card{background:linear-gradient(135deg, #00d4aa 0%, #6c63ff 100%);color:#fff;padding:2rem;border-radius:1.5rem;margin-bottom:2rem}.welcome-card h2{font-size:1.75rem;margin-bottom:.5rem}.welcome-card p{opacity:.9}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-card .stat-icon{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card .stat-icon.primary{background:rgba(0,212,170,.1);color:#00d4aa}.stat-card .stat-icon.secondary{background:rgba(108,99,255,.1);color:#6c63ff}.stat-card .stat-icon.warning{background:rgba(255,193,7,.1);color:#ffc107}.stat-card .stat-icon.danger{background:rgba(220,53,69,.1);color:#dc3545}.stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:#1a1d29}.stat-card .stat-content .stat-label{color:rgba(26,29,41,.6);font-size:.875rem}.card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;margin-bottom:1.5rem}.card .card-header{background:#fff;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem;font-weight:600}.card .card-header h5{margin:0;display:flex;align-items:center;gap:.5rem}.card .card-header h5 i{color:#00d4aa}.card .card-body{padding:1.5rem}.table{margin-bottom:0}.table th{font-weight:600;color:#1a1d29;border-bottom:2px solid #e9ecef;padding:1rem}.table td{padding:1rem;vertical-align:middle;border-bottom:1px solid #e9ecef}.table tbody tr:hover{background:rgba(0,212,170,.02)}.badge{padding:.35rem .75rem;border-radius:.5rem;font-weight:500;font-size:.75rem}.hero-section{min-height:100vh;background:linear-gradient(135deg, rgba(0, 212, 170, 0.05) 0%, rgba(108, 99, 255, 0.05) 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:4rem 0}.hero-section::before{content:"";position:absolute;width:600px;height:600px;background:linear-gradient(135deg, #00d4aa 0%, #6c63ff 100%);border-radius:50%;filter:blur(120px);opacity:.15;top:-200px;right:-200px;animation:float 20s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(0, 0) rotate(0deg)}33%{transform:translate(30px, -30px) rotate(5deg)}66%{transform:translate(-20px, 20px) rotate(-5deg)}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#1a1d29}@media(min-width: 576px)and (max-width: 991px){.hero-title{font-size:2.5rem}}@media(max-width: 575px){.hero-title{font-size:2rem}}.hero-subtitle{font-size:1.25rem;color:rgba(26,29,41,.7);margin-bottom:2rem;max-width:500px}.benefit-card{background:#fff;border-radius:1rem;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);padding:2rem;text-align:center}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 32px rgba(0,0,0,.16)}.benefit-card .benefit-icon{width:80px;height:80px;background:rgba(0,212,170,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.benefit-card .benefit-icon i{font-size:2rem;color:#00d4aa}.benefit-card h4{margin-bottom:1rem;color:#1a1d29}.benefit-card p{color:rgba(26,29,41,.6);margin-bottom:0}.fade-in{animation:fadeIn .8s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}