:root{
    --taxai-bg:#f8fafc;
    --taxai-card:#ffffff;
    --taxai-text:#0f172a;
    --taxai-muted:#64748b;
    --taxai-border:rgba(148,163,184,.24);
    --taxai-primary:#2563eb;
    --taxai-purple:#7c3aed;
    --taxai-shadow:0 18px 46px rgba(15,23,42,.08);
}
body{
    background:var(--taxai-bg)!important;
    color:var(--taxai-text)!important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.agent-os-page,
.agent-builder-page,
.agent-preview-page,
.container{
    margin-left:320px!important;
    min-height:100vh!important;
    padding:30px!important;
    background:linear-gradient(180deg,#f8fafc 0%,#eef2ff 100%)!important;
    box-sizing:border-box!important;
}
.agent-os-page h1,
.agent-builder-title,
.agent-preview-title,
.page-title{
    font-size:30px!important;
    font-weight:950!important;
    letter-spacing:-.045em!important;
    color:#0f172a!important;
    margin:0 0 10px!important;
}
.agent-os-page p,
.agent-builder-lead,
.agent-preview-lead{
    color:#64748b!important;
    font-weight:700!important;
    line-height:1.75!important;
}
.agent-builder-header,
.agent-preview-header{
    background:#fff!important;
    border:1px solid var(--taxai-border)!important;
    border-radius:24px!important;
    padding:22px!important;
    box-shadow:var(--taxai-shadow)!important;
}
.kpis,
.agent-os-run-detail-grid{
    gap:16px!important;
}
.kpi,
.agent-builder-panel,
.agent-preview-card,
.agent-os-run-detail-card,
.table-card,
.agent-run-template{
    background:#fff!important;
    border:1px solid var(--taxai-border)!important;
    border-radius:24px!important;
    box-shadow:var(--taxai-shadow)!important;
}
.kpi{
    padding:20px!important;
}
.kpi strong,
.agent-builder-panel h2,
.agent-preview-card h2,
.agent-os-run-detail-card h2{
    color:#0f172a!important;
    font-weight:950!important;
}
table{
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden!important;
}
th{
    background:#0f172a!important;
    color:#fff!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
}
td{
    background:#fff!important;
    color:#334155!important;
    font-weight:700!important;
}
tr:hover td{
    background:#f8fafc!important;
}
.detail-btn,
.agent-builder-btn,
.agent-preview-btn,
.agent-os-btn{
    border-radius:14px!important;
    font-weight:900!important;
    box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
}
.detail-btn,
.agent-builder-btn.primary,
.agent-preview-btn.primary{
    background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
    color:#fff!important;
    border:0!important;
}
.agent-template-card,
.agent-step-card,
.agent-setting-card,
.agent-impact-item,
.agent-os-run-detail-kv{
    border-radius:18px!important;
    border:1px solid var(--taxai-border)!important;
    background:#f8fafc!important;
}
.agent-os-status-badge,
.taxai-agent-status-badge{
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
    font-weight:950!important;
}
.agent-run-log-preview,
.agent-os-log-box{
    border:1px solid rgba(59,130,246,.22)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.taxai-common-sidebar__section-title,
.taxai-sidebar-group-title{
    letter-spacing:.08em!important;
}
.taxai-common-sidebar__item{
    border-radius:16px!important;
}
.taxai-common-sidebar__item:hover{
    background:rgba(59,130,246,.14)!important;
}
.taxai-common-sidebar__item.is-active{
    background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(124,58,237,.24))!important;
}
@media(max-width:960px){
    .agent-os-page,
    .agent-builder-page,
    .agent-preview-page,
    .container{
        margin-left:0!important;
        padding:18px!important;
    }
}