:root{--bg:#f6f8fb;--surface:#ffffff;--border:#e5e8ef;--text:#1d2433;--muted:#667085;--brand:#1769e0}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(420px,100%);padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.login-title{margin:0 0 24px;font-size:24px;font-weight:700}.app-layout{min-height:100vh}.app-sider{border-right:1px solid var(--border)}.app-brand{height:56px;display:flex;align-items:center;padding:0 20px;font-weight:700;border-bottom:1px solid var(--border)}.app-nav{display:flex;flex-direction:column;gap:4px;padding:8px}.app-nav-link{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;color:inherit;border-radius:4px;color:#4b5565;transition:background-color .12s ease,color .12s ease}.app-nav-link:hover{background:#f1f4f9;color:var(--brand)}.app-nav-link-active{background:#eef4ff;color:var(--brand)}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--surface);border-bottom:1px solid var(--border)}.route-progress{position:relative;height:2px;overflow:hidden;background:#e8f3ff}.route-progress:before{content:"";position:absolute;inset:0 auto 0 0;width:36%;background:var(--brand);animation:route-progress-slide .85s ease-in-out infinite}@keyframes route-progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(280%)}}.app-content{padding:24px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-title{margin:0 0 6px;font-size:22px;line-height:1.3}.page-subtitle{margin:0;color:var(--muted)}.work-surface{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.company-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.company-overview-card{min-width:0;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(29,36,51,.04)}.company-overview-name{margin:0;color:var(--text);font-size:18px;line-height:1.4;overflow-wrap:anywhere}.company-overview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.company-overview-metric{min-width:0;padding:12px;background:#f8fafc;border:1px solid #edf1f7;border-radius:6px}.company-overview-metric-label{display:block;color:var(--muted);font-size:12px;line-height:1.4}.company-overview-metric-value{display:block;margin-top:8px;color:var(--text);font-size:26px;line-height:1.1}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.cron-expression{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;color:#344054;white-space:nowrap}.sync-summary{color:var(--muted);font-size:12px}.sync-error{display:block;max-width:300px;color:#c9372c;font-size:12px;line-height:1.5;word-break:break-word}.company-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted);border-radius:4px;cursor:-webkit-grab;cursor:grab}.company-drag-handle:hover{color:var(--brand);background:#eef4ff}.company-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.company-row-dragging{opacity:.55}.user-name-cell{display:inline-flex;align-items:center;gap:10px;min-width:0}.user-avatar{flex:0 0 auto;background:#e8f3ff;color:var(--brand);font-weight:600}.user-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-day-list{display:flex;flex-direction:column;gap:18px}.history-day-section{display:flex;flex-direction:column;gap:10px}.history-day-title{width:-moz-fit-content;width:fit-content;padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:#f6f8fb;color:#344054;font-weight:600}.history-event-card{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px;border:1px solid var(--border);border-radius:6px;background:#ffffff}.history-event-header{display:flex;align-items:center;gap:10px}.history-event-time{color:var(--muted);font-size:12px}.change-detail-table{min-width:0;overflow-x:auto;border:1px solid var(--border);border-radius:6px}.change-detail-head,.change-detail-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(180px,1fr) minmax(180px,1fr);min-width:620px}.change-detail-head{background:#f6f8fb;color:var(--muted);font-size:12px;font-weight:600}.change-detail-head>span,.change-detail-row>div{min-width:0;padding:8px 10px;border-bottom:1px solid var(--border)}.change-detail-list .change-detail-row:last-child>div{border-bottom:0}.change-field-name{font-weight:600}.change-field-name,.change-value{color:#344054;overflow-wrap:anywhere}.change-value{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap}.change-value-before{color:#667085}.change-value-after{color:#1d2433}.change-empty{color:var(--muted);font-size:12px}.user-detail-modal{display:flex;flex-direction:column;gap:20px}.user-history-section{display:flex;flex-direction:column;gap:12px}.detail-section-title{color:#1d2433;font-size:16px;font-weight:700}.history-loading{display:flex;align-items:center;justify-content:center;min-height:160px}.split-view{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);grid-gap:16px;gap:16px}@media (max-width:860px){.split-view{grid-template-columns:1fr}.app-content{padding:16px}}@media (max-width:720px){.company-overview-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.app-nav-link{transition:none}.route-progress:before{width:100%;animation:none}}