:root{--bg-color: #0d1117;--surface-color: rgba(255, 255, 255, .05);--surface-border: rgba(255, 255, 255, .1);--primary-color: #7928ca;--primary-gradient: linear-gradient(135deg, #7928ca 0%, #ff0080 100%);--text-primary: #ffffff;--text-secondary: #8b949e;--danger: #ff4b4b;--success: #2ea043}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;color-scheme:dark}select option{background-color:var(--bg-color);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}a{color:var(--text-primary);text-decoration:none;transition:all .3s ease}.glass-panel{background:var(--surface-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--surface-border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000005e}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #ff0080cc}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--surface-border);padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--surface-color);border-color:#fff3}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.input-group input{width:100%;padding:12px 16px;border-radius:8px;background:#0003;border:1px solid var(--surface-border);color:var(--text-primary);font-size:1rem;font-family:Outfit,sans-serif;transition:all .3s}.input-group input:focus{outline:none;border-color:#7928ca;box-shadow:0 0 0 2px #7928ca33}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;border-right:1px solid var(--surface-border);padding:2rem;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 4rem;overflow-y:auto}.logo-container{font-size:1.5rem;font-weight:800;margin-bottom:3rem;display:flex;align-items:center;gap:10px}.logo-container span{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.nav-links{display:flex;flex-direction:column;gap:1rem}.nav-link{padding:10px 16px;border-radius:8px;font-weight:500;color:var(--text-secondary)}.nav-link:hover,.nav-link.active{background:var(--surface-color);color:var(--text-primary)}.user-profile-widget{margin-top:auto;padding-top:2rem;border-top:1px solid var(--surface-border);display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:700}.menu-toggle-btn{display:none!important}@media (max-width: 992px){.main-content{padding:1.5rem 2rem!important}}@media (max-width: 768px){.app-container{flex-direction:column!important;min-height:100vh}.menu-toggle-btn{display:block!important;background:transparent!important;border:none!important;color:var(--text-primary)!important;cursor:pointer!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .2s!important}.menu-toggle-btn:active{transform:scale(.9)!important}.sidebar{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--surface-border)!important;padding:1rem 1.25rem!important;flex-direction:column!important;position:sticky!important;top:0;z-index:100;background:#0d1117f5!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.sidebar .logo-container{margin-bottom:0!important;font-size:1.25rem!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.sidebar:not(.menu-open) .nav-links,.sidebar:not(.menu-open) .user-profile-widget{display:none!important}.sidebar.menu-open .nav-links{display:flex!important;flex-direction:column!important;width:100%!important;margin-top:1.25rem!important;gap:.5rem!important;max-height:380px!important;overflow-y:auto!important;padding-bottom:1rem!important}.sidebar.menu-open .nav-link{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 16px!important;font-size:.9rem!important;border-radius:8px!important;width:100%!important;white-space:nowrap!important}.sidebar.menu-open .nav-group-title{display:block!important;font-size:.7rem!important;font-weight:700!important;color:var(--text-secondary)!important;margin:15px 0 5px 10px!important;text-transform:uppercase!important}.sidebar.menu-open .admin-title{color:var(--warning)!important}.sidebar.menu-open .user-profile-widget{display:flex!important;margin-top:.5rem!important;padding-top:1rem!important;border-top:1px solid var(--surface-border)!important;width:100%!important;justify-content:space-between!important;align-items:center!important}.sidebar.menu-open .user-profile-widget>div:nth-child(2){max-width:180px!important}.main-content{padding:1.25rem 1rem!important;width:100%!important;overflow-y:visible!important}.main-content header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:1.5rem!important}.main-content header h1{font-size:1.4rem!important}.main-content header p{font-size:.85rem!important}.main-content header button{width:100%!important;padding:10px!important;font-size:.9rem!important;justify-content:center!important}.animate-fade-in>div[style*="display: grid"],.animate-fade-in>div[style*=grid-template-columns],.main-content div[style*="display: grid"],div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:1.25rem!important}div[style*="display: flex"][style*=gap]:not(.logo-container),.glass-panel div[style*="display: flex"]:not(.logo-container),.card div[style*="display: flex"]:not(.logo-container){flex-direction:column!important;align-items:stretch!important;gap:1rem!important}div[style*="display: flex"][style*=gap]:not(.logo-container)>div,.glass-panel div[style*="display: flex"]:not(.logo-container)>div,.card div[style*="display: flex"]:not(.logo-container)>div{flex:unset!important;width:100%!important}.glass-panel,.card{padding:1.25rem!important;border-radius:12px!important;overflow-x:auto!important;box-shadow:0 4px 20px #00000040!important}table{min-width:650px!important;width:100%!important}th,td{padding:10px 12px!important;font-size:.8rem!important}h2{font-size:1.3rem!important;margin-bottom:1.25rem!important}h3{font-size:1.1rem!important;margin-top:2rem!important;margin-bottom:1rem!important}.btn-primary,.btn-secondary{padding:10px 20px!important;font-size:.9rem!important;width:100%!important;justify-content:center!important}.glass-panel button,.card button{width:100%!important;margin-top:.5rem!important}}