:root{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253b36;background:#f6f8f7;font-size:14px;font-synthesis:none;--primary:#205c4f;--border:#e7ece9;--muted:#8a9993}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .16s,color .16s,box-shadow .16s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none;color:var(--primary)}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b1d9c6;outline-offset:3px}input,textarea,select{border:1px solid #dce5df;border-radius:7px;padding:10px 12px;color:#334b40;background:#fff;outline:0;min-width:0}input:focus,textarea:focus,select:focus{border-color:#68a18a;box-shadow:0 0 0 3px #e7f2ec}textarea{resize:vertical;width:100%;line-height:1.7}select{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:29px;font-weight:650;letter-spacing:-.9px;display:flex;align-items:center;gap:16px;line-height:1.5}h2{font-size:16px;font-weight:650;display:flex;gap:9px;align-items:center}h3{font-size:14px;margin:20px 0 12px}p{line-height:1.8}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:650;letter-spacing:2px}.brand-symbol{background:#205c4f;color:#fff;width:42px;height:44px;border-radius:12px;display:grid;place-items:center}.brand-sub{display:block;color:#8e9d93;font-size:9px;letter-spacing:2px;margin-top:1px}.workspace{display:flex;align-items:center;gap:7px;background:#f5f8f5;border:1px solid #eaf0eb;border-radius:7px;padding:10px;margin-top:32px;font-size:11px;white-space:nowrap}.workspace-tag{margin-left:auto;font-size:10px;color:#729b87}.green-dot{display:inline-block;background:#5e9c7f;width:6px;height:6px;border-radius:50%;flex-shrink:0}.nav-label{font-size:10px;color:#a1aca6;margin:32px 12px 12px;letter-spacing:1px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:13px;color:#76887d;border-radius:7px}.sidebar nav a.router-link-exact-active{background:#eaf2ed;color:#245e49;font-weight:600}.sidebar nav a:hover{background:#f2f6f3}.sidebar-bottom{margin-top:auto}.help-card{margin-top:50px;background:#f6f8f3;border:1px solid #edf0e8;border-radius:8px;padding:17px 14px;color:#71907a}.help-card strong{display:block;font-size:12px;margin:9px 0 6px;color:#56705d}.help-card p{font-size:11px;color:#96a18f;line-height:1.9}.profile{display:flex;align-items:center;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid var(--border)}.avatar{width:34px;height:34px;background:#e6eee7;color:#54775d;display:grid;place-items:center;border-radius:50%;font-size:13px}.profile strong{display:block;font-size:12px}.profile small{font-size:10px;display:block;margin-top:3px}.profile .icon{margin-left:auto}.icon{display:inline-flex;align-items:center;justify-content:center;padding:7px;color:#8a9b91;border-radius:6px}.icon:hover{background:#edf3ef}.main-area{margin-left:224px;flex:1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 36px;font-size:11px;color:#8b9a90}.topbar strong{font-weight:500;color:#49664f}.topbar span{margin:0 10px;color:#b4bdb7}.top-meta{display:flex;align-items:center;gap:5px;font-size:10px}.top-meta span:last-child{margin-left:20px}.page{max-width:1700px;margin:auto;padding:32px 36px 28px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.eyebrow{display:block;font-size:9px;letter-spacing:1.8px;color:#91a095;font-weight:600;margin-bottom:7px}.page-heading p{font-size:12px;color:#98a49a;margin-top:5px}.live-badge{font-size:10px;background:#e9f1e9;color:#5c8a67;border:1px solid #dce9dc;border-radius:4px;letter-spacing:0;padding:3px 7px;font-weight:400}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:10px 15px;font-size:12px;white-space:nowrap;font-weight:500}.primary{background:#245f4f;color:#fff;border:1px solid #245f4f;box-shadow:0 2px 3px #164d3510}.primary:hover{background:#194c3d}.secondary{border:1px solid #dfe7df;background:#fff;color:#6f8273}.secondary:hover{background:#f4f7f3}.heading-actions{display:flex;gap:9px}.datebar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:15px}.datebar .muted{display:flex;align-items:center;gap:7px;font-size:11px}.segmented{background:#eaf0eb;padding:4px;border-radius:7px;display:inline-flex;gap:2px}.segmented button{padding:6px 15px;font-size:11px;border-radius:5px;color:#8b9b8e}.segmented button.active{color:#315c40;background:#fff;box-shadow:0 1px 4px #3d684e15}.date-inputs{display:flex;gap:7px;align-items:center}.date-inputs input{font-size:11px;padding:6px}.filter-panel{display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:14px 16px;border:1px solid var(--border);border-radius:9px;margin-bottom:22px}.filter-panel>select{font-size:11px;min-width:140px;padding:8px 12px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e3e9e3;border-radius:6px;padding-left:10px;color:#97a398;min-width:210px;flex:1}.search-field input{border:0;padding:8px;box-shadow:none;width:100%;font-size:11px}.filter-panel .secondary{font-size:11px;padding:8px 12px}.advanced-filters{display:flex;gap:15px;flex-wrap:wrap;width:100%;padding-top:12px;border-top:1px solid var(--border)}.advanced-filters label{font-size:11px;min-width:130px}.advanced-filters select{font-size:11px;padding:5px;min-height:34px}.advanced-filters select[multiple]{height:100px}.dashboard-content{display:grid;gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.metric-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:9px;padding:19px 21px}.metric-card:hover{box-shadow:0 4px 20px #244f3710;transform:translateY(-1px)}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#849588}.metric-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.green{background:#ecf4ee!important;color:#4a8962!important}.blue{background:#eaf2f6!important;color:#5c8ba1!important}.orange{background:#fbf1e6!important;color:#bd8752!important}.purple{background:#f1edf7!important;color:#9480b2!important}.metric-number{font-size:36px;font-weight:600;color:#304e3c;letter-spacing:-1px;line-height:1.6}.metric-number small{font-size:11px;letter-spacing:0;font-weight:400;margin-left:9px}.metric-foot{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a0aca0;padding-top:11px;border-top:1px solid #f0f3ef}.summary-strip{display:flex;align-items:center;gap:13px;background:#ecf3ed;border:1px solid #dfeadf;border-radius:8px;padding:15px 19px}.summary-icon{font-size:25px;color:#79a17b}.summary-strip strong{font-size:11px;color:#4f7b53}.summary-strip p{font-size:11px;color:#7c917e;margin-top:2px}.summary-note{margin-left:auto;font-size:9px;color:#98ac98;white-space:nowrap}.panel{background:#fff;border:1px solid var(--border);border-radius:9px;padding:23px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.section-heading p{font-size:10px;color:#a0ada0;margin-top:7px}.text-button{display:inline-flex;align-items:center;gap:5px;color:#7b9480;font-size:11px;white-space:nowrap}.stage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.stage-card{border:1px solid #e8eee6;border-radius:7px;padding:14px;text-align:left;background:#fcfdfb;display:flex;flex-direction:column;position:relative}.stage-card:hover{background:#f0f6ed}.stage-index{font-size:9px;color:#acb8a9;position:absolute;right:12px;top:14px}.stage-card strong{font-size:25px;color:#537558;font-weight:550;margin-top:8px}.stage-card>span:not(.stage-index){font-size:10px;color:#8e9f88;margin:8px 0 15px;white-space:nowrap}.stage-track{height:3px;background:#e9efe5;border-radius:5px}.stage-track i{display:block;height:100%;background:#a7c19b;border-radius:5px}.two-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.chart{width:100%;height:215px}.chart-empty{font-size:11px;color:#9eac9e;text-align:center;margin-top:-110px;position:relative;pointer-events:none;margin-bottom:95px}.pill{display:inline-flex;padding:4px 7px;border-radius:4px;font-size:10px;background:#f1f4ef;color:#879582;white-space:nowrap;margin-right:4px;line-height:1.3}.delivery-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #eff3ed;padding:14px 0}.delivery-row:last-child{border-bottom:0;padding-bottom:0}.day-box{background:#f2f5ee;padding:8px 13px;color:#6c8968;border-radius:6px;text-align:center;font-size:13px}.day-box small{display:block;font-size:9px;margin-top:3px}.delivery-row strong{font-size:12px;font-weight:500}.delivery-row>div>small{display:block;margin-top:5px;font-size:10px;color:#9aaa92}.unfinished{margin-left:auto;text-align:center;font-size:20px;color:#6f8a67;padding:4px 10px}.unfinished span{display:block;font-size:9px;margin-top:4px;color:#9fab97}.unfinished.warning{color:#d99c61}.orange-text{color:#c7975b}.footnote{font-size:10px;color:#9ca999;line-height:1.8;margin-top:13px}.count{background:#f2f5ef;border-radius:4px;font-size:10px;color:#a1b097;padding:2px 7px;margin-left:4px;font-weight:400}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:170px;color:#9cafa0}.empty-state strong{font-size:12px;font-weight:500;color:#8aa08a}.empty-state span{font-size:10px;color:#acb9a8}.page-footer{text-align:center;font-size:10px;color:#a8b2a4;padding-top:4px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;font-weight:500;color:#a0ada0;padding:12px 10px;background:#fafcf8;border-bottom:1px solid #eaf0e6;white-space:nowrap}td{padding:17px 10px;border-bottom:1px solid #eef2ea;color:#6f8370;line-height:1.8}td strong{font-weight:550;color:#45684b}td small{display:block;font-size:10px;color:#a0ae9b;margin-top:3px}.clickable{cursor:pointer}.clickable:hover{background:#fafcf8}.plate{font-size:14px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:20px}.tabs button{display:flex;align-items:center;gap:6px;font-size:12px;padding:12px 2px;border-bottom:2px solid transparent;color:#94a28f}.tabs button.active{border-bottom-color:#37724e;color:#3c6c48}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a0ae98;margin-top:18px}.pagination>div{display:flex;align-items:center;gap:14px}.job-row,.role-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border);font-size:12px}.job-row small{max-width:35%}.role-row small{display:block;line-height:1.8;margin-top:6px;max-width:800px}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;max-width:90vw;background:#fff8f3;border:1px solid #efd4bc;color:#a86438;border-radius:8px;padding:13px 22px;box-shadow:0 5px 30px #55371115}.loading{display:grid;place-items:center;height:100vh;color:#6f8d72}.modal-overlay{position:fixed;inset:0;background:#193b2c55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:25px}.modal{max-width:800px;width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:28px;box-shadow:0 25px 80px #173d2c30}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#6c8169;margin:15px 0}label input,label select{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 17px}.inline-checks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.check{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:11px;margin:10px 0}.check input{width:14px;height:14px;accent-color:#3e7856}.type-options{display:flex;gap:10px;flex-wrap:wrap}.type-option{border:1px solid #e1e9db;border-radius:6px;padding:9px 12px;margin:0;display:flex;flex-direction:row;align-items:center;font-size:11px}.type-option input{width:14px;accent-color:#3e7856}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}.back-link{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#8a9f88;margin-bottom:20px}.flow-progress{display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;margin-bottom:23px;padding:18px 20px}.flow-progress>div{display:flex;gap:9px;align-items:center;flex:1;font-size:11px;color:#b2bdb0}.flow-progress>div span{width:25px;height:25px;background:#f1f4ed;border-radius:50%;display:grid;place-items:center;font-size:10px}.flow-progress .active{color:#3d7750;font-weight:600}.flow-progress .active span{background:#3d7750;color:#fff}.flow-progress .done{color:#8baf8c}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:22px}.detail-main,.detail-side{display:flex;flex-direction:column;gap:20px}.detail-side .panel{padding:19px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0}.info-grid dt{font-size:10px;color:#a1af9a;margin-bottom:6px}.info-grid dd{font-size:12px;margin:0;color:#617b5d}.content-block{background:#f8faf5;border-radius:6px;padding:14px;margin-top:16px}.content-block .muted{font-size:10px}.content-block p{font-size:12px;white-space:pre-wrap;margin:6px 0}.content-block small{font-size:10px}.time-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:18px;color:#9fac97}.time-row strong{font-weight:500;color:#748d6a}.timeline{margin-top:24px}.timeline-event{border-left:1px solid #e0eadb;padding:0 0 24px 17px;position:relative}.timeline-dot{position:absolute;top:4px;left:-4px;width:7px;height:7px;border-radius:50%;background:#b8ceb0}.timeline-event strong{font-size:10px;font-weight:500;color:#6c8661}.timeline-event p{font-size:10px;margin:5px 0;color:#8c9f82;white-space:pre-wrap}.timeline-event small{font-size:9px}.assignment-row{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#f7faf3;border-radius:6px}.assignment-row select,.assignment-row input{flex:1}.task-time{display:flex;gap:20px;font-size:10px;color:#a0af95;margin:12px 0}.person-chip{font-size:11px;background:#edf4e8;color:#7f9a6d;padding:6px 10px;border-radius:5px}.attachments{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.attachment{display:flex;align-items:center;border:1px solid #e2eadb;border-radius:7px;max-width:100%;padding:8px}.attachment-open{display:flex;gap:9px;align-items:center;text-align:left;font-size:11px;min-width:0;color:#7a9868}.attachment-open span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-open small{display:block;font-size:9px;margin-top:4px}.upload-button{display:flex;flex-direction:row;align-items:center;gap:7px;border:1px dashed #b8cdaa;padding:15px;color:#88a174;background:#f9fcf4;border-radius:7px;font-size:11px;cursor:pointer;margin:0}.upload-button input{display:none}.media-preview{max-width:90vw;display:flex;flex-direction:column;gap:12px;align-items:center}.media-preview img,.media-preview video{max-width:85vw;max-height:78vh;border-radius:8px}.review-panel{margin-bottom:20px;background:#fff9ef;border-color:#eee0c8}.review-panel p{font-size:12px;color:#a59473;margin:12px 0}.review-panel textarea{margin-bottom:10px}.danger-text{color:#c78758!important}details{font-size:11px;color:#8a9d7b;margin-top:18px}summary{cursor:pointer}pre{max-height:300px;overflow:auto;font-size:10px;white-space:pre-wrap}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.password-screen{display:grid;place-items:center;min-height:100vh}.password-screen form{width:420px}.password-screen p{font-size:12px;color:#8ba17f;margin-top:12px}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:#e9f0e5;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:500px;height:500px;right:-200px;bottom:-180px;border:1px solid #cfdfc4;border-radius:50%;box-shadow:0 0 0 70px #dce7d655,0 0 0 140px #dce7d633;pointer-events:none}.login-story h1{font-size:47px;color:#3d6042;letter-spacing:-2px;line-height:1.5;margin:20px 0;display:block}.login-story p{color:#8b9f80;font-size:13px;line-height:2}.login-story .eyebrow{color:#7e9b6f;font-size:11px}.login-story small{font-size:10px;color:#96ac88}.story-line{display:flex;align-items:center;gap:18px;margin-top:35px;font-size:11px;color:#77996b}.story-line svg{width:12px;color:#adc19f}.login-form{display:grid;place-items:center;background:#fcfdfb}.login-form form{width:330px}.login-form h2{font-size:25px;margin:12px 0}.login-form p{font-size:11px;color:#9bac91;margin-bottom:28px}.login-form label{font-size:11px;margin:20px 0}.login-form input{padding:13px}.login-form .primary{width:100%;padding:13px;margin-top:12px;justify-content:space-between}.login-note{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#abb8a1;margin-top:25px}@media(min-width:1500px){.page{padding:36px 46px}.chart{height:240px}}@media(max-width:1150px){.sidebar{width:194px;padding:25px 16px}.main-area{margin-left:194px}.page{padding:25px}.topbar{padding:0 25px}.metric-grid{gap:10px}.metric-card{padding:15px}.two-columns{grid-template-columns:1fr 1fr}.stage-grid{gap:7px}.stage-card{padding:9px}.stage-card>span:not(.stage-index){font-size:9px}.detail-columns{grid-template-columns:minmax(0,1fr) 260px}.summary-note{display:none}}@media(max-width:850px){.sidebar{width:72px;padding:25px 10px}.sidebar .brand>span:not(.brand-symbol),.workspace,.nav-label,.sidebar nav a:not(.router-link-active)~.none,.help-card,.profile>div,.profile>.icon{display:none}.brand{justify-content:center}.sidebar nav{margin-top:30px}.sidebar nav a{font-size:0;padding:14px;justify-content:center}.sidebar nav a svg{flex-shrink:0}.main-area{margin-left:72px}.profile{justify-content:center}.page{padding:20px}.topbar{padding:0 20px}.top-meta{display:none}.stage-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-columns,.detail-columns{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr;align-items:start}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.login-story{padding:40px}.login-story h1{font-size:35px}.login-form form{width:280px}.summary-strip p{font-size:10px}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.sidebar{width:55px;padding:20px 5px}.brand-symbol{width:34px;height:36px}.main-area{margin-left:55px}.sidebar nav a{padding:12px 8px}.page{padding:20px 12px}.topbar{height:54px;padding:0 13px;font-size:10px}h1{font-size:23px;gap:8px;flex-wrap:wrap}.page-heading{flex-direction:column;gap:13px}.page-heading p{font-size:10px}.heading-actions{justify-content:flex-start}.panel{padding:16px}.metric-card{padding:13px}.metric-number{font-size:30px}.stage-card>span:not(.stage-index){white-space:normal}.segmented button{padding:6px 10px}.filter-panel{padding:10px;gap:8px}.search-field{min-width:100%}.filter-panel>select{min-width:100px;flex:1}.summary-strip{padding:12px}.summary-icon{display:none}.section-heading{gap:9px}.section-heading h2{font-size:14px}.section-heading p,.section-heading .text-button{font-size:9px}.detail-side{display:flex}.flow-progress{padding:13px 9px;gap:5px}.flow-progress>div{flex-direction:column;gap:6px;font-size:9px}.form-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.modal-overlay{padding:10px}.modal{padding:20px}.login{display:flex;flex-direction:column}.login-story{min-height:260px;padding:25px}.login-story h1{font-size:27px;line-height:1.5;margin:12px 0}.login-story .brand{justify-content:flex-start;margin-bottom:20px}.login-story .eyebrow,.login-story p,.story-line,.login-story small{display:none}.login-form{padding:35px 25px;flex:1}.login-form form{width:100%}.time-row{font-size:11px}}.supplement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.supplement-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border);padding:15px 18px;border-radius:8px;font-size:11px;color:#8a9d83;gap:10px;text-align:left}.supplement-card strong{font-size:20px;font-weight:550;color:#6b8c5a}.supplement-card small{font-size:10px;font-weight:400}@media(max-width:1000px){.supplement-grid{grid-template-columns:repeat(2,1fr)}}