:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1d1d1d;background:radial-gradient(circle at top left,rgba(255,204,0,.22),transparent 28%),radial-gradient(circle at top right,rgba(7,104,160,.18),transparent 32%),linear-gradient(180deg,#eef5f9,#f5f5f5);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #ffcc00;--secondary: #0768a0;--secondary-dark: #054a6e;--danger: #d8000c;--success: #1d8f6d;--text: #1d1d1d;--muted: #6e6e6e;--line: #d1d5db;--surface: #ffffff;--surface-soft: #f8fafc;--shadow-lg: 0 30px 60px rgba(7, 104, 160, .18);--shadow-md: 0 10px 25px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100svh}.login-page,.web-stage{min-height:100svh;padding:32px 20px}.login-page{display:grid;place-items:center}.login-card{width:min(100%,460px);background:#fffffff5;border:1px solid rgba(255,255,255,.7);border-radius:32px;padding:32px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#ffd84e);color:var(--secondary-dark);font-size:32px;font-weight:800;margin-bottom:20px}.eyebrow{margin:0 0 10px;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.login-title,.screen-header h1{margin:0;color:var(--text);font-size:clamp(2rem,5vw,2.25rem);line-height:1.1}.login-subtitle,.screen-header p,.section-card-header p,.card-button-text,.card-button-copy small,.modal-note,.list-main span,.list-main small,.data-row span,.feature-card p,.itinerary-content p,.phone-topbar{color:var(--muted)}.login-subtitle{margin:12px 0 24px}.demo-access-panel{background:linear-gradient(180deg,#0768a014,#0768a008);border:1px solid rgba(7,104,160,.12);border-radius:24px;padding:18px;margin-bottom:24px}.panel-title{margin:0 0 14px;font-size:.95rem;font-weight:700}.demo-profile-list{display:grid;gap:10px}.demo-profile-button{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:14px 16px;text-align:left;display:grid;gap:4px;cursor:pointer;transition:.2s ease}.demo-profile-button span{font-weight:700}.demo-profile-button small{color:var(--muted)}.demo-profile-button.is-active{border-color:var(--secondary);background:#0768a014}.login-form,.modal-form,.modal-language-list{display:grid;gap:14px}.field-group{display:grid;gap:8px}.field-group span{font-size:.92rem;font-weight:700}.field-group input,.field-group textarea,.field-group select{width:100%;border-radius:16px;border:2px solid #d8dce2;background:var(--surface);padding:14px 16px;color:var(--text);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #0768a01f;outline:none}.primary-button,.ghost-button,.help-link-button,.secondary-link{border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.primary-button:hover,.ghost-button:hover,.help-link-button:hover,.secondary-link:hover,.demo-profile-button:hover,.action-link-card:hover,.card-button:hover,.quick-action:hover,.mini-card:hover,.feature-card:hover,.tabbar-item:hover{transform:translateY(-1px)}.primary-button{background:var(--secondary);color:#fff;border-radius:18px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-md)}.primary-button-large{width:100%;min-height:56px;margin-top:8px;font-weight:700}.ghost-button{background:#eff3f6;color:var(--text);border-radius:18px;padding:14px 18px}.secondary-link{background:transparent;color:var(--secondary);padding:10px 0 0;font-weight:700}.web-stage{display:grid;grid-template-columns:minmax(260px,360px) 430px;justify-content:center;align-items:center;gap:36px}.web-note{background:#ffffffd9;border-radius:28px;border:1px solid rgba(255,255,255,.7);padding:28px;box-shadow:var(--shadow-md)}.web-note h2{margin:0 0 14px;font-size:1.8rem;line-height:1.1}.web-note p{margin:0}.note-actions{margin-top:18px}.note-pill-row,.badge-row,.header-icon-row,.meta-row,.help-buttons,.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.note-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#0768a014;color:var(--secondary);font-size:.82rem;font-weight:700}.phone-shell{width:min(100%,430px);min-height:820px;background:#ffffffeb;border-radius:40px;box-shadow:0 40px 70px #0f172a38;border:10px solid #111827;overflow:hidden;position:relative}.phone-shell.access-font{font-size:1.05rem}.phone-shell.access-contrast{background:#fff;border-color:#000;box-shadow:0 40px 70px #00000052}.phone-shell.access-spacing .screen{padding-bottom:136px}.phone-shell.access-spacing .card-stack,.phone-shell.access-spacing .stack-list,.phone-shell.access-spacing .settings-list,.phone-shell.access-spacing .feature-grid,.phone-shell.access-spacing .quick-grid{gap:18px}.phone-topbar{display:flex;justify-content:space-between;padding:14px 20px 10px;background:#f8fafce6;font-size:.82rem;border-bottom:1px solid rgba(209,213,219,.7)}.phone-body{min-height:702px;max-height:702px;overflow-y:auto;background:#f5f5f5}.screen{padding:18px 18px 120px}.screen-header{margin-bottom:22px}.screen-header p{margin:8px 0 0;font-size:1rem}.quick-grid,.mini-grid,.feature-grid{display:grid;gap:12px}.quick-grid{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.quick-action{display:grid;justify-items:center;gap:8px;text-align:center;color:var(--text);font-size:.78rem}.quick-action-icon,.icon-chip,.feature-icon{display:inline-grid;place-items:center;border-radius:999px;background:#0768a01f;color:var(--secondary)}.quick-action-icon{width:64px;height:64px;font-size:1.75rem}.icon-chip,.feature-icon{width:46px;height:46px;font-size:1.35rem;flex-shrink:0}.section-card,.card-button,.action-link-card,.feature-card,.mini-card{background:var(--surface);border-radius:24px;box-shadow:var(--shadow-md)}.section-card{padding:20px;margin-bottom:16px}.section-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-card-header h2{margin:0;font-size:1.15rem}.section-card-header p{margin:6px 0 0;font-size:.92rem}.section-link{color:var(--secondary);font-weight:700;font-size:.92rem}.stack-list{display:grid;gap:12px}.list-row,.task-row,.member-row{display:flex;align-items:center;gap:12px}.list-row:not(:last-child),.member-row:not(:last-child){padding-bottom:12px;border-bottom:1px solid #eef1f5}.list-main{display:grid;gap:3px;flex:1}.list-main strong,.itinerary-header strong,.feature-card strong,.card-button-title{font-size:1rem}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:.77rem;font-weight:800;width:fit-content}.tone-primary{background:#0768a01f;color:var(--secondary)}.tone-warning{background:#ffcc0038;color:#8a6c00}.tone-alert{background:#d8000c1f;color:var(--danger)}.tone-success{background:#1d8f6d1f;color:var(--success)}.task-indicator{width:4px;min-height:42px;border-radius:999px}.success-icon{color:var(--success);font-size:1.2rem}.muted-icon{color:#94a3b8;font-size:1.15rem}.mini-grid{grid-template-columns:repeat(2,1fr)}.mini-card,.feature-card{padding:18px}.mini-card{display:grid;place-items:center;gap:10px;text-align:center;color:var(--text)}.mini-card svg{font-size:1.4rem;color:var(--secondary)}.card-stack{display:grid;gap:12px;margin-bottom:16px}.action-link-card,.card-button{width:100%;border:none;padding:18px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.card-button{display:grid;gap:10px}.card-button-top{display:flex;align-items:center;gap:12px}.card-button-copy{display:grid;gap:4px;flex:1}.family-tree{display:grid;gap:16px;justify-items:center}.family-node{width:100%;background:var(--surface-soft);border:1px solid #dbe7ef;border-radius:18px;padding:14px;text-align:center}.family-node.primary{background:#0768a014;border-color:#0768a02e}.family-branch{width:2px;height:22px;background:#bfd5e3}.family-children{width:100%;display:grid;gap:10px}.avatar-pill{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffcc0040;color:#7c6200;font-weight:800;flex-shrink:0}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.segmented-control-two{grid-template-columns:repeat(2,1fr)}.segmented-control button{border:none;border-radius:16px;padding:12px 10px;background:#fff;color:var(--muted);cursor:pointer;font-weight:700}.segmented-control button.is-active{background:var(--secondary);color:#fff}.header-icon-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#0768a014;color:var(--secondary);font-size:.82rem;font-weight:700}.itinerary-card{display:flex;gap:14px;padding:14px;border-radius:24px;background:#fff;box-shadow:var(--shadow-md)}.itinerary-media{width:88px;min-width:88px;height:88px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#ffcc003d,#0768a014);color:var(--secondary);font-size:2rem}.itinerary-content{flex:1;display:grid;gap:10px}.itinerary-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.itinerary-content p,.feature-card p{margin:0;font-size:.92rem}.info-banner{padding:11px 12px;border-radius:16px;background:#0768a017;color:var(--secondary);font-size:.84rem}.progress-block{display:grid;gap:8px}.progress-track{width:100%;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--secondary)}.progress-block small,.meta-row{color:var(--muted)}.meta-row{font-size:.8rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{display:grid;gap:10px}.feature-stat{color:var(--secondary);font-size:.82rem;font-weight:700}.data-grid{display:grid;gap:14px}.data-row{display:grid;gap:4px}.data-row span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.data-row strong{font-size:1rem}.help-link-button{flex:1;min-width:140px;background:var(--secondary);color:#fff;border-radius:16px;padding:12px 16px;text-align:center;font-weight:700}.help-link-button:last-child{background:#c79300}.logout-button{width:100%;border:1px solid rgba(216,0,12,.25);background:#d8000c14;color:var(--danger);border-radius:22px;padding:16px;cursor:pointer;font-weight:800}.full-width-button{width:100%;margin-top:12px}.tabbar{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:12px 10px 16px;background:#fffffffa;border-top:1px solid rgba(209,213,219,.7)}.tabbar-item{display:grid;justify-items:center;gap:4px;padding:6px 4px;color:var(--muted);font-size:.74rem}.tabbar-item svg{font-size:1.25rem}.tabbar-item.is-active{color:var(--secondary);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(100%,420px);background:#fff;border-radius:28px;padding:24px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.modal-header h3,.success-panel h3{margin:0;font-size:1.3rem}.modal-close{border:none;background:#eef2f7;color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}.success-panel{display:grid;gap:14px}.language-option{width:100%;border:1px solid #d8dce2;background:#fff;border-radius:18px;padding:14px 16px;text-align:left;display:grid;gap:4px}.language-option.is-active{border-color:var(--secondary);background:#0768a014}@media (max-width: 980px){.web-stage{grid-template-columns:1fr}.web-note{order:2}.phone-shell{justify-self:center}}@media (max-width: 540px){.login-page,.web-stage{padding:12px}.login-card,.web-note{padding:22px;border-radius:24px}.phone-shell{width:100%;min-height:100svh;border-radius:28px;border-width:0}.phone-body{min-height:calc(100svh - 110px);max-height:calc(100svh - 110px)}.quick-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}.interactive-row{color:inherit}.surface-row{display:flex;align-items:center;gap:12px;padding:14px 0}.surface-row:not(:last-child){border-bottom:1px solid #eef1f5}.subscreen-header{margin-bottom:18px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--secondary);font-weight:700;margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.kpi-card{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow-md);display:grid;gap:4px;text-align:center}.kpi-card strong{font-size:1.4rem;color:var(--secondary)}.kpi-card span{font-size:.82rem;color:var(--muted);font-weight:600}.schedule-card{display:flex;gap:14px;align-items:stretch;padding:14px 0}.schedule-card:not(:last-child){border-bottom:1px solid #eef1f5}.schedule-day{min-width:82px;border-radius:18px;background:#0768a014;color:var(--secondary);display:grid;place-items:center;padding:10px 12px;text-align:center}.schedule-day strong{font-size:1rem}.chart-stack{display:grid;gap:14px}.chart-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 44px;gap:12px;align-items:center}.chart-label{display:grid;gap:4px}.chart-label span{font-size:.84rem;color:var(--muted)}.chart-bar{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.chart-bar span{display:block;height:100%;background:var(--secondary);border-radius:inherit}.chart-value{color:var(--secondary);font-size:.92rem}.detail-hero{display:grid;gap:10px;background:linear-gradient(180deg,#0768a01a,#0768a008);border:1px solid rgba(7,104,160,.12);border-radius:24px;padding:20px;margin-bottom:16px}.timeline-list{display:grid;gap:14px}.timeline-item{display:flex;gap:12px}.timeline-dot{width:14px;height:14px;border-radius:50%;background:#cbd5e1;margin-top:6px;flex-shrink:0}.timeline-dot.is-complete{background:var(--secondary)}.comment-list{display:grid;gap:12px}.comment-card{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow-md);display:grid;gap:8px}.comment-card p{margin:0;color:var(--muted)}.comment-card small,.chat-bubble small{color:var(--muted);font-size:.78rem}.event-card{display:grid;gap:8px;background:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow-md);color:inherit}.event-card span,.event-card p,.event-card small{color:var(--muted)}.itinerary-link{color:inherit}.training-cover-card,.viewer-header-card,.exercise-detail-header,.camino-level-card,.catalog-card,.achievement-card-web,.exercise-card{background:#fff;border-radius:24px;box-shadow:var(--shadow-md)}.training-cover-card{display:grid;gap:16px;padding:16px;margin-bottom:16px}.training-cover-media{min-height:180px;border-radius:22px;background:linear-gradient(145deg,#ffcc0038,#0768a014);display:grid;place-items:center;color:var(--secondary);font-size:3rem}.training-cover-content{display:grid;gap:12px}.training-chip-row{display:flex;flex-wrap:wrap;gap:8px}.training-meta-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#0768a014;color:var(--secondary);font-size:.8rem;font-weight:700}.training-content-link,.exercise-card{color:inherit}.training-content-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:16px;background:#fff;border-radius:22px;box-shadow:var(--shadow-md)}.training-content-card.is-locked{opacity:.78}.training-content-order{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#0768a01f;color:var(--secondary);font-weight:800;flex-shrink:0}.training-content-card p,.content-paragraph{margin:0;color:var(--muted)}.training-content-side{display:flex;align-items:start}.training-content-state{color:var(--muted)}.training-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.training-stats-grid-two,.training-stats-grid-four{grid-template-columns:repeat(2,1fr)}.training-stats-grid-three{grid-template-columns:repeat(3,1fr);margin-bottom:0}.training-stat-card{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow-md);display:grid;gap:4px;text-align:center}.training-stat-card strong{color:var(--secondary);font-size:1.2rem}.exercise-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px}.exercise-card-icon,.exercise-detail-icon,.catalog-icon,.achievement-icon-web{width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:#0768a01f;color:var(--secondary);font-size:1.45rem;flex-shrink:0}.exercise-detail-header,.viewer-header-card,.camino-level-card{padding:18px;display:grid;gap:10px;margin-bottom:16px}.exercise-detail-header{justify-items:center;text-align:center}.viewer-content-shell{display:grid;gap:12px}.viewer-media-panel,.viewer-text-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.viewer-media-panel{min-height:180px;display:grid;place-items:center;text-align:center;gap:8px;color:var(--secondary)}.viewer-media-panel svg{font-size:3rem}.viewer-text-panel p{margin:0;line-height:1.55;color:var(--muted)}.viewer-rating-row{display:flex;gap:10px;flex-wrap:wrap}.star-button{border:none;width:44px;height:44px;border-radius:999px;background:#eef2f7;color:#94a3b8;display:grid;place-items:center;cursor:pointer;font-size:1.2rem}.star-button.is-active{background:#ffcc0038;color:#8a6c00}.camino-level-card{text-align:center}.camino-level-icon{width:72px;height:72px;border-radius:999px;margin:0 auto;display:grid;place-items:center;font-size:2rem}.camino-level-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow-md)}.camino-level-row.is-locked{opacity:.7}.camino-level-bullet{width:14px;height:14px;border-radius:999px}.catalog-card,.achievement-card-web{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:16px}.catalog-card.is-locked,.achievement-card-web.is-locked,.achievement-icon-web.is-locked{opacity:.72}.chat-thread{display:grid;gap:10px;margin-bottom:16px}.chat-bubble{max-width:84%;padding:12px 14px;border-radius:18px;box-shadow:var(--shadow-md)}.chat-bubble.inbound{background:#fff;justify-self:start}.chat-bubble.outbound{background:#0768a01f;color:var(--secondary-dark);justify-self:end}.chat-composer{background:#fff;border-radius:20px;padding:14px;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.chat-composer-input{flex:1;border:2px solid #d8dce2;border-radius:14px;padding:12px 14px;min-width:0}.chat-composer-input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #0768a01f;outline:none}.settings-list{display:grid;gap:12px}.setting-row{background:#fff;border-radius:22px;box-shadow:var(--shadow-md);padding:18px;display:flex;gap:12px;align-items:center;justify-content:space-between}.toggle-pill{padding:8px 12px;border-radius:999px;background:#eef2f7;color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}.toggle-pill.is-on{background:#ffcc0040;color:#7c6200}.preview-panel{margin-top:16px;background:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow-md);display:grid;gap:8px}.preview-panel p{margin:0;color:var(--muted)}.section-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.task-toolbar{display:grid;gap:12px;margin-bottom:16px}.filter-group{display:flex;flex-wrap:wrap;gap:10px}.filter-pill{border:none;padding:10px 14px;border-radius:999px;background:#fff;color:var(--muted);box-shadow:var(--shadow-md);cursor:pointer;font-weight:700}.filter-pill.is-active{background:var(--secondary);color:#fff}.task-management-card{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow-md);display:grid;gap:14px}.task-management-card.is-completed{background:linear-gradient(180deg,#1d8f6d14,#fffffff5)}.task-management-main{display:flex;align-items:flex-start;gap:12px}.task-notes{margin:4px 0 0;color:var(--muted);font-size:.88rem}.task-actions{display:flex;flex-wrap:wrap;gap:10px}.danger-button{border:none;border-radius:18px;padding:14px 18px;background:#d8000c1a;color:var(--danger);cursor:pointer;font-weight:700}.empty-panel{background:#0768a00f;border:1px dashed rgba(7,104,160,.24);border-radius:20px;padding:18px;display:grid;gap:8px}.empty-panel p{margin:0;color:var(--muted)}.empty-inline-note{display:grid;gap:4px}.empty-inline-note span{color:var(--muted);font-size:.9rem}.event-management-card{background:#fff;border-radius:22px;padding:16px;box-shadow:var(--shadow-md);display:grid;gap:14px}.schedule-card.compact{padding:0}.assessment-question-list{display:grid;gap:14px}.assessment-question-card{background:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow-md);display:grid;gap:12px}.assessment-question-header{display:grid;gap:4px}.assessment-question-header span,.assessment-question-card p{color:var(--muted);margin:0}.assessment-options{display:flex;flex-wrap:wrap;gap:10px}.assessment-option{border:1px solid rgba(7,104,160,.16);background:#fff;color:var(--text);border-radius:16px;padding:12px 14px;cursor:pointer;font-weight:700}.assessment-option.is-selected{background:#0768a01a;border-color:var(--secondary);color:var(--secondary)}.assessment-notes textarea{width:100%;border-radius:18px;border:2px solid #d8dce2;background:#fff;padding:14px 16px;resize:vertical;min-height:120px}.assessment-notes textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #0768a01f;outline:none}.assessment-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 540px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.chart-row{grid-template-columns:1fr}.setting-row,.chat-composer{align-items:flex-start;flex-direction:column}}