:root{--muted:#6b7285;--line:#e7e9f0;--purple:#6854dc}
body.zuhre-management{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6fa;color:#192139;-webkit-font-smoothing:antialiased}
.zuhre-management main:not(.anonymous){background:#f5f6fa;min-height:calc(100vh - 64px);padding-top:32px}
.zuhre-management .sidebar{background:#0a0f24;border-right:1px solid #ffffff0d}.zuhre-management .sidebar .brand img{width:190px;max-width:100%;height:auto}.zuhre-management .sidebar nav a[aria-current=page]{background:#6854dc2b;border-left-color:#8976f0;color:#fff}.zuhre-management .sidebar nav a[aria-current=page] .icon{color:#b9aaff}.zuhre-management .sidebar nav a:hover{background:#ffffff0b}.zuhre-management .workspace-bar{background:#fff;border-bottom:1px solid #e7e9f0;color:#6b7285}.zuhre-management h1{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-1.2px;color:#192139}.zuhre-management h2,.zuhre-management h3{font-weight:600;color:#192139}.zuhre-management .card{background:#fff;border-color:#e7e9f0;border-radius:14px;box-shadow:0 3px 12px #1c254203}.zuhre-management .muted,.zuhre-management .helptext{color:#6b7285}.zuhre-management main a{color:#6951bc}.zuhre-management main a.button,.zuhre-management main button{background:#6854dc;color:#fff;box-shadow:none;border-radius:7px}.zuhre-management main a.button:hover,.zuhre-management main button:hover{background:#5742c4}.zuhre-management main .button.secondary-light,.zuhre-management main .button.secondary{background:#fff;color:#624caf;border:1px solid #d7d0ed}.zuhre-management .metrics strong{color:#6854dc}.zuhre-management input:focus,.zuhre-management select:focus,.zuhre-management textarea:focus{outline:2px solid #8976f0;outline-offset:2px}.zuhre-management .notice{background:#f0edf9;color:#625179;border:1px solid #e5def2}.zuhre-management th{background:#fafafd;color:#858598}.zuhre-management .back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #dcd6ea;border-radius:8px;background:#fff;color:#6951bc;font-size:12px;font-weight:600;margin:0 0 18px;text-decoration:none}.zuhre-management .back-button:hover{background:#f3efff}.zuhre-management .profile-heading{margin:18px 0 26px}.zuhre-management main .eyebrow{color:#7763c6}.zuhre-management .user-photo{border-radius:50%;border:1px solid #e7e9f0}.zuhre-management input,.zuhre-management select,.zuhre-management textarea{border-color:#dce0ea;background:#fcfcfe;color:#30374c}.zuhre-management .section-head{margin-top:8px}.zuhre-management .sidebar .account .logout{background:transparent;border:1px solid #ffffff26;color:#e8eaf4}.zuhre-management .table-wrap{background:#fff;border-color:#e7e9f0}.zuhre-management .business-steps span{background:#efebfa;color:#6951bc}
@media(max-width:900px){.zuhre-management main:not(.anonymous){padding-top:24px}.zuhre-management .sidebar .brand img{width:160px}}
body.zuhre-management main .button:not(.secondary-light):not(.secondary),body.zuhre-management main button:not(.logout){background:#6854dc;box-shadow:none}body.zuhre-management main .button:not(.secondary-light):not(.secondary):hover,body.zuhre-management main button:not(.logout):hover{background:#5742c4}.zuhre-management .sidebar nav a[aria-current=page]{box-shadow:inset 3px 0 #8976f0}
/* Compact management overview; no redundant top header. */
.zuhre-management main:not(.anonymous){min-height:100vh;padding-top:26px}.overview-dashboard h1{margin:0 0 5px;font-size:32px}.overview-dashboard .overview-intro{margin:0;font-size:13px}.overview-dashboard .metrics{gap:14px;margin:18px 0 20px}.overview-dashboard .metrics .card{padding:16px 20px}.overview-dashboard .metrics strong{font-size:30px;margin-top:3px}.overview-dashboard .metrics span{font-size:12px}.overview-dashboard .section-head{margin:22px 0 12px}.overview-dashboard .section-head h2{font-size:18px;margin:0}.overview-dashboard .section-head .eyebrow{margin-bottom:4px}.overview-dashboard .card{padding:20px}.overview-dashboard .revenue-grid{gap:12px;margin-bottom:14px}.overview-dashboard .revenue-grid .card{padding:16px;gap:7px}.overview-dashboard .revenue-grid strong{font-size:24px}.overview-dashboard .revenue-grid small{font-size:11px}.overview-dashboard .dashboard-products{gap:14px}.overview-dashboard .dashboard-product{padding:20px}.overview-dashboard .row{padding:11px 0}.overview-dashboard .product-numbers{margin:14px 0}.overview-dashboard details.card{padding:13px 18px}.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.infra-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.infra-heading h3{font-size:16px;margin:0}.infra-state{display:inline-flex;align-items:center;background:#eaf7ef;color:#16754b;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:600}.infra-state.attention{background:#fff7e6;color:#99620c}.host-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.host-metrics span,.backup-facts dt{display:block;color:#6b7285;font-size:11px}.host-metrics strong{display:block;font-size:24px;line-height:1.5;letter-spacing:-.5px;font-weight:600}.host-metrics small{font-size:10px;color:#6b7285}.backup-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.backup-facts dd{font-size:12px;color:#30374c;margin:5px 0 0;font-weight:500}.infra-footnote{font-size:10px;line-height:1.7;color:#858598;margin:16px 0 0}.restore-note{font-size:11px;line-height:1.6;color:#6b7285;margin:10px 0 0;padding-top:10px;border-top:1px solid #e7e9f0}.restore-note.attention{color:#99620c}.operations-summary>.section-head>a{font-size:11px}
@media(max-width:1100px){.operations-grid{grid-template-columns:1fr}}@media(max-width:600px){.overview-dashboard .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.overview-dashboard .metrics .card{padding:12px 10px}.overview-dashboard .metrics strong{font-size:24px}.overview-dashboard .metrics span{font-size:10px}.overview-dashboard .card{padding:17px}.infra-heading{align-items:flex-start}.infra-heading h3{font-size:15px}.backup-facts{gap:13px}.overview-dashboard .section-head{flex-wrap:wrap}.overview-dashboard h1{font-size:28px}}
