/* Header */
.hdr{background:var(--hdr-bg);border-bottom:1px solid var(--hdr-border);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}
.hdr-brand{display:flex;align-items:center;gap:12px}
.hdr-icon{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 12px rgba(99,102,241,0.4)}
.hdr-title{font-size:16px;font-weight:600;color:#F1F5F9;letter-spacing:-0.02em}
.hdr-sub{font-size:12px;color:#475569;margin-top:1px}
.hdr-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748B}
.hdr-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 6px rgba(34,197,94,0.6)}

/* Layout */
.wrap{max-width:1280px;margin:0 auto;padding:2rem}