@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap";:root{--bg:#0f1115;--bg-2:#141821;--panel:#171c26;--panel-2:#1e242f;--border:#2a313d;--text:#f8fafc;--muted:#8a94a6;--accent:#f97316;--accent-2:#fb923c;--accent-dim:#9a4a12;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444;--radius:14px;--radius-sm:10px;--shadow:0 10px 34px #00000080;--cond:"Barlow Condensed", system-ui, sans-serif;--sans:"Barlow", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--cond);letter-spacing:.3px;margin:0 0 .4em;font-weight:700;line-height:1.1}a{color:inherit}button{font-family:var(--cond)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabnum{font-variant-numeric:tabular-nums}.app-shell{grid-template-columns:1fr;min-height:100dvh;display:grid}.sidebar{display:none}.main-col{flex-direction:column;min-height:100dvh;display:flex}.appbar{z-index:40;padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top));background:linear-gradient(180deg, var(--bg) 60%, #0f1115d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.appbar-title{font-family:var(--cond);text-transform:uppercase;letter-spacing:.5px;font-size:26px;font-weight:700}.page{padding:16px 16px calc(96px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:720px;margin:0 auto}.fade-in{animation:.25s ease-out fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bottomnav{z-index:50;background:var(--bg-2);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:56px;min-height:48px;color:var(--muted);font-family:var(--cond);text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:6px 8px;font-size:12px;text-decoration:none;transition:color .18s,background .18s;display:flex}.nav-item .ico{display:inline-flex}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--accent)}.nav-item.active .ico{filter:drop-shadow(0 0 8px #f9731680)}.nav-item:active{background:var(--panel-2)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:16px}.panel>h3{text-transform:uppercase;color:var(--muted);letter-spacing:.6px;font-size:18px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:14px;font-family:var(--cond);margin:18px 2px 8px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric{flex-direction:column;gap:2px;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:12px}.metric-val{font-family:var(--cond);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.metric-unit{color:var(--muted);font-size:14px;font-weight:500}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);min-height:44px;color:var(--text);font-family:var(--cond);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:600;transition:transform .12s,background .18s,border-color .18s,opacity .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0f172a}.btn-primary:hover{background:var(--accent-2)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#06210f}.btn-ghost{background:0 0}.btn-danger{border-color:var(--err);color:var(--err);background:0 0}.btn-sm{min-height:36px;padding:0 12px;font-size:14px}.btn-block{width:100%}.btn-row{gap:10px;display:flex}.pill{font-family:var(--cond);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.green{color:var(--ok);background:#22c55e26}.pill.orange{color:var(--accent);background:#f9731626}.pill.gray{background:var(--panel-2);color:var(--muted)}.pill.red{color:var(--err);background:#ef444426}.bar-label{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.progressbar{background:var(--panel-2);border-radius:999px;height:10px;overflow:hidden}.progressbar>span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .5s ease-out;display:block}.progressbar.done>span{background:linear-gradient(90deg, var(--ok), #4ade80)}.hero-card{background:linear-gradient(150deg, var(--panel-2), var(--panel));border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px;position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#f973162e,#0000 70%);width:140px;height:140px;position:absolute;top:-40px;right:-40px}.hero-kicker{font-family:var(--cond);text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-size:13px;font-weight:600}.hero-title{margin:4px 0 6px;font-size:30px}.hero-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex;position:relative}.intro-md{color:var(--muted);margin:8px 0 0;font-size:15px;position:relative}.ex-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.ex-head{align-items:center;gap:12px;padding:12px;display:flex}.ex-gif{border-radius:var(--radius-sm);background:var(--panel-2);object-fit:cover;flex-shrink:0;width:64px;height:64px}.ex-info{flex:1;min-width:0}.ex-name{font-family:var(--cond);font-size:19px;font-weight:700;line-height:1.1}.ex-target{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:12px}.ex-prescr{color:var(--accent-2);font-variant-numeric:tabular-nums;margin-top:3px;font-size:13px}.ex-cue{color:var(--muted);padding:0 12px 8px;font-size:13px;font-style:italic}.ex-attr{color:#5a6472;padding:0 12px 8px;font-size:10px}.set-rows{border-top:1px solid var(--border)}.set-row{border-bottom:1px solid var(--border);grid-template-columns:30px 1fr 1fr 48px 38px;align-items:center;gap:6px;padding:8px 12px;display:grid}.set-row.head{color:var(--muted);font-family:var(--cond);text-transform:uppercase;letter-spacing:.5px;padding-top:6px;padding-bottom:6px;font-size:11px}.set-idx{font-family:var(--cond);color:var(--muted);text-align:center;font-weight:700}.set-row input{text-align:center;background:var(--bg-2);border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;font-size:16px}.set-row input:focus{border-color:var(--accent);outline:none}.icon-btn{border:1px solid var(--border);background:var(--panel-2);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn.on{color:var(--ok);border-color:var(--ok)}.set-add{width:100%;margin:8px 0}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field>label,label.field-lbl{font-family:var(--cond);text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:13px}input,select,textarea{font-family:var(--sans)}.field input,.field select,.field textarea,.auth-form input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:46px;color:var(--text);width:100%;padding:0 14px;font-size:16px}.field textarea{resize:vertical;min-height:80px;padding:12px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-error,.form-error,.err-line{color:var(--err);min-height:20px;font-size:14px}.help{color:var(--muted);font-size:13px}.seg{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:34px;color:var(--muted);text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px}.seg button.on{background:var(--accent);color:#0f172a}.review{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:14px;padding:14px 16px}.review-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.review-md{font-size:15px;line-height:1.55}.review-md p{margin:0 0 8px}.flags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.auth-view{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:26px}.brand{text-align:center;margin-bottom:18px}.brand-mark{width:120px;max-width:60%}.brand-mark-sm{width:26px}.tagline{color:var(--muted);margin:8px 0 0;font-size:14px}.auth-tabs{background:var(--panel-2);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.auth-tab{text-align:center;height:34px;color:var(--muted);line-height:34px;font-family:var(--cond);text-transform:uppercase;border-radius:999px;font-size:14px;text-decoration:none;display:block}.auth-tab.active{background:var(--accent);color:#0f172a}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{font-family:var(--cond);text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.list-row{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .18s,transform .12s;display:flex}.list-row:active{transform:scale(.99)}.list-row .lr-date{font-family:var(--cond);text-align:center;min-width:46px;color:var(--accent);text-transform:uppercase;font-size:15px;font-weight:700;line-height:1.1}.list-row .lr-main{flex:1;min-width:0}.list-row .lr-title{font-family:var(--cond);font-size:17px;font-weight:600}.list-row .lr-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.dot-status{border-radius:50%;flex-shrink:0;width:10px;height:10px}.st-planifiee{background:var(--muted)}.st-en_cours{background:var(--accent)}.st-terminee{background:var(--ok)}.st-reportee{background:var(--warn)}.st-annulee{background:var(--err)}.empty{text-align:center;color:var(--muted);padding:34px 16px}.empty svg{opacity:.5;width:44px;height:44px;margin-bottom:8px}.row-between{justify-content:space-between;align-items:center;gap:10px;display:flex}.mt{margin-top:14px}.mb{margin-bottom:14px}.gen-dots{gap:4px;display:inline-flex}.gen-dots i{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1s infinite blink}.gen-dots i:nth-child(2){animation-delay:.2s}.gen-dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.skel{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.3s infinite sh}.skel-stack{flex-direction:column;gap:12px;display:flex}.skel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.counter{text-align:center;padding:10px 0}.counter-val{font-family:var(--cond);color:var(--accent);font-variant-numeric:tabular-nums;font-size:68px;font-weight:700;line-height:1}.counter-btns{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.counter-btns .btn{min-height:60px;font-size:22px}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;width:100%;max-width:560px;animation:.25s ease-out sheet;position:relative}@keyframes sheet{0%{transform:translateY(100%)}to{transform:none}}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:14px}.rest-overlay{z-index:120;background:radial-gradient(circle at 50% 40%, #f9731624, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.rest-kicker{font-family:var(--cond);text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:18px}.rest-clock{font-family:var(--cond);color:var(--text);font-size:96px;font-weight:700;line-height:1}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=900px){.app-shell{grid-template-columns:240px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--bg-2);flex-direction:column;gap:8px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{font-family:var(--cond);text-transform:uppercase;align-items:center;gap:8px;padding:6px 10px 16px;font-size:26px;font-weight:700;display:flex}.sidebar-brand .dot{color:var(--accent)}.sidebar .nav{flex-direction:column;gap:4px;display:flex}.sidebar .nav-item{flex-direction:row;justify-content:flex-start;gap:12px;min-height:46px;padding:0 14px;font-size:15px}.sidebar .nav-item.active{background:var(--panel-2)}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;padding:10px;display:flex}.side-user{font-family:var(--cond);color:var(--muted);font-size:14px}.bottomnav{display:none}.page{padding-bottom:40px}.stat-grid{grid-template-columns:repeat(4,1fr)}}