.product-demo .sidebar .nav-item{text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-right:0;width:100%;font-family:inherit}.product-demo .sidebar .nav-item.active{background:#398bf7}.product-demo .sidebar .nav-item:hover{background:#29323b}.product-demo .sidebar .nav-item.active:hover{background:#2675dc}.product-demo .brand small{display:block}.product-demo .brand-mark{place-items:center;display:grid}.product-demo .workspace-chip{align-items:center;display:flex}.product-demo .company-mark{place-items:center;display:grid}.product-demo .main-shell{min-width:0;margin-left:240px}.product-demo .topbar{z-index:30;background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 30px;display:flex;position:sticky;top:0}.product-demo .breadcrumb{align-items:center;gap:14px;font-size:12px;display:flex}.demo-main{max-width:1900px;margin:auto;padding:28px 30px 10px}.demo-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.demo-page-heading h1{margin:8px 0;font-size:27px}.demo-page-heading p{color:#6a7c86;margin:0;font-size:14px}.demo-notice{color:#365f8d;background:#edf5ff;border:1px solid #d3e6ff;border-radius:4px;align-items:flex-start;gap:9px;margin:0 0 22px;padding:12px 16px;font-size:12px;display:flex}.demo-notice svg{flex-shrink:0;margin-top:2px}.demo-banner{border:1px solid #e9edf2;border-radius:5px;width:100%;height:auto;margin-bottom:25px;display:block}.demo-intro{margin:34px 0 24px}.demo-intro h2{font-size:24px}.demo-intro p{max-width:1000px;font-size:14px;line-height:1.8}.demo-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.demo-feature{text-align:left;cursor:pointer;color:#67757c;background:#fff;border:1px solid #e9edf2;padding:26px;transition:border-color .15s,transform .15s;display:block;position:relative}.demo-feature:hover{border-color:#398bf7;transform:translateY(-2px)}.demo-feature>svg{color:#398bf7}.demo-feature-number{color:#b9cad9;font-size:23px;position:absolute;top:22px;right:25px}.demo-feature h2{margin:17px 0 12px;font-size:19px}.demo-feature p{margin:0 0 18px;font-size:13px;line-height:1.8}.demo-feature-description{background:#fff;border-left:3px solid #398bf7;margin:0 0 23px;padding:20px 24px}.demo-feature-description p{margin:0;font-size:14px;line-height:1.85}.demo-feature-description small{color:#64748b;margin-top:8px;font-size:12px;display:block}.demo-pill{white-space:nowrap;color:#2773cd;background:#eef5ff;border-radius:20px;align-items:center;padding:4px 10px;font-size:11px;display:inline-flex}.demo-pill.danger{color:#c85050;background:#fff0f0}.demo-meter{background:#edf1f5;border-radius:6px;height:7px;margin:16px 0;overflow:hidden}.demo-meter i{background:#398bf7;border-radius:6px;height:100%;transition:width .2s;display:block}.demo-card-bottom{border-top:1px solid #edf1f5;justify-content:space-between;margin-top:18px;padding-top:16px;font-size:12px;display:flex}.demo-inline-progress{align-items:center;gap:10px;min-width:130px;display:flex}.demo-inline-progress .demo-meter{flex:1;min-width:55px;margin:0}.demo-note{color:#637a87;background:#f8fafc;margin:20px 0;padding:16px 22px;font-size:12px;line-height:1.9}.demo-cell-sub{color:#8b9da7;margin-top:7px;font-size:11px;display:block}.demo-folder-strip{background:#f8fafc;flex-wrap:wrap;gap:12px;padding:15px 24px;font-size:12px;display:flex}.demo-folder-strip span{background:#edf2f6;border-radius:4px;padding:6px 12px}.demo-folder-strip span:first-child{color:#fff;background:#398bf7}.demo-chart,.demo-integration{padding:25px}.demo-chart h2,.demo-integration h2{margin:0 0 20px;font-size:20px}.demo-report-bar{align-items:center;gap:16px;margin:30px 0;font-size:12px;display:flex}.demo-report-bar>span{width:65px}.demo-report-bar>div{background:#f1f4f8;border-radius:3px;flex:1;height:20px;overflow:hidden}.demo-report-bar i{min-width:0;height:100%;display:block}.demo-report-project{border-bottom:1px solid #edf1f5;padding:18px 0;font-size:12px}.demo-report-project small{color:#899ba6}.demo-integration{margin-bottom:24px}.demo-integration>p{font-size:13px;line-height:1.9}.demo-system-flow{grid-template-columns:1fr 120px 1fr;align-items:center;gap:15px;margin:30px 0;display:grid}.demo-system-flow>div{text-align:center;background:#f6f9fd;border:1px solid #dfebf8;border-radius:5px;padding:30px 15px}.demo-system-flow h3{color:#398bf7;margin:15px 0 8px;font-size:25px}.demo-system-flow p{font-size:12px}.demo-system-flow>span{color:#398bf7;text-align:center;font-size:32px}.demo-system-flow small{color:#6e8495;font-size:10px;display:block}.demo-flow-options{flex-wrap:wrap;justify-content:space-around;gap:15px;padding:20px 0;display:flex}.demo-flow-options>span{align-items:center;gap:7px;font-size:13px;display:flex}.demo-flow-options svg{color:#06ba88}.demo-workflow-steps{justify-content:space-between;gap:20px;margin:25px 0;display:flex}.demo-workflow-steps>div{background:#f5f7fa;flex:1;align-items:center;gap:9px;padding:15px;font-size:12px;display:flex}.demo-workflow-steps b{color:#6b7c8f;background:#dfe6ef;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.demo-workflow-steps .complete{background:#e9faf3}.demo-workflow-steps .complete b{color:#fff;background:#06b98b}.demo-detail-text{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:2}.demo-side-note{color:#bdcbd7;margin-bottom:14px;font-size:11px;line-height:1.8}.demo-login{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.demo-footer{color:#8b9ca5;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:30px 0 10px;font-size:11px;display:flex}.demo-footer a{color:#398bf7}.demo-mobile-menu{display:none}.product-demo .project-card{text-align:left;cursor:pointer;width:100%;font-family:inherit}.product-demo .project-card h3{font-size:20px}.product-demo .project-card p{font-size:13px;line-height:1.8}.product-demo .project-card .flex{font-size:12px}.product-demo .stats-grid strong{font-size:25px}.product-demo .modal{max-height:90vh;overflow:auto}.product-demo .gantt-new{background:#fff}.product-demo .panel{margin-bottom:24px}@media (max-width:1100px){.product-demo .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-demo .project-grid{grid-template-columns:1fr}.demo-workflow-steps{flex-direction:column;gap:8px}}@media (max-width:760px){.product-demo .main-shell{margin-left:0}.product-demo .sidebar{transition:transform .2s;transform:translate(-100%)}.product-demo .sidebar.open{transform:translate(0)}.demo-main{padding:22px 15px 10px}.demo-mobile-menu{display:inline-flex}.product-demo .topbar{padding:12px 15px}.product-demo .topbar .demo-pill{display:none}.product-demo .breadcrumb{gap:8px;font-size:10px}.product-demo .topbar .button{padding:8px;font-size:11px}.demo-page-heading{align-items:flex-start}.demo-page-heading h1{font-size:24px}.demo-page-heading p{font-size:12px}.demo-page-heading .button{white-space:nowrap;padding:8px;font-size:11px}.demo-features,.demo-system-flow{grid-template-columns:1fr}.demo-system-flow>span{font-size:24px;transform:none}.demo-system-flow>div{padding:18px}.demo-system-flow h3{margin-top:10px;font-size:21px}.demo-integration .flex.between{flex-direction:column;align-items:flex-start;gap:10px}.demo-report-bar{gap:10px}.demo-feature{padding:22px}.demo-notice{font-size:11px}.product-demo .two-columns{grid-template-columns:1fr}.demo-flow-options{justify-content:flex-start}.demo-banner{margin-bottom:20px}.product-demo .stats-grid strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.product-demo *{transition:none!important}}.demo-one-section{border-top:1px solid #dfe6ee;margin-top:30px;padding-top:35px;scroll-margin-top:90px}.demo-one-heading{align-items:flex-start;gap:17px;margin:0 0 22px;display:flex}.demo-one-heading>span{color:#fff;background:#398bf7;border-radius:4px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:12px;display:grid}.demo-one-heading h2{margin:0 0 9px;font-size:25px}.demo-one-heading p{max-width:1000px;margin:0;font-size:13px;line-height:1.9}.demo-one-heading small{color:#6b8190;margin-top:9px;font-size:12px;display:block}.product-demo #overview{scroll-margin-top:80px}@media (max-width:760px){.demo-one-section{margin-top:22px;padding-top:24px;scroll-margin-top:85px}.demo-one-heading h2{font-size:22px}.demo-one-heading{gap:12px}.demo-one-heading>span{width:30px;height:30px}}.demo-issue-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.demo-issue-summary .card{padding:20px}.demo-issue-summary strong{color:#398bf7;margin-top:10px;font-size:27px;display:block}.demo-issue-summary span{font-size:12px}.demo-issue-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;padding:0 24px 20px;display:flex}.demo-issue-filters label{flex-direction:column;gap:8px;font-size:12px;display:flex}.demo-issue-filters .search{flex-direction:row;align-items:center;min-width:230px}.demo-issue-filters select{min-width:160px}.demo-issue-priority-high{color:#9e6410;background:#fff3df}.demo-issue-status-resolved,.demo-issue-status-closed{color:#198365;background:#e6f8f0}.demo-issue-result{color:#647b89;padding:0 24px 18px;font-size:12px}@media (max-width:760px){.demo-issue-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-issue-filters{padding:0 16px 18px}.demo-issue-filters label,.demo-issue-filters .search{width:100%;min-width:0}}