/* BEGIN phase7.css */
#notice-dot{display:inline-flex;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;align-items:center;justify-content:center;border-radius:10px;background:#e65353;color:#fff;font-size:10px;font-style:normal;margin-left:4px;vertical-align:1px}.notify{position:relative}.notify.read{opacity:.58}.notify .small{margin-left:auto}.governance-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin:4px 0 20px}.governance-head h3{font-size:25px;margin:4px 0 8px;color:#12223a}.governance-head p{margin:0;color:#62738c}.governance-actions{display:flex;gap:10px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:18px;min-height:36px;margin-bottom:18px}.toolbar label{font-weight:700;color:#273a55}.toolbar select{margin-left:8px;padding:8px 30px 8px 10px;border:1px solid #dce4ef;border-radius:6px;background:#fff;color:#273a55}.toggle-label{font-weight:500!important;font-size:13px}.toggle-label input{vertical-align:-2px;margin-right:5px}.archived{opacity:.52;background:#f8fafc}.record-modal{position:fixed;z-index:50;inset:0;background:rgba(16,31,52,.42);display:flex;align-items:center;justify-content:center;padding:24px}.record-dialog{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:10px;padding:24px;box-shadow:0 22px 70px rgba(10,28,52,.24)}.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin:18px 0}.record-fields textarea{min-height:72px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e6edf5;padding-top:18px}@media(max-width:840px){.governance-head{display:block}.governance-actions{margin-top:16px}.toolbar{align-items:flex-start;flex-wrap:wrap}.record-fields{grid-template-columns:1fr}.record-modal{padding:12px}.record-dialog{padding:18px;max-height:calc(100vh - 24px)}}

/* END phase7.css */
/* BEGIN phase8.css */
.delivery-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:26px 28px;margin-bottom:18px;border:1px solid #dce7f5;border-radius:8px;background:linear-gradient(115deg,#f7fbff,#eef7f5)}.delivery-hero h3{margin:4px 0 8px;font-size:25px;color:#12223a}.delivery-hero p{margin:0;color:#64758c}.delivery-select label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#64758c}.delivery-select select{min-width:260px;padding:10px;border:1px solid #cedbea;border-radius:6px;background:#fff;color:#20344f}.delivery-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.9fr);gap:18px;margin:18px 0}.delivery-span{grid-column:1}.delivery-timeline{padding-left:16px}.timeline-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:#5b91e6;margin-top:7px;box-shadow:0 0 0 4px #eef5ff}.timeline-dot.complete{background:#1d9d78;box-shadow:0 0 0 4px #e4f7ef}.timeline-main strong,.risk-item strong,.plan-item strong{color:#203451}.timeline-main p,.risk-item p,.plan-item p{margin:5px 0;color:#5e718a;font-size:13px}.timeline-main span,.risk-item small,.plan-item small{color:#8391a4;font-size:12px}.delivery-edit{display:block;margin-top:8px;margin-left:auto}.risk-list{display:flex;flex-direction:column;gap:10px}.risk-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #edf1f6}.risk-item:last-child{border-bottom:0}.risk-level{width:25px;height:25px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:700}.risk-level.high{background:#fdebed;color:#c53c48}.risk-level.medium{background:#fff4db;color:#a77410}.risk-level.low{background:#e3f6ed;color:#16845f}.plan-list{max-height:380px;overflow:auto}.plan-item{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f6}.plan-item:last-child{border-bottom:0}.plan-type{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#e8f1ff;color:#3373cd;font-size:12px;font-weight:700}.project-summary{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:10px 0;text-align:left;border-bottom:1px solid #edf1f6;color:#203451;cursor:pointer}.project-summary:last-child{border-bottom:0}.project-summary span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.project-summary small{color:#7c8ca1}.project-summary b{font-size:12px;color:#3e79d0;white-space:nowrap}.delivery-dialog .record-fields{margin-bottom:0}@media(max-width:960px){.delivery-layout{grid-template-columns:1fr}.delivery-span{grid-column:auto}}@media(max-width:680px){.delivery-hero{display:block;padding:20px}.delivery-select{margin-top:16px}.delivery-select select{min-width:0;width:100%}.timeline-item{grid-template-columns:18px minmax(0,1fr)}.timeline-item>div:last-child{grid-column:2}.plan-item{grid-template-columns:32px minmax(0,1fr)}.plan-item>div:last-child{grid-column:2}}

