:root{--ci-1: #cd5c5c;--n-1: #292929;--n-2: #9e9e9e;--text-muted: #898989;--text-soft: #878787;--text-sub: #5e5e5e;--text-caption: #7a7a7a;--surface: #ffffff;--surface-alt: #f5f5f5;--shelf-top: #ececec;--shelf-edge: #d9d9d9;--divider: #8c8c8c;--line: #e0e0e0;--shadow-01: 0 4px 10px rgba(0, 0, 0, .07);--shadow-books: 0 4px 10px rgba(0, 0, 0, .25), 0 16px 20px -6px rgba(0, 0, 0, .25);--shadow-card: 0 15px 15px rgba(0, 0, 0, .2);--font: "Kanit", system-ui, sans-serif;--page-gutter: 64px;--header-h: 66px}@media (max-width: 1024px){:root{--page-gutter: 32px}}@media (max-width: 640px){:root{--page-gutter: 16px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);font-weight:300;line-height:1.5;color:var(--n-1);background:var(--surface);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}p,h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--ci-1);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{margin:0 auto;padding:24px var(--page-gutter) 80px}.crumbs{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400}.crumbs a:hover{color:var(--ci-1)}.page-title{margin:20px 0 24px;font-size:32px;font-weight:500}.notice{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:4px;background:var(--surface-alt);font-size:14px}.notice strong{font-weight:500}.info-dot{display:grid;flex-shrink:0;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--n-1);color:#fff;font-size:12px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 28px;border:1px solid var(--n-1);border-radius:100px;font-size:14px;transition:background .2s,color .2s,border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-dark{background:var(--n-1);color:#fff}.btn-dark:hover:not(:disabled){background:var(--ci-1);border-color:var(--ci-1)}.btn-outline{background:var(--surface)}.btn-outline:hover{border-color:var(--ci-1);color:var(--ci-1)}.btn-wide{width:100%;max-width:260px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.field-label{font-size:14px;font-weight:500}.field-hint{font-size:12px;color:var(--n-2)}.field-error{font-size:12px;color:var(--ci-1)}.input,.select,.textarea{width:100%;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font:inherit;font-size:14px;color:var(--n-1);transition:border-color .2s,box-shadow .2s}.input::placeholder,.select::placeholder,.textarea::placeholder{color:#bdbdbd}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ci-1);box-shadow:0 0 0 3px #cd5c5c26}.input.invalid,.select.invalid,.textarea.invalid{border-color:var(--ci-1)}.select{appearance:none;padding-right:40px;background:var(--surface) url(/assets/chevron-down.svg) no-repeat right 10px center/20px}.textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical}.password-wrap{position:relative}.password-wrap .input{padding-right:44px}.eye{position:absolute;top:50%;right:12px;width:24px;height:24px;padding:0;border:0;background:none;color:var(--n-2);transform:translateY(-50%)}.choice{display:inline-flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.choice input{width:18px;height:18px;accent-color:var(--n-1)}.choice-box{padding:10px 16px;border:1px solid var(--line);border-radius:6px;transition:border-color .2s}.choice-box:has(input:checked){border-color:var(--n-1)}.data-table{width:100%;border:1px solid var(--line);border-radius:4px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:14px}.data-table th{font-weight:500;text-align:left}.data-table th,.data-table td{padding:16px 20px;border-bottom:1px solid var(--line)}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:var(--surface-alt)}.table-scroll{overflow-x:auto}.link-action{border:0;background:none;padding:0;font-size:14px;color:var(--n-1);text-decoration:underline;text-underline-offset:3px}.link-action:hover{color:var(--ci-1)}.toast{position:fixed;left:50%;bottom:32px;z-index:100;padding:12px 24px;border-radius:100px;background:var(--n-1);color:#fff;font-size:14px;box-shadow:var(--shadow-card);transform:translate(-50%);animation:toastIn .45s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,24px)}}@media (max-width: 640px){.page-title{font-size:24px}}