@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#143c43;--teal:#16887e;--muted:#718386;--line:#dce6e4;--paper:#f5f8f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fbfcfa;color:var(--ink);font-family:Heebo,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4aa99e;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}p{line-height:1.85;color:var(--muted)}.wrap{width:min(1240px,88%);margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;width:min(1320px,91%);margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1px;direction:ltr}.brand svg,.brand-x{color:var(--teal)}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover{color:var(--teal)}.nav-login{border:1px solid #c6d6d1;padding:11px 19px;display:flex;gap:20px;align-items:center;border-radius:6px;font-size:14px;font-weight:600}.hero{padding:92px 0 86px;display:grid;grid-template-columns:1fr 1.05fr;gap:55px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;display:flex;align-items:center;gap:9px;color:var(--teal);direction:ltr;justify-content:flex-end}.hero-copy .eyebrow{justify-content:flex-end;width:max-content}.eyebrow span{width:6px;height:6px;background:var(--teal);border-radius:50%}h1{font-size:clamp(42px,4.5vw,66px);line-height:1.22;letter-spacing:-2px;font-weight:800;margin:24px 0}h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:18px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:28px}.button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:6px;padding:14px 22px;font-size:14px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.button{background:var(--teal);color:white;box-shadow:0 4px 10px #16887e10}.button:hover{background:#116c64;transform:translateY(-1px)}.secondary{background:white;border-color:var(--line);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;border:0;background:none;padding:0}.hero-note{margin-top:26px;display:flex;align-items:center;gap:7px;color:#81928e;font-size:11px}.hero-visual{position:relative;background:#eef4f2;border:1px solid #d7e3df;border-radius:10px;padding:22px 20px 15px;box-shadow:0 24px 55px #183d3510;transform:rotate(-1.5deg)}.drawing-top{display:flex;justify-content:space-between;font-family:Arial;font-size:8px;letter-spacing:1.6px;color:#68857d;direction:ltr}.drawing-top i{display:inline-block;background:#299b85;width:5px;height:5px;border-radius:50%;margin-right:5px}.drawing-title{display:flex;align-items:center;justify-content:space-between;padding:20px 0 10px;font-size:14px;font-weight:600}.tiny{font-size:9px;font-weight:400;color:#8ca098}.plan{width:100%;height:auto;display:block;border-radius:4px}.drawing-foot{direction:ltr;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;margin-top:19px;color:#7c9890}.floating-result{position:absolute;bottom:35px;left:-25px;background:white;border:1px solid #e5ece8;border-radius:8px;box-shadow:0 10px 28px #174b3e16;display:flex;align-items:center;gap:13px;padding:17px 20px;transform:rotate(1.5deg)}.result-icon{background:#e9f6f0;padding:11px;border-radius:8px;color:var(--teal)}.floating-result small{display:block;font-size:10px;color:#86958f;margin-bottom:3px}.floating-result strong{font-size:15px}.result-arrow{background:#eff8f2;color:var(--teal);font-size:19px;margin-right:30px;padding:2px 9px;border-radius:50%}.audience{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;color:#72847c;font-size:14px}.audience>span{font-size:11px}.audience strong{font-weight:500}.audience i{height:4px;width:4px;background:#b9cbc3;border-radius:50%}.section{padding:96px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.section .eyebrow,.precision .eyebrow,.cta .eyebrow{justify-content:flex-end;width:max-content}h2{font-size:40px;line-height:1.3;font-weight:700;letter-spacing:-1px;margin:16px 0}.section-heading p{font-size:15px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:1px solid #cadad2;padding:26px 0 0}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;color:var(--teal)}.step-top span{font-size:11px;color:#91a298}.step h3{font-size:20px;margin-bottom:12px}.step p{font-size:14px;max-width:320px}.precision{background:#163f43;color:white;padding:78px 0;position:relative;overflow:hidden}.precision-inner{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.precision .eyebrow{color:#73c4af}.precision h2{font-size:43px}.precision p{color:#a6bfba;font-size:15px;max-width:400px}.precision ul{padding:0;list-style:none;display:grid;gap:16px;margin:30px 0 0;font-size:13px;color:#d3e7df}.precision li{display:flex;align-items:center;gap:12px}.precision li svg{width:17px;color:#76c9ad}.quantity-card{background:#fbfdfb;color:var(--ink);border-radius:10px;padding:28px;box-shadow:0 20px 60px #0002;transform:rotate(1deg)}.quantity-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;font-size:13px}.quantity-head>span:first-child{display:flex;gap:8px;align-items:center}.badge{display:inline-block;background:#eaf4ef;color:#4d8272;padding:5px 10px;border-radius:5px;font-size:10px;white-space:nowrap}.quantity-line{display:flex;justify-content:space-between;align-items:center;margin:30px 0;font-size:12px}.quantity-line strong{font-size:29px;color:var(--teal);direction:ltr}.quantity-line small{font-size:12px;color:#83978d}.formula{display:flex;justify-content:space-between;align-items:center;background:#eef5f0;padding:22px 15px;font-size:17px;font-family:Arial}.formula strong{color:var(--teal)}.formula b{font-weight:400;color:#96aaa0}.formula-labels{display:flex;justify-content:space-between;direction:ltr;font-size:9px;color:#83978d;margin:8px 5px 27px}.quantity-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#82948b}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:110px}.questions>div>p{font-size:14px}.faqs details{border-bottom:1px solid var(--line);padding:22px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-left:25px}.faqs summary:after{content:'+';position:absolute;left:3px;font-size:22px;color:var(--teal);top:-3px;font-weight:400}.faqs details[open] summary:after{content:'−'}.faqs details p{font-size:13px;margin:15px 0 0}.cta{background:#edf3ee;border:1px solid #dce7dc;border-radius:10px;padding:45px 50px;display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:43px;margin:14px 0 6px}.cta p{font-size:14px;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;padding:46px 0 30px;color:#71867a}.footer .brand{font-size:21px;color:var(--ink)}.footer span:not(.brand span){font-size:11px}.footer small{font-size:10px}.muted{color:var(--muted)}
.workspace{display:flex;min-height:100vh;background:#f4f7f5}.sidebar{width:230px;padding:28px 20px;background:#fff;border-left:1px solid var(--line);position:fixed;right:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{font-size:23px;margin-bottom:55px}.sidebar-label{color:#92a49a;font-size:10px;margin:0 15px 15px}.side-item{display:flex;align-items:center;gap:12px;padding:13px 15px;border:0;background:none;border-radius:6px;margin-bottom:9px;font-size:13px;text-align:right}.side-item.active{color:var(--teal);background:#eaf4ee;font-weight:600}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:20px 10px;border-top:1px solid var(--line)}.side-bottom>svg{color:var(--teal)}.side-bottom strong{font-size:11px}.side-bottom small{font-size:10px;line-height:1.8;color:var(--muted)}.side-bottom a{font-size:11px;display:flex;align-items:center;gap:7px;margin-top:16px}.workspace-main{margin-right:230px;flex:1;min-width:0}.workspace-top{background:#fff;min-height:73px;display:flex;align-items:center;justify-content:space-between;padding:15px 38px;border-bottom:1px solid var(--line);font-size:12px}.user-name{display:flex;align-items:center;gap:8px;font-size:11px;max-width:45%;overflow:hidden;text-overflow:ellipsis}.user-name i{background:#a4d1bd;border:4px solid #e3f1e8;width:20px;height:20px;border-radius:50%;flex-shrink:0}.dashboard{padding:45px 38px;max-width:1400px;margin:auto}.dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.dash-heading h1{font-size:30px;letter-spacing:-.8px;margin:10px 0}.dash-heading p{font-size:13px;margin:0}.dash-heading .eyebrow{justify-content:flex-end;width:max-content;font-size:9px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stats>div{background:white;border:1px solid var(--line);border-radius:8px;padding:23px;position:relative}.stats span{display:block;font-size:12px;color:var(--muted)}.stats strong{font-family:Arial;font-size:32px;display:block;margin-top:14px;font-weight:500}.stats svg{position:absolute;left:24px;top:28px;color:#619c89;width:21px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line);gap:15px}.panel-heading h2{font-size:17px;letter-spacing:0;margin:0}.panel-heading>span{font-size:11px;color:var(--muted)}.empty{text-align:center;padding:65px 25px;color:#8ca397}.empty-icon{display:flex;width:74px;height:74px;background:#eff5f0;align-items:center;justify-content:center;margin:0 auto 20px;border-radius:15px}.empty h3{font-size:20px;color:var(--ink);margin:15px 0 10px}.empty p{font-size:13px;margin-bottom:26px}.project-row{width:100%;border:0;border-bottom:1px solid #edf1ee;background:white;display:flex;text-align:right;align-items:center;gap:20px;padding:22px 26px;font-size:12px}.project-row:hover{background:#f5faf6}.project-row>div{flex:1}.project-row strong,.file-row strong{font-size:14px;display:block;overflow-wrap:anywhere}.project-row small,.file-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.file-icon{background:#eef5f0;padding:12px;border-radius:8px;color:var(--teal)}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs button{border:0;border-bottom:2px solid transparent;padding:16px 3px;color:var(--muted);background:none;font-size:13px;display:flex;gap:8px}.tabs button span{font-family:Arial;font-size:11px;color:#a1b0a8}.tabs button.selected{border-color:var(--teal);color:var(--teal);font-weight:600}.upload-zone{margin:26px;border:1.5px dashed #bcd4c6;padding:40px 20px;text-align:center;background:#f8fbf8;border-radius:8px;color:var(--teal)}.upload-zone h3{margin:15px 0 8px;font-size:20px}.upload-zone p{font-size:12px}.upload-zone small{display:block;font-size:10px;color:var(--muted);margin-top:20px}.file-row{display:flex;align-items:center;gap:15px;margin:0 26px;padding:18px 0;border-bottom:1px solid var(--line)}.file-row>svg{color:var(--teal);flex-shrink:0}.file-row>div{flex:1}.icon-btn{display:inline-flex;background:none;border:0;padding:7px;align-items:center;justify-content:center;color:#789789}.panel-actions{padding:25px;display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);flex-wrap:wrap}.info{margin:22px 26px;background:#f2f6ee;border-right:3px solid #99b77b;padding:15px 18px;font-size:12px;line-height:1.8;color:#687b58}.dimension-group{padding:5px 26px 25px}.dimension-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.dimension-title h3{font-size:16px;margin:0}.dimension-group>p{font-size:12px}.dimension-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px;background:#f8faf8;padding:16px;border-radius:6px}.dimension-row label{min-width:0;flex:1;font-size:10px;display:grid;gap:8px}.dimension-row input{width:100%;padding:9px 8px;font-size:12px;border:1px solid #d5dfd8;border-radius:4px;direction:ltr}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}th{background:#f7f9f7;font-weight:500;color:#87968e;font-size:11px}td,th{padding:18px 24px;border-bottom:1px solid var(--line);white-space:nowrap}td.quantity{font-weight:700;color:var(--teal)}.alert{padding:15px 20px;font-size:13px;margin:0 0 24px;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.alert button{border:0;background:none}.error{color:#a7473d;background:#fff0ed}.success{color:#217959;background:#e7f3eb}.modal-overlay{position:fixed;inset:0;z-index:10;background:#102d3c66;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;padding:38px;border-radius:12px;width:460px;position:relative;box-shadow:0 20px 100px #143c4333}.modal-close{position:absolute;top:15px;left:15px}.modal .eyebrow{justify-content:flex-end;width:max-content;font-size:9px}.modal h2{font-size:29px}.modal p{font-size:13px}.modal label{display:grid;gap:8px;font-size:12px;margin:22px 0}.modal input,.modal select{border:1px solid #d5dfd8;border-radius:5px;padding:12px;background:#fbfdfb;color:var(--ink);width:100%}.modal>.button{width:100%;margin-top:8px}
@media(min-width:1500px){.hero{padding-top:110px;padding-bottom:110px}}@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{gap:16px}.hero-visual{padding:15px}.precision-inner{gap:55px}.questions{gap:45px}.sidebar{width:190px;padding:24px 15px}.workspace-main{margin-right:190px}.dashboard{padding:30px 24px}.workspace-top{padding:15px 24px}.dash-heading h1{font-size:26px}.dimension-row{flex-wrap:wrap}.dimension-row label{flex:1 1 23%}}
@media(max-width:700px){.header{height:78px;width:90%}.header nav{display:none}.brand{font-size:23px}.nav-login{font-size:11px;padding:9px 12px;gap:10px}.wrap{width:89%}.hero{grid-template-columns:1fr;padding:50px 0 45px;gap:45px}.hero h1{font-size:49px;line-height:1.22;margin:21px 0}.hero-copy>p{font-size:16px}.hero-visual{margin:0 6px 0 14px}.floating-result{left:-16px;bottom:28px;padding:12px 15px}.floating-result strong{font-size:12px}.floating-result small{font-size:9px}.result-icon{padding:8px}.result-arrow{margin-right:10px}.hero-note{font-size:10px}.audience{gap:19px;justify-content:center;flex-wrap:wrap;padding:23px 0;font-size:12px}.audience>span{width:100%;text-align:center}.audience i{display:none}.section{padding:58px 0}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:20px;font-size:13px}h2{font-size:34px}.steps{grid-template-columns:1fr;gap:18px}.step{padding-top:22px}.step-top{margin-bottom:18px}.step p{max-width:100%;font-size:14px}.step h3{font-size:20px}.precision{padding:55px 0}.precision-inner{grid-template-columns:1fr;gap:35px}.precision h2{font-size:36px}.quantity-card{padding:23px}.questions{grid-template-columns:1fr;gap:20px}.cta{padding:32px 26px;display:block}.cta .eyebrow{font-size:8px}.cta h2{font-size:36px}.cta .button{margin-top:25px}.footer{flex-wrap:wrap;gap:20px;padding:30px 0}.footer>span{display:none}.sidebar{position:static;width:auto;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 20px;gap:15px}.sidebar .brand{margin:0;font-size:21px}.sidebar-label,.side-bottom{display:none}.side-item{margin:0;padding:9px;font-size:0;gap:0}.sidebar .side-item:last-of-type{display:none}.workspace{display:block}.workspace-main{margin:0}.workspace-top{padding:13px 20px;min-height:55px;font-size:10px}.dashboard{padding:28px 18px}.dash-heading{align-items:flex-start;flex-direction:column}.dash-heading h1{font-size:27px;line-height:1.35}.dash-heading p{font-size:12px}.dash-heading>.button{padding:11px 18px}.stats{gap:8px}.stats>div{padding:14px 12px}.stats strong{font-size:28px}.stats span{font-size:9px}.stats svg{display:none}.panel-heading{padding:18px}.panel-heading h2{font-size:15px}.panel-heading .secondary{font-size:11px;padding:8px 12px}.empty{padding:40px 20px}.empty h3{font-size:18px}.project-row{padding:18px 15px;gap:10px}.project-row>span:not(.file-icon){display:none}.project-row strong{font-size:12px}.file-icon{padding:8px}.tabs{gap:15px}.tabs button{font-size:11px;gap:5px}.upload-zone{margin:18px;padding:30px 12px}.upload-zone h3{font-size:18px}.upload-zone p{font-size:11px}.file-row{margin:0 18px}.file-row strong{font-size:12px}.info{margin:18px;padding:12px;font-size:11px}.dimension-group{padding:5px 18px 15px}.dimension-row{gap:10px;padding:12px}.dimension-row label{flex:1 1 38%}.panel-actions{padding:18px;gap:15px}.panel-actions .button,.panel-actions .secondary{font-size:12px}.modal{padding:32px 24px}.modal h2{font-size:27px}.user-name{font-size:9px}.quantity-line strong{font-size:25px}}
@media print{.sidebar,.workspace-top,.dash-heading,.tabs,.alert,.panel-actions,.info,.modal-overlay{display:none!important}.workspace-main{margin:0}.dashboard{padding:0}.workspace{background:white}.results{border:0}.results .info{display:block!important}body{font-family:Arial}.table-scroll{overflow:visible}td,th{padding:12px;font-size:11px}.panel-heading .badge{color:#444}}
/* Quantity Studio — refined workspace */
.workspace{background:#f2f5f4}.sidebar{background:#103b40;color:#d4e5e0;width:245px;border:0;padding:30px 20px}.sidebar .brand{color:#fff;margin-bottom:10px}.sidebar .brand svg,.sidebar .brand-x{color:#66d1b7}.workspace-edition{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.7px;color:#88b4a9;direction:ltr;margin:0 12px 45px}.workspace-edition span{background:#6bc5a7;border-radius:50%;width:5px;height:5px}.sidebar-label{color:#78a098}.side-item{color:#bad4cb}.side-item.active{color:#bcf5dd;background:#ffffff10;border:1px solid #ffffff0e}.side-item:hover{background:#ffffff0b}.side-bottom{border-color:#ffffff18}.side-bottom small{color:#81a99c}.side-bottom strong{color:#c6e1d5}.side-bottom>svg{color:#83c2aa}.sidebar-projects{border-top:1px solid #ffffff15;margin-top:28px;padding:25px 10px}.sidebar-projects>small{color:#7ca598;font-size:10px}.sidebar-projects button{border:0;background:none;color:#b8d5c9;display:flex;gap:10px;text-align:right;font-size:11px;line-height:1.6;padding:13px 0;width:100%;align-items:center}.sidebar-projects button>span{width:5px;height:5px;border-radius:2px;background:#66958a;flex-shrink:0}.sidebar-projects button.current{color:#8be1bd}.workspace-main{margin-right:245px}.workspace-top{height:77px;border-bottom:1px solid #e1e9e5;letter-spacing:.3px}.dashboard{padding:38px 34px}.dash-heading h1{font-size:30px;margin-top:12px}.studio-banner{display:grid;grid-template-columns:1fr 1fr;background:#143f43;border-radius:12px;color:white;overflow:hidden;margin-bottom:26px;min-height:290px;position:relative;border:1px solid #244f4b}.studio-banner>div:first-child{padding:32px 32px 30px;position:relative;z-index:1}.studio-banner .eyebrow{color:#8cc9b3;justify-content:flex-end;width:max-content;font-size:8px;letter-spacing:2px}.studio-banner h2{font-size:34px;margin:15px 0;line-height:1.25;font-weight:600}.studio-banner p{color:#acc6bc;font-size:12px;margin-bottom:22px}.studio-banner .button{background:#bce8c9;color:#17483d;padding:11px 18px;font-size:12px;box-shadow:none}.banner-plan{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;direction:ltr}.banner-plan:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#143f43);z-index:1;pointer-events:none}.banner-plan img{width:110%;transform:rotate(-8deg) translate(-5%,4%);opacity:.8;filter:sepia(.3);border-radius:6px;box-shadow:0 15px 40px #0002}.banner-plan>span{position:absolute;bottom:22px;left:25px;z-index:2;background:#fffdf3ed;color:#486958;padding:12px 17px;font-size:8px;letter-spacing:1px;border-radius:6px;box-shadow:0 5px 20px #0001}.banner-plan b{display:block;font-size:11px;letter-spacing:0;margin-top:5px}.stats>div{border-radius:9px;border-color:#e0e8e3}.stats strong{font-size:35px;color:#254d42}.panel{border-color:#e1e7e2;border-radius:10px;box-shadow:0 2px 4px #27453402}.project-row{padding:23px 26px}.tabs{gap:22px;overflow-x:auto;white-space:nowrap}.tabs button{padding:15px 2px;font-size:12px}.file-thumbnail{width:100px;height:65px;object-fit:cover;background:white;border:1px solid #dce8df;border-radius:5px}.file-row{padding:18px 0}.small-button{font-size:10px;padding:8px 10px}.boq-source{max-width:220px;white-space:normal;font-size:10px}.takeoff{border:1px solid #d9e4dc;background:white;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #173c3607}.drawing-toolbar{padding:15px 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #e3eae5;background:white;flex-wrap:wrap}.drawing-selector{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.drawing-selector svg{color:var(--teal)}.drawing-selector select{border:0;background:transparent;color:#345b4d;font-size:12px;width:100%;max-width:280px;font-weight:600;outline-offset:4px}.viewer-pages,.zoom-buttons{display:flex;align-items:center;gap:10px;direction:ltr;font-size:11px;color:#688879}.viewer-pages button,.zoom-buttons button{display:flex;align-items:center;justify-content:center;border:1px solid #e0e8e2;background:white;border-radius:4px;width:30px;height:30px;color:#567d6b}.takeoff-layout{display:grid;grid-template-columns:235px 1fr;min-height:630px}.measure-controls{border-left:1px solid #e1e9e3;background:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:18px}.control-title{display:flex;align-items:center;gap:8px;font-size:12px}.control-title>svg{color:var(--teal)}.live-dot{width:5px;height:5px;border-radius:50%;background:#8fc7ac;margin-right:auto}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.tools-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:#789385;background:#f6f9f6;border:1px solid #e1e9e3;border-radius:5px;padding:12px 3px}.tools-grid button.active{border-color:#6ab39a;color:#087b62;background:#e9f5ed}.calibration-state{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ed;border-bottom:1px solid #edf1ed;padding:13px 0;font-size:10px}.calibration-state small{color:#94a49a;font-size:9px}.green{color:#26966e}.amber{color:#b48d3f}.control-block{display:flex;flex-direction:column;gap:13px}.control-block>b{font-size:12px}.control-block p{font-size:11px;line-height:1.85;margin:0}.control-block label,.comparison-body label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#648070}.control-block input,.control-block select,.comparison-body select,.panel-heading select{width:100%;border:1px solid #dce6df;border-radius:5px;padding:10px 8px;background:#fbfdfb;font:inherit;font-size:12px;color:#345c4b}.control-block>small{font-size:9px;color:#81978a;line-height:1.8}.control-block .button{font-size:11px;padding:11px 12px;gap:8px}.measure-actions{display:flex;gap:8px}.measure-actions>.button{flex:1}.measure-actions .secondary{padding:10px}.measurement-value{padding:18px;background:#edf6ef;border:1px solid #daebdf;border-radius:6px}.measurement-value small{display:block;color:#779482;font-size:9px}.measurement-value strong{font-family:Arial;font-size:30px;display:block;margin:10px 0;color:#267858}.measurement-value em{font-size:13px;font-style:normal}.control-footer{margin-top:auto;border-top:1px solid #e5ede7;padding-top:15px}.control-footer small{font-size:9px;line-height:1.8;color:#8ba091;display:block}.drawing-stage{background:#e8ede9;min-width:0;display:flex;flex-direction:column}.drawing-status{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#789080;padding:15px 18px;background:#f3f6f3;border-bottom:1px solid #dce6dd}.drawing-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#72ac8e;margin-left:5px}.canvas-scroll{overflow:auto;direction:ltr;position:relative;height:565px;max-width:100%;padding:18px;flex:1;max-height:700px;background-image:radial-gradient(#b8cbbc 1px,transparent 1px);background-size:15px 15px}.canvas-paper{position:relative;background:#fff;box-shadow:0 4px 25px #294b3419;transform-origin:top left;line-height:0}.canvas-paper canvas{width:100%;height:100%;display:block}.measurement-overlay{position:absolute;inset:0;width:100%;height:100%;user-select:none}.measurement-overlay.crosshair{cursor:crosshair}.drawing-stage-foot{display:flex;justify-content:space-between;padding:11px 18px;font-size:8px;color:#7b9382;direction:ltr;letter-spacing:.6px;background:#f0f5ef;border-top:1px solid #dce6dd}.viewer-loading{position:absolute;top:50px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:14px 22px;background:#fff;border-radius:8px;box-shadow:0 4px 18px #0001;font-size:13px;direction:rtl}.viewer-audit{display:grid;gap:8px;padding:12px;background:#f6f9f4;border-radius:6px;font-size:10px;color:#78977f}.viewer-message{font-size:11px;line-height:1.8;border-radius:5px;padding:12px;margin:0;overflow-wrap:anywhere}.register-empty{padding:25px;margin:0;font-size:12px}.measurement-register .panel-heading{padding:18px 22px}.measurement-register h2,.comparison h2{display:flex;align-items:center;gap:10px;font-size:15px}.measurement-row{display:flex;align-items:center;padding:17px 22px;border-bottom:1px solid #e7eee6;gap:14px}.measurement-row>i{width:8px;height:8px;border-radius:3px}.measurement-row>div{flex:1}.measurement-row strong{display:block;font-size:12px}.measurement-row small{font-size:9px;color:#8b9e8c;display:block;margin-top:5px}.measurement-row>b{font-size:18px;font-weight:600;color:#398160}.measurement-row>b small{display:inline;font-weight:400}.measurement-row.archived{opacity:.5;background:#f6f8f5}.quote-banner{display:flex;align-items:center;gap:18px;margin-bottom:24px;background:#edf3ee;border:1px solid #dce6dd;border-radius:10px;padding:25px}.quote-icon{background:#fff;padding:17px;border-radius:10px;color:#49865a}.quote-banner .eyebrow{width:max-content;font-size:8px;letter-spacing:1.4px}.quote-banner h2{font-size:23px;letter-spacing:-.5px;margin:10px 0}.quote-banner p{font-size:11px;margin:0}.quote-banner>a{margin-right:auto;white-space:nowrap;font-size:11px;padding:10px 14px}.quote-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote-stats>div{background:#fff;border:1px solid #e0e8df;padding:23px;border-radius:9px;display:flex;flex-direction:column;gap:12px}.quote-stats small,.quote-stats span{font-size:10px;color:#7c9180;line-height:1.6}.quote-stats strong{font-size:27px;font-weight:500;letter-spacing:-1px}.quote-stats em{font-size:12px;font-style:normal;letter-spacing:0}.quote-stats .check-card{background:#f0f6ec}.check-card>svg{color:#7e9f60}.check-card strong{font-size:15px;letter-spacing:0}.quotation>.info{margin:22px 0}.quotation .panel-heading select{width:auto;font-size:11px;padding:8px 12px}.quotation td,.quotation th{padding:15px;font-size:11px}.quotation th{font-size:10px}.source-cell{font-size:9px!important;color:#96a896;direction:ltr}.quotation tfoot{font-weight:600;background:#eff5ed}.comparison{margin-top:25px}.comparison-body{padding:26px;display:grid;grid-template-columns:1.3fr 1fr;gap:35px}.comparison-body p{font-size:11px;margin-top:15px}.comparison-body label{font-size:12px}.compare-options{max-height:280px;overflow:auto;border-top:1px solid #e2e9df}.compare-options label{flex-direction:row;align-items:center;border-bottom:1px solid #e9eee6;padding:13px 0;gap:10px;font-size:11px}.compare-options input{accent-color:#208666}.compare-options span{flex:1}.compare-options small{display:block;font-size:9px;margin-top:5px;color:#8fa08c}.compare-options b{font-weight:500;font-size:11px}.comparison-summary{padding:25px;background:#f4f7f0;border:1px solid #e1e9d9;border-radius:8px;align-self:start}.comparison-summary>span{font-size:11px;font-weight:600}.comparison-summary dl{margin:20px 0}.comparison-summary dl>div{display:flex;justify-content:space-between;align-items:center;margin:16px 0;gap:15px}.comparison-summary dt{font-size:11px;color:#819277}.comparison-summary dd{font-size:19px;margin:0}.comparison-summary dd small{font-size:10px}.comparison-summary .difference{border-top:1px solid #dce6d4;padding-top:20px}.comparison-summary>small{font-size:9px;color:#96a58a;line-height:1.8;display:block}.spin{animation:studio-spin 3s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.sidebar{width:210px;padding:25px 15px}.workspace-main{margin-right:210px}.dashboard{padding:30px 22px}.takeoff-layout{grid-template-columns:210px 1fr}.measure-controls{padding:18px 13px}.tabs{gap:15px}.tabs button{font-size:11px}.studio-banner h2{font-size:29px}.quote-stats strong{font-size:23px}.quote-banner h2{font-size:20px}.comparison-body{gap:20px}.quote-banner>a{font-size:10px}}
@media(max-width:800px){.takeoff-layout{display:flex;flex-direction:column-reverse}.measure-controls{border-left:0;border-top:1px solid #dce6de;display:grid;grid-template-columns:1fr 1fr;gap:15px}.control-title,.calibration-state,.control-block,.control-footer,.viewer-message{grid-column:1/-1}.tools-grid{grid-column:1/-1;max-width:350px}.tools-grid button{flex-direction:row;justify-content:center;padding:12px}.control-block{display:grid;grid-template-columns:1fr 1fr}.control-block>b,.control-block>p,.control-block>small,.control-block>.measurement-value,.control-block>.measure-actions{grid-column:1/-1}.canvas-scroll{height:420px;flex:none}.drawing-stage-foot span:last-child{display:none}.quote-stats{gap:9px}.quote-stats>div{padding:18px}.quote-banner{flex-wrap:wrap}.comparison-body{grid-template-columns:1fr}.quote-banner>a{margin-right:0}}
@media(max-width:700px){.sidebar{padding:16px 20px;width:auto;flex-direction:row}.sidebar .brand{margin:0}.workspace-edition,.sidebar-projects{display:none}.sidebar .side-item{color:#b8d4c7}.workspace-main{margin:0}.dashboard{padding:25px 15px}.workspace-top{height:auto}.studio-banner{grid-template-columns:1fr 1fr;min-height:260px;border-radius:9px}.studio-banner>div:first-child{padding:25px 20px;grid-column:1/3;z-index:2}.studio-banner h2{font-size:30px}.studio-banner p{font-size:11px;max-width:245px}.studio-banner .eyebrow{font-size:7px}.banner-plan{position:absolute;left:-80px;top:0;bottom:0;width:250px;opacity:.25}.banner-plan>span{display:none}.studio-banner>div:first-child{background:linear-gradient(270deg,#143f43 40%,transparent)}.stats strong{font-size:28px}.file-thumbnail{width:65px;height:48px}.file-row{gap:10px;margin:0 15px}.small-button{font-size:9px;padding:7px;white-space:nowrap}.file-row strong{font-size:11px}.file-row small{font-size:9px}.tabs{gap:20px;margin-bottom:18px}.tabs button{font-size:11px}.tabs button span{display:none}.drawing-toolbar{padding:12px;gap:10px}.drawing-selector{flex-basis:100%}.drawing-selector select{max-width:100%;font-size:11px}.zoom-buttons{margin-left:auto}.drawing-status{font-size:8px;padding:12px}.canvas-scroll{padding:10px;height:360px}.measure-controls{padding:18px}.drawing-stage-foot{padding:10px}.measurement-row{padding:15px;gap:10px}.measurement-row>b{font-size:16px}.measurement-row strong{font-size:11px}.measurement-row small{font-size:8px}.quote-banner{padding:20px;gap:12px}.quote-banner h2{font-size:19px}.quote-icon{padding:12px}.quote-banner .eyebrow{font-size:7px}.quote-banner>div:nth-child(2){flex:1}.quote-stats{grid-template-columns:1fr 1fr}.quote-stats .check-card{grid-column:1/-1;display:grid;grid-template-columns:30px 1fr;gap:8px 12px}.check-card>span{grid-column:2}.check-card>svg{grid-row:1/3}.quote-stats strong{font-size:22px}.quote-stats em{font-size:10px}.quote-stats>div{padding:17px 14px}.quote-stats small,.quote-stats span{font-size:9px}.comparison-body{padding:20px}.comparison h2{font-size:13px}.comparison .badge{font-size:9px}.quotation .panel-heading h2{font-size:14px}.quotation .panel-heading select{font-size:10px;max-width:125px}.control-block .measurement-value strong{font-size:32px}}
@media print{.studio-banner,.quote-banner>a{display:none!important}.workspace-main{margin:0}.boq-source{max-width:none}}
.product-story{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding:5px 0 100px;align-items:center}.story-copy .eyebrow{width:max-content;font-size:9px}.story-copy h2{font-size:39px;line-height:1.3;margin:18px 0}.story-copy>p{font-size:14px;margin-bottom:28px}.story-feature{display:flex;gap:18px;padding:16px 0;border-top:1px solid #e1e9e1}.story-feature>span{font-family:Arial;font-size:10px;color:#82aa96;margin-top:4px}.story-feature h3{font-size:15px;margin:0 0 6px}.story-feature p{font-size:12px;margin:0;line-height:1.8}.story-copy>.text-link{margin-top:24px;color:var(--teal)}.story-visual{border:1px solid #d8e3da;background:#f5f8f2;border-radius:10px;box-shadow:0 20px 60px #1e4c2f0b;overflow:hidden;transform:rotate(1deg)}.story-window-top{display:flex;justify-content:space-between;padding:18px 20px;background:#153f40;color:#c3d8c6;font-size:8px;letter-spacing:2px;direction:ltr}.story-window-top>div{display:flex;gap:5px}.story-window-top i{width:5px;height:5px;border-radius:50%;background:#78988a}.story-workspace{display:flex;direction:ltr;padding:18px 0 10px;gap:12px}.story-mini-tools{display:flex;flex-direction:column;padding:8px 0 0 12px;gap:12px}.story-mini-tools>span{border:1px solid #d9e7dc;width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#7f9d89}.story-mini-tools .chosen{background:#d5ecda;color:#2c8b60;border-color:#9ac8a6}.story-plan{position:relative;flex:1;overflow:hidden;padding:15px 0}.story-plan .plan{width:105%;transform:translateX(10px)}.story-pin{position:absolute;top:40%;left:23%;background:#fff;padding:9px 13px;border:1px solid #c9dfcf;border-radius:5px;box-shadow:0 4px 12px #334a3415;font-size:10px;display:flex;gap:6px;align-items:center;color:#4d8862}.story-pin span,.story-result i{width:5px;height:5px;background:#66b585;border-radius:50%;display:inline-block}.story-result{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-top:1px solid #e1e9dd;font-size:10px}.story-result>span{color:#8a9d88;display:flex;gap:7px;align-items:center}.story-result strong{display:flex;gap:10px;align-items:center;font-weight:500;color:#4c875d}
@media(max-width:1000px){.product-story{gap:45px}.story-copy h2{font-size:34px}.story-result{font-size:9px;padding:16px}}
@media(max-width:700px){.product-story{grid-template-columns:1fr;padding:10px 0 60px;gap:35px}.story-copy{grid-row:1}.story-copy h2{font-size:34px}.story-copy>p{font-size:14px}.story-feature p{font-size:13px}.story-visual{margin:0 5px}.story-result{font-size:9px}.story-copy>.text-link{margin-top:18px}}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding:95px 0 70px;align-items:center;scroll-margin-top:30px}.contact-copy .eyebrow{font-size:9px;width:max-content}.contact-copy h2{font-size:44px;line-height:1.35;margin:23px 0}.contact-copy h2 em{font-style:normal;color:var(--teal)}.contact-copy>p{font-size:15px;max-width:430px}.contact-details{margin-top:30px;display:grid;gap:14px}.contact-details>a{display:flex;align-items:center;gap:15px;padding:14px 0;max-width:340px}.contact-icon{background:#e8f3ed;border:1px solid #dceade;border-radius:8px;padding:13px;display:flex;color:var(--teal)}.contact-details>a>div{flex:1}.contact-details small{font-size:11px;display:block;color:#8c9c91;margin-bottom:6px}.contact-details strong{display:inline-block;font-size:16px;font-weight:500}.contact-details>a>svg{color:#86a591}.contact-detail-pending{display:flex;gap:13px;align-items:center;color:#8b9e91;font-size:12px;padding:10px 0}.contact-detail-pending>svg{color:#669d85}.contact-brand-note{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.3px;margin-top:32px;color:#8ba595;direction:ltr;justify-content:flex-end;width:max-content}.contact-brand-note>span{width:5px;height:5px;border-radius:50%;background:#7fb696}.contact-form-card{border:1px solid #dbe5dd;background:white;border-radius:12px;padding:34px;box-shadow:0 15px 45px #234c3210}.contact-form-heading{border-bottom:1px solid #e7eee6;padding-bottom:23px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.contact-form-heading>span{font-size:22px;font-weight:600}.contact-form-heading small{font-size:10px;color:#8b9f90}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.contact-fields label{display:grid;gap:9px;font-size:11px;color:#5c7868}.contact-fields .wide{grid-column:1/-1}.contact-fields input,.contact-fields textarea{font:inherit;font-size:13px;padding:12px 14px;border:1px solid #dce5dc;background:#f9fbf8;color:#244d39;border-radius:6px;width:100%;resize:vertical}.contact-fields input:focus,.contact-fields textarea:focus{outline:2px solid #8dc7ac;outline-offset:1px}.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#9aab9c}.contact-privacy{font-size:10px;line-height:1.8;margin:17px 0}.contact-send{width:100%;justify-content:space-between;margin-top:8px}.contact-trap{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-success{text-align:center;padding:35px 5px;color:var(--teal)}.contact-success>svg{margin-bottom:18px}.contact-success h3{font-size:24px;margin-bottom:12px}.contact-success p{font-size:13px;margin-bottom:25px}.inquiry-card{padding:25px;border-bottom:1px solid var(--line)}.inquiry-card>div{display:flex;justify-content:space-between;gap:20px}.inquiry-card h3{font-size:18px;margin:0}.inquiry-card small{font-size:11px;color:var(--muted)}.inquiry-card>a{display:inline-block;font-size:12px;color:var(--teal);direction:ltr;margin:15px 0 0 20px}.inquiry-card p{font-size:14px;margin:15px 0;overflow-wrap:anywhere}@media(max-width:1000px){.contact-section{gap:45px}.contact-copy h2{font-size:38px}}@media(max-width:700px){.contact-section{grid-template-columns:1fr;gap:30px;padding:60px 0 35px}.contact-copy h2{font-size:36px}.contact-copy>p{font-size:14px}.contact-form-card{padding:25px 20px}.contact-form-heading{flex-wrap:wrap;gap:10px}.contact-fields{grid-template-columns:1fr}.contact-fields .wide{grid-column:auto}.contact-brand-note{font-size:7px}.contact-details{margin-top:22px}.inquiry-card>div{display:block}.inquiry-card small{display:block;margin-top:10px}}

.ecx-footer{background:#103d42;color:#eaf4ef;margin-top:80px;padding:80px 0 25px;overflow:hidden}.ecx-footer .eyebrow{color:#83c5b4;justify-content:flex-start}.footer-invitation{display:flex;justify-content:space-between;align-items:center;padding-bottom:65px;border-bottom:1px solid #ffffff26}.footer-invitation h2{font-size:clamp(36px,4.8vw,66px);line-height:1.2;margin:20px 0 0;letter-spacing:-2px}.footer-invitation em{font-style:normal;color:#8ecfbb}.footer-round{width:100px;height:100px;border:1px solid #8ecfbb66;border-radius:50%;display:grid;place-items:center;font-size:48px;transition:.2s}.footer-round:hover{background:#8ecfbb;color:#103d42;transform:rotate(-10deg)}.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px;padding:60px 0}.footer-columns>div>a:not(.brand){display:block;margin:13px 0;width:fit-content;color:#c9dcd6}.footer-columns h3{font-size:14px;color:#8ecfbb;font-weight:500;margin-bottom:24px}.ecx-footer .brand{color:white;width:fit-content}.ecx-footer .brand svg,.ecx-footer .brand-x{color:#8ecfbb}.footer-brand p{color:#bbd0c9;margin-top:22px;font-size:15px}.footer-status{font-size:11px;color:#a0bdb3}.footer-status i{display:inline-block;width:6px;height:6px;background:#8ecfbb;border-radius:50%;margin-left:7px}.footer-columns .footer-phone{font-size:27px;letter-spacing:1px!important;color:white!important}.footer-wordmark{font-size:clamp(70px,15.5vw,220px);font-weight:800;letter-spacing:-.06em;line-height:1.05;border-bottom:1px solid #ffffff26;padding-bottom:30px;color:#ffffff0d;user-select:none;text-align:center}.footer-wordmark span{color:#8ecfbb33}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:24px;font-size:10px;color:#b1c9bf}.footer-bottom>span:nth-child(2){letter-spacing:1px;font-size:8px}.ecx-notice{padding:18px;background:#e9f2e8;border:1px solid #cadcc7;margin-bottom:20px;border-radius:8px}.ecx-dashboard{min-height:80vh;padding:60px 0}.ecx-dashboard .dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.ecx-dashboard article{background:white;border:1px solid var(--line);padding:28px;border-radius:12px;margin:20px 0}.ecx-dashboard input,.ecx-dashboard textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;margin:8px 0 16px;font:inherit}.ecx-dashboard h1{font-size:40px}.ecx-dashboard table{width:100%;border-collapse:collapse}.ecx-dashboard td,.ecx-dashboard th{text-align:right;padding:12px;border-bottom:1px solid var(--line)}@media(max-width:700px){.footer-columns{grid-template-columns:1fr;gap:30px}.footer-invitation{gap:20px}.footer-round{width:64px;height:64px;flex-shrink:0;font-size:32px}.footer-bottom{flex-direction:column}.ecx-dashboard .dashboard-grid{grid-template-columns:1fr}.ecx-footer{padding-top:50px}.footer-columns{padding:40px 0}.footer-wordmark{padding-bottom:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.ecx-admin{background:#f2f6f4}.ecx-sidebar{position:fixed;inset:0 0 0 auto;width:240px;background:#103d42;color:#e4efeb;padding:35px 25px;display:flex;flex-direction:column;z-index:20}.ecx-sidebar .brand{color:white;gap:0}.ecx-sidebar>small{font-size:9px;letter-spacing:2px;color:#81b7a8;margin:12px 0 45px}.ecx-sidebar nav{display:flex;flex-direction:column;gap:9px}.ecx-sidebar nav a{padding:14px 16px;border-radius:7px;color:#c0d6ce;font-size:14px}.ecx-sidebar nav a.active{background:#ffffff16;color:#b0e6d3;border-right:3px solid #8ccab7}.sidebar-bottom{margin-top:auto;display:grid;gap:18px;font-size:12px;color:#b9d3c8}.sidebar-bottom small{margin-top:25px;color:#70978a}.ecx-admin-main{margin-right:240px}.admin-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:25px 40px;font-size:12px;background:#fbfcfa}.ecx-admin .ecx-dashboard{padding:50px 40px;max-width:1350px;margin:auto}.ecx-dashboard>.eyebrow{justify-content:flex-start}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-stats article{display:flex;flex-direction:column;gap:18px}.admin-stats strong{font-size:42px;line-height:1.2}.admin-stats .status-text{font-size:26px;color:#a47e3d}.admin-welcome{padding:45px!important;background:linear-gradient(110deg,#e5f0ea,white)!important}.admin-welcome h2{font-size:36px;line-height:1.4}.admin-welcome p{max-width:680px}.admin-empty{padding:70px!important;text-align:center}.admin-footer{padding:25px 40px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}@media(max-width:850px){.ecx-sidebar{position:relative;width:auto;padding:20px}.ecx-sidebar nav{flex-direction:row;flex-wrap:wrap}.ecx-sidebar>small{margin:10px 0 20px}.sidebar-bottom{display:none}.ecx-admin-main{margin:0}.ecx-admin .ecx-dashboard{padding:30px 20px}.admin-top{padding:20px}.admin-stats{gap:10px}.admin-stats article{padding:18px}.admin-stats strong{font-size:28px}.admin-stats .status-text{font-size:18px}}@media(max-width:500px){.admin-stats{grid-template-columns:1fr}.admin-stats article{margin:0}.ecx-dashboard h1{font-size:30px}.admin-welcome{padding:25px!important}}
.project-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:30px 0}.project-toolbar form{display:flex;align-items:center;gap:10px;flex:1}.project-toolbar input{margin:0;max-width:400px}.ecx-dashboard select{padding:12px;border:1px solid var(--line);border-radius:6px;background:white;font:inherit}.project-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-cards article{margin:0}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.project-status{font-size:11px;background:#edf5ef;color:#3b7666;border-radius:30px;padding:5px 12px}.project-cards details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.project-cards summary{cursor:pointer;font-size:13px;color:var(--teal)}.project-cards form{margin-top:20px}.project-cards select{display:block;width:100%;margin:8px 0 16px}.project-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.project-toolbar,.project-toolbar form{flex-wrap:wrap}.project-cards,.project-fields{grid-template-columns:1fr}.project-toolbar input{max-width:none}}