/* END phase8.css */
/* BEGIN phase9.css */
.directory-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 18px;padding:24px 28px;border:1px solid #dce7f5;border-radius:8px;background:linear-gradient(115deg,#fbfdff,#f0f8f6)}.directory-hero h3{font-size:25px;margin:4px 0 8px;color:#13263f}.directory-hero p{margin:0;color:#67788f}.directory-kpis{display:flex;gap:10px;flex-wrap:wrap}.directory-kpis span{padding:9px 12px;border-radius:6px;background:#fff;border:1px solid #dde7f1;color:#61738a;font-size:12px}.directory-kpis b{color:#168777;font-size:18px;margin-right:4px}.org-layout{display:grid;grid-template-columns:minmax(360px,.94fr) minmax(360px,1.06fr);gap:18px}.org-tree,.org-profile{min-height:610px}.org-tree{padding:20px}.org-scroll{max-height:690px;overflow:auto;padding:4px 4px 8px}.org-unit{margin:2px 0}.org-unit summary{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 8px;border-radius:6px;cursor:pointer;list-style:none;color:#213650;font-weight:700}.org-unit summary::-webkit-details-marker{display:none}.org-unit summary:hover{background:#f0f6ff}.org-unit summary .folder{font-size:12px;color:#8395aa;transition:transform .18s}.org-unit:not([open]) summary .folder{transform:rotate(-90deg)}.folder-icon{color:#4f91ed;font-size:18px}.org-unit summary small{margin-left:auto;font-weight:400;font-size:11px;color:#8898aa}.org-branch{margin-left:18px;padding-left:12px;border-left:1px solid #e5edf5}.org-person{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border:0;border-radius:6px;background:transparent;color:#233851;text-align:left;cursor:pointer}.org-person:hover{background:#eef6ff}.org-person.selected{background:#357fe4;color:#fff}.org-person span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:2px}.org-person small{font-size:11px;color:#8395aa}.org-person.selected small{color:#dceaff}.org-avatar,.profile-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#3f8bef,#159b86);color:#fff;font-weight:700}.org-avatar{width:28px;height:28px;border-radius:7px;font-size:12px}.login-mark{padding:3px 5px;background:#e5f7ee;border-radius:10px;color:#17805d;font-size:10px;font-style:normal}.org-person.selected .login-mark{background:rgba(255,255,255,.2);color:#fff}.org-profile{padding:34px}.profile-banner{display:flex;align-items:center;gap:16px;padding-bottom:25px;border-bottom:1px solid #e7edf4}.profile-avatar{width:62px;height:62px;border-radius:16px;font-size:25px}.profile-banner h3{margin:0 0 5px;color:#172b46;font-size:25px}.profile-banner p{margin:0 0 9px;color:#61748e}.profile-details{padding:20px 0}.profile-details>div{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #edf1f5}.profile-details span{color:#77889e}.profile-details strong{color:#243955;font-weight:600;word-break:break-word}.profile-note{padding:14px 16px;border-radius:6px;background:#f2f8f7;color:#577284;font-size:12px;line-height:1.7}@media(max-width:850px){.directory-hero{display:block;padding:20px}.directory-kpis{margin-top:14px}.org-layout{grid-template-columns:1fr}.org-tree,.org-profile{min-height:auto}.org-scroll{max-height:510px}.org-profile{padding:22px}}@media(max-width:500px){.profile-details>div{grid-template-columns:75px 1fr;gap:10px}.directory-kpis span{font-size:11px}.org-unit summary small{display:none}}

/* END phase9.css */
/* BEGIN phase10.css */
.workflow-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border:1px solid #d7e7e4;background:#f7fbfa}.workflow-hero h3{margin:4px 0 8px;font-size:24px}.workflow-hero p{margin:0;color:#62728a}.workflow-summary{min-width:110px;text-align:center;color:#62728a}.workflow-summary strong{display:block;color:#0f766e;font-size:34px}.workflow-rule-list{display:grid;gap:14px;margin-top:16px}.workflow-rule{padding:20px 24px}.workflow-rule-head{display:flex;justify-content:space-between;gap:20px}.workflow-rule-head h3{margin:10px 0 4px}.workflow-rule-head p{margin:0;color:#62728a}.workflow-path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #e8eef2;margin-top:18px;padding-top:16px}.workflow-node{display:flex;align-items:center;gap:10px;background:#f3f8f7;padding:10px 12px;min-width:180px}.workflow-node b,.flow-step>b,.rule-node-row>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0f8b80;color:#fff;font-size:12px}.workflow-node small{display:block;color:#62728a;margin-top:3px}.workflow-arrow{color:#8aa2a0;font-size:22px}.rule-modal-backdrop{position:fixed;inset:0;background:rgba(15,30,45,.45);display:grid;place-items:center;z-index:20;padding:22px}.rule-modal{background:#fff;width:min(760px,100%);max-height:88vh;overflow:auto;padding:24px;border-radius:8px}.form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.rule-node-editor{border-top:1px solid #e8eef2;margin-top:20px;padding-top:12px}.rule-node-editor h4{margin:0 0 10px}.rule-node-row{display:grid;grid-template-columns:30px 1fr 1fr;gap:10px;align-items:center;margin:8px 0}.rule-node-row input,.rule-node-row select{min-width:0}.approval-layout{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(500px,1.8fr);gap:16px}.flow-detail-card{margin-top:16px}.flow-steps{margin:16px 0}.flow-step{display:grid;grid-template-columns:32px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f4}.flow-step.current{background:#f3faf8;margin:0 -10px;padding:13px 10px}.flow-step p,.flow-step small{margin:4px 0;color:#62728a}.flow-step time{color:#8190a5;font-size:12px}.flow-hint{color:#62728a;margin:16px 0 0}@media(max-width:900px){.approval-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.workflow-hero{align-items:flex-start;gap:12px}.workflow-path{align-items:stretch}.workflow-arrow{transform:rotate(90deg);align-self:center}.flow-step{grid-template-columns:30px 1fr}.flow-step time{grid-column:2}.workflow-rule-head{align-items:flex-start}}

