:root{--cream-top: #faf7f2;--cream-bottom: #f5efe6;--surface: #fdfaf5;--surface-alt: #faf7f2;--border: #ece3d3;--border-strong: #e8dfd0;--border-dashed: #ddd0b8;--border-input: #d9c9a8;--text: #2c2416;--muted: #8b7a5f;--muted-2: #a08d6f;--muted-3: #c4b498;--accent: #d97757;--accent-strong: #c26744;--accent-dark: #a0552e;--accent-darker: #5c4a2e;--accent-soft: #f5eee2;--dark: #2c2416;--dark-hover: #1a1409;--green: #5a8f4d;--green-soft: #eef5ec;--green-border: #cfe0c8;--warn: #d97757;--warn-soft: #fbf0e4;--warn-border: #f0d6b3;--red: #b3492f;--red-soft: #fbe9e2;--red-border: #eac6b6;--white: #ffffff;--blue: var(--accent);--blue-strong: var(--accent-strong);--blue-dark: var(--accent-dark);--blue-soft: var(--accent-soft);--blue-border: var(--border-strong);--bg: var(--cream-top);--orange: var(--warn);--radius: 14px;--radius-lg: 28px;--radius-pill: 999px;--shadow: 0 2px 16px rgba(140, 108, 60, .08);--shadow-lift: 0 8px 20px rgba(217, 119, 87, .2);--font-sans: "Poppins", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-serif: "Montserrat", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:linear-gradient(180deg,var(--cream-top) 0%,var(--cream-bottom) 100%);color:var(--text);font-size:14px}a{color:var(--accent-dark)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;box-shadow:var(--shadow)}.topbar-brand{display:flex;align-items:center;gap:12px}.brand-title{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--text);letter-spacing:-.01em}.logo-badge{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-weight:800;font-family:var(--font-serif);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lift)}.logo-badge-lg{width:56px;height:56px;font-size:26px;border-radius:18px}.logo-img{background:none;box-shadow:none;border-radius:0;object-fit:contain;padding:0}.topbar-brand .logo-img{width:40px;height:40px}.login-brand .logo-img{width:64px;height:64px}.topbar-nav{display:flex;align-items:center;gap:4px}.topbar-nav-link{padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:background .12s,color .12s}.topbar-nav-link:hover,.topbar-nav-link.active{background:var(--accent-soft);color:var(--accent-dark)}.topbar-right{display:flex;align-items:center;gap:12px}.user-chip{display:inline-flex;align-items:center;gap:8px;font-weight:600;padding:8px 16px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--accent-darker);font-size:13px}.user-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--accent-soft);color:var(--accent-dark);padding:3px 9px;border-radius:var(--radius-pill)}.view-as-banner{background:var(--dark);color:var(--cream-top);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.app-main{padding:28px 24px 48px;max-width:1280px;width:100%;margin:0 auto}.page{display:flex;flex-direction:column;gap:20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-head h2{margin:0;font-family:var(--font-serif);font-weight:400;font-size:30px;color:var(--text);letter-spacing:-.01em}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.section-head h3{margin:0;font-family:var(--font-serif);font-weight:400;font-size:22px;color:var(--text)}.section-actions{display:flex;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px 28px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.formation-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;box-shadow:var(--shadow);display:flex;flex-direction:column}.formation-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--border-strong)}.formation-thumb{aspect-ratio:16 / 9;width:100%;overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),var(--surface-alt));display:flex;align-items:center;justify-content:center}.formation-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.formation-card:hover .formation-thumb img{transform:scale(1.05)}.thumb-fallback{font-family:var(--font-serif);font-size:40px;font-weight:700;color:var(--accent-dark)}.formation-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:8px}.formation-body h3{margin:0;font-family:var(--font-serif);font-weight:700;font-size:16px;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.formation-body-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.formation-body-head h3{flex:1;min-width:0}.formation-body-head .btn-icon-round{margin-top:1px}.formation-card-actions{display:inline-flex;gap:6px;align-items:center;flex-shrink:0;margin-top:1px}.formation-formateur{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.formation-formateur svg{color:var(--muted-2);flex-shrink:0}.formation-tags{display:flex;gap:6px;flex-wrap:wrap}.formation-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.formation-stats span{font-size:11px;color:var(--muted);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:3px 9px}.formation-stats strong{color:var(--text);font-weight:700}.cat-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.cat-pill{padding:7px 15px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .06s ease}.cat-pill:hover{border-color:var(--accent);color:var(--accent-dark)}.cat-pill:active{transform:translateY(1px)}.cat-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.image-upload-field{display:block}.image-upload-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.image-upload-preview{width:120px;height:90px;border-radius:10px;overflow:hidden;background:var(--accent-soft);border:1px dashed var(--border-input);display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-upload-preview img{width:100%;height:100%;object-fit:cover}.image-upload-placeholder{font-size:11px;color:var(--muted);text-align:center;padding:0 8px}.image-upload-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.image-upload-hint{font-size:11px;color:var(--muted);font-weight:400}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{color:var(--muted-2);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.table tbody tr:hover{background:var(--accent-soft)}.table-scroll{overflow-x:visible}.table-scroll.is-scroll{overflow-x:auto}.grid-table th,.grid-table td{white-space:nowrap}.sticky-col{position:sticky;left:0;background:var(--surface);font-weight:700;z-index:1}.cell{min-width:150px}.cell-inner{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cell-date{padding:4px 8px;border:1px solid var(--border-strong);border-radius:8px;font-family:inherit}.cell-status{display:inline-flex;align-items:center;gap:4px}.video-link{font-size:12px;font-weight:600;color:var(--accent-dark)}.nowrap{white-space:nowrap}.ta-right{text-align:right}.ta-center{text-align:center}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;font-weight:700}.badge{display:inline-block;padding:3px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.badge-blue{background:var(--accent-soft);color:var(--accent-dark)}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-orange{background:var(--warn-soft);color:var(--accent-dark)}.badge-gray{background:#f1ece0;color:var(--muted)}.btn{border:1px solid transparent;border-radius:var(--radius-pill);padding:9px 18px;font-size:13px;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text);font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,color .12s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 13px;font-size:12px}.btn-xs{padding:4px 10px;font-size:11px;border-radius:8px}.btn-block{width:100%;justify-content:center}.btn-primary{background:var(--dark);color:var(--cream-top)}.btn-primary:hover{background:var(--dark-hover)}.btn-secondary{background:var(--accent-soft);color:var(--accent-dark);border-color:var(--border-strong)}.btn-secondary:hover{background:#f0e6d4}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--accent-dark)}.btn-ghost:hover{background:var(--accent-soft)}.btn-light{background:#fff;color:var(--accent-dark)}.btn-danger{background:#fff;color:var(--red);border-color:var(--red-border);border-radius:8px}.btn-danger:hover{background:var(--red-soft)}.link-danger{border:none;background:none;color:var(--red);cursor:pointer;font-size:14px;margin-left:6px;line-height:1}.btn-icon-round{width:24px;height:24px;border-radius:7px;flex-shrink:0;background:#fff;border:1px solid var(--border-strong);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.btn-icon-round.danger{color:var(--red);border-color:var(--red-border);background:var(--red-soft)}.btn-icon-round.danger:hover{color:#fff;background:var(--red);border-color:var(--red)}label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--accent-darker)}input,select{font-family:inherit;font-size:13px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d9775726}select.compact,input.compact{padding:5px 7px}.form-inline{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.inline-field{flex-direction:column}.presence-controls{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end}.presence-add-action{justify-content:flex-end}.apprenant-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.apprenant-add input{flex:1 1 140px;min-width:120px}.presence-totals{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.presence-table th,.presence-table td{padding:6px 7px;white-space:nowrap}.presence-table select.compact{min-width:82px;border-radius:7px;border:1px solid var(--border-input);background:var(--white);font-family:inherit;color:var(--text)}.presence-table .sticky-col{min-width:128px;font-family:var(--font-sans)}.presence-table tbody .sticky-col{font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text)}.presence-table.pt-fit tbody .sticky-col{letter-spacing:.01em}.presence-table .status-badge{margin:0 auto}.presence-table.pt-fit{table-layout:fixed;width:100%}.presence-table.pt-fit th{letter-spacing:.01em}.presence-table.pt-fit .col-appr{width:126px}.presence-table.pt-fit .col-cal{width:80px}.presence-table.pt-fit .col-act{width:42px}.presence-table.pt-fit th,.presence-table.pt-fit td{overflow:hidden;text-overflow:ellipsis;padding:6px 5px}.presence-table.pt-fit select.compact{width:100%;min-width:0;font-size:12px;padding:5px 4px}.presence-table.pt-scroll{min-width:max-content}.presence-table.pt-scroll .col-cal{width:80px}.presence-table.pt-scroll .col-act{width:46px}.presence-table.pt-scroll .sticky-col{box-shadow:1px 0 0 var(--border)}.presence-table.pt-scroll .cal-col{position:sticky;right:46px;background:var(--surface);z-index:1;box-shadow:-1px 0 0 var(--border)}.presence-table.pt-scroll .act-col{position:sticky;right:0;background:var(--surface);z-index:1}.badge-cell{font-weight:800;font-family:var(--font-mono)}.badge-cell.badge-green{color:var(--green)}.badge-cell.badge-red{color:var(--red)}.badge-cell.badge-orange{color:var(--accent-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c241673;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 50px #2c24164d;width:100%;max-width:460px;max-height:85vh;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--border)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h3{margin:0;font-family:var(--font-serif);font-weight:400;font-size:20px;color:var(--text)}.btn-icon{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:var(--muted);padding:0 4px}.btn-icon:hover{color:var(--text)}.modal-hint{font-size:12px;margin:0}.modal-hint-sm{font-size:12px;margin:4px 0}.modal-section,.apprenant-add-grid{display:flex;flex-direction:column;gap:8px}.modal-checklist{max-height:180px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#fff}.modal-check-item{flex-direction:row;align-items:center;gap:8px;font-weight:400;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.alert{padding:11px 14px;border-radius:10px;font-size:13px}.alert-error{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.alert-info{background:var(--accent-soft);color:var(--accent-dark);border:1px solid var(--border-strong)}.muted{color:var(--muted)}.loading-screen{padding:40px;text-align:center;color:var(--muted);font-weight:600}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--cream-top) 0%,var(--cream-bottom) 100%);padding:20px}.login-card{background:var(--surface);border-radius:var(--radius-lg);padding:36px;width:100%;max-width:380px;box-shadow:0 20px 50px #8c6c3c2e;border:1px solid var(--border)}.login-brand{text-align:center;margin-bottom:22px;display:flex;flex-direction:column;align-items:center;gap:8px}.login-brand h1{margin:6px 0 0;font-family:var(--font-serif);font-weight:400;color:var(--text);font-size:28px}.login-form{display:flex;flex-direction:column;gap:14px}.timeline-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.timeline-toolbar h3{margin:0;font-family:var(--font-serif);font-weight:400;font-size:22px;color:var(--text)}.timeline-toolbar p{margin:8px 0 0;font-size:12px;color:var(--muted)}.timeline-wrap{overflow:visible}.timeline-grid{display:flex;flex-direction:column;width:100%}.timeline-head-row,.timeline-row{display:grid;grid-template-columns:56px repeat(var(--seance-count, 4),minmax(0,1fr));gap:8px;align-items:stretch}.timeline-head-row{padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:4px}.th-session{font-size:9px;font-weight:700;color:var(--muted-2);letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;white-space:nowrap}.timeline-wrap.is-scroll{overflow-x:auto}.timeline-grid.is-scroll{min-width:max-content}.timeline-grid.is-scroll .timeline-head-row,.timeline-grid.is-scroll .timeline-row{grid-template-columns:56px repeat(var(--seance-count, 4),150px)}.timeline-grid.is-scroll .th-session,.timeline-grid.is-scroll .row-label{position:sticky;left:0;z-index:2;background:var(--surface);padding-right:4px}.th-seance{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.seance-num-wrap{display:flex;align-items:center;gap:8px}.seance-num{font-family:var(--font-serif);font-size:18px;color:var(--accent);line-height:1}.seance-label{font-size:10px;font-weight:700;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase}.seance-del{border:none;background:transparent;color:var(--muted-3);cursor:pointer;font-size:14px;line-height:1;padding:0}.seance-del:hover{color:var(--red)}.timeline-row{padding:10px 0;border-bottom:1px dashed var(--border)}.timeline-row:last-child{border-bottom:none}.row-label{display:flex;align-items:center;min-width:0}.row-name{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.row-name strong{font-size:15px;font-weight:700;color:var(--text);font-family:var(--font-serif);line-height:1}.row-del{border:none;background:transparent;color:var(--muted-3);cursor:pointer;font-size:12px;align-self:flex-start;padding:0;text-align:left;white-space:nowrap}.row-del:hover{color:var(--red)}.event{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:78px}.event.planned{background:var(--green-soft);border-color:var(--green-border)}.event.warning{background:var(--warn-soft);border-color:var(--warn-border)}.event.empty{background:transparent;border-style:dashed;border-color:var(--border-dashed)}.event-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.event-date-info{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.fr-datepicker{position:relative;display:inline-flex;min-width:0}.date-chip{display:inline-flex;align-items:center;gap:4px;min-width:0;font-size:12px;font-weight:700;color:var(--text);line-height:1;cursor:pointer;background:transparent;border:none;padding:0;font-family:inherit;flex-shrink:0}.date-chip svg{color:var(--muted-2);flex-shrink:0}.date-chip.placeholder{color:var(--muted-3);font-weight:600}.date-chip:hover span{color:var(--accent-dark)}.date-chip:hover svg{color:var(--accent)}.dp-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:var(--white);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 12px 32px #2c241629;padding:10px;width:218px}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dp-title{font-size:12px;font-weight:700;color:var(--text);text-transform:capitalize}.dp-nav{width:24px;height:24px;border:1px solid var(--border-strong);background:var(--white);border-radius:7px;cursor:pointer;color:var(--muted);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;font-family:inherit}.dp-nav:hover{border-color:var(--accent);color:var(--accent)}.dp-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.dp-wd span{text-align:center;font-size:10px;font-weight:700;color:var(--muted-2);text-transform:uppercase}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{height:26px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-size:12px;color:var(--text);font-family:inherit}.dp-day:hover{background:var(--accent-soft)}.dp-day.sel{background:var(--accent);color:#fff;font-weight:700}.dp-empty{height:26px}.dp-clear{margin-top:8px;width:100%;border:1px solid var(--border-strong);background:var(--white);border-radius:8px;padding:5px;font-size:11px;font-weight:700;color:var(--muted);cursor:pointer;font-family:inherit}.dp-clear:hover{color:var(--red);border-color:var(--red-border)}.status-badge{width:24px;height:24px;border-radius:7px;flex-shrink:0;padding:0;border:none;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .12s,background .12s}.status-badge svg{display:block}.status-badge:disabled{cursor:default}.status-badge.planned{background:var(--green);color:#fff}.status-badge.warning{background:var(--accent);color:#fff}.status-badge.warning:hover{filter:brightness(.94)}.status-badge.empty{background:var(--border-strong);color:var(--muted-2)}.btn-icon-round svg{display:block}.event-video-row{display:flex;gap:5px;align-items:center}.event .video-link{flex:1;padding:5px 8px;background:#fff;border:1px solid var(--border-strong);border-radius:7px;font-size:10px;font-weight:700;color:var(--accent-dark);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px}.add-video-btn{padding:6px;background:transparent;border:1px dashed var(--border-dashed);border-radius:7px;color:var(--muted-2);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:inherit;width:100%}.add-video-btn:hover{border-color:var(--accent);color:var(--accent)}body,button,input,select,textarea{font-family:var(--font-sans)}h1,h2,h3,h4,.brand-title,.timeline-toolbar h3,.modal-head h3,.ui-modal-head h3,.login-brand h1,.formation-body h3,.page-head h2,.section-head h3{font-family:var(--font-serif);letter-spacing:-.01em}h1,.login-brand h1{font-weight:800}h2,.page-head h2,h3,.brand-title,.timeline-toolbar h3,.modal-head h3,.ui-modal-head h3,.formation-body h3,.section-head h3,.seance-num,.row-dot,.thumb-fallback{font-weight:700}.btn{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .06s ease,box-shadow .14s ease}.btn:active{transform:translateY(1px)}.btn-icon-round{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .06s ease}.btn-icon-round:hover{color:var(--accent);border-color:var(--accent)}.btn-icon-round:active,.status-badge:active{transform:translateY(1px)}.seance-del,.row-del{transition:color .14s ease,background .14s ease,transform .06s ease}.seance-del{width:16px;height:16px;border-radius:50%;font-size:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted-3);background:transparent;line-height:1}.seance-del:hover{color:var(--red);background:var(--red-soft)}.btn-icon-round.is-copied{color:var(--green);border-color:var(--green-border);background:var(--green-soft)}.btn-icon-swap{display:inline-flex;animation:ui-pop .18s ease}@keyframes ui-pop{0%{transform:scale(.6);opacity:.3}to{transform:scale(1);opacity:1}}.event-video-row{min-width:0}.event .video-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-video-row .btn-icon-round{flex-shrink:0}.event-date-info{min-width:0}.date-chip span{white-space:nowrap}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#2c241657;opacity:0;transition:opacity .17s ease}.ui-overlay.show{opacity:1}.ui-modal{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 24px 60px #2c241638;padding:22px;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .17s ease,transform .17s ease}.ui-modal.show{opacity:1;transform:translateY(0) scale(1)}.ui-modal-sm{max-width:400px}.ui-modal-md{max-width:460px}.ui-modal-lg{max-width:640px}.ui-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ui-modal-icon{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-dark)}.ui-modal-icon.danger{background:var(--red-soft);color:var(--red)}.ui-modal-head h3{margin:0;font-size:18px;color:var(--text)}.ui-modal-text{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--muted)}.ui-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ui-modal-actions.with-delete{justify-content:space-between;align-items:center;flex-wrap:wrap}.ui-modal-actions-right{display:flex;gap:10px;align-items:center}.ui-delete-link{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.ui-delete-link:hover{background:var(--red);color:#fff;border-color:var(--red)}.ui-delete-link svg{flex-shrink:0}.ui-field{position:relative;display:flex;align-items:center}.ui-field-icon{position:absolute;left:11px;display:flex;color:var(--muted-2);pointer-events:none}.ui-input{width:100%;padding:11px 12px 11px 34px;font-size:13px;font-family:inherit;color:var(--text);background:var(--white);border:1px solid var(--border-input);border-radius:10px;transition:border-color .14s ease,box-shadow .14s ease}.ui-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ui-field.has-error .ui-input{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.ui-input-lg{padding:13px 12px 13px 40px;font-size:14px}.actions-cell{display:inline-flex;gap:6px;justify-content:flex-end;align-items:center}.ui-form{display:flex;flex-direction:column;gap:12px}.ui-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}.ui-input.plain{padding:10px 12px}select.ui-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none;cursor:pointer}.category-field-row{display:flex;gap:8px;align-items:center}.category-field-row select{flex:1;min-width:0}.cat-add{display:flex;gap:8px;align-items:center;margin-bottom:6px}.cat-add .ui-input{flex:1}.cat-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 2px;max-height:320px;overflow-y:auto}.cat-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.cat-label{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-count{font-size:11px;color:var(--muted);white-space:nowrap}.cat-row-actions{display:inline-flex;gap:6px;align-items:center;flex-shrink:0}.cat-edit-input{flex:1;min-width:0}.cat-reassign{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}.ui-field-error{margin:8px 0 0;font-size:12px;font-weight:600;color:var(--red)}.btn-destructive{background:var(--red);color:#fff;border-color:var(--red)}.btn-destructive:hover{background:#9a3d27;border-color:#9a3d27}.ui-toasts{position:fixed;top:18px;right:18px;z-index:1100;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,360px)}.ui-toast{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-strong);border-left:3px solid var(--muted-2);border-radius:12px;padding:11px 12px;box-shadow:0 12px 30px #2c241629;animation:ui-toast-in .22s ease}.ui-toast.success{border-left-color:var(--green)}.ui-toast.error{border-left-color:var(--red)}.ui-toast.info{border-left-color:var(--accent)}.ui-toast-icon{display:flex;flex-shrink:0}.ui-toast.success .ui-toast-icon{color:var(--green)}.ui-toast.error .ui-toast-icon{color:var(--red)}.ui-toast.info .ui-toast-icon{color:var(--accent)}.ui-toast-msg{flex:1;font-size:13px;font-weight:500;color:var(--text);line-height:1.35}.ui-toast-close{border:none;background:transparent;color:var(--muted-3);cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.ui-toast-close:hover{color:var(--text)}@keyframes ui-toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.modal-overlay{animation:ui-overlay-fade .17s ease}.modal{animation:ui-modal-pop .18s ease}@keyframes ui-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.mobile-menu-btn,.mobile-bottom-nav,.mobile-sessions{display:none}@media (max-width: 768px){body{overflow-x:hidden;padding-bottom:76px}.topbar{height:64px;padding:10px 16px;position:sticky;top:0;z-index:20}.topbar-brand{gap:8px}.topbar-brand .logo-img{width:34px;height:34px}.brand-title{font-size:18px}.topbar-nav,.topbar-right{display:none}.mobile-menu-btn{display:inline-flex;order:3;margin-left:auto;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);align-items:center;justify-content:center}.mobile-menu-panel{position:fixed;top:64px;right:14px;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:190px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lift)}.mobile-menu-panel a,.mobile-menu-panel button{border:0;background:transparent;color:var(--text);text-align:left;padding:11px 12px;border-radius:8px;text-decoration:none;font:600 12px var(--font-sans)}.mobile-menu-panel a:hover,.mobile-menu-panel button:hover{background:var(--accent-soft);color:var(--accent-dark)}.app-main{padding:0}.page{padding:20px 14px;gap:16px}.page-head{align-items:flex-start;gap:10px}.page-head h2{font-size:25px;line-height:1.2}.card{border-radius:18px;padding:18px 14px}.formation-card{border-radius:16px}.cards-grid{grid-template-columns:1fr;gap:14px}.formation-thumb{aspect-ratio:16 / 9}.formation-body{padding:14px}.cat-filter-bar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;margin-right:-4px;scrollbar-width:none}.cat-pill{flex:0 0 auto;min-height:40px}.timeline-wrap{display:none!important}.mobile-sessions{display:block}.timeline-toolbar{margin-bottom:14px}.timeline-toolbar h3{font-size:20px}.timeline-toolbar p{font-size:12px;line-height:1.5;max-width:280px}.section-actions{width:100%}.section-actions .btn{flex:1;min-height:44px;padding:8px 9px;font-size:11px}.mobile-session-tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border);padding-bottom:12px}.mobile-session-tabs button{min-width:52px;height:38px;border:1px solid transparent;border-radius:10px;background:var(--surface-alt);color:var(--muted);font:700 13px var(--font-sans)}.mobile-session-tabs button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.mobile-seance-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.mobile-seance-row:last-child{border-bottom:0}.mobile-seance-num{display:flex;flex-direction:column;gap:3px;color:var(--accent)}.mobile-seance-num strong{font:700 20px var(--font-serif)}.mobile-seance-num span{font-size:8px;font-weight:700;letter-spacing:.05em}.mobile-seance-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.mobile-date{position:relative;display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:var(--text);padding:0;font:700 12px var(--font-sans)}.mobile-date span:first-child{color:var(--muted-2)}.mobile-date input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.mobile-video-link,.mobile-add-link{border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--accent-dark);padding:6px 9px;font:600 11px var(--font-sans);text-decoration:none}.mobile-add-link{border-style:dashed;background:var(--surface-alt)}.mobile-seance-actions{display:flex;gap:5px;align-items:center}.mobile-seance-actions .btn-icon-round,.mobile-seance-actions .status-badge{width:30px;height:30px}.mobile-seance-actions .status-badge{font-size:13px}.presence-controls{display:grid;grid-template-columns:1fr;gap:10px}.presence-add-action{width:100%}.presence-add-action .btn{width:100%;min-height:44px}.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.presence-table{min-width:760px}.presence-table.pt-fit{table-layout:auto;width:max-content}.presence-table.pt-fit .col-appr{width:130px}.presence-table.pt-fit .col-cal{width:74px}.presence-table.pt-fit .col-act{width:42px}.presence-table.pt-fit select.compact{width:100px;font-size:12px;padding:7px 6px}.presence-table .sticky-col{position:sticky;left:0;z-index:3;background:var(--surface)}.presence-table .cal-col,.presence-table .act-col{position:sticky;right:0;z-index:2;background:var(--surface)}.presence-table .act-col{right:0}.presence-table .cal-col{right:42px}.ui-modal{max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;border-radius:16px}.ui-modal-actions{position:sticky;bottom:-18px;background:var(--surface);padding-top:10px}.btn{min-height:42px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;left:0;right:0;bottom:0;z-index:100;height:68px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fdfaf6f5;border-top:1px solid var(--border);box-shadow:0 -6px 20px #2c241614}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--muted-2);text-decoration:none;font:500 10px var(--font-sans)}.mobile-bottom-nav a.active,.mobile-bottom-nav a.active svg{color:var(--accent)}}@media (min-width: 769px){.mobile-sessions{display:none!important}}