@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap");:root{--ink:#202b27;--muted:#87928d;--green:#147b58;--line:#e8ede9;--bg:#f8faf8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:DM Sans,Noto Sans Thai,sans-serif}main{min-height:100vh;display:flex}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17px}.logo{background:#167b57;color:white;width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.brand small,.profile small{display:block;font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-top:3px}.nav{display:grid;grid-gap:9px;gap:9px;margin-top:57px;color:#66716b;font-size:13px}.nav>*{padding:12px;border-radius:9px}.nav b{color:#187952;background:#eaf5ef;font-weight:600}.profile{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#efc8aa;display:grid;place-items:center;color:#734a35}.profile small{letter-spacing:0;font-weight:400}.dots{margin-left:auto;color:var(--muted)}.content{max-width:1190px;width:100%;margin:0 auto;padding:51px 58px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.sectionhead p,header small{color:var(--muted);font-size:12px}h1{font-size:27px;margin:10px 0 5px;letter-spacing:-.7px}h1 span{color:#d2a344}header p{margin:0;color:#748079;font-size:13px}button{background:white;border:1px solid var(--line);padding:10px 14px;border-radius:8px;color:#3b4841;font:inherit;font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.stat{position:relative;background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 20px;display:grid;grid-gap:7px;gap:7px}.stat small,.stat span{color:var(--muted);font-size:11px}.stat strong{font-size:23px}.stat i{position:absolute;right:19px;top:20px;color:#18815b;font-style:normal;background:#eff8f2;border-radius:9px;padding:9px}.sectionhead{display:flex;justify-content:space-between;align-items:flex-end;margin-top:39px}.sectionhead h2{font-size:17px;margin:0 0 5px}.sectionhead p{margin:0}.notice a,.sectionhead a{font-size:12px;color:#177a56}.toolbar{display:flex;gap:9px;margin:19px 0 10px}.toolbar label{display:flex;align-items:center;gap:10px;flex:1 1;background:white;border:1px solid var(--line);padding:0 12px;border-radius:8px;color:#9aa39e}.toolbar input{border:0;outline:0;width:100%;padding:11px 0;font:inherit;font-size:12px}.filelist{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.file{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f2f0;gap:13px}.file:last-child{border:0}.fileicon{width:37px;height:37px;border-radius:9px;background:#f3f6f4;display:grid;place-items:center}.filename{display:grid;grid-gap:4px;gap:4px;flex:1 1;min-width:0}.filename b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date,.filename small{font-size:10px;color:var(--muted)}.ready{font-size:10px;color:#16845b;background:#eff8f2;padding:6px 8px;border-radius:20px}.more{border:0;font-size:18px;padding:3px 8px}.notice{display:flex;align-items:center;gap:13px;margin-top:19px;padding:16px;background:#eef7f1;border:1px solid #deeee3;border-radius:10px}.notice>span{font-size:21px;color:#16845b}.notice div{display:grid;grid-gap:4px;gap:4px;flex:1 1}.notice b{font-size:12px}.notice small{font-size:11px;color:#718078}footer{margin-top:38px;border-top:1px solid var(--line);padding-top:16px;color:#9aa39e;font-size:9px;letter-spacing:1px}footer span{float:right;letter-spacing:0}@media(max-width:750px){.sidebar{width:62px;padding:18px 9px}.brand>span:not(.logo),.dots,.nav b,.nav span,.profile>div:not(.avatar){display:none}.nav{margin-top:45px}.nav>*{font-size:0;padding:12px}.content{padding:30px 18px}header{align-items:flex-start}.stats{grid-template-columns:1fr;gap:9px}.stat{padding:14px}.stat strong{font-size:20px}.date{display:none}.ready{font-size:0}.ready:first-letter{font-size:12px}.notice a{display:none}h1{font-size:22px}}.dashboard-mobile-menu,.dashboard-mobile-panel{display:none}@media(max-width:680px){.landing-page .header-actions>.button-small{display:none}.landing-page .mobile-menu{display:block;position:relative}.dashboard-mobile-menu>summary,.landing-page .mobile-menu>summary{list-style:none;display:grid;align-content:center;grid-gap:5px;gap:5px;width:42px;height:42px;padding:10px;border:1px solid #e3e9df;border-radius:10px;background:#fff;cursor:pointer}.dashboard-mobile-menu>summary::-webkit-details-marker,.landing-page .mobile-menu>summary::-webkit-details-marker{display:none}.dashboard-mobile-menu>summary span,.landing-page .mobile-menu>summary span{display:block;width:20px;height:2px;border-radius:2px;background:#315a43;transition:transform .18s,opacity .18s}.dashboard-mobile-menu[open]>summary span:first-child,.landing-page .mobile-menu[open]>summary span:first-child{transform:translateY(7px) rotate(45deg)}.dashboard-mobile-menu[open]>summary span:nth-child(2),.landing-page .mobile-menu[open]>summary span:nth-child(2){opacity:0}.dashboard-mobile-menu[open]>summary span:last-child,.landing-page .mobile-menu[open]>summary span:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-nav{position:absolute;z-index:20;top:calc(100% + 10px);right:0;display:none;width:min(270px,calc(100vw - 36px));padding:9px;background:#fff;border:1px solid #e7ebe4;border-radius:12px;box-shadow:0 18px 45px #20372c1c}.mobile-menu[open]>.mobile-nav{display:grid}.mobile-nav a{padding:12px;border-radius:8px;color:#42574a;font-size:13px;text-decoration:none}.mobile-nav a:hover{background:#f3f6ef}.mobile-nav .mobile-nav-cta{margin-top:4px;background:#1d5a43;color:#fff;text-align:center}.login-page .login-consent a,.login-page a{text-decoration:none}.sidebar{display:none}.content{width:100%;padding:24px 18px}.dashboard-header{position:relative;align-items:center;gap:12px}.dashboard-header>div{min-width:0;flex:1 1}.dashboard-header .bot-link{display:none}.dashboard-mobile-menu{display:block;position:relative;flex:none}.dashboard-mobile-panel{position:absolute;z-index:30;top:calc(100% + 10px);right:0;display:grid;grid-gap:3px;gap:3px;width:min(270px,calc(100vw - 36px));padding:12px;background:#fff;border:1px solid #e7ebe4;border-radius:12px;box-shadow:0 18px 45px #20372c1c}.dashboard-mobile-panel>b,.dashboard-mobile-panel>span{padding:11px;border-radius:8px;color:#526259;font-size:13px}.dashboard-mobile-panel>b{background:#eaf5ef;color:#187952;font-weight:600}.dashboard-mobile-panel form{border-top:1px solid #edf0eb;margin-top:5px;padding-top:8px}.dashboard-mobile-panel form button{width:100%;text-align:left;border:0}}.login-page .login-consent a,.login-page a{text-decoration:none}.login-page .login-brand:link,.login-page .login-brand:visited{color:#20372c;text-decoration:none}.feature-section>.section-intro>p{margin-left:auto;margin-right:auto;text-align:center}