@font-face{font-family:ThaiLocal;src:url('Garuda.ttf') format('truetype');font-display:swap;unicode-range:U+0E00-0E7F}
:root{--bs-body-bg:#111620;--bs-body-color:#e1e7f0;--bs-primary:#6b86ff;--bs-border-color:#2c3647}body{font-family:ThaiLocal,system-ui,-apple-system,sans-serif;font-size:15px}.btn-primary{background:#607cf1;border-color:#607cf1}.btn-primary:hover{background:#4966d9}.form-control,.form-select{background-color:#151d2b;border-color:#344056}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#151c29;border-right:1px solid #283245;padding:28px 20px;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#eef2ff;text-decoration:none;font-weight:700;font-size:20px}.brand-icon{background:#6d86ff;color:white;display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:16px;font-size:32px;font-weight:700}.brand-icon.small{width:36px;height:36px;font-size:23px;border-radius:10px}.nav-label{color:#75869f;font-size:10px;letter-spacing:2px;margin:35px 10px 12px}nav a{display:block;text-decoration:none;color:#aebbd1;padding:12px 15px;margin:4px 0;border-radius:9px}nav a:hover,nav a.active{background:#263350;color:#d8e2ff}.sidebar-bottom{position:absolute;bottom:25px;left:25px;right:25px;color:#aebbd1}#who{display:block}.workspace{margin-left:245px}.topbar{height:75px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293246;color:#9caac0}#view{padding:35px 38px;max-width:1700px;margin:auto}h1{font-size:29px;font-weight:650;letter-spacing:-.8px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-head p{color:#9caac0;margin-top:10px}.card{background:#192131;border:1px solid #2b3549;border-radius:14px}.card-body{padding:22px}.stat{font-size:29px;margin-top:8px}.table{--bs-table-bg:transparent;--bs-table-border-color:#2c3647}th{color:#9baac2!important;font-size:12px;font-weight:500}td{vertical-align:middle;padding-top:15px!important;padding-bottom:15px!important}.table-wrap{overflow:auto}.toolbar{display:flex;gap:10px;margin:20px 0}.toolbar .form-control{max-width:350px}.subtle{color:#99a9c1}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(at top,#293c66,transparent 65%)}.login-card{width:min(430px,95vw);padding:42px;border:1px solid #384765;border-radius:22px;background:#182237}.login-card h1{margin-top:23px}.wizard-steps{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.step{padding:11px 18px;background:#1b2538;color:#98a9c8;border:1px solid #33415b;border-radius:10px}.step.active{background:#344c91;color:white;border-color:#6583ff}.wizard-bottom{display:flex;justify-content:space-between;margin-top:25px}.quote-lines input{min-width:80px}.quote-lines .description{min-width:210px}.preview-frame{width:100%;height:720px;background:#e5e7eb;border:0;border-radius:10px}.ql-toolbar.ql-snow{border-color:#46536b;background:#e8ecf5}.ql-container.ql-snow{border-color:#46536b;background:white;color:#172334}.ql-editor{min-height:140px;font-size:16px;font-family:ThaiLocal,system-ui,sans-serif}.ql-editor img{max-width:100%}.editor-wrap{margin-bottom:18px}.perm-grid td{padding:9px!important}.perm-grid select{max-width:125px}.details-page{border:1px solid #35425b;border-radius:12px;padding:20px;margin-top:15px}.badge{font-weight:500}.muted-note{padding:15px;background:#1b2b43;border-radius:9px;color:#b6c9e8}.actions{display:flex;gap:6px;flex-wrap:wrap}#notice{position:fixed;bottom:22px;right:25px;max-width:500px;padding:18px 24px;border-radius:12px;background:#325479;color:white;z-index:2000;display:none}.code-token{font-family:monospace;background:#2d3c58;padding:3px 5px;border-radius:5px}@media(max-width:991px){aside{display:none}body.menu-open aside{display:block}.workspace{margin-left:0}#view{padding:22px 15px}.topbar{padding:0 15px}.page-head{gap:12px;align-items:start}.page-head h1{font-size:24px}}