*{box-sizing:border-box}body{color:#111827;background-color:#fff;margin:0;padding:40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}h1{margin:0;font-size:2rem;font-weight:600}.distributor-portal{color:#0f172a;background-color:#f8fafc;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.distributor-header{background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;box-shadow:0 1px 3px #0000000d}.header-left{align-items:center;gap:12px;display:flex}.brand-badge{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700}.portal-sub{color:#64748b;font-size:13px;font-weight:500}.header-right{align-items:center;display:flex}.header-user-info{align-items:center;gap:16px;display:flex}.header-username{color:#1e293b;font-size:14px;font-weight:600}.btn-logout{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn-logout:hover{color:#b91c1c;background-color:#fee2e2;border-color:#fca5a5}.btn-login{color:#fff;cursor:pointer;background-color:#ea580c;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.distributor-main{width:100%;max-width:960px;margin:40px auto;padding:0 24px}.welcome-banner{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:28px;padding:32px;box-shadow:0 4px 6px -1px #0000000a}.banner-badge{color:#ea580c;text-transform:uppercase;letter-spacing:.05em;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:9999px;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.welcome-title{color:#0f172a;margin:0 0 8px;font-size:28px;font-weight:800}.welcome-desc{color:#64748b;margin:0;font-size:15px;line-height:1.5}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.info-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 6px -1px #0000000a}.info-card:hover{box-shadow:0 10px 15px -3px #00000014}.card-header{align-items:center;gap:16px;margin-bottom:18px;display:flex}.card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.user-icon{color:#ea580c;background-color:#fff7ed}.workspace-icon{color:#2563eb;background-color:#eff6ff}.card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.card-value{color:#0f172a;margin:0;font-size:20px;font-weight:700}.card-meta{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:14px;padding:12px 0;font-size:13.5px;display:flex}.meta-label{color:#64748b;font-weight:500}.meta-value{color:#1e293b;font-weight:600}.card-footer-badge{color:#166534;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.online{background-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.status-indicator.active{background-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.unauth-box{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:48px 32px;box-shadow:0 4px 6px -1px #0000000a}.unauth-icon{color:#ef4444;background-color:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.unauth-box h2{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:700}.unauth-box p{color:#64748b;max-width:440px;margin:0 auto 24px;font-size:14px;line-height:1.5}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #f9731640}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 14px #f9731659}.btn-secondary{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8}