:root{--hdpw-bg:#f5f7fb;--hdpw-panel:#fff;--hdpw-text:#172033;--hdpw-muted:#687385;--hdpw-blue:#0ea5e9;--hdpw-navy:#0f172a;--hdpw-border:#e3e9f2;--hdpw-radius:20px}.hdpw-app{font-family:Inter,Arial,sans-serif;color:var(--hdpw-text)}.hdpw-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#0f172a,#123154 52%,#0ea5e9);color:#fff;padding:30px;border-radius:24px;margin:20px 0}.hdpw-hero h1{margin:0;font-size:30px}.hdpw-hero h1 span{font-size:13px;opacity:.75}.hdpw-hero p{opacity:.85;margin:6px 0 0}.hdpw-btn,.button.hdpw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#16b8ff,#2563eb)!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:12px 18px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 10px 25px rgba(37,99,235,.25);cursor:pointer}.hdpw-btn.small{padding:7px 12px!important;border-radius:10px!important;font-size:12px}.hdpw-kpis,.hdpw-mini-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:18px 0}.hdpw-kpis>div,.hdpw-mini-kpis>div,.hdpw-panel,.hdpw-card,.hdpw-design-card{background:#fff;border:1px solid var(--hdpw-border);border-radius:var(--hdpw-radius);box-shadow:0 12px 35px rgba(15,23,42,.06)}.hdpw-kpis>div,.hdpw-mini-kpis>div{padding:20px}.hdpw-kpis strong,.hdpw-mini-kpis strong{display:block;font-size:28px;color:#0f172a}.hdpw-kpis span,.hdpw-mini-kpis span{color:var(--hdpw-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.hdpw-admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.hdpw-panel{padding:22px;margin:18px 0}.hdpw-table{border-radius:16px;overflow:hidden;border:1px solid var(--hdpw-border)!important}.hdpw-table th{background:#0f172a!important;color:#fff!important;font-weight:800}.hdpw-table td,.hdpw-table th{padding:12px!important}.hdpw-status{background:#e0f2fe;color:#075985;border-radius:999px;padding:6px 10px;font-weight:800}.hdpw-pipeline{display:grid;gap:8px}.hdpw-pipeline>div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.hdpw-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.hdpw-board section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.hdpw-board article{background:#fff;border-radius:12px;padding:12px;margin:8px 0;border:1px solid #e2e8f0}.hdpw-board small{display:block;color:#64748b}.hdpw-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.hdpw-form-grid label span,.hdpw-quote-admin label span{display:block;font-weight:800;margin-bottom:6px;color:#334155}.hdpw-form-grid input,.hdpw-form-grid select,.hdpw-form-grid textarea,.hdpw-quote-admin input,.hdpw-quote-admin select,.hdpw-quote-admin textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff}.hdpw-tabs{display:flex;gap:8px;border-bottom:1px solid #e2e8f0;margin-bottom:16px;overflow:auto}.hdpw-tabs button{border:0;background:#f1f5f9;color:#334155;padding:10px 14px;border-radius:12px 12px 0 0;font-weight:800;cursor:pointer}.hdpw-tabs button.active{background:#0f172a;color:#fff}.hdpw-tab{display:none}.hdpw-tab.active{display:block}.hdpw-design-grid,.hdpw-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.hdpw-card,.hdpw-design-card{padding:18px}.hdpw-design-card img{width:100%;border-radius:14px;aspect-ratio:16/10;object-fit:cover}.hdpw-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hdpw-card-meta span{background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.hdpw-frontend{display:grid;grid-template-columns:260px 1fr;gap:20px}.hdpw-side{background:#0f172a;color:#fff;border-radius:24px;padding:22px;position:sticky;top:20px;height:max-content}.hdpw-side h3{margin:0 0 18px}.hdpw-side a{display:block;color:#dbeafe;text-decoration:none;padding:11px 12px;border-radius:12px}.hdpw-side a:hover{background:rgba(255,255,255,.08)}.hdpw-main{min-width:0}.hdpw-workspace-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#f0f9ff)}.hdpw-save-status,.hdpw-create-status,.hdpw-inline-status{display:inline-block;margin-left:8px;font-weight:800}.hdpw-save-status.ok,.hdpw-create-status.ok,.hdpw-inline-status.ok{color:#059669}.hdpw-save-status.err,.hdpw-create-status.err,.hdpw-inline-status.err{color:#dc2626}.hdpw-quote-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:18px;margin-bottom:18px}.hdpw-quote-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}.hdpw-quote-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.hdpw-quote-summary span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;font-weight:800}.hdpw-quote-summary strong{font-size:20px}.hdpw-quote-summary .total{background:#0f172a;color:#fff}.hdpw-versions{margin:0}.hdpw-versions li{padding:10px 0;border-bottom:1px solid #e5e7eb}@media(max-width:900px){.hdpw-frontend,.hdpw-admin-grid{grid-template-columns:1fr}.hdpw-side{position:relative;top:auto}.hdpw-hero,.hdpw-workspace-hero,.hdpw-quote-head{flex-direction:column;align-items:flex-start}}

/* v2.2 AI Design Center Integration */
.hdpw-module-ok{border-left:5px solid #10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}
.hdpw-module-warning{border-left:5px solid #f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}
.hdpw-room-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 18px}.hdpw-room-toolbar input{min-width:280px;border:1px solid #cbd5e1;border-radius:12px;padding:10px;background:#fff}.hdpw-room-cards,.hdpw-design-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.hdpw-room-card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.05)}.hdpw-room-card h3{margin:0 0 5px}.hdpw-room-list{display:grid;gap:10px}.hdpw-room-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.hdpw-room-row span{background:#f1f5f9;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;color:#334155}.hdpw-design-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 18px}.hdpw-design-card{overflow:hidden;padding:0}.hdpw-design-card-body{padding:16px}.hdpw-empty-design{aspect-ratio:16/10;border-radius:14px;background:linear-gradient(135deg,#e2e8f0,#f8fafc);display:grid;place-items:center;font-weight:800;color:#64748b;margin:16px 16px 0}.hdpw-design-card .button{margin-right:6px;margin-top:6px}.hdpw-side a[href="#ai-design-center"]{background:rgba(14,165,233,.16);color:#fff;font-weight:800}

/* v2.2.1 Safe inline AI Designer launch */
.hdpw-inline-designer{border:1px solid #bfdbfe;background:linear-gradient(135deg,#ffffff,#eff6ff);scroll-margin-top:30px}
.hdpw-inline-designer .hdasd3-app{margin-top:12px}

/* v2.2.3 Frontend Quote Portal */
.hdpw-front-quote{margin-top:28px;background:#fff;border:1px solid #dbeafe;border-radius:26px;padding:26px;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.hdpw-front-quote-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #e5e7eb;padding-bottom:18px;margin-bottom:18px}
.hdpw-front-quote-head h3{margin:6px 0;font-size:30px;line-height:1.15;color:#071a33}
.hdpw-front-quote-head p{margin:0;color:#667085}
.hdpw-badge{display:inline-flex;align-items:center;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:7px 11px}
.hdpw-front-quote-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.hdpw-btn-outline{background:#fff!important;color:#2563eb!important;border:1px solid #2563eb!important;box-shadow:none!important}
.hdpw-front-quote-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;margin:18px 0}
.hdpw-front-quote-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}
.hdpw-front-quote-grid strong{display:block;font-size:22px;color:#06142b}
.hdpw-front-quote-grid span{display:block;margin-top:4px;color:#667085;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.hdpw-front-quote-table-wrap{overflow:auto;border-radius:18px;border:1px solid #e5e7eb}
.hdpw-front-quote-table{margin:0!important;min-width:760px}
.hdpw-front-quote-services{margin-top:18px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}
.hdpw-front-quote-services summary{font-weight:800;cursor:pointer;color:#071a33}
#hdpw-live-quote:empty{display:none}
@media(max-width:780px){.hdpw-front-quote-head{display:block}.hdpw-front-quote-actions{justify-content:flex-start;margin-top:14px}.hdpw-front-quote-grid{grid-template-columns:repeat(2,1fr)}}

/* v2.2.4 Account & Billing */
.hdpw-account-billing{background:linear-gradient(135deg,#ffffff,#f8fbff)!important;border-color:#c7d2fe!important}
.hdpw-account-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}
.hdpw-account-shortcuts .hdac-credit-balance,.hdpw-account-shortcuts [class*="hdac"]{margin:0!important}

/* v3.0 Project Engine */
.hdpw-v3 .hdpw-v3-side{background:linear-gradient(180deg,#06111f,#0f172a);border-right:1px solid rgba(255,255,255,.08)}
.hdpw-v3-hero{background:radial-gradient(circle at top right,rgba(14,165,233,.22),transparent 34%),linear-gradient(135deg,#0f172a,#111827);color:#fff;border:0;overflow:hidden}
.hdpw-v3-hero p{color:#dbeafe}.hdpw-eyebrow{display:inline-block;color:#67e8f9;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;margin-bottom:8px}
.hdpw-v3-kpis div{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 35px rgba(15,23,42,.08)}
.hdpw-project-engine{border:1px solid #bfdbfe;background:linear-gradient(180deg,#ffffff,#f8fbff)}
.hdpw-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 22px}
.hdpw-wizard-steps span{background:#e0f2fe;color:#075985;border-radius:999px;padding:9px 12px;font-weight:800;text-align:center;font-size:12px}
.hdpw-area-picker{margin-top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px}.hdpw-area-picker h3{margin-top:0}.hdpw-muted{color:#64748b}
.hdpw-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.hdpw-area-grid label{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:14px;padding:11px 12px;background:#f8fafc;font-weight:700}.hdpw-area-grid input{accent-color:#0ea5e9}
.hdpw-project-grid-v3 .hdpw-project-card-v3{position:relative;overflow:hidden}.hdpw-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hdpw-status-pill{background:#dcfce7;color:#166534;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.hdpw-budget-row{display:flex;justify-content:space-between;border-top:1px solid #e5e7eb;padding-top:12px;margin-top:12px}.hdpw-project-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.hdpw-btn.small{padding:8px 12px;font-size:12px}
.hdpw-space-matrix{display:grid;gap:18px}.hdpw-space-project{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px}.hdpw-space-chips{display:flex;gap:10px;flex-wrap:wrap}.hdpw-chip{display:inline-flex;flex-direction:column;gap:3px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:10px 13px}.hdpw-chip small{color:#64748b}.hdpw-chip.muted{color:#64748b}.hdpw-room-add{display:flex;gap:8px;margin-top:14px}.hdpw-room-add input{flex:1;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}
.hdpw-global-timeline li strong{color:#0f172a}

/* v3.1 Commercial MVP polish */
.hdpw-v3-hero{border-radius:30px;padding:34px!important;box-shadow:0 24px 70px rgba(2,8,23,.25)}
.hdpw-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hdpw-btn-soft{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important}.hdpw-section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}.hdpw-eyebrow.dark{color:#2563eb}.hdpw-premium-card{border:1px solid #dbeafe!important;background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 36%),#fff;box-shadow:0 24px 60px rgba(15,23,42,.10)!important;transition:transform .2s ease, box-shadow .2s ease}.hdpw-premium-card:hover{transform:translateY(-3px);box-shadow:0 34px 80px rgba(15,23,42,.14)!important}.hdpw-readiness{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin:14px 0;display:grid;gap:10px}.hdpw-readiness>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.hdpw-readiness strong{font-size:26px;color:#0f172a}.hdpw-readiness span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800}.hdpw-readiness meter{width:100%;height:12px;accent-color:#0ea5e9}.hdpw-next-steps{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:#075985;border-radius:14px;padding:10px 12px;margin:12px 0}.hdpw-next-steps strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hdpw-next-steps span{font-weight:800}.hdpw-kpis.hdpw-v3-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.hdpw-kpis.hdpw-v3-kpis div strong{font-size:30px}.hdpw-create-status,.hdpw-demo-status{background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:8px 10px}.hdpw-demo-status.err{background:#fee2e2;color:#991b1b}.hdpw-demo-status.ok{background:#dcfce7;color:#166534}.hdpw-panel{border-radius:26px!important}.hdpw-side a{transition:background .2s ease, transform .2s ease}.hdpw-side a:hover{transform:translateX(3px)}@media(max-width:760px){.hdpw-section-head,.hdpw-hero-actions{display:block}.hdpw-hero-actions>*{margin:8px 0}.hdpw-v3-hero{padding:24px!important}}

/* v3.2 Professional Activity Feed */
.hdpw-activity-panel{background:linear-gradient(180deg,#ffffff,#f8fbff)!important;border-color:#dbeafe!important}
.hdpw-progress-board{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:18px;align-items:center;background:#0f172a;color:#fff;border-radius:24px;padding:20px;margin:8px 0 22px;box-shadow:0 24px 60px rgba(15,23,42,.18)}
.hdpw-progress-board span{display:block;color:#bfdbfe;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:6px}
.hdpw-progress-board strong{display:block;font-size:42px;line-height:1;color:#fff;margin-bottom:12px}
.hdpw-progress-board meter{width:100%;height:12px;accent-color:#22c55e}
.hdpw-progress-steps{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.hdpw-progress-steps span{display:inline-flex;margin:0;border-radius:999px;padding:9px 12px;font-size:12px;letter-spacing:0;text-transform:none;color:#dbeafe;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.hdpw-progress-steps span.done{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.35);color:#bbf7d0}
.hdpw-activity-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.hdpw-activity-filters button{border:1px solid #dbeafe;background:#fff;color:#334155;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer;transition:.2s ease}
.hdpw-activity-filters button:hover,.hdpw-activity-filters button.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 10px 25px rgba(15,23,42,.14)}
.hdpw-activity-feed{display:grid;gap:12px}
.hdpw-activity-card{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px;box-shadow:0 12px 32px rgba(15,23,42,.06);transition:transform .18s ease, box-shadow .18s ease}
.hdpw-activity-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(15,23,42,.10)}
.hdpw-activity-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);font-size:22px}
.hdpw-activity-title{display:flex;justify-content:space-between;gap:14px;align-items:center}
.hdpw-activity-title strong{font-size:16px;color:#0f172a}
.hdpw-activity-title span{font-size:12px;color:#64748b;font-weight:800;white-space:nowrap}
.hdpw-activity-copy p{margin:6px 0 8px;color:#334155;line-height:1.45}
.hdpw-activity-copy small{display:inline-flex;background:#f1f5f9;color:#475569;border-radius:999px;padding:5px 9px;font-weight:800}
.hdpw-empty-state{background:#fff;border:1px dashed #bfdbfe;border-radius:20px;padding:22px;color:#334155}
.hdpw-empty-state strong{display:block;font-size:18px;color:#0f172a;margin-bottom:4px}
.hdpw-global-timeline{display:none!important}
@media(max-width:780px){.hdpw-progress-board{grid-template-columns:1fr}.hdpw-progress-steps{justify-content:flex-start}.hdpw-activity-title{display:block}.hdpw-activity-title span{display:block;margin-top:4px}.hdpw-activity-card{grid-template-columns:40px 1fr}.hdpw-activity-icon{width:40px;height:40px;font-size:18px}}