.project-page{color:#e3fef7;background:linear-gradient(150deg,#000510,#001a2c);min-height:70vh;padding:9rem 0 5rem}.project-page h1{margin:1rem 0 1.5rem;font-size:clamp(2rem,5vw,3.5rem);line-height:1.3}.project-page .project-intro{color:#c6dce0;max-width:850px;font-size:1.15rem;line-height:1.85}.project-badge{color:#aed7d0;border:1px solid #427776;border-radius:999px;margin:1.5rem 0 .25rem;padding:.3rem .8rem;font-size:.8rem;display:inline-block}.project-notice{color:#c6dce0;background:#135d662e;border-left:3px solid #77b0aa;margin:1.75rem 0;padding:1rem 1.25rem;line-height:1.8}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem;display:grid}.project-card{background:#135d661f;border:1px solid #77b0aa4d;border-radius:1rem;flex-direction:column;gap:1rem;padding:2rem;display:flex}.project-card h2{font-size:1.4rem;line-height:1.5}.project-card p{color:#c6dce0;flex:1;line-height:1.8}.project-card a,.project-links a{color:#c4f4ed}.project-card a{font-weight:600}.project-links{flex-wrap:wrap;gap:1.5rem;margin:3rem 0 0;display:flex}.project-scope{max-width:900px;margin:2rem 0}.project-scope h2{margin-bottom:.75rem;font-size:1.4rem}.project-scope p{color:#c6dce0;line-height:1.85}.demo-app{background:#071d2a;border:1px solid #3a666a;border-radius:1rem;margin-top:2.5rem;padding:2rem}.demo-app h2{margin:1.5rem 0 1rem;font-size:1.2rem}.demo-toolbar{color:#b6d3d7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.demo-app button{color:#e3fef7;font:inherit;cursor:pointer;background:#164b50;border:1px solid #689e98;border-radius:.5rem;padding:.6rem .9rem;line-height:1.5}.demo-app button:hover:not(:disabled){background:#22636a}.demo-app button:disabled{cursor:not-allowed;opacity:.4}.demo-app :is(button,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #b2efe5}.demo-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.demo-stats>div{background:#102d3c;border-radius:.75rem;padding:1.25rem}.demo-stats span{color:#b6d3d7;font-size:.85rem;line-height:1.6;display:block}.demo-stats strong{font-variant-numeric:tabular-nums;margin-top:.75rem;font-size:1.75rem;display:block}.demo-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:1.5rem 0;display:flex}.demo-controls label{color:#c6dce0;flex-direction:column;flex:180px;gap:.5rem;font-size:.9rem;display:flex}.demo-controls input:not([type=checkbox]),.demo-controls select{color:#fff;width:100%;min-width:0;font:inherit;background:#041824;border:1px solid #496e78;border-radius:.5rem;padding:.75rem}.demo-controls .demo-check{flex-direction:row;flex-basis:100%;align-items:center}.demo-check input{width:1.1rem;height:1.1rem}.demo-table-scroll{margin:1.5rem 0;overflow-x:auto}.demo-app table{border-collapse:collapse;width:100%;font-size:.9rem}.demo-app caption{text-align:left;color:#b6d3d7;padding-bottom:1rem}.demo-app th,.demo-app td{text-align:left;border-bottom:1px solid #284c5c;padding:1rem .6rem}.demo-app th{font-weight:600}.demo-actions{min-width:270px}.demo-actions button{margin:.2rem;padding:.4rem .6rem;font-size:.75rem}.demo-status{white-space:nowrap;background:#253e58;border-radius:999px;padding:.25rem .6rem;display:inline-block}.demo-status:is(.approved,.complete){color:#b8f5de;background:#184f46}.demo-status.paid{color:#c5f4fa;background:#215b6a}.demo-status.rejected{color:#ffcedc;background:#592e3d}.demo-activity ol{padding-left:1.5rem;line-height:1.9}.demo-activity p,.demo-assumptions p{color:#b6d3d7;line-height:1.8}.demo-costs{gap:1.25rem;margin:1.5rem 0;display:grid}.demo-cost>div:first-child{justify-content:space-between;gap:1rem;margin-bottom:.5rem;display:flex}.demo-bar{background:#163748;border-radius:999px;height:.55rem;overflow:hidden}.demo-bar span{border-radius:inherit;background:linear-gradient(90deg,#428b91,#a9d4c9);height:100%;display:block}.demo-assumptions{border:1px solid #355963;border-radius:.75rem;margin-top:2rem;padding:1.25rem}.demo-assumptions summary{cursor:pointer;font-weight:600}.demo-assumptions p{margin-top:1rem}.demo-assumptions dl{grid-template-columns:1fr 1fr;gap:.75rem 1rem;margin-top:1rem;font-size:.9rem;display:grid}.demo-workload>div{grid-template-columns:110px 1fr 30px;align-items:center;gap:1rem;margin:.75rem 0;display:grid}@media (width<=900px){.project-grid{grid-template-columns:1fr}}@media (width<=600px){.demo-app{padding:1rem}.project-page{padding-top:7.5rem}.demo-stats{grid-template-columns:1fr 1fr}.demo-stats strong{font-size:1.25rem}.demo-workload>div{grid-template-columns:85px 1fr 25px;gap:.5rem}}