@charset "UTF-8";
:root{--red:#8c181c;--red-dark:#701216;--red-soft:#f9eded;--gold:#ffd04f;--gold-soft:#fff8e3;--gray:#58585a;--ink:#29292d;--muted:#7b7c82;--line:#e9e8e6;--canvas:#f7f7f6;--white:#fff;--radius:15px;font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.65}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button:focus-visible,a:focus-visible{outline:3px solid #bc7838;outline-offset:4px}input:focus-visible{outline:none}button{color:inherit}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button{border:0;background:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0;stroke-width:1.75}.hidden,[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:16px;z-index:999;background:white;padding:12px 20px}.skip-link:focus{top:12px}.text-button{padding:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--red)}.text-button:hover{text-decoration:underline}.text-button .icon{width:16px;height:16px}.subtle{color:var(--muted)}.icon-button{height:36px;width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#74757b;flex-shrink:0}.icon-button:hover{background:#f2f1ef;color:var(--red)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--red);color:white;padding:14px 22px;border-radius:10px;font-weight:600;transition:background .18s,transform .18s}.primary-button:hover{background:var(--red-dark);transform:translateY(-1px)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid var(--line);border-radius:9px;background:white;font-size:13px;font-weight:600}.secondary-button:hover{border-color:#d4b2b2;background:#fdf9f9}.primary-button .icon,.secondary-button .icon{width:18px;height:18px}
.login-screen{min-height:100vh;background:#fbfaf8;display:flex;flex-direction:column;border-top:5px solid var(--red);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;width:700px;height:700px;left:-470px;top:150px;border:1px solid #e8ded7;border-radius:50%;pointer-events:none}.login-header{height:123px;max-width:1320px;width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 65px}.brand-logo{width:302px}.prototype-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#8b8179;display:flex;align-items:center;gap:8px}.prototype-label>span{width:6px;height:6px;background:#cba24b;border-radius:50%}.login-main{width:100%;max-width:1220px;margin:35px auto 35px;padding:0 55px;display:grid;grid-template-columns:1.22fr 1fr;gap:90px;align-items:center;flex:1}.section-kicker{font-size:11px;letter-spacing:2.1px;font-weight:600;color:var(--red);display:flex;align-items:center;gap:12px}.short-rule{height:2px;width:29px;background:var(--red)}.login-story h1{font-size:58px;font-weight:700;letter-spacing:-1.2px;line-height:1.38;margin:23px 0 19px;color:#3b3333}.login-story h1>span{color:var(--red);position:relative;z-index:1}.login-story h1>span:after{content:"";position:absolute;left:1px;right:0;bottom:4px;height:10px;z-index:-1;background:#ffd04fbd}.story-subtitle{font-size:16px;line-height:1.95;color:#797370}.story-benefits{display:flex;gap:22px;margin:25px 0 15px;font-size:12px;color:#776663}.story-benefits>span{display:inline-flex;gap:7px;align-items:center}.story-benefits .icon{width:16px;height:16px;stroke:#966766}.engineering-art{margin-top:18px;max-width:510px}.engineering-art svg{width:100%;display:block}.art-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#b4a49a;margin-top:5px;padding:0 36px}.login-card{background:white;border:1px solid #eee6df;box-shadow:0 22px 55px #4b30220a,0 2px 5px #4b302203;border-radius:21px;padding:35px 34px 25px;position:relative}.login-card:before{content:"";height:4px;position:absolute;top:-1px;left:35px;right:35px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--red) 0 72%,var(--gold) 72%)}.login-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.portal-wordmark{font-size:26px;font-weight:700;letter-spacing:-1px;display:inline-flex;gap:6px;align-items:center;color:var(--red);line-height:1.2}.portal-wordmark>b{color:#58585a;font-weight:400}.tiny-gold-square{width:6px;height:6px;background:var(--gold);display:inline-block;align-self:flex-end;margin:0 0 4px 1px}.lock-emblem{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid var(--line);border-radius:11px;color:#aaa39c}.lock-emblem .icon{width:19px;height:19px}.login-heading h2{font-size:27px;font-weight:600;letter-spacing:-.4px;margin-bottom:6px}.login-heading p{font-size:13px;color:#929094}.identity-row{margin:30px 0 19px;padding:15px 13px;background:#faf9f7;border:1px solid #f0eeeb;border-radius:10px;display:flex;align-items:center;gap:12px}.identity-icon{background:white;width:35px;height:35px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:1px solid #ebe7e2;color:var(--red)}.identity-icon .icon{width:19px;height:19px}.identity-row strong{font-size:12px;font-weight:600;display:block}.identity-row small{font-size:10px;color:#969095;display:block;margin-top:2px}.ad-signin{width:100%;font-size:14px;padding:16px 14px;gap:10px}.ad-signin .icon:last-child{margin-left:auto;width:17px}.ad-signin span{flex:1;text-align:center}.signin-detail{display:flex;align-items:center;justify-content:center;gap:6px;color:#939094;font-size:10px;margin:12px 0 22px}.signin-detail .icon{width:12px;height:12px}.demo-notice{display:flex;gap:10px;background:#fffaf0;border:1px solid #f3e7ca;border-radius:9px;padding:12px 13px}.demo-dot{width:6px;height:6px;flex-shrink:0;background:#c49b38;border-radius:50%;margin-top:7px}.demo-notice strong{font-size:10px;font-weight:600;color:#8d713d}.demo-notice p{font-size:10px;color:#9f8b6e;line-height:1.8;margin-top:3px}.login-help{border-top:1px solid var(--line);margin-top:23px;padding-top:19px;display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:10px;color:#969095}.login-help .text-button{font-size:10px}.login-help .icon{width:12px;height:12px}.login-footer{max-width:1320px;width:100%;margin:auto;display:flex;align-items:center;gap:20px;padding:24px 65px 28px;color:#a6a09b;font-size:10px}.login-footer img{width:190px}.login-footer>span{border-left:1px solid #ded8d3;padding-left:20px;font-size:9px;letter-spacing:.2px}.login-footer .text-button{margin-left:auto;font-size:10px}.login-footer .text-button .icon{width:13px;height:13px}
.portal-screen{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column}.sidebar-brand{padding:28px 25px 26px}.sidebar-brand>img{width:185px;height:auto;margin-bottom:23px}.sidebar-brand>div{border-top:1px solid var(--line);padding-top:19px}.portal-wordmark.small{font-size:23px;letter-spacing:-.7px}.sidebar-brand small{display:block;font-size:10px;color:#999399;margin-top:7px}.nav-caption{color:#b0a5a5;font-size:9px;font-weight:600;letter-spacing:1.4px;padding:0 27px 12px}.main-nav{padding:0 14px;display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px 12px;text-align:left;border-radius:9px;font-size:12px;color:#7d7b82;position:relative;white-space:nowrap}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:#faf7f6;color:var(--red)}.nav-item.active{color:var(--red);background:#f8eded;font-weight:600}.nav-item.active:before{position:absolute;content:"";height:18px;width:3px;left:-14px;background:var(--red);border-radius:0 3px 3px 0}.nav-count{font-size:9px;border-radius:5px;background:#f2f1f0;padding:1px 6px;color:#999095;font-weight:400;margin-left:auto}.active .nav-count{background:#efd8d9;color:var(--red)}.sidebar-support{margin:auto 23px 24px;padding:17px 15px;background:#faf9f6;border:1px solid #eeebe5;border-radius:11px}.support-icon{color:#ac905e;margin-bottom:9px}.support-icon .icon{width:21px;height:21px}.sidebar-support strong{font-size:12px;font-weight:600}.sidebar-support p{font-size:10px;line-height:1.9;color:#999095;margin:5px 0 12px}.sidebar-support .text-button{font-size:10px}.sidebar-support .icon{width:14px;height:14px}.sidebar-bottom{padding:17px 16px;border-top:1px solid var(--line)}.demo-user{display:flex;align-items:center;gap:9px}.avatar{background:#f3e4e4;color:var(--red);height:36px;width:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.demo-user strong{font-size:10px;font-weight:600;display:block}.demo-user small{font-size:8px;color:#a1989e;display:block;margin-top:3px}.demo-user .icon-button{margin-left:auto;width:28px;height:30px}.demo-user .icon{width:16px;height:16px}.portal-body{margin-left:238px}.topbar{height:76px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;gap:14px}.topbar-location{display:flex;align-items:center;gap:11px;font-size:11px;color:#8c8b92;min-width:0}.topbar-location strong{font-size:11px;font-weight:500;color:#58585a}.breadcrumb-divider{color:#c5c1c3}.topbar-actions{display:flex;align-items:center;gap:14px}.preview-chip{font-size:9px;background:var(--gold-soft);border:1px solid #efe3bf;color:#a38a53;border-radius:5px;padding:3px 8px;white-space:nowrap}.topbar-actions .icon-button .icon{width:18px;height:18px}.topbar-separator{width:1px;height:24px;background:var(--line)}.profile-button{display:flex;align-items:center;gap:9px;font-size:11px;padding:4px 0}.small-avatar{height:31px;width:31px;font-size:9px}.profile-button>.icon{width:13px;height:13px;color:#aaa2a5}.mobile-menu{display:none}#main-content{max-width:1510px;margin:auto;padding:29px 39px 35px;outline:none}.welcome-banner{background:#f2ece8;border:1px solid #e9e1dc;border-radius:14px;padding:27px 29px;position:relative;overflow:hidden;isolation:isolate}.welcome-banner:after{content:"";position:absolute;top:-85px;right:-40px;width:300px;height:300px;border:1px solid #dfd0c7;border-radius:50%;z-index:-1}.welcome-banner:before{content:"";position:absolute;top:-25px;right:20px;width:180px;height:180px;border:1px solid #dfd0c7;border-radius:50%;z-index:-1}.welcome-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#9a8275}.welcome-date{display:flex;align-items:center;gap:6px;font-size:9px;color:#9b8a7f}.welcome-date .icon{width:13px;height:13px}.welcome-banner h1{font-size:29px;font-weight:600;line-height:1.5;letter-spacing:-.3px;color:#4e3835;margin:9px 0 4px}.welcome-banner h1>span{color:var(--red)}.welcome-sub{font-size:12px;color:#9b8880}.workspace-glyph{position:absolute;right:35px;top:58px;font-family:Georgia,serif;font-size:70px;color:#b8a59c;opacity:.2;line-height:1;pointer-events:none}.search-box{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9e3df;border-radius:10px;padding:0 15px;height:52px;max-width:740px;margin-top:21px;box-shadow:0 3px 8px #71534c04}.search-box:focus-within{border-color:#bf8c8d;box-shadow:0 0 0 3px #8c181c0a}.search-box>.icon{width:19px;height:19px;color:var(--red)}.search-box input{width:100%;height:100%;border:0;background:none;color:#5d5558;font-size:12px;min-width:0}.search-box input::placeholder{color:#b3a6a5}.search-box kbd{display:flex;justify-content:center;align-items:center;border:1px solid #eee8e4;background:#fcfaf9;color:#b3a6a5;border-radius:4px;min-width:22px;height:23px;font:10px monospace}.search-clear{display:none;color:#9d9090}.search-clear.visible{display:flex}.quick-searches{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:9px;margin-top:12px;color:#b09c93}.quick-searches button{font-size:9px;color:#9b7b71;padding:1px 0;border-bottom:1px solid #ccb9af}.content-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading-left{display:flex;align-items:center;gap:10px}.section-heading h2{font-size:16px;font-weight:600;color:#4d4549}.section-heading .text-button{font-size:10px;color:#8c7f80}.section-heading .text-button .icon{width:14px;height:14px}.section-count{font-size:9px;color:#b7a9ab;border-left:1px solid #ddd4d2;padding-left:10px}.section-caption{font-size:10px;color:#aaa1a5;margin-top:3px}.system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.system-card{position:relative;padding:20px 18px 17px;border:1px solid #e7e6e3;background:white;border-radius:12px;transition:transform .18s,border-color .18s,box-shadow .18s;min-height:165px;display:flex;flex-direction:column}.system-card:hover{border-color:#d4b8b6;box-shadow:0 8px 24px #563b3508;transform:translateY(-2px)}.system-card.featured{min-height:168px}.system-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-icon{height:38px;width:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.app-icon>.icon{height:20px;width:20px}.rose{background:#faeded;color:#a15055}.gold{background:#fbf4df;color:#b0984c}.blue{background:#eaf0f5;color:#718fa9}.purple{background:#f1eef6;color:#9a88b4}.teal{background:#eaf3ef;color:#79a28e}.slate{background:#efefef;color:#949498}.star-button{height:28px;width:28px;display:flex;align-items:center;justify-content:center;color:#d2c9c7;border-radius:7px}.star-button .icon{height:16px;width:16px;stroke-width:1.5}.star-button:hover{background:#fff9e7;color:#ba9941}.star-button.selected{color:#c4a145}.star-button.selected .icon{fill:#ffdf7c}.system-card-link{display:block;text-align:left;padding:13px 0 0;flex:1}.system-card h3{font-size:12px;font-weight:600;color:#565055;line-height:1.8;overflow-wrap:anywhere}.system-card-description{font-size:9px;color:#b0a5a7;margin:4px 0 10px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.system-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.platform-tag{font-size:8px;letter-spacing:.3px;color:#b1a6aa;background:#f7f5f5;padding:1px 7px;border-radius:4px}.card-arrow{width:23px;height:23px;border:1px solid #eee8e7;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#c4b7b8}.card-arrow>.icon{height:12px;width:12px}.card-arrow:hover{background:var(--red);color:white;border-color:var(--red)}.category-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 17px}.category-tab{display:flex;align-items:center;gap:6px;border:1px solid #e9e6e3;padding:7px 12px;border-radius:7px;font-size:10px;color:#a29899;background:#fff}.category-tab .icon{width:13px;height:13px}.category-tab.active{color:var(--red);border-color:#dfc5c5;background:#fbf1f0}.category-tab:hover{color:var(--red);border-color:#d8bebe}.category-tab small{font-size:8px;color:#c0b1b1}.category-tab.active small{color:#ae797b}.lower-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:20px;margin-top:29px}.guide-list{background:white;border:1px solid var(--line);border-radius:12px;padding:3px 18px}.guide-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);text-align:left;width:100%}.guide-row:last-child{border-bottom:none}.guide-icon{background:#f5f2ef;border-radius:8px;display:flex;align-items:center;justify-content:center;width:34px;height:36px;color:#ac9c92;flex-shrink:0}.guide-icon .icon{width:17px;height:17px}.guide-row strong{font-size:10px;font-weight:600;color:#807276;display:block}.guide-row p{font-size:9px;color:#b3a7a8;margin-top:3px}.guide-row>.icon{margin-left:auto;width:14px;color:#c5b6b5}.help-panel{border:1px solid #e7dfd1;border-radius:12px;background:#f9f5eb;padding:21px 22px;height:100%;position:relative;overflow:hidden}.help-panel:after{content:"?";position:absolute;right:15px;top:0;font-size:100px;line-height:1.5;color:#e8ddc1;font-family:Georgia,serif;opacity:.65}.help-panel .icon{width:26px;height:26px;color:#b8a675;margin-bottom:10px}.help-panel h3{font-size:13px;font-weight:600;color:#877451;position:relative}.help-panel p{font-size:10px;color:#b3a286;margin:7px 0 15px;line-height:1.95;position:relative}.help-panel button{font-size:10px;color:#9e794d;position:relative;z-index:1}.help-panel button .icon{width:14px;height:14px;margin:0}.portal-footer{max-width:1510px;padding:0 39px 22px;margin:auto;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#b6adb0;font-size:8px}.footer-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#baa16d;vertical-align:middle;margin-right:5px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:5px 0 24px}.page-heading h1{font-size:25px;line-height:1.6;font-weight:600;color:#55454a}.page-heading p{font-size:11px;color:#a4989c;margin-top:5px}.heading-icon{width:45px;height:45px;border:1px solid #e7dada;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#a26c70;background:white}.catalog-search{margin:0 0 20px;max-width:none}.results-meta{font-size:10px;color:#a19597;margin-bottom:13px}.empty-state{text-align:center;padding:55px 25px;background:white;border:1px dashed #dfd6d2;border-radius:12px;grid-column:1/-1}.empty-state>.icon{width:34px;height:34px;color:#d2b8af;margin-bottom:13px}.empty-state h3{font-size:14px;color:#8b7579}.empty-state p{font-size:11px;color:#b4a3a8;max-width:360px;margin:7px auto 20px}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.guide-tile{background:white;padding:25px 23px;border:1px solid var(--line);border-radius:12px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.guide-tile .app-icon{width:44px;height:44px;margin-bottom:20px}.guide-tile>small{font-size:9px;color:#b7a88e;margin-bottom:7px}.guide-tile h2{font-size:16px;font-weight:600;color:#786266}.guide-tile>p{font-size:11px;color:#b7a4a7;line-height:1.9;margin:8px 0 22px}.guide-tile>.text-button{margin-top:auto;font-size:11px}.manual-section{margin-top:30px}.manual-folders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.folder-row{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:9px;padding:15px 16px;text-align:left;font-size:11px;color:#8f7c80}.folder-row>.icon:first-child{color:#c4ad75;width:20px;height:20px}.folder-row>.icon:last-child{margin-left:auto;width:13px;height:13px;color:#c6b7b5}.folder-row:hover{border-color:#d4bdbb}.sidebar-overlay{display:none}.detail-dialog{padding:0;border:1px solid #e9ded8;border-radius:20px;max-width:500px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 28px 100px #30211924;max-height:85vh}.detail-dialog::backdrop{background:#352a2a65;backdrop-filter:blur(4px)}.dialog-shell{padding:35px 32px 27px;position:relative}.dialog-close{position:absolute;top:14px;right:13px}.dialog-icon{height:52px;width:52px;border-radius:13px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.dialog-icon>.icon{width:26px;height:26px}.dialog-eyebrow{font-size:9px;color:#ba9697;letter-spacing:1px;margin-bottom:7px}.dialog-title{font-size:21px;line-height:1.65;font-weight:600;color:#664d51;padding-right:14px}.dialog-description{font-size:12px;color:#a18e93;line-height:1.9;margin:9px 0 21px}.dialog-info{background:#faf8f5;border:1px solid #efe9e4;border-radius:10px;padding:14px 16px;font-size:11px;margin-bottom:16px}.dialog-info>div{display:flex;justify-content:space-between;gap:13px;margin:5px 0}.dialog-info dt{color:#b39c9d}.dialog-info dd{margin:0;color:#8e777e;text-align:right;overflow-wrap:anywhere;max-width:65%}.dialog-info a{overflow-wrap:anywhere}.dialog-hint{font-size:10px;color:#b6a6aa;line-height:1.9;margin:16px 0 23px;display:flex;align-items:flex-start;gap:7px}.dialog-hint>.icon{width:14px;height:14px;margin-top:2px}.dialog-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.dialog-actions .primary-button,.dialog-actions .secondary-button{font-size:12px;padding:12px 17px}.dialog-help-options{display:grid;gap:10px}.help-option{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:14px}.help-option>span{flex:1;font-size:12px}.help-option small{display:block;color:#ad969d;font-size:10px}.help-option .icon{color:#a76f75}.help-option:hover{border-color:#cba4a6;text-decoration:none}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,15px);background:#4b3639;color:white;font-size:12px;padding:12px 20px;border-radius:10px;box-shadow:0 5px 25px #47242920;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1550px){.system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.system-grid.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-card{min-height:170px}.system-card h3{font-size:13px}.system-card-description{font-size:10px}.topbar{padding-right:max(39px,calc((100vw - 1748px)/2 + 39px))}.login-main{gap:100px}}
@media(max-width:1150px){.login-main{gap:45px;padding:0 45px;grid-template-columns:1.1fr 1fr}.login-header,.login-footer{padding-left:45px;padding-right:45px}.login-story h1{font-size:49px}.story-benefits{gap:13px;font-size:10px}.login-card{padding:30px 25px 23px}.sidebar{width:215px}.portal-body{margin-left:215px}.sidebar-brand{padding:25px 20px}.main-nav{padding:0 10px}.nav-item{font-size:11px;gap:9px}.nav-item.active:before{left:-10px}.nav-caption{padding-left:22px}.topbar{padding:0 27px}#main-content{padding:25px 27px 30px}.portal-footer{padding-left:27px;padding-right:27px}.system-card{padding:17px 14px}.system-card h3{font-size:11px}.system-card-description{font-size:9px}.system-grid{gap:11px}.sidebar-support{margin-left:18px;margin-right:18px}.topbar-actions{gap:10px}.category-tab{padding:6px 9px;font-size:9px}.welcome-banner{padding:24px}.welcome-banner h1{font-size:27px}.welcome-top .section-kicker{font-size:9px;letter-spacing:1.5px}}
@media(max-width:900px){.login-header{height:100px}.brand-logo{width:255px}.login-main{grid-template-columns:1fr 1fr;gap:30px;margin:15px auto 25px;padding:0 30px}.login-header,.login-footer{padding-left:30px;padding-right:30px}.login-story h1{font-size:42px}.story-subtitle{font-size:13px}.story-benefits{flex-wrap:wrap;gap:10px 16px}.login-card{padding:27px 22px 22px}.portal-wordmark{font-size:24px}.login-heading h2{font-size:24px}.login-heading p{font-size:11px}.identity-row strong{font-size:10px}.identity-row{padding:12px 10px;margin-top:23px}.identity-row small{font-size:9px}.ad-signin{font-size:12px}.signin-detail{font-size:9px}.login-help{flex-direction:column;align-items:center;gap:10px}.login-footer>span{display:none}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.help-panel{min-height:180px}.guide-cards{grid-template-columns:1fr}.guide-tile{padding:20px}.guide-tile .app-icon{margin-bottom:12px}.manual-folders{grid-template-columns:1fr}.welcome-date{display:none}.topbar-actions{gap:6px}.profile-button>span:not(.avatar){display:none}.breadcrumb-root{display:none}.breadcrumb-divider{display:none}}
@media(max-width:700px){.login-screen{overflow:visible}.login-header{height:87px;padding:0 24px}.brand-logo{width:220px}.prototype-label{font-size:8px;letter-spacing:1px}.prototype-label>span{width:4px;height:4px}.login-main{display:flex;flex-direction:column;gap:23px;padding:0 24px;max-width:490px;margin:13px auto 28px;align-items:stretch}.login-story h1{font-size:38px;line-height:1.4;margin:16px 0 12px}.login-story h1 br{display:none}.login-story h1>span{display:block}.section-kicker{font-size:9px;letter-spacing:1.8px}.story-subtitle{font-size:12px;line-height:1.8}.story-subtitle br{display:none}.story-benefits{margin:18px 0 0;font-size:10px;gap:14px}.engineering-art{display:none}.login-card{padding:25px 25px 23px;max-width:none;border-radius:16px}.login-card-top{margin-bottom:21px}.login-heading h2{font-size:24px}.login-heading p{font-size:12px}.identity-row strong{font-size:11px}.ad-signin{font-size:13px}.identity-row{margin:22px 0 16px;padding:12px}.identity-row small{font-size:9px}.signin-detail{margin-bottom:17px}.demo-notice p{font-size:10px}.login-help{flex-direction:row;margin-top:18px;padding-top:17px;font-size:9px}.login-footer{flex-wrap:wrap;justify-content:center;padding:15px 24px 24px;gap:16px 20px}.login-footer img{width:159px}.login-footer .text-button{margin-left:0;font-size:9px}.sidebar{transform:translateX(-100%);width:238px;transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-overlay.visible{display:block;position:fixed;inset:0;background:#33262b66;z-index:25;backdrop-filter:blur(2px)}.portal-body{margin-left:0}.mobile-menu{display:inline-flex;margin-left:-7px}.topbar{height:64px;padding:0 20px;gap:8px;position:sticky;top:0;z-index:20}.topbar-location{gap:9px}.topbar-location strong{font-size:11px}.topbar-actions{gap:7px}.topbar-actions .icon-button{width:28px;height:30px}.topbar-separator{display:none}.preview-chip{font-size:8px;padding:2px 6px}.small-avatar{width:27px;height:27px;font-size:8px}.profile-button{padding:0}.profile-button>.icon{display:none}#main-content{padding:20px 20px 26px}.welcome-banner{padding:21px 20px;border-radius:12px}.welcome-top .section-kicker{font-size:8px;letter-spacing:1.5px}.welcome-banner h1{font-size:25px;line-height:1.55;margin-top:10px}.welcome-banner h1>span{white-space:nowrap}.welcome-sub{font-size:10px;max-width:230px}.workspace-glyph{font-size:52px;right:20px;top:58px}.search-box{height:47px;margin-top:19px;padding:0 11px;gap:8px}.search-box input{font-size:10px}.search-box>.icon{width:17px;height:17px}.search-box kbd{display:none}.quick-searches{gap:9px;font-size:8px}.quick-searches button{font-size:8px}.content-section{margin-top:25px}.section-heading h2{font-size:14px}.section-heading .text-button{font-size:9px}.section-count{font-size:8px;padding-left:8px}.section-heading-left{gap:8px}.system-grid{gap:10px}.system-card,.system-card.featured{padding:14px 12px 12px;min-height:170px}.app-icon{width:33px;height:33px;border-radius:9px}.app-icon>.icon{width:18px;height:18px}.star-button{width:24px;height:24px}.star-button>.icon{height:14px;width:14px}.system-card h3{font-size:10px;line-height:1.85}.system-card-description{font-size:8px;line-height:1.85;-webkit-line-clamp:2}.system-card-link{padding-top:10px}.platform-tag{font-size:7px;padding:1px 5px}.card-arrow{width:20px;height:20px}.category-tabs{gap:6px;margin-bottom:14px}.category-tab{font-size:8px;padding:6px 9px;gap:5px}.category-tab .icon{width:12px;height:12px}.category-tab small{font-size:7px}.lower-grid{gap:20px;margin-top:25px}.guide-list{padding:2px 14px}.guide-row{gap:10px;padding:14px 0}.guide-row strong{font-size:10px}.guide-row p{font-size:8px}.guide-icon{width:30px;height:33px}.help-panel{padding:19px;min-height:170px}.portal-footer{padding:0 20px 19px;font-size:7px;flex-wrap:wrap;gap:5px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.page-heading{gap:10px;margin-bottom:20px}.heading-icon{width:39px;height:39px}.heading-icon .icon{width:20px;height:20px}.catalog-search{margin-top:0}.results-meta{font-size:9px}.manual-folders{gap:9px}.folder-row{font-size:10px;padding:13px 14px}.dialog-shell{padding:29px 23px 23px}.dialog-title{font-size:19px}.dialog-description{font-size:11px}.dialog-actions{gap:8px}.dialog-actions .primary-button,.dialog-actions .secondary-button{font-size:11px;padding:11px 13px}}
@media(max-width:360px){.brand-logo{width:188px}.login-main{padding:0 18px}.login-header{padding:0 18px}.login-card{padding:23px 20px}.login-story h1{font-size:35px}.prototype-label{font-size:7px}.story-benefits{gap:9px;font-size:9px}#main-content{padding-left:15px;padding-right:15px}.welcome-banner h1{font-size:22px}.system-card{padding:12px 10px}.topbar{padding:0 15px}.preview-chip{display:none}}
/* Readable Thai labels and sufficient contrast on light surfaces. */
.login-heading p{font-size:13px;color:#777176}.identity-row strong{font-size:12px}.identity-row small{font-size:11px;color:#7b7176}.signin-detail{font-size:11px;color:#7f757a}.demo-notice strong{font-size:11px;color:#806328}.demo-notice p{font-size:11px;color:#8c7756}.login-help{font-size:11px;color:#7c7277}.login-help .text-button{font-size:11px}.login-footer{color:#817771}.login-footer>span{font-size:10px}.sidebar-brand small{font-size:11px;color:#84767d}.nav-caption{color:#8d7e82}.nav-item{font-size:13px;color:#74686e}.nav-count{font-size:10px;color:#85767e}.sidebar-support strong{font-size:13px}.sidebar-support p{font-size:11px;color:#8a777e}.sidebar-support .text-button{font-size:11px}.demo-user strong{font-size:11px}.demo-user small{font-size:9px;color:#85767e}.topbar-location,.topbar-location strong{font-size:12px}.profile-button{font-size:12px}.preview-chip{font-size:10px;color:#8c7137}.welcome-sub{font-size:13px;color:#826f66}.welcome-date{font-size:10px;color:#826f66}.search-box input{font-size:13px}.search-box input::placeholder{color:#8c7b7f}.quick-searches,.quick-searches button{font-size:10px;color:#907268}.section-heading h2{font-size:17px}.section-heading .text-button{font-size:11px;color:#866e75}.section-count{font-size:10px;color:#967e85}.system-card h3{font-size:13px;color:#4f4249}.system-card-description{font-size:11px;color:#84737b}.platform-tag{font-size:9px;color:#8b7781}.system-card,.system-card.featured{min-height:177px}.category-tab{font-size:11px;color:#8a737b}.category-tab small{font-size:9px;color:#9e838c}.guide-row strong{font-size:12px;color:#80656e}.guide-row p{font-size:10px;color:#947c86}.help-panel h3{font-size:14px}.help-panel p{font-size:11px;color:#9a8563}.help-panel button{font-size:11px}.section-caption,.results-meta{font-size:11px;color:#967c88}.page-heading p{font-size:12px;color:#8e7480}.guide-tile>p{font-size:12px;color:#947783}.guide-tile>small{font-size:10px;color:#9a8154}.folder-row{font-size:12px;color:#81616f}.portal-footer{font-size:9px;color:#9f8692}.dialog-description{font-size:13px;color:#8f6c7e}.dialog-info{font-size:12px}.dialog-info dt{color:#977582}.dialog-info dd{color:#81616e}.dialog-hint{font-size:11px;color:#967580}.help-option small{font-size:11px;color:#91707e}
@media(max-width:700px){.login-heading p{font-size:12px}.identity-row strong{font-size:11px}.identity-row small{font-size:10px}.signin-detail{font-size:10px}.demo-notice strong,.demo-notice p{font-size:10px}.login-help,.login-help .text-button{font-size:10px}.search-box input{font-size:11px}.welcome-sub{font-size:11px}.quick-searches,.quick-searches button{font-size:9px}.section-heading h2{font-size:15px}.section-heading .text-button{font-size:10px}.section-count{font-size:9px}.system-card h3{font-size:12px}.system-card-description{font-size:10px}.platform-tag{font-size:8px}.system-card,.system-card.featured{min-height:184px}.category-tab{font-size:10px}.category-tab small{font-size:8px}.guide-row strong{font-size:11px}.guide-row p{font-size:9px}.help-panel p{font-size:11px}.section-caption,.results-meta{font-size:10px}.topbar-location strong{font-size:11px}.page-heading p{font-size:11px}.folder-row{font-size:11px}.dialog-description{font-size:12px}.dialog-info{font-size:11px}.dialog-hint{font-size:10px}}
@media(max-width:700px){.login-story h1 br{display:initial}.login-story h1>span{display:inline}.login-story h1>span:after{bottom:1px;height:7px}}
.mobile-faculty-emblem{display:none}@media(max-width:700px){.mobile-faculty-emblem{display:block;width:25px;height:25px;flex-shrink:0}}