:root{--app-bg: #f5f7fb}html,body,#root{margin:0;min-height:100%;background:var(--app-bg)}.brand{height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#1d4ed8;padding-inline:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-block-end:1px solid #f0f0f0}.app-sider{border-inline-end:1px solid #f0f0f0}.app-header{background:#fff!important;padding-inline:16px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;border-block-end:1px solid #f0f0f0;height:auto!important;min-height:56px;line-height:normal!important}.header-actions{justify-content:flex-end}.app-content{padding:20px}@media (max-width: 576px){.app-content{padding:12px}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-block-end:16px}.data-table-toolbar{margin-block-end:12px}.data-table-error{color:#cf1322;margin-block-end:8px}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.date-both{display:inline-flex;flex-direction:column;line-height:1.3}.date-hijri{font-size:12px;color:#8c8c8c}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#1d4ed8,#0f172a)}.auth-card{width:100%;max-width:400px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-block-end:12px}.auth-logo{max-height:72px;max-width:200px;object-fit:contain}.auth-company{font-size:16px;text-align:center}.auth-other-company{text-align:center;margin-block-start:12px;font-size:13px}.auth-lang{display:flex;justify-content:flex-end;margin-block-end:8px}.setup-page{max-width:1200px;margin:0 auto;padding:24px 16px}.setup-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block-end:20px}.site{min-height:100vh;display:flex;flex-direction:column;background:var(--app-bg)}.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:12px;padding-inline:24px;background:#fff;border-block-end:1px solid #f0f0f0}.site-brand{font-weight:700;font-size:18px;color:#1d4ed8}.site-main{flex:1;width:100%;max-width:1100px;margin-inline:auto;padding:24px 16px;box-sizing:border-box}.site-hero{text-align:center;padding-block:48px 32px}.site-hero-text{font-size:17px;max-width:720px;margin-inline:auto}.site-feature{height:100%}.site-feature-icon{font-size:28px;color:#1d4ed8;margin-block-end:8px}.site-form-card{max-width:520px;margin-inline:auto}.site-footer{text-align:center;padding:16px;color:#8c8c8c;font-size:13px}.site-not-found{background:#fff;border-radius:8px}