.demo-banner{min-height:42px;background:#e3f3eb;color:#235c46;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 24px;font-size:12px;position:relative;z-index:40}.demo-banner>a{font-weight:650;text-decoration:underline}.demo-body .sidebar{top:42px;height:calc(100dvh - 42px)}.demo-workspace{background:#243f50;border:1px solid #385363;border-radius:7px;padding:13px;margin:0 5px 27px}.demo-workspace strong{display:block;color:#fff;font-size:13px}.demo-workspace span{display:block;font-size:10px;color:#b6ccd3;margin-top:5px}.demo-side-note{font-size:12px;line-height:1.8;margin-bottom:24px}.demo-home-link{color:#bce7cf;font-size:12px;text-decoration:underline}.demo-role{display:flex;align-items:center;gap:10px;color:#667d88;font-size:12px}.demo-role select{border:1px solid #d8e3e6;background:white;border-radius:6px;padding:8px;color:#24463d;font-weight:600}.demo-guide{display:flex;gap:22px;align-items:center;padding:20px 24px;background:#e8f5ee;border:1px solid #cfe7da;border-radius:10px;margin-bottom:28px}.demo-guide>div{flex:1}.demo-guide h2{font-size:18px}.demo-guide p{font-size:12px;color:#507463;margin-top:7px}.demo-steps{display:flex;flex-wrap:wrap;gap:12px}.demo-steps button{border:1px solid #a6d1ba;background:white;padding:8px 11px;border-radius:5px;font-size:12px;color:#38694f}.demo-steps button.is-done{background:#238363;color:white;border-color:#238363}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px}.demo-order-info p{color:#617783;font-size:13px;margin:12px 0}.demo-order-info .form-actions{flex-wrap:wrap}.demo-help{font-size:12px;color:#677e89;padding:18px 24px;border-top:1px solid #e6edef}.demo-body .table-scroll table{min-width:630px}.demo-title-button{border:0;background:transparent;padding:0;color:#1e6250;font-weight:650;text-align:left}.demo-title-button:hover{text-decoration:underline}.demo-empty{padding:35px;text-align:center;color:#647b86}.demo-dialog{border:1px solid #d5e2e5;border-radius:12px;max-width:550px;width:calc(100% - 28px);padding:0;color:#142c3b;max-height:90dvh}.demo-dialog::backdrop{background:#142c3b80}.demo-dialog .panel-heading{padding:22px}.demo-dialog-body{padding:24px}.demo-toast{position:fixed;bottom:20px;right:20px;max-width:calc(100% - 40px);padding:14px 20px;border:1px solid #a6d8be;background:#e3f3eb;color:#1e6248;border-radius:8px;z-index:100;box-shadow:0 8px 25px #142c3b22;font-size:13px}.demo-readonly-note{padding:16px 20px;background:#edf3f9;border-radius:8px;color:#47647e;margin-bottom:22px;font-size:13px}.demo-row-total{font-size:23px;font-weight:650;letter-spacing:-.04em}.demo-action-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-body .stat>span{font-size:12px;color:#617884}.demo-body .content:focus{outline:none}.demo-body td small{white-space:normal}.demo-storage-note{font-size:11px;color:#758893;margin-bottom:20px}.demo-body .sidebar nav{min-height:0;overflow-y:auto;flex:1}.demo-body .sidebar-bottom{margin-top:20px}.demo-progress-count{font-variant-numeric:tabular-nums}
@media(max-width:1000px){.demo-layout{grid-template-columns:1fr}.demo-guide{align-items:flex-start;flex-direction:column}.demo-steps{gap:8px}.demo-body .topbar{padding-inline:20px}}
@media(max-width:600px){.demo-banner{padding:8px 14px;min-height:58px;font-size:10px}.demo-banner>span{max-width:220px}.demo-banner>a{max-width:105px;text-align:right}.demo-body .sidebar{top:58px;height:calc(100dvh - 58px)}.demo-body .topbar{padding-inline:12px}.demo-role{font-size:0;gap:0}.demo-role select{font-size:11px;max-width:130px}.demo-body .breadcrumb{gap:8px;font-size:11px}.demo-guide{padding:18px}.demo-steps button{font-size:11px}.demo-action-row{align-items:flex-start;flex-direction:column}.demo-body .page-heading{align-items:flex-start}.demo-body .page-heading h1{font-size:29px}.demo-toast{bottom:10px;right:12px}.demo-body .button-group{flex-wrap:wrap}}