@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";*{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code,code *{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace!important}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-bottom:20px}button{cursor:pointer;padding:10px 20px;border-radius:4px;border:none;background-color:#007bff;color:#fff;font-size:16px;font-weight:600}button:hover{background-color:#0056b3}input,select,textarea{padding:10px;border-radius:4px;border:1px solid #ddd;margin-bottom:10px;width:100%;box-sizing:border-box}.badge{padding:4px 8px;border-radius:12px;font-size:.8em;color:#fff}.badge.beginner{background-color:#28a745}.badge.intermediate{background-color:#ffc107;color:#000}.badge.advanced{background-color:#dc3545}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:40px;width:100%;max-width:400px;transition:transform .2s ease}.auth-card:hover{transform:translateY(-2px)}.auth-title{text-align:center;margin-bottom:30px;color:#333;font-weight:700;font-size:28px}.auth-input-group{margin-bottom:20px}.auth-label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.auth-input{width:100%;padding:12px;border-radius:6px;border:1px solid #e1e1e1;font-size:15px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.auth-button{width:100%;padding:14px;font-size:16px;margin-top:10px;margin-bottom:20px;background:linear-gradient(to right,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;font-weight:600;transition:opacity .2s}.auth-button:hover{opacity:.9}.auth-link{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s}.auth-link:hover{color:#0056b3;text-decoration:underline}.auth-footer{text-align:center;margin-top:20px;font-size:14px;color:#666}.password-generator-btn{padding:4px 10px;font-size:12px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.password-generator-btn:hover{background-color:#5a6268}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{margin-bottom:0}.password-input-with-toggle{padding-right:56px!important}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent!important;border:none;cursor:pointer;color:#007bff;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;margin:0;line-height:0;border-radius:999px;box-shadow:none}.password-toggle-btn:hover{background:#007bff14}.password-toggle-btn:focus-visible{outline:2px solid #007bff;outline-offset:2px}.password-toggle-btn svg{display:block;width:18px;height:18px}.password-hint{color:#888;font-size:12px;display:block;margin-top:6px;line-height:1.4}@media (max-width: 768px){.container{padding:12px!important}.auth-card{padding:24px 18px;border-radius:8px;margin:0 8px}.auth-title{font-size:22px}button{touch-action:manipulation}input,select,textarea{font-size:16px!important;-webkit-appearance:none;border-radius:6px}}@media (max-width: 480px){body{-webkit-text-size-adjust:100%}.container h1{font-size:1.6rem!important}.container>div>div[style*="justifyContent: 'center'"]{flex-direction:column!important;align-items:stretch!important}.container>div>div>a[style*="borderRadius: '25px'"]{text-align:center;width:100%;box-sizing:border-box}.auth-container{padding:40px 12px 12px;align-items:flex-start}.auth-card{padding:20px 14px}.auth-button{padding:14px;font-size:15px}.card{padding:14px}}@media (max-width: 768px){video,canvas{max-width:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@supports (padding: env(safe-area-inset-left)){nav{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px){canvas,video{-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}}@media (max-width: 768px){.dashboard-hero{padding:24px 18px!important;border-radius:10px!important;margin-bottom:24px!important}.dashboard-hero h1{font-size:1.7rem!important}.dashboard-hero p{font-size:1rem!important;margin-bottom:16px!important}.dashboard-cta{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.dashboard-cta a{text-align:center!important;box-sizing:border-box!important;width:100%!important}.dashboard-container{padding:12px!important}}@media (max-width: 768px){.app-footer{padding:32px 0 20px!important}.app-footer-container{padding:0 16px!important}.app-footer h3{font-size:1.2rem!important}}.pose-detection-container{background:linear-gradient(180deg,#fdf8f5,#faf2ec)!important}.pose-detection-grid{align-items:stretch!important}.pose-detection-sidebar,.pose-detection-user-cam,.pose-detection-feedback{border-radius:22px!important;border:1px solid #f1e7df!important;transition:box-shadow .2s ease,transform .2s ease}.pose-detection-sidebar:hover,.pose-detection-feedback:hover{box-shadow:0 18px 40px #00000014!important}.pose-detection-user-cam button[onclick],.pose-detection-user-cam button{font-family:Quicksand,sans-serif!important}.pose-detection-user-cam .cam-viewport{position:relative}.pose-detection-feedback>div{gap:14px!important}.pose-detection-feedback h4{margin:0 0 8px!important}.pose-detection-feedback [style*="Hold Timer"]~*{margin-top:0!important}.pose-detection-user-cam [style*="LIVE ACCURACY"],.pose-detection-user-cam [style*=ACCURACY]{letter-spacing:.3px!important}.pose-detection-sidebar [style*="Voice Commands"]~div>button{border-radius:12px!important;transition:background .15s ease,color .15s ease}.pose-detection-sidebar [style*="Voice Commands"]~div>button:hover{background:#ff7675!important;color:#fff!important}.pose-detection-feedback{scroll-behavior:smooth}.pose-detection-feedback::-webkit-scrollbar{width:6px}.pose-detection-feedback::-webkit-scrollbar-thumb{background:#f1d4c8;border-radius:3px}.pose-detection-feedback [style*="Joint form checklist"]~div>div{border-bottom:1px solid #f1f2f6;padding-bottom:6px}@media (max-width: 1024px){.pose-detection-container{padding:10px!important}.pose-detection-header{flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important}.pose-detection-header h2{font-size:1.3rem!important}.pose-detection-header>div:last-child{flex-wrap:wrap!important;gap:6px!important}.pose-detection-grid{grid-template-columns:1fr!important;gap:14px!important}.pose-detection-sidebar{min-height:auto!important;height:auto!important;max-height:none!important;position:static!important;order:1}.pose-detection-user-cam{min-height:auto!important;height:auto!important;order:2;padding:14px!important}.pose-detection-feedback{min-height:auto!important;order:3}}@media (max-width: 768px){.pose-detection-container{padding:8px!important;min-height:unset!important}.pose-detection-header{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.pose-detection-header>div:last-child{width:100%!important;justify-content:flex-start!important}.pose-detection-header>div:last-child>div{padding:6px 12px!important;font-size:.78rem!important}.pose-detection-user-cam>div:first-child{flex-wrap:wrap!important;gap:8px!important}.pose-detection-user-cam select{width:100%!important;box-sizing:border-box!important}.pose-detection-feedback{padding:14px!important}}@media (max-width: 480px){.pose-detection-header h2{font-size:1.1rem!important}.pose-detection-header>div:first-child>div:first-child{width:36px!important;height:36px!important;font-size:1.1rem!important}.pose-detection-user-cam{padding:10px!important;border-radius:16px!important}.pose-detection-feedback .hold-timer-number{font-size:2.4rem!important}}@media (max-width: 768px){.admin-container{padding:14px 12px!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-bottom:20px!important}.admin-header h1{font-size:1.4rem!important}.admin-header>div:last-child{flex-direction:column!important;width:100%!important;gap:10px!important}.admin-header>div:last-child>div{width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important;padding:10px 14px!important;justify-content:space-between!important}.admin-controls-row{flex-direction:column!important;gap:10px!important;width:100%!important}.admin-controls-row>div{width:100%!important;box-sizing:border-box!important}.admin-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:4px;flex-wrap:nowrap!important;gap:4px!important}.admin-tabs button{white-space:nowrap!important;flex-shrink:0!important;font-size:.82rem!important;padding:10px 14px!important}.admin-poses-grid{grid-template-columns:1fr!important;gap:20px!important}.admin-settings-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.admin-seq-count-grid{grid-template-columns:1fr!important}.admin-modal-overlay{padding:16px!important}.admin-modal-inner{width:100%!important;max-width:500px!important;padding:24px 18px!important;border-radius:20px!important}.admin-recording-layout{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width: 480px){.admin-settings-grid{grid-template-columns:1fr!important}.admin-header h1{font-size:1.2rem!important}.admin-tabs button{font-size:.78rem!important;padding:9px 10px!important}}@media (max-width: 768px){.session-history-page{padding:12px 10px 24px!important}.session-history-page h2{font-size:1.5rem!important}.session-history-filters{grid-template-columns:1fr!important}.session-history-actions{grid-template-columns:1fr 1fr!important}}@media (max-width: 640px){.session-history-page h2{font-size:1.3rem!important}.session-history-page .card{border-radius:18px!important}.session-history-image-modal>div{grid-template-columns:1fr!important;grid-template-rows:minmax(220px,40vh) 1fr!important;height:min(96vh,960px)!important}.session-history-image-details{padding:16px!important}.session-history-page [style*="gridTemplateColumns: '1.3fr 1fr 1fr'"]{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.session-history-actions{grid-template-columns:1fr!important}}