@import url('/assets/css/customer.css');
@import url('/assets/css/icon-fixes.css');
html{font-size:15px}.sidebar{width:232px;padding:18px 13px}.app-main{margin-right:232px}.brand{padding-bottom:20px}.brand-mark{width:38px;height:38px}.side-link{padding:9px 11px;margin-bottom:3px;font-size:.86rem}.side-label{padding:8px 11px}.avatar{width:34px;height:34px;border-radius:10px}.topbar{height:64px}.topbar-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.topbar form{margin:0}.top-action{width:35px;height:35px}.page-wrap{padding:22px 26px}.page-title{font-size:1.65rem}.soft-card{border-radius:14px}.metric-card{padding:17px}.metric-icon{width:40px;height:40px;font-size:1rem}.metric-value{font-size:1.6rem}.metric-label{font-size:.86rem}.btn{font-size:.88rem}.btn-brand{padding:.58rem .9rem}.modern-table th{padding:12px 16px}.modern-table td{padding:13px 16px}.login-logo{width:46px;height:46px}.login-box .display-6{font-size:2rem}.login-box p{font-size:.92rem}.login-pane{padding:clamp(24px,5vw,62px)}.login-visual{margin:10px}.visual-orb{width:118px;height:118px;font-size:2.7rem}.login-visual .display-5{font-size:2.35rem}.form-control,.input-group-text,.form-select{padding:.64rem .8rem;font-size:.92rem}.empty-state{padding:46px 20px;text-align:center;color:#718096}.data-toolbar{padding:15px 17px;border-bottom:1px solid var(--line)}.customer-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--brand-dark);font-weight:700}.status-active{background:#e9f8f1;color:#18885c}.status-inactive{background:#fff1f0;color:#c95050}.detail-label{font-size:.76rem;color:var(--muted);margin-bottom:4px}.detail-value{font-weight:600}.form-section-title{font-size:1rem;font-weight:800;margin-bottom:16px}@media(max-width:991.98px){.app-main{margin-right:0}.page-wrap{padding:18px}.sidebar{width:245px}}@media(max-width:575.98px){html{font-size:14px}.page-wrap{padding:14px}.topbar{height:58px}.metric-card{padding:14px}.metric-value{font-size:1.4rem}.page-title{font-size:1.45rem}}