/* END phase10.css */
/* BEGIN phase11.css */
.company-logo-wrap{width:46px;height:46px;display:grid;place-items:center;overflow:visible;background:transparent;border-radius:0}.company-logo{display:block;width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1) contrast(.92)}.side .compact-brand{padding:5px 10px 18px}.side .compact-brand .company-logo-wrap{width:42px;height:42px}.side .compact-brand .company-logo{width:36px;height:36px}.side-nav-scroll{display:grid;gap:8px}.nav-section{border-bottom:1px solid rgba(255,255,255,.07);padding:0 0 9px}.nav-section summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:9px 10px 7px;color:#8092ae;font-size:11px;font-weight:800;letter-spacing:.55px}.nav-section summary::-webkit-details-marker{display:none}.nav-section summary span{font-size:15px;line-height:1;transition:transform .18s ease}.nav-section:not([open]) summary span{transform:rotate(-90deg)}.nav-section .nav{padding:0 2px}.nav-section .nav button{padding:9px 11px}.side .logo h1{letter-spacing:0}.side .side-foot{margin-top:17px}.login-card .company-logo-wrap{width:50px;height:50px}.login-card .company-logo{width:44px;height:44px}@media(max-width:860px){.side-nav-scroll{display:flex;overflow:auto;padding:0 4px}.nav-section{display:contents}.nav-section summary{display:none}.nav-section .nav{display:flex}.nav-section .nav button{white-space:nowrap}.nav-section:not([open]) .nav{display:flex}.side .compact-brand{padding-bottom:12px}}

/* END phase11.css */
/* BEGIN phase12.css */
:root{--ease-premium:cubic-bezier(.16,1,.3,1)}
@keyframes moduleReveal{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes itemReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes brandPulse{0%,100%{box-shadow:0 0 0 0 rgba(15,139,128,.2)}50%{box-shadow:0 0 0 7px rgba(15,139,128,0)}}
.browser-brand{display:flex;align-items:center;gap:8px;padding-right:14px;margin-right:4px;border-right:1px solid #e4eaf0;color:#1c2f48;white-space:nowrap}.browser-brand-mark{display:grid;place-items:center;width:28px;height:28px}.browser-brand-name{font-size:13px;letter-spacing:.2px}.brand-orb{position:relative;display:block;width:23px;height:23px;border:2px solid #177f77;border-radius:50%;background:radial-gradient(circle at 35% 28%,#c7f2e8,#53b5aa 58%,#197b74);overflow:hidden;box-shadow:0 4px 10px rgba(15,111,104,.2);animation:brandPulse 3.6s ease-in-out infinite}.brand-orb:before,.brand-orb:after{content:"";position:absolute;inset:4px -2px;border:1px solid rgba(255,255,255,.72);border-radius:50%}.brand-orb:after{inset:-2px 7px}.brand-orb i{position:absolute;left:-2px;right:-2px;top:10px;border-top:1px solid rgba(255,255,255,.78);transform:rotate(-12deg)}.brand-orb b{position:absolute;width:5px;height:5px;right:2px;top:2px;border-radius:50%;background:#f2be63;box-shadow:0 0 0 2px rgba(255,255,255,.65)}
.module.module-entering{display:block;animation:moduleReveal .42s var(--ease-premium) both}.module-leaving{animation:moduleReveal .18s ease reverse both}.motion-in{animation:itemReveal .52s var(--ease-premium) both;animation-delay:calc(min(var(--motion-order), 10) * 38ms)}.metric,.panel,.hero,.workflow-rule,.project-row,.priority,.activity{transition:transform .24s var(--ease-premium),box-shadow .24s ease,border-color .24s ease}.metric:hover,.panel:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(27,53,79,.10);border-color:#c9dbdc}.project-row:hover,.priority:hover,.activity:hover{transform:translateX(3px)}.nav button{transition:background .24s var(--ease-premium),color .2s ease,transform .2s var(--ease-premium),border-color .2s ease!important}.nav button:hover{transform:translateX(3px)}.nav-section summary{transition:color .2s ease,background .2s ease}.nav-section summary:hover{color:#cceae6}.top,.side{transition:box-shadow .3s ease}.top{box-shadow:0 1px 0 rgba(20,40,60,.03),0 6px 20px rgba(29,50,72,.025)}.primary,.secondary,.small{transition:transform .2s var(--ease-premium),box-shadow .2s ease,background .2s ease,border-color .2s ease!important}.primary:active,.secondary:active,.small:active{transform:translateY(1px) scale(.98)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* END phase12.css */