*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #1a56db;--primary-dark: #1e429f;--primary-light: #e8f0fe;--success: #0e9f6e;--warning: #ff5a1f;--danger: #e02424;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius: 12px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}body{font-family:Heebo,sans-serif;background:var(--gray-50);color:var(--gray-800);direction:rtl;min-height:100vh}#root{max-width:480px;margin:0 auto;min-height:100vh;background:#fff;position:relative}.coach-desktop #root{max-width:100%;background:var(--gray-50)}.coach-desktop .page-content{max-width:960px;margin:0 auto;padding:28px 32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--border-radius);font-family:Heebo,sans-serif;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:#fff;border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--gray-300);border-radius:8px;font-family:Heebo,sans-serif;font-size:15px;color:var(--gray-800);background:#fff;transition:border-color .2s;direction:rtl}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a}.form-textarea{resize:vertical;min-height:80px}.page{padding-bottom:80px}.page-header{background:#fff;padding:16px 20px;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:10}.page-title{font-size:20px;font-weight:700;color:var(--gray-900)}.page-content{padding:16px 20px}.section-title{font-size:16px;font-weight:700;color:var(--gray-700);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary-light)}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-green{background:#d1fae5;color:#065f46}.badge-orange{background:#fff3cd;color:#92400e}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:var(--gray-500)}.rating-scale{display:flex;gap:4px;flex-wrap:wrap}.rating-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--gray-300);background:#fff;font-family:Heebo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;color:var(--gray-600)}.rating-btn:hover{border-color:var(--primary);color:var(--primary)}.rating-btn.selected{background:var(--primary);border-color:var(--primary);color:#fff}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-400)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:16px}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}body.viewing-as button:not(.viewing-as-exit){pointer-events:none!important;opacity:.55!important;cursor:not-allowed!important}body.viewing-as input,body.viewing-as textarea,body.viewing-as select{pointer-events:none!important;opacity:.7!important}