:root{--eva-green:#4DA707;--eva-green-d:#3E8606;--eva-green-l:#8BC55D;--eva-gray:#7D7874;--eva-gray-l:#AAA7A4;--eva-bg:#f4f6f4;--eva-card:#fff;--eva-line:#e8ebe8;--eva-radius:16px;--eva-shadow:0 6px 24px rgba(0,0,0,.06)}
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
#eva-hr-root,#eva-hr-root *{box-sizing:border-box;font-family:'Tajawal',system-ui,Arial,sans-serif}
#eva-hr-root{direction:rtl;background:var(--eva-bg);min-height:100vh;color:#2c2c2c;-webkit-tap-highlight-color:transparent;max-width:560px;margin:0 auto;position:relative;padding-bottom:84px}
.eva-boot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:14px;color:var(--eva-gray)}
.eva-boot-logo{max-width:140px}
.eva-spinner{width:38px;height:38px;border:4px solid var(--eva-green-l);border-top-color:var(--eva-green);border-radius:50%;animation:evaspin .8s linear infinite}
@keyframes evaspin{to{transform:rotate(360deg)}}
/* App header */
.eva-appbar{position:sticky;top:0;z-index:30;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--eva-line);box-shadow:0 2px 8px rgba(0,0,0,.03)}
.eva-appbar img{height:34px}
.eva-appbar .eva-hello{font-size:13px;color:var(--eva-gray)}
.eva-appbar .eva-hello b{display:block;color:#2c2c2c;font-size:15px}
.eva-logout{font-size:12px;color:#c0392b;text-decoration:none;border:1px solid #f0d0d0;padding:5px 10px;border-radius:8px}
.eva-screen{padding:16px}
.eva-h{font-size:19px;font-weight:800;margin:4px 0 14px;color:#2c2c2c}
.eva-sub{color:var(--eva-gray);font-size:13px;margin:-8px 0 14px}
.eva-card{background:var(--eva-card);border-radius:var(--eva-radius);box-shadow:var(--eva-shadow);padding:18px;margin-bottom:14px}
/* Attendance */
.eva-clock{text-align:center;padding:8px 0 4px}
.eva-clock .time{font-size:42px;font-weight:800;color:var(--eva-green);letter-spacing:1px}
.eva-clock .date{color:var(--eva-gray);font-size:14px;margin-top:2px}
.eva-bigbtn{width:100%;padding:20px;border:0;border-radius:18px;background:var(--eva-green);color:#fff;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(77,167,7,.3);transition:.15s;display:flex;align-items:center;justify-content:center;gap:10px}
.eva-bigbtn:active{transform:scale(.98)}
.eva-bigbtn.done{background:#eaf6e1;color:var(--eva-green-d);box-shadow:none;cursor:default}
.eva-bigbtn.gray{background:var(--eva-gray)}
.eva-status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:30px;font-weight:700;font-size:14px}
.eva-status-chip.present{background:#eaf6e1;color:var(--eva-green-d)}
.eva-status-chip.late{background:#fff4e0;color:#b8860b}
.eva-field{margin-bottom:14px}
.eva-field label{display:block;font-size:13px;font-weight:700;color:var(--eva-gray);margin-bottom:6px}
.eva-field input,.eva-field select,.eva-field textarea{width:100%;padding:13px 14px;border:1.5px solid var(--eva-line);border-radius:12px;font-size:15px;background:#fff;transition:.15s}
.eva-field input:focus,.eva-field select:focus,.eva-field textarea:focus{outline:none;border-color:var(--eva-green)}
.eva-field textarea{min-height:90px;resize:vertical}
.eva-row{display:flex;gap:10px}
.eva-row>*{flex:1}
/* Chips/options */
.eva-opts{display:flex;flex-wrap:wrap;gap:8px}
.eva-opt{padding:10px 14px;border:1.5px solid var(--eva-line);border-radius:12px;cursor:pointer;font-size:14px;background:#fff;transition:.15s;user-select:none}
.eva-opt.sel{border-color:var(--eva-green);background:#eaf6e1;color:var(--eva-green-d);font-weight:700}
.eva-opt.temp-cold.sel{border-color:#3b82f6;background:#e7f0fd;color:#1d4ed8}
.eva-opt.temp-warm.sel{border-color:#eab308;background:#fef7e0;color:#a16207}
.eva-opt.temp-hot.sel{border-color:#ef4444;background:#fde8e8;color:#b91c1c}
/* Wizard */
.eva-steps{display:flex;gap:5px;margin-bottom:16px}
.eva-step-dot{flex:1;height:5px;border-radius:4px;background:var(--eva-line)}
.eva-step-dot.active{background:var(--eva-green)}
.eva-step-title{font-size:12px;color:var(--eva-green);font-weight:700;margin-bottom:2px}
.eva-wiznav{display:flex;gap:10px;margin-top:18px}
.eva-btn{padding:13px 18px;border:0;border-radius:12px;background:var(--eva-green);color:#fff;font-weight:700;font-size:15px;cursor:pointer;flex:1;transition:.15s}
.eva-btn:active{transform:scale(.98)}
.eva-btn.sec{background:#eef1ee;color:var(--eva-gray)}
.eva-btn:disabled{opacity:.5;cursor:not-allowed}
.eva-phones .eva-phone-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}
.eva-phones input{flex:1}
.eva-rm{background:#fde8e8;color:#b91c1c;border:0;border-radius:10px;width:42px;font-size:18px;cursor:pointer}
.eva-addbtn{background:#eaf6e1;color:var(--eva-green-d);border:1px dashed var(--eva-green-l);border-radius:10px;padding:10px;width:100%;cursor:pointer;font-weight:700}
.eva-warn{background:#fff4e0;border:1px solid #f0d890;color:#8a6d1b;padding:10px 12px;border-radius:10px;font-size:13px;margin-top:6px}
.eva-stars-input{display:flex;gap:6px;font-size:30px;cursor:pointer;direction:ltr;justify-content:flex-end}
.eva-stars-input span{color:#ddd;transition:.1s}
.eva-stars-input span.on{color:#f5b301}
/* Lists */
.eva-list-item{background:#fff;border-radius:14px;box-shadow:var(--eva-shadow);padding:14px;margin-bottom:10px}
.eva-li-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.eva-li-top b{font-size:15px}
.eva-li-meta{font-size:13px;color:var(--eva-gray)}
.eva-tag{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:700}
.eva-tag.hot{background:#fde8e8;color:#b91c1c}.eva-tag.warm{background:#fef7e0;color:#a16207}.eva-tag.cold{background:#e7f0fd;color:#1d4ed8}
.eva-tag.overdue{background:#fde8e8;color:#b91c1c}
.eva-li-actions{display:flex;gap:8px;margin-top:10px}
.eva-li-actions a,.eva-li-actions button{flex:1;text-align:center;padding:9px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;border:0;cursor:pointer}
.eva-ac-call{background:#eaf6e1;color:var(--eva-green-d)}
.eva-ac-done{background:var(--eva-green);color:#fff}
.eva-ac-post{background:#eef1ee;color:var(--eva-gray)}
.eva-ac-del{background:#fde8e8;color:#b91c1c}
.eva-ac-map{background:#e7f0fd;color:#1d4ed8}
.eva-ac-wa{background:#25D366;color:#fff}
/* Pipeline */
.eva-pipe-col{margin-bottom:14px}
.eva-pipe-h{display:flex;justify-content:space-between;font-weight:800;font-size:14px;padding:8px 12px;border-radius:10px 10px 0 0;color:#fff;background:var(--eva-gray)}
.eva-pipe-h.s-new_lead{background:#64748b}.eva-pipe-h.s-contacted{background:#3b82f6}.eva-pipe-h.s-qualified{background:#8b5cf6}.eva-pipe-h.s-proposal_sent{background:#f59e0b}.eva-pipe-h.s-negotiation{background:#ec4899}.eva-pipe-h.s-won{background:var(--eva-green)}.eva-pipe-h.s-lost{background:#ef4444}
.eva-pipe-body{background:#fff;border-radius:0 0 12px 12px;padding:8px;box-shadow:var(--eva-shadow)}
.eva-pipe-card{padding:10px;border:1px solid var(--eva-line);border-radius:10px;margin-bottom:8px}
.eva-pipe-card select{margin-top:6px;width:100%;padding:7px;border-radius:8px;border:1px solid var(--eva-line);font-size:12px}
/* KPIs */
.eva-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.eva-mini{background:#fff;border-radius:14px;box-shadow:var(--eva-shadow);padding:14px 8px;text-align:center}
.eva-mini .n{font-size:24px;font-weight:800;color:var(--eva-green)}
.eva-mini .l{font-size:12px;color:var(--eva-gray);margin-top:2px}
.eva-rating-box{text-align:center;font-size:30px;color:#f5b301;direction:ltr}
.eva-rating-box .v{font-size:16px;color:var(--eva-gray)}
/* Bottom nav */
.eva-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;background:#fff;border-top:1px solid var(--eva-line);display:flex;justify-content:space-around;padding:8px 4px 10px;z-index:40;box-shadow:0 -2px 12px rgba(0,0,0,.05)}
.eva-nav button{background:0;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--eva-gray-l);cursor:pointer;flex:1;font-weight:600}
.eva-nav button .ic{font-size:21px;line-height:1}
.eva-nav button.active{color:var(--eva-green)}
/* FAB */
.eva-fab{position:fixed;bottom:78px;left:50%;transform:translateX(calc(-50% + 220px));width:58px;height:58px;border-radius:50%;background:var(--eva-green);color:#fff;border:0;font-size:30px;box-shadow:0 8px 22px rgba(77,167,7,.4);cursor:pointer;z-index:41;display:flex;align-items:center;justify-content:center}
@media(max-width:560px){.eva-fab{transform:translateX(0);left:auto;right:18px}}
/* Toast */
.eva-toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);background:#2c2c2c;color:#fff;padding:12px 20px;border-radius:30px;font-size:14px;z-index:60;opacity:0;transition:.3s;pointer-events:none;max-width:90%;text-align:center}
.eva-toast.show{opacity:1}
.eva-toast.err{background:#c0392b}
.eva-empty{text-align:center;color:var(--eva-gray-l);padding:30px 10px;font-size:14px}
.eva-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70;display:flex;align-items:flex-end;justify-content:center}
.eva-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:560px;padding:22px;max-height:92vh;overflow:auto;animation:evaup .25s}
@keyframes evaup{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}