:root{font-family:Be Vietnam Pro,sans-serif;color:#303b35;background:#f5f6f2;font-synthesis:none}.syncbanner{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#e7f0e3;border:1px solid #cbdcc3;border-radius:10px;padding:16px 20px;margin-bottom:20px;font-size:12px}.syncbanner a,.panel a{color:#315b47}.modepicker{display:flex;justify-content:flex-end;margin-bottom:12px}.modepicker label{min-width:240px}.syncbanner small{margin-top:5px}@media(max-width:650px){.syncbanner{align-items:flex-start;flex-direction:column}.modepicker{justify-content:stretch}.modepicker label{width:100%}}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;background:#315b47;color:#fff;padding:12px 18px;font-weight:600}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:default}input,select{width:100%;padding:12px;border:1px solid #dce1d8;border-radius:8px;background:#fff;color:#303b35}label{display:flex;flex-direction:column;gap:9px;font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin:12px 0}h2{font-size:19px;margin-bottom:8px}h3{font-size:15px}p,small{color:#7b837c;font-size:13px;line-height:1.8}small{display:block;font-size:11px}.shell{display:flex;min-height:100vh}aside{width:235px;flex-shrink:0;border-right:1px solid #e2e6df;padding:35px 20px;background:#fff;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;margin-bottom:48px}.brand>b{background:#315b47;color:#fff;font-size:24px;border-radius:12px;padding:10px}.brand>b span{font-size:11px;color:#eccb8a}.brand small{letter-spacing:2px;font-size:9px}.navlabel{font-size:9px;letter-spacing:1px;margin-bottom:10px}aside button{text-align:left;background:transparent;color:#7a827c;font-size:13px}aside button span{display:inline-block;width:30px;font-size:21px}aside button.active{background:#eaf0e8;color:#315b47}.asidebottom{margin-top:auto;padding-top:60px}.mode{font-size:11px;color:#718b57;background:#f1f5e9;padding:10px;border-radius:8px}main{flex:1;min-width:0;padding:35px 38px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#7b887a}.version{vertical-align:middle;font-size:10px;letter-spacing:1px;background:#e4e9df;color:#72816e;padding:5px 7px;border-radius:4px;margin-left:12px}.profile{display:flex;gap:10px;align-items:center;font-size:12px}.avatar{background:#e7cda8;border:4px solid white;border-radius:50%;padding:12px;color:#735c40}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metrics article{padding:21px;background:#fff;border:1px solid #e1e6dd;border-radius:12px}.metrics article>span{font-size:11px;color:#7e877d}.metrics strong{display:block;font-size:28px;margin:14px 0}.metrics small{font-size:9px}.sectiontitle{display:flex;align-items:center;justify-content:space-between}.sectiontitle p{font-size:11px}.pill{background:#e7eddf;color:#6e8154;padding:9px 12px;border-radius:20px;font-size:10px}.canvas{border:8px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 20px #354b3510}.canvas canvas{display:block;width:100%!important;height:auto!important}.roomdetail{display:flex;gap:20px;align-items:center;background:#fff;padding:16px 20px;border-radius:0 0 12px 12px;font-size:12px}.roomdetail span{color:#8c938b}.roomdetail button{margin-left:auto;font-size:11px;background:#eaf0e7;color:#315b47}.lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.lower article,.panel{background:#fff;border:1px solid #e1e6dd;padding:24px;border-radius:12px}.lower p{font-size:11px}.flow{font-size:12px;line-height:2.3;color:#70806d}.panel p{font-size:12px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}fieldset{border:1px solid #e1e6dd;border-radius:8px;padding:16px;grid-column:1/-1}legend{font-size:12px}.check{flex-direction:row;align-items:center;margin:10px 0;font-size:12px}.check input{width:auto}.estimate{background:#edf3e7;padding:20px;border-radius:10px;font-size:24px}.taskform{display:flex;gap:12px;margin:24px 0}.taskform input{flex:2}.taskform select{flex:1}.taskform button{white-space:nowrap}.task{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid #eef0e9;font-size:13px}.agents{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.agents article{text-align:center}.agents small{margin-top:14px}.agentface{font-size:50px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:18px 10px;border-bottom:1px solid #e7ebe3}td strong{display:block;margin-top:7px}td button{font-size:11px}.empty{text-align:center;padding:50px}footer{margin-top:35px;display:flex;justify-content:space-between;font-size:9px;color:#9ba397;letter-spacing:1px}.notice{padding:12px;background:#fff0da;border-radius:8px;margin-bottom:16px;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 20%,#dde9cf,transparent),#f5f3eb}.loginbox{width:min(460px,100%);background:#ffffffd9;padding:45px;border-radius:22px;border:1px solid white;box-shadow:0 20px 90px #315b4710}.login h1{font-size:39px;line-height:1.35;margin:25px 0}.login button{width:100%;margin-top:18px}.login small{margin-top:20px;text-align:center}@media(max-width:1000px){aside{width:185px}main{padding:25px 20px}.metrics{gap:10px}.agents{grid-template-columns:repeat(2,1fr)}.profile{display:none}}@media(max-width:650px){.shell{display:block}aside{width:100%;padding:14px;flex-direction:row;overflow-x:auto;border-bottom:1px solid #ddd;align-items:center;gap:5px}.brand{margin:0 15px 0 0}.brand div,.navlabel,.asidebottom{display:none}aside button{white-space:nowrap;font-size:10px;padding:9px}aside button span{display:none}main{padding:22px 14px}h1{font-size:27px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:16px}.metrics strong{font-size:23px}.lower,.quote{grid-template-columns:1fr}.roomdetail{flex-wrap:wrap;gap:10px}.taskform{flex-direction:column}.sectiontitle .pill{display:none}.canvas{border-width:3px}.loginbox{padding:28px}footer span{display:none}.eyebrow{font-size:8px}.agents .panel{padding:15px}}