:root{--primary:#652cbb;--primary-hover:#501d9e;--bg-dark:#250b52;--bg-light:#fff;--bg-gray:#f8f6ff;--bg-card:#fff;--text-main:#250b52;--text-muted:#6b6b6b;--accent:#a869f7;--danger:#ff4d4d;--border:#e0d7f7;--shadow:0 4px 20px #652cbb14;--shadow-hover:0 10px 40px #250b521f;--radius:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .3s}.card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fffc;padding:2rem}.btn{cursor:pointer;border:none;border-radius:12px;padding:.8rem 1.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 15px #652cbb4d}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.input-group{margin-bottom:1.5rem}.input-group label{color:var(--bg-dark);margin-bottom:.6rem;font-size:.85rem;font-weight:700;display:block}.input-group input,.input-group select,.input-group textarea{width:100%;color:var(--text-main);background:#fdfcff;border:1.5px solid #e0d7f7;border-radius:12px;outline:none;padding:1rem 1.2rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23652cbb' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:1.1em;padding-right:3rem}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #652cbb1a}.dashboard-container{background:var(--bg-gray);min-height:100vh;display:flex}.sidebar{background:var(--bg-dark);color:#fff;flex-direction:column;width:280px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.sidebar-nav{flex:1;margin-top:2rem;margin-bottom:1.5rem;padding-right:.25rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.nav-item{color:#ffffffb3;transition:var(--transition);border-radius:99px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.8rem 1.2rem;font-weight:600;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active{background:var(--primary);box-shadow:0 4px 15px #652cbb4d}.logout-btn{background:var(--danger);color:#fff;text-align:center;cursor:pointer;transition:var(--transition);border:1px solid #ff4d4d33;border-radius:12px;margin-top:auto;padding:.8rem;font-weight:600}.logout-btn:hover{color:#ff4d4d;background:#ff4d4d1a}.main-content{flex:1;padding:4rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#250b5266;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{width:450px;animation:.3s cubic-bezier(.4,0,.2,1) modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.logo{margin-bottom:2.5rem;text-decoration:none;display:block}.logo-img{border-radius:12px;width:100%;max-width:160px;height:auto;margin:0 auto;display:block}table{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:visible}th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);text-align:left;background:#652cbb0d;padding:1.25rem;font-size:.8rem}td{border-bottom:1px solid var(--border);padding:1.25rem}.status-badge{color:var(--primary);background:#652cbb1a;border-radius:99px;padding:.3rem .8rem;font-size:.75rem;font-weight:700}@media (width<=992px){.dashboard-container{flex-direction:column!important}.sidebar{border-bottom:2px solid #ffffff0d!important;border-right:none!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;height:auto!important;padding:1rem!important;display:flex!important;position:relative!important}.sidebar .logo{margin-bottom:0!important}.sidebar-nav{-webkit-overflow-scrolling:touch;white-space:nowrap!important;flex-direction:row!important;width:100%!important;margin-top:1rem!important;padding-bottom:.5rem!important;display:flex!important;overflow-x:auto!important}.nav-item{background:#ffffff0d;white-space:nowrap!important;margin-bottom:0!important;margin-right:.5rem!important;padding:.6rem 1.2rem!important;font-size:.9rem!important}.nav-item.active{background:var(--primary)!important;color:#fff!important}.main-content{padding:1.5rem!important}.desktop-only{display:none!important}.logo-img{max-width:120px!important}.card{padding:1.25rem!important}}@media (width<=768px){.card{overflow-x:auto!important}table{min-width:600px}.grid-2,.grid-3,form[style*="display: grid"]{grid-template-columns:1fr!important}input,select,textarea,.btn{padding:.75rem 1rem!important;font-size:.9rem!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}}.mobile-stack{flex-direction:column;display:flex}@media (width>=769px){.mobile-only{display:none!important}}.nav-landing{border-bottom:1px solid var(--border);z-index:100;transition:var(--transition);background-color:#f8f8f8;justify-content:space-between;align-items:center;padding:1rem 5rem;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.section-padding{padding:4rem 5rem}.responsive-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.footer-main{border-top:1px solid var(--border);background-color:var(--bg-gray);margin-top:4rem;padding:4rem 5rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.hero-title{font-size:4rem}@media (width<=1024px){.nav-landing{padding:1rem 2rem}.section-padding,.footer-main{padding:3rem 2rem}}@media (width<=768px){.nav-landing{flex-direction:column;gap:1rem;height:auto;padding:.8rem 1rem}.responsive-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.responsive-grid.reverse-mobile div:first-child{order:2}.responsive-grid.reverse-mobile div:last-child{order:1}.section-padding{padding:2.5rem 1.5rem}.hero-title{font-size:2.5rem!important;line-height:1.2!important}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}