@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:Inter,Noto Sans Thai,sans-serif;color:#202c3b;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;display:flex}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.sidebar{width:272px;min-height:100vh;background:#111f30;color:#c8d4df;display:flex;flex-direction:column;padding:25px 16px;flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;padding:4px 10px 33px;color:#fff}.brandmark{width:42px;height:42px;border-radius:12px;background:#b3d5c1;color:#153728;font-weight:800;font-size:27px;display:grid;place-items:center}.brand strong{font-size:20px;letter-spacing:3px;display:block}.brand span{font-size:8px;letter-spacing:1.1px;opacity:.67}.navlabel{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#72869b;margin:22px 12px 12px;display:flex;align-items:center;justify-content:space-between}.nav,.project,.addproject{border:0;background:none;color:#b7c5d2;display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 14px;border-radius:9px;font-size:13px}.nav.active{background:#203449;color:#f3f9ff;font-weight:700}.project{padding:12px 10px;gap:9px;line-height:1.4}.project.current{background:#253b4a;color:#fff}.project svg{margin-left:auto;flex-shrink:0}.project .dot{width:7px;height:7px;background:#81c0a0;border-radius:50%;flex-shrink:0}.inlineplus{background:none;border:0;color:#9caebb}.addproject{color:#9bcaaa;border:1px dashed #3a5665;justify-content:center;margin-top:15px}.sidebarfoot{margin-top:auto;padding:18px 9px;color:#a8c6b4;font-size:11px;line-height:2}.sidebarfoot svg{vertical-align:middle;margin-right:8px}.sidebarfoot small{color:#6f879a}main{flex:1;min-width:0;padding:36px 44px 60px;max-width:1700px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.eyebrow,.breadcrumb{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#4c8d72}h1{font-size:27px;letter-spacing:-.75px;margin:9px 0 6px}header p{color:#82909f;margin:0;font-size:13px}.headerpill{background:#e4f3e9;border:1px solid #c9e7d3;color:#3f835d;font-weight:800;letter-spacing:1px;font-size:10px;padding:10px 16px;border-radius:40px}.pulse{display:inline-block;background:#54b17b;width:7px;height:7px;border-radius:50%;margin-right:7px}.summaryrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.summaryrow h2{font-size:24px;margin:8px 0}.meta{display:flex;gap:9px;flex-wrap:wrap}.meta span{font-size:11px;color:#66778a;background:#e8edf2;padding:5px 10px;border-radius:5px}.uploadbtn,.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#244a3e;color:#fff;border:0;border-radius:8px;font-size:12px;font-weight:700;padding:13px 17px;cursor:pointer}.uploadbtn input{display:none}.uploadbtn.disabled{opacity:.6}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat{background:#fff;border:1px solid #e7edf0;border-radius:12px;padding:22px;min-height:138px;box-shadow:0 4px 20px #1f314608}.stathead{display:flex;align-items:center;justify-content:space-between;color:#8a98a6;font-size:10px;font-weight:800;letter-spacing:1.2px}.stathead svg{color:#8aaf9e}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin:12px 0 4px}.stat small{color:#8594a2;font-size:11px}.tabs{display:flex;gap:30px;border-bottom:1px solid #dfe6e9;margin-top:34px;margin-bottom:22px;overflow-x:auto}.tab{display:flex;align-items:center;gap:9px;white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent;padding:15px 4px;font-size:12px;color:#8593a0;font-weight:700}.tab.active{color:#225d46;border-color:#3f9870}.panel{background:#fff;border:1px solid #e7ecef;border-radius:13px;box-shadow:0 4px 22px #1f314605;overflow:hidden}.panelhead{padding:23px 27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panelhead h3{font-size:16px;margin:0 0 7px}.panelhead p{font-size:12px;color:#8795a2;margin:0}.panelhead>svg{color:#80a998}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:5px 26px 28px}.features>div{background:#f7f9f8;border:1px solid #e8eeeb;padding:22px;border-radius:10px}.features span{color:#529277;font-size:12px;font-weight:800}.features b{display:block;margin:12px 0 5px;font-size:13px}.features p{font-size:11px;line-height:1.8;color:#82909c}.warning{display:flex;gap:15px;margin-top:20px;padding:20px 23px;border-radius:11px;background:#fff6e8;border:1px solid #f4e4c4;color:#a17736}.warning strong{font-size:11px;letter-spacing:.8px}.warning p{font-size:12px;margin:6px 0 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#8d9aa5;background:#f8faf9;text-transform:uppercase;font-size:10px;letter-spacing:.7px;font-weight:800}th,td{padding:15px 17px;border-top:1px solid #eef1f3;vertical-align:middle}td{color:#526474}td b{color:#2a3a48}.evidence{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;background:#eff3f5;border-radius:5px;padding:6px 9px;font-size:10px;color:#657482;font-weight:800}.chip{background:#edf3ef;color:#548167;font-size:11px;padding:7px 12px;border-radius:30px}.textbtn{border:0;color:#368367;background:none;font-weight:700;font-size:11px}.outline{border:1px solid #d7e4db;background:#fff;color:#3f775e;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.noitems{text-align:center;padding:60px 10px;color:#96a5b0;font-size:13px}.empty{text-align:center;background:#fff;border:1px solid #e3e9ee;border-radius:16px;padding:90px 20px}.empty svg{color:#62967e}.empty h2{margin:14px}.empty p{color:#8796a2;font-size:13px}.empty button{margin-top:14px}.alert,.notice{padding:13px 18px;margin:0 0 20px;border-radius:8px;font-size:12px;cursor:pointer}.alert{background:#fee8e8;color:#a84646}.alert span{float:right}.notice{background:#e2f5e8;color:#387a52}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#102132a8;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(480px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:27px;box-shadow:0 25px 80px #07182777}.modal h3{margin:0 0 22px}.modal form{display:flex;flex-direction:column;gap:14px}.modal label{font-size:11px;font-weight:700;color:#556575;display:flex;flex-direction:column;gap:7px}.modal input,.modal select,.modal textarea{padding:11px 12px;border:1px solid #dce5e9;border-radius:7px;outline:none;color:#334155;min-width:0}.modal textarea{resize:vertical;min-height:72px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modalactions{display:flex;gap:10px;justify-content:flex-end;margin-top:9px}.small{font-size:11px;color:#94a1aa;margin:5px 0}.projectlist{max-height:40vh;overflow:auto}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.sidebar{width:220px}main{padding:28px 25px}}@media(max-width:700px){.app{flex-direction:column}.sidebar{width:100%;min-height:auto;padding:15px}.brand{padding:2px 6px 10px}.sidebar .navlabel,.sidebar .projectlist,.sidebar .addproject,.sidebarfoot,.sidebar .nav{display:none}main{padding:20px 16px}.summaryrow,header{align-items:flex-start;flex-direction:column;gap:20px}.stats{gap:9px}.stat{padding:14px;min-height:112px}.stat strong{font-size:25px}.tabs{gap:18px}.tab{font-size:11px}.panelhead{padding:20px}.features{padding:0 17px 20px}}.measure-body{padding:12px 24px 25px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}.measure-tools{display:flex;flex-direction:column;gap:13px}.measure-tools label{font-size:11px;font-weight:700;color:#556675;display:flex;flex-direction:column;gap:6px}.measure-tools input,.measure-tools select{padding:10px;border:1px solid #dbe5e8;border-radius:7px;color:#243745;max-width:100%;min-width:0;background:#fff}.measure-status{display:flex;flex-direction:column;gap:4px;background:#f5f8f7;border:1px solid #e5edeb;border-radius:8px;padding:12px;font-size:12px;overflow-wrap:anywhere}.measure-status strong,.measure-small strong{font-size:11px;color:#356a55}.measure-status span{font-weight:700}.measure-status small{font-size:10px;color:#7c8794}.measure-buttons{display:flex;gap:6px;flex-wrap:wrap}.measure-buttons button,.measure-small button,.verify-btn{border:1px solid #d7e3e0;border-radius:7px;padding:9px 11px;display:flex;align-items:center;gap:5px;font-size:11px;background:#fff;color:#426956}.measure-buttons .active,.verify-btn{background:#245b47;color:#fff}.measure-small{border-top:1px solid #e4ebed;padding-top:13px;display:flex;flex-direction:column;gap:8px}.detected-dims{display:flex;gap:5px;flex-wrap:wrap}.detected-dims span{background:#edf3ee;font-size:10px;padding:5px 7px;border-radius:5px}.measure-preview{min-width:0}.measure-instructions{display:flex;gap:8px;align-items:center;font-size:11px;color:#886532;background:#fff4e4;padding:10px;border-radius:7px;margin-bottom:10px}.measure-page{position:relative;line-height:0;width:100%;background:#f9f9f9;border:1px solid #dbe5e8;overflow:hidden}.measure-page img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.measure-page svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.measure-result{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:12px;color:#556b5d}.measure-result small{color:#8c98a4}.measure-register{border-top:1px solid #e4ebed;padding-top:12px}.measure-register h3{padding:12px 24px 2px;font-size:14px}.measure-panel .alert,.measure-panel .notice{margin:0 23px 10px}@media(max-width:1120px){.measure-body{grid-template-columns:1fr}.measure-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.measure-preview{grid-column:1}}@media(max-width:690px){.measure-body{padding:10px;grid-template-columns:1fr}.measure-tools{display:flex}.measure-register h3{padding:10px}}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(150deg,#0c2430,#1a4b50);padding:20px}.login-card{background:#fff;width:min(440px,100%);padding:36px;border-radius:18px;display:flex;flex-direction:column;gap:15px;box-shadow:0 30px 75px #0005}.login-card h1{font-size:23px;line-height:1.3;margin:0;color:#19353c}.login-card p,.login-card small{color:#53636b;line-height:1.5}.login-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#224050}.login-card input{padding:12px;border:1px solid #ccd6dd;border-radius:8px;font:inherit;min-height:44px}.login-card button{padding:12px;font-size:15px}.login-logo{height:46px;width:46px}.logoutbtn{background:transparent;color:inherit;border:1px solid #b1c6ca;border-radius:7px;padding:6px;cursor:pointer;margin-left:8px}.users-mini{max-height:130px;overflow:auto;display:grid;gap:5px;border-top:1px solid #eee;padding-top:12px;font-size:12px;color:#455}:root{--brand-navy:#17293F;--deep-navy:#0E1A2A;--steel-blue:#3D5A7A;--blueprint:#2F6FA8;--slate:#6B7888;--concrete:#E4E8EC;font-family:IBM Plex Sans Thai,sans-serif;color:#17293f;background:#f3f5f8}body,button,input,select,textarea{font-family:IBM Plex Sans Thai,sans-serif}h1,h2,h3,.brand,.login-card h1{font-family:Montserrat,IBM Plex Sans Thai,sans-serif}.sidebar{background:var(--brand-navy)}.sidebar-brand-logo{display:block;width:205px;max-width:100%;height:auto;margin:0 auto 12px}.brand{display:block;padding:8px 10px 24px}.nav.active,.project.current{background:#294560}.sidebarfoot{color:#c5d5e7}.sidebarfoot small{color:#a0b3c8}.login-screen{background:linear-gradient(145deg,#0e1a2a,#17293f)}.login-card{border-radius:6px}.login-brand-logo{width:100%;max-width:280px;display:block;height:auto;margin:0 0 9px}.login-card h1{color:var(--brand-navy)}.eyebrow,.breadcrumb,.features span,.textbtn{color:var(--blueprint)}.primary,.uploadbtn{background:var(--blueprint)}.primary:hover,.uploadbtn:hover{background:#245c8e}.tab.active{color:var(--blueprint);border-color:var(--blueprint)}.headerpill{background:#edf2f8;border-color:#d0dbe7;color:var(--brand-navy)}.pulse{background:var(--blueprint)}.stathead svg,.panelhead>svg,.empty svg{color:var(--steel-blue)}.features>div{background:#f3f6fa;border-color:#e4e8ec}.chip,.detected-dims span{background:#eaf1f8;color:#2f6fa8}.outline,.verify-btn{color:#2f6fa8;border-color:#cedceb}.measure-buttons .active,.verify-btn{background:var(--blueprint);color:#fff}.measure-status{background:#f3f6fa}.measure-status strong,.measure-small strong{color:var(--blueprint)}.stat,.panel{border-radius:6px}th{background:#17293f;color:#fff}.badge{background:#e4e8ec;color:#17293f}.company-panel{padding-bottom:24px}.company-panel .panelhead{border-bottom:1px solid #e4e8ec}.profile-brand{width:210px;max-width:35%;height:auto}.company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding:14px 27px}.company-grid>div{border-bottom:1px solid #e4e8ec;padding:16px 0;display:flex;flex-direction:column;gap:5px}.company-grid small{font-size:12px;color:#6b7888}.company-grid strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.company-review{margin:12px 27px;background:#f8f1e8;padding:14px;color:#78582b;font-size:13px}.company-sources{margin:0 27px;color:#6b7888;font-size:12px}@media(max-width:700px){.company-grid{grid-template-columns:1fr}.profile-brand{width:150px}.sidebar-brand-logo{width:165px}}