@font-face{font-family:LpsSarabun;src:url('/assets/THSarabun.ttf')}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:#eef9f7;color:#07506c;font-family:LpsSarabun,'Sarabun',Tahoma,sans-serif;font-size:19px}.hero{height:240px;background:#caf6ed url('/assets/forms-landscape-20261102.webp') center 52%/cover;position:relative;border-bottom:4px solid #b4de63;box-shadow:0 5px 18px #0578891c}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ecffffd9,transparent 80%);pointer-events:none}nav,.headline,.hero-badge{position:relative}nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:10px 30px}.brand{display:flex;align-items:center;gap:12px;color:#00516d;text-decoration:none}.brand img{width:51px;height:61px;object-fit:contain}.brand span{font-family:Tahoma,sans-serif;font-weight:800;font-size:29px}.brand small{display:block;font-family:LpsSarabun,Tahoma,sans-serif;font-size:17px;font-weight:400;margin-top:3px}.glass{border:1px solid #ffffffc7;background:linear-gradient(#ffffffed,#e1faf5dc);box-shadow:0 4px 12px #075b7520,inset 0 1px white;border-radius:12px;padding:8px 20px;color:#07506c;text-decoration:none}.headline{margin:5px 0 0 35px}.eyebrow{font-size:16px;color:#30828d}h1{font-size:39px;margin:1px 0;line-height:1.2;text-shadow:0 2px white}.headline p{margin:7px 0;font-size:21px}.hero-badge{position:absolute;right:36px;bottom:25px;display:flex;align-items:center;gap:10px;border:1px solid #ffffffba;background:#ffffffd9;border-radius:16px;padding:10px 18px;box-shadow:0 5px 15px #12576c1a}.hero-badge span{background:linear-gradient(#ff7b75,#e74550);color:#fff;font:700 14px Tahoma;padding:14px 8px;border-radius:7px;box-shadow:inset 0 2px #ffffff77}main{display:grid;grid-template-columns:350px minmax(650px,1fr);gap:18px;padding:20px 24px 10px;height:calc(100vh - 277px);min-height:580px}.catalog,.workspace{border:1px solid #b9e0e0;border-radius:16px;background:white;box-shadow:0 5px 18px #07566f0c;overflow:hidden}.catalog{display:flex;flex-direction:column;padding:16px 12px 8px}.catalog-title{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px}h2{font-size:23px;margin:0}.catalog-title span{border-radius:20px;background:#e9f9ed;color:#369660;padding:1px 10px;font-size:16px}.search{display:flex;border:1px solid #c5e2e6;background:#f7fcfc;border-radius:11px;padding:3px 12px;align-items:center;gap:8px}.search span{font-size:28px;color:#4b9ca8}.search input{width:100%;border:0;outline:none;background:transparent;font:inherit;color:#14526b}.filters{display:flex;gap:6px;padding:12px 0}.filters button{border:0;background:#f0f7f7;padding:3px 14px;border-radius:20px;font:inherit;font-size:17px;color:#54848d;cursor:pointer}.filters .active{color:#fff;background:linear-gradient(#17b5c1,#008ba4);box-shadow:0 3px 8px #08a4b32a}.list{overflow:auto;padding:2px 3px}.document{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 10px;margin-bottom:8px;border-radius:12px;border:1px solid #d3e7e8;background:linear-gradient(#fff,#f9fdfc);color:#0a526c;cursor:pointer;font:inherit;box-shadow:0 2px 6px #0d637708}.document:hover,.document.active{border-color:#0aa5b8;background:linear-gradient(120deg,#ddf8fb,#f4ffed);box-shadow:0 3px 9px #0d8da41c}.document b{display:block;font-size:20px;line-height:1.2}.document small{display:block;color:#74919a;font-size:15px;margin-top:3px}.doc-icon{flex:none;position:relative;width:35px;height:43px;background:linear-gradient(145deg,#ff8f85,#ed4b59);border-radius:5px;box-shadow:0 3px 5px #db607330;color:white;display:grid;place-items:center;font:700 10px Tahoma}.doc-icon:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #ffd9d3 transparent}.workspace{display:flex;flex-direction:column}.paper-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(110deg,#f7fffc,#eff9f8);border-bottom:1px solid #cae7e6;gap:12px}.paper-toolbar p{font-size:16px;color:#6b909a;margin:2px 0 0}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}button,a.primary,a.light{font-family:inherit;font-size:17px}.light,.primary{display:inline-block;cursor:pointer;text-decoration:none;border:1px solid #a9d7e2;border-radius:9px;padding:7px 13px;color:#07668a;background:linear-gradient(#fff,#effbfc);box-shadow:inset 0 1px white,0 2px 5px #005d7310}.primary{border-color:#008aa8;color:white;background:linear-gradient(#17b9d0,#0083a3);box-shadow:inset 0 1px #ffffff5c,0 3px 6px #0789a52a}button:disabled,.disabled{opacity:.45;pointer-events:none}.viewer{flex:1;min-height:400px;background:#e8f0f1;position:relative}.viewer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.message{text-align:center;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;background:radial-gradient(ellipse at center,#fff,#edf9f6)}.message[hidden],iframe[hidden],[hidden]{display:none!important}.file-art{width:78px;height:96px;border:1px solid #d6edf0;border-radius:12px;background:linear-gradient(140deg,#fff,#c7f0f2);box-shadow:10px 10px 0 #d5eae7,0 12px 26px #15879622;display:grid;place-items:center;font:700 21px Tahoma;color:#09a2b1;transform:rotate(-5deg);margin-bottom:20px}.message h3{font-size:27px;margin:10px}.message p{font-size:20px;max-width:550px;white-space:pre-line}.viewer-footer{display:flex;align-items:center;gap:8px;font-size:15px;color:#6d9198;padding:7px 15px;border-top:1px solid #d2e9e9}.viewer-footer span:last-child{margin-left:auto}.dot{width:7px;height:7px;background:#1dbe80;border-radius:50%}.footnote{padding:0 26px 12px;font-size:15px;color:#6f9498}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #51b8df;outline-offset:3px}
.viewer{overflow:auto}.pdf-pages{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 15px}.pdf-pages canvas{display:block;max-width:100%;height:auto!important;background:white;box-shadow:0 3px 15px #24465325}