: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-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}