@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--ink:#15233f;--ink2:#45516d;--ink3:#7c869c;--paper:#f3f6fb;--surface:#ffffff;--line:#d9e1ec;--line2:#e9eef5;--go:#0f7a6b;--go-soft:#e0f0ed;--gate:#b9781c;--gate-soft:#f6ecd8;--stop:#ad4634;--stop-soft:#f6e4df;--sig:#2c5fd0;--sig-soft:#e5ecfb;--fd:"Space Grotesk",sans-serif;--fb:"IBM Plex Sans",sans-serif;--fm:"IBM Plex Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--fb);color:var(--ink);background:radial-gradient(circle at 85% -10%,#e8efff 0,transparent 30rem),var(--paper);line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}.vp{min-height:100vh}.eyebrow{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}h1,h2,h3{font-family:var(--fd);font-weight:600;letter-spacing:-.01em;margin:0}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.grid{display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start}@media (max-width:820px){.grid{grid-template-columns:1fr;gap:16px}}.top{background:linear-gradient(120deg,#111d36,#182a4e 58%,#203d68);color:#fff;padding:22px 0 26px}.top .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:6px}.brand .eyebrow{color:#8fa0c4}.brand h1{color:#fff;font-size:26px}.gauge{display:flex;gap:14px;background:#1c2c4d;border:1px solid #30426b;border-radius:14px;padding:12px 16px}.gauge .cell{display:flex;flex-direction:column;gap:2px;min-width:74px}.gauge .num{font-family:var(--fd);font-size:30px;font-weight:700;color:#fff;line-height:1}.gauge .num small{font-size:15px;color:#8fa0c4;font-weight:500}.gauge .lbl{font-family:var(--fm);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8fa0c4}.gauge .cell.hot .num{color:#ffcf7a}.rail{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;position:sticky;top:16px;box-shadow:0 14px 40px rgba(23,41,75,.07)}@media (max-width:820px){.rail{position:static;display:flex;overflow-x:auto;gap:4px}.railtrack{display:none}}.rail .rl{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:8px 10px 6px}.navitem{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:11px 10px;border-radius:9px;color:var(--ink2);font-family:var(--fb);font-size:14px}.navitem:hover{background:var(--line2)}.navitem.active{background:var(--ink);color:#fff}.navitem.active .marker{border-color:#fff;color:#fff}.marker{width:26px;height:26px;border-radius:7px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-size:12px;font-weight:500;flex:0 0 auto;color:var(--ink2)}.marker.gate{border-radius:50%;border-color:var(--gate);color:var(--gate);background:var(--gate-soft)}.marker.gate.open{background:var(--go-soft);border-color:var(--go);color:var(--go)}.navitem.active .marker.gate{background:transparent}.navitem .nl{flex:1;display:flex;flex-direction:column;line-height:1.25}.navitem .nl b{font-weight:600}.navitem .nl span{font-size:11px;color:var(--ink3)}.navitem.active .nl span{color:#a9b6d4}.railtrack{margin-left:22px;border-left:1.5px dashed var(--line);height:8px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:16px;box-shadow:0 12px 34px rgba(23,41,75,.055)}.phead{display:flex;align-items:flex-start;gap:14px;margin-bottom:4px}.phead .icn{width:38px;height:38px;border-radius:10px;background:var(--go-soft);color:var(--go);display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-family:var(--fd);font-weight:700}.phead .icn.gate{background:var(--gate-soft);color:var(--gate)}.phead h2{font-size:21px}.lead{color:var(--ink2);font-size:14.5px;max-width:64ch;margin:10px 0 20px}.rule{height:1px;background:var(--line2);border:none;margin:22px 0}.field{margin-bottom:16px}.field>label{display:block;font-family:var(--fm);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}.field .hint{font-size:12px;color:var(--ink3);margin:-2px 0 7px}input.t,select.t,textarea.t{width:100%;font-family:var(--fb);font-size:14px;color:var(--ink);background:#fbfcfe;border:1px solid var(--line);border-radius:9px;padding:10px 12px;outline:none}input.t:focus,select.t:focus,textarea.t:focus{border-color:var(--sig);box-shadow:0 0 0 3px var(--sig-soft)}textarea.t{resize:vertical;min-height:70px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:640px){.row{grid-template-columns:1fr}}.btn{font-family:var(--fb);font-size:13.5px;font-weight:500;border-radius:9px;padding:10px 15px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--line2)}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.primary:hover{background:#0e1a30}.btn.ai{background:var(--sig);color:#fff;border-color:var(--sig)}.btn.ai:hover{background:#2450b3}.btn.sm{padding:7px 11px;font-size:12.5px}.btn:disabled{opacity:.55;cursor:default}.iconbtn{background:none;border:none;color:var(--ink3);cursor:pointer;padding:4px;display:inline-flex}.iconbtn:hover{color:var(--stop)}.rec{border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:11px;background:#fbfcfe}.rec .rtop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.rec .rname{font-family:var(--fd);font-weight:600;font-size:15px}.rec .rmeta{font-family:var(--fm);font-size:11px;color:var(--ink3)}.rec .rquote{font-size:14px;color:var(--ink2);margin-top:4px}.tag{font-family:var(--fm);font-size:11px;background:var(--go-soft);color:var(--go);padding:3px 8px;border-radius:999px}.tag.warn{background:var(--gate-soft);color:var(--gate)}.guide{background:var(--sig-soft);border:1px solid #c8d6f5;border-radius:10px;font-size:13.5px;color:var(--ink2)}.chk,.guide{padding:12px 14px}.chk{display:flex;gap:12px;align-items:flex-start;background:#fbfcfe;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;cursor:pointer}.chk.on{border-color:var(--go);background:var(--go-soft)}.chk .box{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;flex:none;color:#fff}.chk.on .box{background:var(--go);border-color:var(--go)}.chk .ctxt{display:block;font-weight:600;font-size:14px}.chk .csub{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px}.locknote{display:flex;gap:9px;align-items:center;background:var(--gate-soft);color:var(--gate);border-radius:9px;padding:11px 14px;font-size:13px;margin-bottom:18px}.decision{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;margin-bottom:8px}.dbtn{flex:1;min-width:140px;border:1.5px solid var(--line);border-radius:11px;padding:12px 14px;cursor:pointer;background:#fbfcfe}.dbtn b{display:block;font-family:var(--fd);margin-bottom:4px}.dbtn span{font-size:12px;color:var(--ink3)}.dbtn.go.sel{border-color:var(--go);background:var(--go-soft)}.dbtn.recycle.sel{border-color:var(--gate);background:var(--gate-soft)}.dbtn.kill.sel{border-color:var(--stop);background:var(--stop-soft)}.aibox{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfcfe}.aihead{display:flex;align-items:center;gap:8px;padding:10px 16px;font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sig);border-bottom:1px solid var(--line2)}.aibody{padding:14px 16px;font-size:14px;line-height:1.6;white-space:pre-wrap}.aibody.empty{color:var(--ink3)}.stat{display:inline-flex;flex-direction:column;background:#fbfcfe;border:1px solid var(--line);border-radius:10px;padding:9px 14px;margin:0 10px 10px 0}.stat b{font-family:var(--fd);font-size:20px}.stat span{font-family:var(--fm);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}.sub{gap:8px;margin-bottom:18px;flex-wrap:wrap}.sub,.subb{display:flex}.subb{font-family:var(--fb);font-size:13px;padding:8px 14px;border-radius:9px;border:1px solid var(--line);background:var(--surface);cursor:pointer;gap:7px;align-items:center}.subb.on{background:var(--ink);color:#fff;border-color:var(--ink)}.spin{width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0,#d8e4f7 0,transparent 50%),radial-gradient(ellipse at 90% 80%,#d5ebe4 0,transparent 45%),var(--paper)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 18px 40px rgba(21,35,63,.08)}.login-card h1{font-size:24px;margin:6px 0 8px}.login-card p{color:var(--ink2);font-size:14px;margin:0 0 22px}.err{background:var(--stop-soft);color:var(--stop);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}.sync-pill{font-family:var(--fm);font-size:11px;color:#8fa0c4;padding:6px 10px;border:1px solid #30426b;border-radius:8px}.sync-pill.ok{color:#9fe0cf}.actions-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.brief{background:#f4f7fb;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 22px}.brief-when{font-family:var(--fm);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sig);margin-bottom:12px}.brief-h{font-family:var(--fd);font-weight:600;font-size:14px;margin-bottom:6px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}@media (max-width:700px){.brief-grid{grid-template-columns:1fr}}.brief p{line-height:1.5}.brief ol.rules,.brief p,.brief ul{margin:0;font-size:13.5px;color:var(--ink2)}.brief ol.rules,.brief ul{padding-left:18px;line-height:1.45}.brief ol.rules li,.brief ul li{margin-bottom:5px}.brief ul.dont{color:var(--stop)}.brief-foot{border-top:1px solid var(--line);padding-top:12px;gap:6px;font-size:13.5px;color:var(--ink)}.brief-foot,.roadmap{display:flex;flex-direction:column}.roadmap{gap:8px}.road-item{display:flex;gap:12px;align-items:center;text-align:left;width:100%;border:1px solid var(--line);background:#fbfcfe;border-radius:11px;padding:12px 14px;cursor:pointer;font-family:inherit;color:var(--ink)}.road-item:hover{border-color:var(--sig);background:var(--sig-soft)}.road-n{flex:none;width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--fm);font-size:12px;font-weight:600}.road-body{display:flex;flex-direction:column;gap:2px}.road-body b{font-family:var(--fd);font-size:14.5px}.road-body span{font-size:12.5px;color:var(--ink3)}.progress-summary{display:flex;align-items:center;gap:10px;min-width:230px}.progress-summary>div:last-child{display:flex;flex-direction:column;max-width:190px}.progress-summary>div:last-child span{color:#8fa0c4;font:10px var(--fm);letter-spacing:.08em;text-transform:uppercase}.progress-summary>div:last-child b{color:#fff;font-size:12.5px;line-height:1.35}.progress-ring{--progress:0deg;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(#45c8ae var(--progress),#30426b 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:5px;border-radius:inherit;background:var(--ink)}.progress-ring span{color:#fff;font:600 11px var(--fm);position:relative}.phase-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:6px 0 18px}.phase-progress{border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fbfcfe}.phase-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink2);margin-bottom:8px}.phase-progress b{color:var(--ink);font-family:var(--fm)}.progress-track{height:5px;border-radius:99px;background:var(--line2);overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--sig),#5f86df);border-radius:inherit;transition:width .3s ease}.next-action{width:100%;border:1px solid #b9c9ef;background:linear-gradient(135deg,#f4f7ff,#eef3ff);color:var(--ink);border-radius:12px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;cursor:pointer;margin-bottom:18px}.next-action span{color:var(--sig);font:10px var(--fm);letter-spacing:.08em;text-transform:uppercase}.next-action b{font-family:var(--fd);font-size:13.5px}.next-action:hover{border-color:var(--sig);transform:translateY(-1px)}.collab-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:-10px 2px 12px;min-height:28px;color:var(--ink3);font-size:12px}.live-dot,.presence{display:inline-flex;align-items:center;gap:6px}.live-dot.on{color:var(--go)}.live-toast{position:fixed;z-index:50;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:9px;border-radius:12px;padding:13px 15px;background:var(--ink);color:white;box-shadow:0 18px 50px rgba(15,26,48,.28);font-size:13px;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.workspace-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#fff 50%,#eef4ff)}.workspace-hero h2,.workspace-title h2{margin:2px 0 6px}.workspace-hero p,.workspace-title p{margin:0;color:var(--ink2);font-size:13.5px}.task-kpis{min-width:150px;padding:14px;border:1px solid #cad7f4;border-radius:12px;background:rgba(255,255,255,.75);display:flex;flex-direction:column}.task-kpis b{font:700 28px var(--fd);color:var(--sig)}.task-kpis span{color:var(--ink3);font-size:11px}.quick-task{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr 1fr 145px auto;gap:9px;padding:14px;align-items:center}.quick-task .t{margin:0;min-width:0}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}.kanban-col{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.56);border-radius:13px;overflow:hidden}.kanban-col>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 13px 11px;border-bottom:1px solid var(--line)}.kanban-col>header div{display:flex;flex-direction:column}.kanban-col>header b{font:600 13px var(--fd)}.kanban-col>header span{color:var(--ink3);font-size:10.5px}.kanban-col>header em{min-width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:var(--line2);color:var(--ink2);font:normal 600 11px var(--fm)}.status-in_progress>header{box-shadow:inset 0 3px 0 var(--sig)}.status-blocked>header{box-shadow:inset 0 3px 0 var(--stop)}.status-done>header{box-shadow:inset 0 3px 0 var(--go)}.kanban-list{padding:9px;display:flex;flex-direction:column;gap:9px;min-height:100px}.task-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;box-shadow:0 2px 8px rgba(18,33,63,.04)}.task-card-top{display:flex;justify-content:space-between;align-items:center}.task-card h3{font-size:13.5px;line-height:1.35;margin:7px 0 9px}.priority{font:9px var(--fm);text-transform:uppercase;letter-spacing:.07em;padding:3px 6px;border-radius:99px;color:var(--ink2);background:var(--line2)}.priority.high{color:var(--stop);background:var(--stop-soft)}.priority.low{color:var(--go);background:var(--go-soft)}.task-meta{display:flex;flex-wrap:wrap;gap:5px 9px;color:var(--ink3);font-size:10.5px;margin-bottom:9px}.task-meta span{display:inline-flex;align-items:center;gap:4px}.mini-select{width:100%;border:1px solid var(--line);border-radius:7px;padding:6px 8px;color:var(--ink2);background:#fbfcfe;font:11px var(--fb);margin-top:6px}.empty-column{min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--ink3);font-size:11px;border:1px dashed var(--line);border-radius:9px}.workspace-title{gap:13px}.activity-head,.workspace-title{display:flex;align-items:flex-start}.activity-head{justify-content:space-between;gap:16px}.upload-zone{margin:22px 0 18px;min-height:135px;border:1.5px dashed #9bb0dc;border-radius:14px;background:#f7f9fe;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sig);cursor:pointer}.upload-zone:hover{background:var(--sig-soft);border-color:var(--sig)}.upload-zone b{color:var(--ink);margin:5px 0 2px}.upload-zone span{color:var(--ink3);font-size:11.5px}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-zone.disabled{opacity:.55;cursor:not-allowed}.config-note{margin-bottom:16px;border-radius:10px;background:var(--gate-soft);color:#865b18;padding:10px 12px;font-size:12.5px}.activity-list,.file-list{display:flex;flex-direction:column}.file-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line2)}.activity-icon,.file-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--sig);background:var(--sig-soft)}.file-main{min-width:0;display:flex;flex-direction:column;gap:2px}.file-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.file-main span{color:var(--ink3);font-size:11px}.empty-state{padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--ink3);text-align:center}.empty-state b{color:var(--ink2);font-family:var(--fd);margin-top:4px}.empty-state span{font-size:12px}.activity-list{margin-top:22px}.activity-row{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:12px 3px;border-bottom:1px solid var(--line2)}.activity-row p{margin:1px 0 3px;color:var(--ink2);font-size:13.5px}.activity-row p b{color:var(--ink)}.activity-row span{color:var(--ink3);font:10.5px var(--fm)}.activity-icon.kind-completed{color:var(--go);background:var(--go-soft)}.activity-icon.kind-deleted{color:var(--stop);background:var(--stop-soft)}@media (max-width:1080px){.quick-task{grid-template-columns:2fr 1fr 1fr}.quick-task input[type=date]{display:none}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.phase-progress-grid{grid-template-columns:repeat(2,1fr)}.progress-summary{order:2;width:100%}.quick-task{grid-template-columns:1fr}.quick-task input[type=date]{display:block}.kanban{grid-template-columns:1fr}.activity-head,.workspace-hero{flex-direction:column;align-items:stretch}.task-kpis{min-width:0}.collab-status{justify-content:space-between;flex-wrap:wrap}.live-toast{right:16px;bottom:16px}}:where(.stage-recadrage,.stage-context-recadrage){--stage:#7651c9;--stage-soft:#f1edfb;--stage-border:#d8cef3}:where(.stage-decouverte,.stage-context-decouverte){--stage:#1875b5;--stage-soft:#e8f3fa;--stage-border:#bedced}:where(.stage-gate1,.stage-context-gate1){--stage:#b66b12;--stage-soft:#fbf0dd;--stage-border:#ecd0a3}:where(.stage-focalisation,.stage-context-focalisation){--stage:#087f79;--stage-soft:#e3f3f1;--stage-border:#b8ded9}:where(.stage-conception,.stage-context-conception){--stage:#b54778;--stage-soft:#f9eaf1;--stage-border:#ebc6d7}:where(.stage-gate2,.stage-context-gate2){--stage:#36834f;--stage-soft:#e8f4eb;--stage-border:#c3dfca}.rail-section{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 7px 6px;padding:12px 3px 5px;border-top:1px solid var(--line2);color:var(--ink2);font:600 10px var(--fm);letter-spacing:.1em;text-transform:uppercase}.rail-section em{color:var(--ink3);font-style:normal;letter-spacing:0;text-transform:none}.nav-stage-start .railtrack{border-left-color:#d8cef3}.navitem{--stage:var(--sig);--stage-soft:var(--sig-soft);--stage-border:#c6d3f2;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.navitem.nav-gate:hover:not(.active),.navitem.nav-step:hover:not(.active){background:var(--stage-soft);color:var(--stage)}.navitem.nav-gate .marker,.navitem.nav-step .marker{border-color:var(--stage-border);background:var(--stage-soft);color:var(--stage)}.navitem.nav-gate.active,.navitem.nav-step.active{background:var(--stage);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--stage) 25%,transparent)}.navitem.nav-gate.active .marker,.navitem.nav-step.active .marker{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.7);color:#fff}.navitem.nav-gate.active .nl span,.navitem.nav-step.active .nl span{color:rgba(255,255,255,.74)}.nav-progress{min-width:38px;padding:3px 6px;border:1px solid var(--stage-border);border-radius:99px;background:var(--stage-soft);color:var(--stage);text-align:center;font:600 9px var(--fm)}.navitem.active .nav-progress{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.14);color:#fff}.stage-context{--stage:var(--sig);--stage-soft:var(--sig-soft);--stage-border:#c6d3f2}.stage-context>.panel:first-child{border-top:3px solid var(--stage)}.stage-context .phead .icn{background:var(--stage-soft);color:var(--stage)}.phase-progress-grid{gap:12px}.phase-progress{--stage:var(--sig);--stage-soft:var(--sig-soft);--stage-border:#c6d3f2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 10px;align-items:center;min-height:126px;border:1px solid var(--stage-border);border-top:4px solid var(--stage);border-radius:13px;padding:13px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.phase-progress:hover{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--stage) 14%,transparent)}.phase-progress.current{background:linear-gradient(145deg,#fff 42%,var(--stage-soft));box-shadow:0 12px 28px color-mix(in srgb,var(--stage) 15%,transparent)}.phase-progress.pending{opacity:.72}.phase-progress.pending:hover{opacity:1}.phase-number{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--stage-soft);color:var(--stage);font:700 12px var(--fm)}.phase-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.phase-copy b{color:var(--ink);font:600 14px var(--fd)}.phase-copy small{overflow:hidden;color:var(--ink3);font-size:10.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.phase-progress strong{color:var(--stage);font:700 13px var(--fm)}.phase-progress .progress-track{grid-column:1/-1;height:6px;background:color-mix(in srgb,var(--stage) 12%,#eef2f7)}.phase-progress .progress-track>span{background:var(--stage)}.phase-state{grid-column:1/-1;color:var(--ink3);font:600 9px var(--fm);letter-spacing:.08em;text-transform:uppercase}.phase-progress.current .phase-state{color:var(--stage)}.phase-progress.done .phase-state{color:var(--go)}.next-action{--stage:var(--sig);--stage-soft:var(--sig-soft);--stage-border:#c6d3f2;border-color:var(--stage-border);border-left:5px solid var(--stage);background:linear-gradient(135deg,#fff,var(--stage-soft))}.next-action span{color:var(--stage)}.next-action:hover{border-color:var(--stage);box-shadow:0 10px 22px color-mix(in srgb,var(--stage) 12%,transparent)}.road-item{--stage:var(--sig);--stage-soft:var(--sig-soft);--stage-border:#c6d3f2;border-left:4px solid var(--stage)}.road-item:hover{border-color:var(--stage);background:var(--stage-soft)}.road-item .road-n{background:var(--stage)}@media (max-width:820px){.rail{scroll-snap-type:x proximity;padding:8px}.rail .rl,.rail-section,.railtrack{display:none}.rail>div{flex:0 0 auto;scroll-snap-align:start}.navitem{min-width:148px;padding:9px}.navitem .nl span{display:none}.nav-progress{min-width:34px}}@media (max-width:700px){.phase-progress-grid{grid-template-columns:1fr}.phase-progress{min-height:112px}}