@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#203c3f;background:#f5f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#153740;color:#e7f2ed;padding:30px 20px;display:flex;flex-direction:column}.logo{font:800 22px Manrope;display:flex;align-items:center;gap:10px;padding:0 8px}.logo span{background:#bce987;color:#214337;width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#85a9aa;font-weight:800;margin:49px 13px 16px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.sidebar nav a{padding:14px 13px;border:0;border-radius:11px;background:none;color:#bad0ce;text-align:left;font-weight:700;font-size:13px}.sidebar nav .selected,.sidebar nav a:hover,.sidebar nav button:hover{background:#28505a;color:#fff}.sidebar-bottom{margin-top:auto;border:1px solid #41636b;padding:16px;border-radius:13px;display:grid;gap:7px}.sidebar-bottom b{font-size:12px}.sidebar-bottom span{font-size:11px;line-height:1.5;color:#a4c0bd}.workspace{width:100%;max-width:1600px;margin:auto;padding:36px 42px 80px}.page-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:11px;font-weight:800;color:#6b9b8f;letter-spacing:1.5px}.page-top h1{font:800 31px Manrope;margin:8px 0;letter-spacing:-1px}.page-top p{font-size:13px;color:#849c95;margin:0}.top-actions{display:flex;gap:9px;white-space:nowrap}.top-actions>*{border-radius:10px;padding:12px 15px;font-size:12px;font-weight:800;border:1px solid #d9e5df}.primary{background:#1c574a;color:#fff;border:1px solid #1c574a;border-radius:10px;padding:12px 17px;font-weight:800}.primary:hover{background:#134437}.screen-btn{background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:31px 0}.metrics>div{background:#fff;border:1px solid #e4ede8;border-radius:15px;padding:23px;display:grid;gap:8px}.metrics span{font-size:12px;font-weight:700;color:#78978c}.metrics strong{font:800 35px Manrope;color:#245e4e}.metrics small{font-size:11px;color:#9aac9f}.intro-panel{background:#fff;border:1px solid #e3ece7;border-radius:17px 17px 0 0;padding:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.intro-panel h2{font:800 18px Manrope;margin:0 0 7px}.intro-panel p{color:#91a69a;font-size:12px;margin:0}.filters{display:flex;gap:9px}.filters input,.filters select{border:1px solid #dbe8e1;border-radius:9px;padding:11px 12px;background:#fbfdfb;color:#3d5c50;font-size:12px}.filters input{min-width:250px}.project-list{display:grid;gap:12px;margin-top:12px}.project-card{background:#fff;border:1px solid #e0ebe4;border-radius:15px;overflow:hidden}.project-heading{width:100%;padding:21px 23px;display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;background:#fff;border:0}.project-heading:hover{background:#f9fcfa}.project-code{font-size:11px;letter-spacing:.8px;font-weight:800;color:#338366}.project-heading h3{font:800 17px Manrope;margin:4px 0 5px}.muted{color:#93a69c;font-size:12px}.project-progress{margin-left:auto;min-width:170px;display:grid;gap:5px;text-align:right}.project-progress strong{font:800 24px Manrope;color:#2c8365}.project-progress>span:not(.bar){font-size:11px;color:#9aaea3}.bar{background:#e9f0eb;height:8px;border-radius:99px;overflow:hidden;display:block;width:100%}.bar>span{display:block;height:100%;border-radius:99px;background:#6eb494}.chevron{font-size:25px;color:#7eaa94}.project-body{border-top:1px solid #e6eee9;padding:20px 23px 24px;background:#fcfefd}.section-label{font-size:11px;letter-spacing:1.2px;color:#81a38e;font-weight:800;text-transform:uppercase;margin:4px 0 13px}.development-label{margin-top:24px}.subsection{border:1px solid #dce9e1;border-radius:11px;margin:8px 0;overflow:hidden;background:#fff}.subsection.test{border-color:#d7e5ed}.subheading{border:0;background:#f4faf6;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;text-align:left;font-weight:800;color:#315c4b;font-size:13px}.test .subheading{background:#f2f8fb;color:#3e667b}.subbody{padding:18px}.subbody>.bar{margin-bottom:15px}.task-list{display:grid}.task-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eaf0eb}.task-name{font-size:13px;color:#426052;flex:1}.status-select{border:1px solid #dce9e1;border-radius:8px;padding:8px 10px;min-width:135px;font-size:11px;font-weight:800;background:#fff;color:#527269}.status-select.done{background:#e5f5eb;color:#388866}.status-select.running{background:#e8f2fa;color:#467c9d}.status-select.blocked{background:#fff0e5;color:#ab713e}.no-tasks,.empty-state{padding:26px;text-align:center;color:#97a99d;font-size:13px}.add-line{display:flex;gap:8px;margin-top:15px}.add-line input{border:1px solid #dce8e1;border-radius:9px;padding:10px 12px;flex:1;min-width:0;font-size:12px}.smallbtn{padding:10px 13px;border:0;border-radius:9px;background:#e3f2e9;color:#2b7756;font-size:11px;font-weight:800}.ghost-button{background:#eaf5ef;color:#2e7657;border:1px solid #d2e8da;padding:11px 13px;border-radius:9px;font-size:12px;font-weight:800}.condition-description{font-size:12px;color:#6c8f85;line-height:1.6;padding:12px;background:#f3f8f5;border-radius:9px}.assay-box{margin-top:24px;padding:18px;border:1px solid #dae9e1;border-radius:12px;background:#fff}.assay-box>strong{font-size:13px}.assay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.assay-grid>div{padding:12px;background:#f6faf7;border-radius:9px;font-size:12px}.assay-grid span{display:block;margin-top:6px;color:#8aa395;font-size:11px}.history-note{font-size:11px;color:#93aa9a;margin-top:20px}.tiny{font-size:11px;color:#819d8b}.future-panel{margin-top:22px;background:#e8f4ed;border:1px dashed #bddac8;padding:22px;border-radius:15px}.future-panel h3{margin:0 0 7px;font:800 15px Manrope}.future-panel p{color:#648a75;font-size:12px;line-height:1.5}.future-panel button{border:0;background:none;padding:0;color:#2b7757;font-size:12px;font-weight:800}.activity-panel{background:#fff;border:1px solid #e5ece8;border-radius:15px;margin-top:26px;padding:20px}.activity-panel>div:not(.empty-state){display:flex;gap:15px;border-bottom:1px solid #edf2ee;padding:15px 4px;font-size:12px}.activity-panel span{flex:1;color:#456c58}.activity-panel time{color:#9aafa2}.modal-backdrop{position:fixed;inset:0;background:#0a272b99;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:min(650px,100%);background:#fff;border-radius:18px;padding:28px;max-height:90vh;overflow:auto}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal h2{font:800 22px Manrope;margin:0}.icon-button{background:none;border:0;font-size:27px;color:#719085}.modal-form,.pd-form{display:grid;gap:17px;margin-top:22px}.modal-form label,.pd-form label{font-size:12px;font-weight:800;color:#628173;display:grid;gap:7px}.modal-form input,.modal-form select,.pd-form input,.pd-form textarea{border:1px solid #d7e5db;border-radius:9px;padding:12px;font-weight:400;color:#2c5240;background:#fbfdfa;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-form .checkbox-line{display:flex;align-items:center;font-weight:500}.checkbox-line input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button:not(.primary){background:#fff;border:1px solid #dce9e1;border-radius:9px;padding:11px 15px}.pd-form{background:#f5fbf7;border-radius:10px;padding:16px;margin:12px 0}.monitor{background:#0c2630;color:#eaf5f2;min-height:100vh;font-family:Manrope;padding:28px 36px}.monitor-header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #33515d;padding-bottom:20px}.overline{letter-spacing:1.5px;font-size:11px;font-weight:800;color:#99c2b7}.monitor-header h1{font-size:clamp(28px,3vw,45px);margin:6px 0}.monitor-header p{font-size:12px;color:#a6c5bd}.monitor-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.monitor-controls>*{background:#22434e;color:#fff;border:1px solid #496673;padding:11px;border-radius:9px;font-size:12px}.monitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.monitor-stats>div{padding:18px;background:#193b47;border:1px solid #355761;border-radius:13px;display:grid;gap:4px}.monitor-stats strong{color:#baec91;font-size:clamp(30px,3.5vw,48px)}.monitor-stats span{color:#b4ccc7;font-size:12px}.monitor-stage{background:#183b46;border:1px solid #43656d;border-radius:18px;padding:25px 31px;min-height:470px}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.stage-head h2{font-size:clamp(23px,2.6vw,36px);margin:8px 0}.stage-head p{font-size:16px;color:#b3d1c8}.stage-number{font-size:clamp(35px,4vw,60px);font-weight:800;color:#b9e98a}.monitor-stage>.bar{background:#345660;margin:12px 0 22px;height:10px}.stage-tasks{display:grid;gap:4px}.stage-task{padding:13px 0;border-bottom:1px solid #335863;display:flex;align-items:center;gap:17px}.stage-task>span:first-child{font-size:25px;color:#f4c17d}.stage-task.done>span:first-child{color:#abe28c}.stage-task>strong{flex:1;font-size:clamp(16px,1.6vw,24px)}.stage-task.done>strong{color:#a5c4b9}.badge{padding:6px 9px;border-radius:99px;font-size:10px;font-weight:800;background:#eaf0ef;color:#73918b;white-space:nowrap}.badge.done{background:#e0f3e7;color:#2c815a}.badge.running{background:#e2eff9;color:#3d7e9a}.badge.blocked{background:#fcebdd;color:#a56a35}.monitor-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-top:18px}.monitor-nav{display:flex;gap:9px;align-items:center;font-size:12px;color:#bcd2cd}.monitor-nav button,.monitor-nav select{border:1px solid #496873;background:#204651;color:#fff;padding:10px 13px;border-radius:9px}.countdown{height:5px;border-radius:10px;background:#244550;overflow:hidden;margin-top:14px}.countdown span{display:block;background:#b9e98b;height:100%;transition:width .4s}.monitor-warning{font-size:11px;color:#e7c88b;margin-top:18px}.stage-empty{text-align:center;padding:100px 0;color:#9bbdb8}@media(max-width:1050px){.layout{grid-template-columns:1fr}.sidebar{padding:15px 20px;flex-direction:row;align-items:center;gap:25px}.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex}.workspace{padding:30px 20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{flex-wrap:wrap}.page-top,.intro-panel{flex-direction:column;align-items:flex-start}.top-actions{width:100%}.top-actions>*{flex:1;text-align:center}.filters{flex-direction:column;width:100%}.filters input{min-width:0}.metrics{gap:9px}.metrics>div{padding:16px}.project-heading{padding:16px;gap:10px}.project-progress{min-width:100px}.project-progress strong{font-size:20px}.project-heading h3{font-size:14px}.project-body{padding:14px}.form-grid,.assay-grid{grid-template-columns:1fr}.monitor{padding:15px}.monitor-header{flex-direction:column;align-items:flex-start}.monitor-stats{gap:7px}.monitor-stats>div{padding:11px}.monitor-stage{padding:17px;min-height:350px}.stage-head{align-items:flex-start}.stage-task>strong{font-size:15px}}.project-card.archived{border-color:#d8e1de;background:#f9fbfa}.project-card.archived .project-heading{background:#f7faf8}.project-card.archived .project-code{color:#718c7e}.closed-pill{display:inline-flex;margin-left:10px;padding:4px 8px;border-radius:99px;background:#e4e9e6;color:#647c71;font-size:10px;font-weight:800}.project-management{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e5ede8;margin-top:24px;padding-top:19px}.project-management>div:first-child{display:grid;gap:6px}.project-management strong{font-size:12px}.project-management span{font-size:11px;color:#8ca598;line-height:1.4}.project-management-actions{display:flex;gap:8px;flex-wrap:wrap}.archive-button,.delete-button{border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800}.archive-button{background:#e7f4ea;border:1px solid #cce5d6;color:#2d7655}.delete-button{background:#fff;border:1px solid #f0d1cc;color:#ad5c50}.delete-modal p{font-size:13px;color:#5a7369;line-height:1.6}.delete-modal .delete-warning{background:#fff2ed;border:1px solid #f6d9d1;padding:13px;border-radius:9px;color:#a25548}.delete-modal label{display:grid;gap:8px;font-size:12px;color:#607f71;font-weight:700;margin:20px 0}.delete-modal label input{border:1px solid #d9e4dd;border-radius:9px;padding:12px;width:100%}.danger-button{background:#b54b40;color:#fff;border:1px solid #b54b40;border-radius:9px;padding:11px 15px;font-weight:800}.danger-button:disabled{opacity:.4}.project-card.archived .status-select:disabled{opacity:.65;background:#eff2ef}.project-card.archived .add-line input:disabled{background:#f0f3f0}.project-card.archived .task-name{color:#849a90}@media(max-width:650px){.project-management{align-items:flex-start;flex-direction:column}.project-management-actions{width:100%}.project-management-actions button{flex:1}}
