@font-face{font-family:Kanit;src:url('../Kanit-Regular.ttf') format('truetype');font-display:swap}
html{overflow-x:clip}body{width:100%;max-width:100%}.ckn-top>*{min-width:0}.ckn-top nav{max-width:100%}.portal-hero>*{min-width:0}.portal-hero h1,.portal-card h3{overflow-wrap:anywhere}.portal-shortcuts a{min-width:0;overflow-wrap:anywhere}
:root{--brand:#542575;--gold:#c8a052;--ink:#253047;--surface:#fff}
body{font-family:Kanit,system-ui,sans-serif!important;background:#f5f3f8!important;color:var(--ink)!important;margin:0!important;line-height:1.7}
body,td,th,input,select,textarea,a{font-family:Kanit,system-ui,sans-serif!important;font-size:15px}
a{color:var(--brand);text-decoration:none}a:hover{color:#9a6822}
img{max-width:100%;object-fit:contain}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;border:1px solid #dfe3ea;border-radius:10px;padding:10px 12px;background:#fff;color:#253047}input:focus,textarea:focus,select:focus{outline:3px solid #d9c9ed;outline-offset:1px}
input[type=submit],input[type=button],button{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:10px 22px;cursor:pointer}
table{max-width:100%;border-color:#e8eaf0;border-collapse:separate}body>table,.container>table{background:#fff;border-radius:16px;box-shadow:0 8px 35px #2820400a;margin:24px auto;overflow:hidden}td{border-color:#e8eaf0}hr{border:0;border-top:1px solid #e8eaf0;margin:16px 0}
.ckn-top{padding:20px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#321144,#652e87);border-bottom:4px solid var(--gold);color:white;box-shadow:0 8px 30px #32114420}.ckn-top a{color:#fff}.ckn-brand{font-size:23px;font-weight:bold;letter-spacing:.3px}.ckn-top nav{display:flex;gap:22px;flex-wrap:wrap}.ckn-label{color:#dcc199;font-size:12px;letter-spacing:2px}.ckn-admin{--brand:#087f70;background:#f3f7f8!important;padding-left:240px!important}.ckn-admin .ckn-top{background:#fff;color:#253047;border-bottom:1px solid #e6eeee;padding:20px 32px}.ckn-admin .ckn-top a{color:#087f70}.ckn-side{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid #e4eded;overflow:auto;padding:30px 18px;z-index:20}.ckn-side strong{display:block;color:#087f70;font-size:24px;margin:0 14px 30px}.ckn-side a{display:block;padding:12px 16px;margin:5px 0;border-radius:9px;color:#52636c}.ckn-side a:hover,.ckn-side a[aria-current=page]{background:#087f70;color:#fff}.ckn-admin>table{width:calc(100% - 48px)!important}.ckn-admin>table>tbody>tr>td:first-child[width="200"]{display:none}.ckn-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at 0 0,#d8f4eb,transparent 65%),#f4f7f8!important}.ckn-login main{width:min(440px,92vw);background:#fff;padding:42px;border-radius:24px;box-shadow:0 25px 90px #164a3820}.ckn-login label{display:block;margin:18px 0 7px}.ckn-login input{width:100%}.ckn-login button{width:100%;margin-top:24px;background:#087f70}.ckn-login h1{font-size:28px}.ckn-muted{color:#77858b}
@media(max-width:900px){.ckn-admin{padding-left:0!important}.ckn-side{position:static;width:100%;display:flex;gap:5px;overflow:auto;padding:8px}.ckn-side strong{display:none}.ckn-side a{white-space:nowrap;margin:0;padding:8px 12px}.ckn-top{padding:18px;align-items:flex-start;flex-direction:column}.ckn-top nav{gap:14px}body>table{display:block;overflow-x:auto;width:calc(100% - 20px)!important}.container{width:100%!important;padding:8px}img{height:auto}}