*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:Sarabun,Inter,system-ui,sans-serif;background:#f0f2f5;color:#1a1a2e;overscroll-behavior:none;-webkit-text-size-adjust:100%}.el-message,.el-notification{z-index:9999!important}.topbar{background:#1a1a2e;color:#fff;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.topbar-logo{font-size:18px;font-weight:700;text-decoration:none;color:#fff;white-space:nowrap}.topbar-logo span{color:#6c63ff}.topbar-nav{display:flex;gap:4px}.topbar-nav a{color:#fff9;text-decoration:none;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;transition:all .15s;white-space:nowrap}.topbar-nav a:hover{color:#fff;background:#ffffff14}.topbar-nav a.router-link-active{color:#fff;background:#6c63ff4d}.topbar-right{display:flex;align-items:center;gap:12px;font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;background:#6c63ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.card h2{font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.card h3{font-size:13px;margin:14px 0 8px;color:#555}.muted{color:#8e8ea0;font-size:12px}.row-flex{display:flex;align-items:center;gap:8px}@media (max-width:768px){.topbar{padding:0 8px;height:48px;gap:4px}.topbar-logo{font-size:14px}.topbar-logo span:not(:first-child){display:none}.topbar>div:first-child{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar>div:first-child::-webkit-scrollbar{display:none}.topbar-nav{gap:2px;flex-wrap:nowrap}.topbar-nav a{padding:4px 8px;font-size:11px}.topbar-right .avatar{width:28px;height:28px}.topbar-right>span{display:none}.card{padding:14px}.el-overlay-dialog{padding:8px!important}.el-dialog{width:calc(100vw - 16px)!important;max-width:480px!important;margin:8px auto!important}.el-dialog__body{padding:14px!important;max-height:calc(100vh - 140px);overflow-y:auto}.el-dialog__header{padding:14px 14px 8px!important}.el-dialog__footer{padding:8px 14px 14px!important}.el-drawer.rtl,.el-drawer.ltr{width:90%!important;max-width:380px}.el-drawer.btt,.el-drawer.ttb{height:80vh!important}.el-table{font-size:12px}.el-table .cell{padding:0 6px}.el-table th .cell{font-size:11px}.el-tabs__item{padding:0 10px!important;font-size:12px!important;height:36px!important;line-height:36px!important}.el-button{padding:7px 12px}.el-button--small{padding:5px 9px}.el-input__inner{height:38px!important;line-height:38px!important}.el-textarea__inner{font-size:14px}.el-form-item{margin-bottom:14px}.el-form-item__label{padding-bottom:4px!important;line-height:1.4!important;width:auto!important;text-align:left!important;float:none!important}.el-form-item__content{margin-left:0!important}.el-message-box{width:calc(100vw - 32px)!important;max-width:380px}.el-radio,.el-checkbox{margin-right:12px;height:30px;line-height:30px}.el-select,.el-date-editor{width:100%!important}.el-pagination{flex-wrap:wrap;justify-content:center;gap:4px}.el-pagination .el-pagination__total,.el-pagination .el-pagination__jump{display:none}}button,a,[role=button],.clickable{-webkit-tap-highlight-color:rgba(108,99,255,.15)}@supports (padding:max(0px)){.topbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}