.joggis-app-shell{--shell-sidebar:68px;--joggis-bg:#050609;--joggis-nav:#090a0e;--joggis-card:#121318;--joggis-card-raised:#16181e;--joggis-border:#252933;--joggis-border-strong:#303541;--joggis-cyan:#5fe6f5;background:var(--joggis-bg)}.joggis-app-shell>div:first-child{display:none}.joggis-sidebar{z-index:60;width:var(--shell-sidebar);background:var(--joggis-nav);border-right:1px solid var(--joggis-border);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 30px #0000002e}.joggis-sidebar-logo{color:#050609;background:linear-gradient(135deg,#8cf2ff,#20bcd4);border-radius:11px;place-items:center;width:38px;height:38px;margin:13px 0 22px;font-style:italic;font-weight:950;display:grid;box-shadow:0 0 24px #5fe6f538}.joggis-sidebar-nav,.joggis-sidebar-bottom{flex-direction:column;gap:8px;display:flex}.joggis-sidebar-bottom{margin-top:auto;margin-bottom:16px}.joggis-sidebar a:not(.joggis-sidebar-logo),.joggis-sidebar button{color:#6b7280;border-radius:8px;place-items:center;width:42px;height:42px;transition:all .18s;display:grid}.joggis-sidebar svg{width:18px;height:18px}.joggis-sidebar a:hover,.joggis-sidebar button:hover,.joggis-sidebar a.active{color:#5fe6f5;background:#5fe6f517}.joggis-sidebar a.active{box-shadow:inset 3px 0 #5fe6f5}.joggis-topbar,.joggis-dashboard-content,.joggis-shell-content{margin-left:var(--shell-sidebar)}.joggis-topbar{border-color:var(--joggis-border)!important;background:#090a0ef7!important}.joggis-top-tabs{gap:28px;height:64px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.joggis-top-tabs a{color:#a3a7b0;border-bottom:2px solid #0000;align-items:center;font-size:13px;display:flex}.joggis-top-tabs a:hover,.joggis-top-tabs a.active{color:#fff;border-bottom-color:#5fe6f5}.joggis-dashboard-content{padding:22px!important}.joggis-dashboard-content .rounded-2xl{border-radius:18px}.joggis-dashboard-content .rounded-xl{border-radius:14px}.joggis-dashboard-content .bg-white\/5,.joggis-dashboard-content .from-white\/5{background-color:var(--joggis-card)}.joggis-dashboard-content .bg-white\/10,.joggis-dashboard-content .to-white\/10{background-color:var(--joggis-card-raised)}.joggis-dashboard-content .border-white\/10{border-color:var(--joggis-border-strong)}.joggis-dashboard-content .text-white\/60{color:#a3a7b0}.joggis-dashboard-content .text-white\/70{color:#c4c7ce}.joggis-dashboard-content .text-white\/40{color:#6b7280}.joggis-dashboard-content .from-app-cyan\/10,.joggis-dashboard-content .from-blue-300\/10,.joggis-dashboard-content .to-blue-300\/10{--tw-gradient-from:#5fe6f50e var(--tw-gradient-from-position);--tw-gradient-to:#5fe6f500 var(--tw-gradient-to-position)}.joggis-dashboard-content .to-blue-300\/10{--tw-gradient-to:#5fe6f506 var(--tw-gradient-to-position)}.joggis-dashboard-content button,.joggis-dashboard-content a{box-shadow:none}.joggis-dashboard-content .xl\:grid-cols-3{gap:12px}.joggis-dashboard-content .space-y-8>:not([hidden])~:not([hidden]){margin-top:12px}.joggis-dashboard-content h2,.joggis-dashboard-content h3{letter-spacing:-.015em}@media (max-width:1024px){.joggis-top-tabs{display:none}}@media (max-width:700px){.joggis-app-shell{--shell-sidebar:0px;padding-bottom:66px}.joggis-sidebar{border:0;border-top:1px solid #252933;flex-direction:row;justify-content:center;width:100%;height:58px;inset:auto 0 0}.joggis-sidebar-logo,.joggis-sidebar-bottom{display:none}.joggis-sidebar-nav{flex-direction:row;gap:12px}.joggis-topbar{margin-left:0}.joggis-topbar>div>div>div:first-child{display:none}.joggis-dashboard-content{margin-left:0;padding:16px!important}.joggis-shell-content{margin-left:0}}.dashboard-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{background:#fff;border-radius:20px;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding:2rem;display:flex;box-shadow:0 10px 30px #0000001a}.welcome-title{color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.welcome-subtitle{color:#718096;margin:0;font-size:1.1rem}.logout-button{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.logout-button:hover{background:#c53030;transform:translateY(-2px);box-shadow:0 5px 15px #e53e3e4d}.dashboard-section{margin-bottom:2rem}.section-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.section-subtitle{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.info-card{background:#fff;border-radius:15px;padding:2rem;transition:transform .3s;box-shadow:0 8px 25px #0000001a}.info-card:hover{transform:translateY(-5px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{text-align:center;background:#fff;border:2px solid #0000;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 8px 25px #0000001a}.stat-card:hover{border-color:#667eea;transform:translateY(-3px)}.stat-number{color:#667eea;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:block}.stat-label{color:#718096;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;margin-top:1rem;padding:1rem 2rem;font-weight:600;transition:all .3s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.secondary-button{color:#fff;cursor:pointer;background:#718096;border:none;border-radius:10px;margin-top:1rem;padding:1rem 2rem;font-weight:600;transition:all .3s}.secondary-button:hover{background:#4a5568;transform:translateY(-2px)}.text-button{color:#667eea;cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem 1rem;font-weight:600;text-decoration:underline}.empty-state{text-align:center}.empty-text{color:#a0aec0;margin:0;font-style:italic}.dashboard-footer{margin-top:3rem}.control-panel{flex-wrap:wrap;gap:1rem;display:flex}.control-button{color:#2d3748;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;min-width:150px;padding:1rem 1.5rem;font-weight:600;transition:all .3s}.control-button:hover{color:#667eea;border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.dashboard-loading,.dashboard-error,.dashboard-not-logged-in{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{text-align:center;flex-direction:column;gap:1rem}.welcome-title{font-size:2rem}.stats-grid{grid-template-columns:1fr 1fr}.control-panel{flex-direction:column}}