@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--background: 0 0% 0%;--foreground: 0 0% 100%;--card: 0 0% 0% / .4;--card-foreground: 0 0% 100%;--popover: 0 0% 0% / .45;--popover-foreground: 0 0% 100%;--primary: 214 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 0%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 10% / .4;--muted-foreground: 0 0% 85%;--accent: 214 100% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 0 0% 100% / .14;--input: 0 0% 100% / .2;--ring: 214 100% 60%;--radius: .75rem;--sidebar-background: 214 20% 98%;--sidebar-foreground: 0 0% 10%;--sidebar-primary: 214 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 214 20% 95%;--sidebar-accent-foreground: 214 100% 50%;--sidebar-border: 0 0% 100% / .18;--sidebar-ring: 214 100% 60%;--gradient-hero: linear-gradient(135deg, hsl(214 100% 50%), hsl(214 100% 35%));--gradient-subtle: linear-gradient(180deg, hsl(0 0% 100%), hsl(214 20% 98%));--shadow-card: 0 4px 30px -10px hsl(214 100% 50% / .25);--shadow-elevated: 0 10px 40px -15px hsl(214 100% 50% / .35)}.dark,:root[data-theme=dark]{--background: 0 0% 3%;--foreground: 0 0% 98%;--card: 0 0% 0% / .45;--card-foreground: 0 0% 98%;--popover: 0 0% 0% / .45;--popover-foreground: 0 0% 98%;--primary: 214 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 0%;--secondary-foreground: 0 0% 100%;--muted: 0 0% 10% / .45;--muted-foreground: 0 0% 85%;--accent: 214 100% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 50%;--destructive-foreground: 0 0% 100%;--border: 0 0% 100% / .14;--input: 0 0% 100% / .2;--ring: 214 100% 60%;--sidebar-background: 0 0% 0% / .4;--sidebar-foreground: 0 0% 96%;--sidebar-primary: 214 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 214 50% 15% / .5;--sidebar-accent-foreground: 0 0% 100%;--sidebar-border: 0 0% 100% / .18;--sidebar-ring: 214 100% 60%;--gradient-hero: linear-gradient(135deg, hsl(214 100% 50%), hsl(214 100% 30%));--gradient-subtle: linear-gradient(180deg, hsl(0 0% 3%), hsl(0 0% 8%));--shadow-card: 0 4px 6px -1px hsl(0 0% 0% / .3), 0 2px 4px -2px hsl(0 0% 0% / .3);--shadow-elevated: 0 10px 15px -3px hsl(0 0% 0% / .4), 0 4px 6px -4px hsl(0 0% 0% / .4)}:root[data-theme=light]{--background: 214 20% 98%;--foreground: 0 0% 10%;--card: 0 0% 100%;--card-foreground: 0 0% 10%;--popover: 0 0% 100%;--popover-foreground: 0 0% 10%;--primary: 214 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 214 20% 95%;--secondary-foreground: 0 0% 10%;--muted: 214 20% 95%;--muted-foreground: 0 0% 45%;--accent: 214 100% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 214 20% 88%;--input: 214 20% 88%;--ring: 214 100% 50%;--sidebar-background: 214 20% 98%;--sidebar-foreground: 0 0% 10%;--sidebar-primary: 214 100% 50%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 214 20% 95%;--sidebar-accent-foreground: 214 100% 50%;--sidebar-border: 214 20% 90%;--sidebar-ring: 214 100% 50%}:root,:root[data-theme=dark],:root[data-theme=light]{--primary-color: hsl(var(--primary));--primary-hover: hsl(214 100% 55%);--primary-light: hsl(var(--primary) / .15);--text-primary: hsl(var(--foreground));--text-secondary: hsl(var(--muted-foreground));--text-muted: hsl(var(--muted-foreground));--app-bg: hsl(var(--background));--main-bg: hsl(var(--background));--header-bg: hsl(var(--card));--sidebar-bg: hsl(var(--sidebar-background));--card-bg: hsl(var(--card));--card-hover-bg: hsl(var(--accent) / .1);--button-bg: hsl(var(--muted));--button-hover-bg: hsl(var(--muted-foreground) / .2);--nav-active-bg: hsl(var(--primary));--nav-active-text: hsl(var(--primary-foreground));--nav-hover-bg: hsl(var(--sidebar-accent));--glass-bg: hsl(var(--card));--glass-border: hsl(var(--border));--border-color: hsl(var(--border));--border-light: hsl(var(--border));--shadow-sm: 0 1px 2px hsl(0 0% 0% / .05);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .1);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .1);--shadow-glow: 0 0 20px hsl(var(--primary) / .3);--scrollbar-thumb: hsl(var(--muted));--scrollbar-thumb-hover: hsl(var(--muted-foreground) / .5);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-logo: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius)}:root[data-theme=dark]{--shadow-sm: 0 1px 2px hsl(0 0% 0% / .3);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .4);--shadow-lg: 0 10px 25px -3px hsl(0 0% 0% / .5);--shadow-glow: 0 0 30px hsl(var(--primary) / .25)}*{box-sizing:border-box;border-color:hsl(var(--border))}html{background:#000!important}body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;font-family:var(--font-body);color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark] body{position:relative;background:#000 url(/gym.jpeg) center/cover no-repeat fixed!important}:root[data-theme=dark] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#00000073,#000000a6);z-index:0;pointer-events:none}:root[data-theme=dark] #root{background:transparent!important;min-height:100vh;position:relative;z-index:1}:root[data-theme=light] body{background:hsl(var(--background))!important}:root[data-theme=light] body:before{display:none}:root[data-theme=light] #root{background:transparent;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;margin-top:0;color:hsl(var(--foreground))}a{text-decoration:none;color:inherit}button{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{animation:gradient-shift 3s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.backdrop-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass{background:hsl(var(--card));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsl(var(--border))}.text-primary-brand{color:hsl(var(--primary))}.bg-primary-brand{background-color:hsl(var(--primary))}.border-primary-brand{border-color:hsl(var(--primary))}.app-header{background:hsl(var(--card));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:100}.header-content{padding:.875rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.75rem}.logo-image{width:150px;filter:drop-shadow(0 2px 4px hsl(var(--primary) / .3))}.logo-text{font-size:1.1rem;font-weight:300;color:hsl(var(--foreground));letter-spacing:-.3px}.logo-text span{font-style:italic;font-weight:400}.header-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:.5rem .625rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:hsl(var(--muted-foreground) / .2);border-color:hsl(var(--primary));box-shadow:0 0 20px hsl(var(--primary) / .3)}.user-info{display:flex;flex-direction:column;align-items:flex-end;padding:.25rem 0}.user-name{font-weight:500;font-size:.9rem;color:hsl(var(--foreground))}.user-role{font-size:.75rem;color:hsl(var(--muted-foreground));text-transform:lowercase}.logout-button{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);padding:.5rem 1.25rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.logout-button:hover{background:#1a7dff;box-shadow:0 0 20px hsl(var(--primary) / .3);transform:translateY(-1px)}.mobile-menu-toggle{display:none;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);padding:.5rem .625rem;font-size:1.25rem;cursor:pointer;transition:all .2s ease}.mobile-menu-toggle:hover{background:var(--button-hover-bg)}@media(max-width:768px){.header-content{padding:.75rem 1rem}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.user-info,.logo-text{display:none}}@media(max-width:480px){.logout-button{padding:.4rem .75rem;font-size:.8rem}}.app-sidebar{width:240px;background:hsl(var(--sidebar-background));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid hsl(var(--sidebar-border));height:100vh;overflow-y:auto;position:fixed;top:0;left:0;display:flex;flex-direction:column}.sidebar-logo{padding:1.25rem 1rem;border-bottom:1px solid hsl(var(--sidebar-border))}.sidebar-logo-text{font-size:1.25rem;font-weight:300;color:hsl(var(--sidebar-foreground));letter-spacing:-.5px}.sidebar-logo-text span{font-style:italic;font-weight:400}.sidebar-nav{padding:1rem .75rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin-bottom:.25rem;border-radius:calc(var(--radius) - 2px);text-decoration:none;color:hsl(var(--sidebar-foreground));transition:all .15s ease;cursor:pointer;font-size:.875rem;font-weight:500;opacity:.8}.nav-item:hover{background:hsl(var(--sidebar-accent));color:hsl(var(--sidebar-accent-foreground));opacity:1}.nav-item.active{background:hsl(var(--sidebar-primary));color:hsl(var(--sidebar-primary-foreground));opacity:1;font-weight:600;box-shadow:var(--shadow-glow)}.nav-icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsl(var(--muted));border-radius:calc(var(--radius) - 4px);font-size:1rem;flex-shrink:0;transition:all .15s ease}.nav-item:hover .nav-icon-box{background:hsl(var(--primary) / .15)}.nav-item.active .nav-icon-box{background:hsl(var(--primary-foreground) / .2)}.nav-text{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-category{margin-bottom:.25rem}.nav-category-header{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.75rem .75rem .5rem;margin-top:.5rem}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-track{background:transparent}.app-sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.app-sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media(max-width:1024px){.app-sidebar{width:220px}}@media(max-width:768px){.app-sidebar{position:fixed;left:-240px;transition:left .3s ease;z-index:99;height:100vh;top:0;box-shadow:var(--shadow-lg)}.app-sidebar.mobile-open{left:0}}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:transparent}.layout-body{display:flex;flex:1;overflow:hidden}.main-content{flex:1;overflow-y:auto;background:hsl(var(--card));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-left:240px;background-image:radial-gradient(ellipse at 80% 20%,hsl(var(--primary) / .05) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,hsl(var(--accent) / .03) 0%,transparent 50%)}:root[data-theme=light] .main-content{background:hsl(var(--background));backdrop-filter:none;-webkit-backdrop-filter:none}@media(max-width:1024px){.main-content{margin-left:220px}}@media(max-width:768px){.main-content{margin-left:0}}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#000 url(/gym.jpeg) center/cover no-repeat fixed!important;padding:2rem;position:relative}.login-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#000000a6,#000000d9);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:0;pointer-events:none}.login-container{position:relative;z-index:1;background:hsl(var(--card));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);padding:3rem;max-width:420px;width:100%;box-shadow:var(--shadow-elevated);border:1px solid hsl(var(--border))}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:100%;height:auto;margin:0 auto 1.5rem;display:block;filter:drop-shadow(0 4px 12px hsl(214 100% 50% / .3))}.login-header h1{font-family:var(--font-logo);font-size:1.75rem;font-weight:300;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.5px}.login-header h1 span{font-style:italic;font-weight:400}.login-header p{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.9rem}.login-form{margin-top:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.85rem;color:hsl(var(--muted-foreground))}.form-group input{width:100%;padding:.875rem 1rem;background:hsl(var(--input));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - 2px);font-size:1rem;color:hsl(var(--foreground));transition:all .2s ease;box-sizing:border-box}.form-group input::placeholder{color:hsl(var(--muted-foreground))}.form-group input:focus{outline:none;border-color:hsl(var(--ring));background:hsl(var(--input));box-shadow:0 0 0 3px hsl(var(--ring) / .2)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background:hsl(var(--destructive) / .15);color:hsl(var(--destructive));padding:.75rem 1rem;border-radius:calc(var(--radius) - 2px);margin-bottom:1rem;font-size:.875rem;border:1px solid hsl(var(--destructive) / .2)}.login-button{width:100%;padding:.875rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#1a7dff;transform:translateY(-1px);box-shadow:0 0 20px hsl(var(--primary) / .4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.demo-credentials{background:hsl(var(--muted));padding:1rem 1.25rem;border-radius:calc(var(--radius) - 2px);font-size:.85rem;border:1px solid hsl(var(--border))}.demo-credentials p{margin:0 0 .5rem;color:hsl(var(--muted-foreground));font-weight:500}.demo-credentials ul{margin:.5rem 0 0;padding-left:1.25rem;color:hsl(var(--muted-foreground))}.demo-credentials li{margin-bottom:.25rem}:root[data-theme=light] .login-page{background:hsl(var(--background))!important;background-image:radial-gradient(ellipse at 30% 20%,hsl(var(--primary) / .15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,hsl(var(--accent) / .1) 0%,transparent 50%)}:root[data-theme=light] .login-page:before{display:none}:root[data-theme=light] .form-group input{background:#fff}:root[data-theme=light] .form-group input:focus{background:#fff}@media(max-width:640px){.login-container{padding:2rem 1.5rem;margin:1rem}}.home-page{padding:2rem;max-width:1200px;margin:0 auto}.home-header{margin-bottom:2.5rem;text-align:center}.home-header h1{font-size:1.75rem;font-weight:300;color:hsl(var(--foreground));margin:0 0 .5rem;letter-spacing:-.5px}.home-header h1 span{font-weight:500;color:hsl(var(--primary))}.home-header p{color:hsl(var(--muted-foreground));margin:0;font-size:.95rem}.home-welcome-badge{display:inline-flex;align-items:center;gap:.5rem;background:hsl(var(--primary) / .15);color:hsl(var(--primary));padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;margin-bottom:1rem;border:1px solid hsl(var(--primary) / .2)}.dashboard-grid{display:flex;flex-direction:column;gap:2.5rem}.dashboard-category-section{margin-bottom:1rem}.category-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid hsl(var(--border))}.category-icon{font-size:1.25rem;opacity:.8}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.dashboard-card{background:hsl(var(--card));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:1rem}.dashboard-card:hover{background:hsl(var(--accent) / .1);border-color:hsl(var(--primary));box-shadow:var(--shadow-card);transform:translateY(-2px)}.card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:hsl(var(--primary) / .15);border-radius:var(--radius-md);font-size:1.5rem;flex-shrink:0}.card-content{flex:1;min-width:0}.card-content h3{margin:0 0 .375rem;color:hsl(var(--foreground));font-size:.95rem;font-weight:600}.card-content p{margin:0;color:hsl(var(--muted-foreground));font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-arrow{font-size:1rem;color:hsl(var(--primary));flex-shrink:0;opacity:0;transition:all .2s ease;margin-left:auto;align-self:center}.dashboard-card:hover .card-arrow{opacity:1;transform:translate(4px)}.no-dashboards{text-align:center;padding:4rem 2rem;color:hsl(var(--muted-foreground));background:hsl(var(--card));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid hsl(var(--border))}.no-dashboards p{margin:.5rem 0;font-size:.95rem}@media(max-width:768px){.home-page{padding:1.25rem}.dashboard-cards{grid-template-columns:1fr}.home-header h1{font-size:1.5rem}}.dashboard-viewer{flex:1;display:flex;flex-direction:column;height:100%}.dashboard-header{padding:1.5rem 2rem;background:hsl(var(--card));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsl(var(--border))}.dashboard-info h1{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;color:hsl(var(--foreground));font-size:1.5rem;font-weight:500}.dashboard-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--primary) / .15);border-radius:calc(var(--radius) - 2px);font-size:1.25rem}.dashboard-description{color:hsl(var(--muted-foreground));margin:0;font-size:.9rem}.dashboard-content{flex:1;position:relative;overflow:hidden}.dashboard-iframe{width:100%;height:100%;border:none}.internal-dashboard{padding:3rem;text-align:center;color:hsl(var(--muted-foreground))}.error-container,.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;text-align:center;background:hsl(var(--card));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:100%}.error-container h2{color:hsl(var(--foreground));margin:0 0 1rem;font-weight:500}.error-container p{color:hsl(var(--muted-foreground));margin:.5rem 0;font-size:.95rem}.error-container button{margin-top:2rem;padding:.75rem 1.5rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:calc(var(--radius) - 2px);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.error-container button:hover{background:#1a7dff;box-shadow:0 0 20px hsl(var(--primary) / .3);transform:translateY(-1px)}.spinner{width:40px;height:40px;border:3px solid hsl(var(--border));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:hsl(var(--muted-foreground));margin-top:1rem;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=light] .error-container,:root[data-theme=light] .loading-container{background:hsl(var(--background));backdrop-filter:none;-webkit-backdrop-filter:none}