html,body,#root{width:100%;height:100%;margin:0}body{background:#f5f7fb;color:#172033}.app-shell{min-height:100vh}.app-sider{background:#111827}.brand{height:64px;padding:20px 24px;color:#fff;font-size:18px;font-weight:700}.app-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb}.app-content{padding:24px}.full-width{width:100%}.login-page{display:grid;min-height:100vh;place-items:center;background:linear-gradient(135deg,#f8fafc,#dbeafe,#f1f5f9)}.login-card{width:min(420px,calc(100vw - 32px));border-radius:8px;box-shadow:0 20px 60px #0f172a1f}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.no-margin{margin:0!important}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.inline-form-item{margin-bottom:0}.flow-line{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.flow-line span{padding:10px 12px;text-align:center;border:1px solid #dbe4f0;border-radius:6px;background:#f8fafc}