:root{--ezp:#071368;--ezp-dark:#050d4a;--ezp-teal:#00a651;--ezp-red:#ed1c35;--ezp-yellow:#ffd51f;--ezp-bg:#f4f6fa;--ezp-line:#e2e7ef;--ezp-text:#1d2939;--ezp-muted:#667085}
.ezhse-portal,.ezhse-portal-login{border-radius:14px;overflow:hidden;box-shadow:0 18px 55px rgba(7,19,104,.12)}
.ezp-header{padding:22px 28px;background:linear-gradient(110deg,#050d4a,#071368);box-shadow:inset 0 -3px #00a651}.ezp-brand{display:flex;align-items:center;gap:18px}.ezp-brand>img{width:132px;height:50px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.ezp-header h1{font-weight:650;letter-spacing:-.4px}.ezp-app{color:#7ee8aa}
.ezp-nav{padding:0 10px}.ezp-nav a{font-weight:600}.ezp-nav a.active,.ezp-nav a:hover{color:var(--ezp-teal);border-color:var(--ezp-teal)}
.ezp-main{padding:26px}.ezp-welcome,.ezp-card,.ezp-kpis article{border-color:var(--ezp-line);border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.04)}.ezp-kpis{gap:15px}.ezp-kpis article{padding:20px;transition:transform .16s}.ezp-kpis article:hover{transform:translateY(-2px)}.ezp-kpis strong{color:var(--ezp);font-weight:700}.ezp-status,.ezp-pill{background:#e9f9f0;color:#087a41}
.ezp-btn{background:var(--ezp-teal);border-radius:7px;padding:10px 16px;font-weight:650;box-shadow:0 4px 12px rgba(0,166,81,.18)}.ezp-btn:hover{background:#008f46}.ezp-btn.secondary{color:var(--ezp)!important;border-color:var(--ezp);box-shadow:none}
.ezp-card th,.ezp-invoice th{background:#f8fafc;color:#475467}.ezp-card tr:hover td{background:#f5f7ff}.ezp-profile input,.ezp-profile textarea{border-radius:7px;border-color:#cfd6e2}.ezp-profile input:focus,.ezp-profile textarea:focus{outline:0;border-color:var(--ezp-teal);box-shadow:0 0 0 3px rgba(0,166,81,.14)}
.ezp-invoice{border-radius:10px}.ezp-invoice>header h1,.ezp-summary .total{color:var(--ezp)}
@media(max-width:760px){.ezhse-portal{border-radius:0}.ezp-header{align-items:flex-start;gap:16px}.ezp-brand>img{width:96px;height:42px}.ezp-brand{gap:10px}.ezp-header h1{font-size:20px}.ezp-main{padding:14px}}@media(max-width:520px){.ezp-header{display:grid}.ezp-user{text-align:left}.ezp-kpis{grid-template-columns:1fr}.ezp-brand>img{width:84px}}