.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-size:20px;font-weight:700;text-decoration:none;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:.3s ease}.logo:hover{transform:scale(1.05)}.nav-actions{display:flex;gap:12px}.nav-btn{padding:8px 16px;border-radius:8px;border:1px solid transparent;background:transparent;color:#334155;cursor:pointer;font-weight:500;transition:all .25s ease}.nav-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.nav-btn.primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none}.nav-btn.primary:hover{box-shadow:0 6px 14px #3b82f64d;transform:translateY(-2px)}.nav-btn.logout{color:#ef4444}.nav-btn.logout:hover{background:#fee2e2}.logout-overlaybtn{position:fixed;top:50%;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100}.logout-modals{background:#fff;padding:24px;border-radius:12px;width:320px;text-align:center;box-shadow:0 20px 40px #00000026;animation:fadeUp .25s ease}.logout-actionsbtn{display:flex;gap:10px;justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:linear-gradient(135deg,#0f172a,#020617);color:#e2e8f0;margin-top:60px;padding-top:40px}.footer-container{width:85%;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:30px}.footer-left h3{color:#38bdf8;margin-bottom:10px}.footer-left p{font-size:14px;line-height:1.6;color:#94a3b8}.footer-center h4,.footer-right h4{margin-bottom:12px;color:#fff}.footer-center ul{list-style:none;padding:0}.footer-center li{margin-bottom:6px;color:#94a3b8}.footer-icons{display:flex;gap:15px;font-size:20px;cursor:pointer}.footer-icons svg{transition:.3s ease}.footer-icons svg:hover{color:#38bdf8;transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:15px 0;font-size:13px;color:#64748b}.landing-container{height:100vh;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(135deg,#fceeff,#fffce0,#dbeafe);color:#1e293b;position:relative}.hero{text-align:center;margin-top:160px;animation:fadeUp 1s ease forwards}.hero-title{font-size:48px;font-weight:700;margin-bottom:18px}.hero-title span{background:linear-gradient(90deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;color:#475569;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta-btn{padding:12px 28px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f640}.cta-group{display:flex;gap:16px;justify-content:center}.cta-btn.admin{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.cta-btn.agent{background:#fff;color:#4f46e5;border:2px solid #4f46e5}.cta-btn.agent:hover{background:#eef2ff}.shape{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;animation:float 8s infinite ease-in-out}.shape1{width:280px;height:280px;background:#93c5fd;top:10%;left:10%}.shape2{width:240px;height:240px;background:#c4b5fd;bottom:10%;right:15%;animation-delay:2s}.shape3{width:200px;height:200px;background:#a7f3d0;top:60%;left:40%;animation-delay:4s}.dashboard-preview{position:absolute;top:130px;right:8%;transform:rotate(-6deg);opacity:.9;animation:floatCard 6s ease-in-out infinite}.dashboard-preview-1{position:absolute;top:380px;left:8%;transform:rotate(15deg);opacity:.9;animation:floatCard 6s ease-in-out infinite}.preview-card{width:260px;padding:16px;border-radius:12px;background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 40px #0000001a}.preview-header{align-items:center;display:flex;justify-content:center;color:#fff;height:20px;width:60%;background:#3b82f6;border-radius:6px;margin-bottom:12px}.preview-row{height:10px;background:#cbd5f5;border-radius:6px;margin-bottom:8px}.preview-row.short{width:70%}.logout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeOverlay .25s ease}.logout-modal{width:360px;padding:28px;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 20px 45px #00000026;text-align:center;animation:modalPop .25s ease}.logout-modal h3{margin-bottom:10px;color:#0f172a;font-size:20px;font-weight:600}.logout-modal p{color:#475569;font-size:14px;line-height:1.5;margin-bottom:22px}.logout-actions{display:flex;gap:12px;justify-content:center}.cancel-btn{padding:10px 18px;border-radius:8px;border:1px solid #cbd5f5;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f1f5f9}.confirm-btn{padding:10px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;font-weight:500;cursor:pointer;transition:all .25s ease}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f159}@keyframes modalPop{0%{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCard{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(0) translateY(-12px)}to{transform:rotate(0) translateY(0)}}.login-page{height:95vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f4ffee,#e6fedb);position:relative;overflow:hidden;font-family:Arial,sans-serif}.login-shape{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4;animation:float 8s infinite ease-in-out}.shape1{background:#9ab7db;opacity:.35}.shape2{background:#59c9cf;opacity:.35}.login-card{width:360px;padding:40px 35px;border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #00000014;color:#1e293b;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(40px);transition:all .6s ease}.login-card.show{opacity:1;transform:translateY(0)}.login-card h2{text-align:center;margin-bottom:20px}.login-card input{width:100%;height:44px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db;outline:none;background:#fff;font-size:14px;box-sizing:border-box}.login-card input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.login-card button{width:100%;height:44px;border-radius:8px;border:none;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.login-card button:hover{background:#2563eb;transform:translateY(-1px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}.login-error{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;padding:8px;border-radius:6px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.agents-container{padding:30px 40px;max-width:1400px;margin:auto;overflow-x:hidden}.agents-title{margin-bottom:24px;color:#1e293b;font-size:22px;font-weight:600;text-align:center}.agent-header{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(200px,2.5fr) minmax(150px,1.5fr) 60px;padding:14px 20px;font-weight:600;color:#64748b;background-color:#eef2ff;border-bottom:#64748b solid 1px;text-align:center;position:sticky;top:0;z-index:5}.agents-scroll{max-height:420px;overflow-y:auto}.agents-scroll::-webkit-scrollbar{width:6px}.agents-scroll::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:4px}.agent-row-wrapper{border-bottom:1px solid #e2e8f0}.agent-row{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(200px,2.5fr) minmax(150px,1.5fr) 60px;padding:18px 20px;align-items:center;background:#fff;transition:all .2s ease;min-width:0;text-align:center}.agent-row:hover{background:#f8fafc}.agent-name,.agent-row span{word-break:break-word;overflow-wrap:anywhere;line-height:1.4}.agent-name{font-weight:600;color:#0f172a}.empty-state{text-align:center;color:#64748b}.expand-btn{border:none;background:#eef2ff;width:36px;height:36px;border-radius:8px;cursor:pointer;margin-left:20px;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.expand-btn svg{transition:transform .3s ease}.expand-btn:hover{background:#e0e7ff}.expand-btn.open svg{transform:rotate(90deg)}.agent-expand{max-height:0;overflow:hidden;transition:max-height .35s ease;background:#f1f5f9}.agent-expand.show{max-height:300px}.agent-task-item{padding:8px 0;border-bottom:1px solid #e2e8f0}.agent-task-item:last-child{border-bottom:none}.task-note{font-size:13px;color:#64748b}.task-count{margin-top:10px;font-weight:600}.task-scroll{max-height:180px;overflow-y:auto;padding-right:6px}.task-scroll::-webkit-scrollbar{width:6px}.task-scroll::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:4px}.task-panel{padding:20px;color:#334155;animation:fadeIn .3s ease}.delete-agent-btn{background:#fee2e2;color:#b91c1c;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;margin-left:10px;transition:.2s}.delete-agent-btn:hover{background:#fecaca}.task-container{width:92%;max-width:1400px;margin:30px auto;background:#fff;border-radius:14px;padding:28px 32px;box-shadow:0 12px 30px #0000000f}.task-title{color:#1e293b;margin-bottom:10px}.task-header,.task-row{display:grid;grid-template-columns:1.5fr 1.5fr 3fr 1.5fr 100px;align-items:center;column-gap:40px;text-align:center}.task-header{padding:14px 16px;font-weight:600;color:#64748b;border-bottom:2px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:5}.task-body{max-height:420px;overflow-y:auto}.task-row{padding:18px 16px;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.task-row:hover{background:#f8fafc}.task-name{font-weight:600;color:#0f172a;margin-left:-40px}.task-notes{color:#475569;word-break:break-word;margin-left:10px}.task-phone{margin-left:15px}.empty-task{padding:40px;text-align:center;color:#64748b}.delete-btn{background:#fee2e2;color:#b91c1c;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;transition:.2s}.delete-btn:hover{background:#fecaca}.task-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.delete-all-btn{background:#ef4444;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.2s;font-weight:500}.delete-all-btn:hover{background:#dc2626}*{box-sizing:border-box}.add-agent-card{width:500px;padding:28px;background:#fff;border-radius:14px;box-shadow:0 12px 30px #0000000f;animation:fadeUp .4s ease}.add-agent-card h3{margin-bottom:20px;color:#1e293b}.input-group{position:relative;width:100%;margin-bottom:18px}.input-group input{width:100%;height:44px;padding:12px;border-radius:8px;border:1px solid #e2e8f0;outline:none;font-size:14px;background:#fff;transition:all .2s ease;display:block}.input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-group label{position:absolute;left:12px;top:12px;font-size:14px;color:#64748b;pointer-events:none;transition:.2s;background:#fff;padding:0 4px}.password-hint{font-size:12px;color:#64748b;display:block;margin-top:-10px;margin-bottom:10px}.add-agent-btn{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.add-agent-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #6366f159}.add-agent-btn:active{transform:scale(.98)}.error-msg{background:#fef2f2;color:#b91c1c;padding:10px;border-radius:6px;margin-bottom:14px;font-size:14px;border:1px solid #fecaca}.success-msg{background:#ecfdf5;color:#065f46;padding:10px;border-radius:6px;margin-bottom:14px;font-size:14px}.loader{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top:2px solid white;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.upload-card{max-width:550px;padding:26px;background:#fff;border-radius:14px;box-shadow:0 12px 30px #0000000f;animation:fadeUp .4s ease}.upload-card h3{margin-bottom:18px;color:#1e293b}.drop-zone{border:2px dashed #cbd5f5;border-radius:10px;padding:35px 15px;text-align:center;cursor:pointer;transition:all .25s ease;background:#f8fafc;color:#64748b;width:100%}.drop-zone:hover{border-color:#6366f1;background:#f1f5ff}.drop-zone.active{border-color:#6366f1;background:#eef2ff}.file-name{font-weight:600;color:#0f172a}.upload-btn{width:100%;margin-top:16px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #6366f159}.progress-wrapper{margin-top:14px;background:#e2e8f0;border-radius:6px;height:8px;position:relative}.progress-bar{height:100%;background:#6366f1;border-radius:6px;transition:width .3s ease}.progress-wrapper span{display:block;margin-top:6px;font-size:13px;color:#475569}.upload-message{margin-top:12px;font-size:14px;color:#065f46}.add-admin-card{width:380px;margin:auto;padding:28px;background:#fff;border-radius:14px;box-shadow:0 10px 25px #0000000d;animation:fadeUp .4s ease}.add-admin-card h3{text-align:center;margin-bottom:20px;color:#1e293b}.input-group{position:relative;margin-bottom:20px}.input-group input{width:100%;padding:12px 10px;border:1px solid #e2e8f0;border-radius:8px;outline:none;font-size:14px}.input-group label{position:absolute;left:10px;top:12px;background:#fff;padding:0 4px;color:#64748b;transition:.2s ease;pointer-events:none}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:-8px;font-size:12px;color:#6366f1}.add-admin-btn{width:100%;padding:12px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:8px;cursor:pointer;transition:.25s ease}.add-admin-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px #6366f14d}.error-msg{background:#fee2e2;color:#b91c1c;padding:8px;border-radius:6px;margin-bottom:12px;font-size:14px}.success-msg{background:#dcfce7;color:#166534;padding:8px;border-radius:6px;margin-bottom:12px;font-size:14px}.loader{width:18px;height:18px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{padding:20px}.dashboard-title{margin-bottom:15px}.admin-info-card{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#4186f5,#27417e);color:#fff;padding:15px 20px;border-radius:12px;margin-bottom:20px;animation:slideDown .4s ease}.admin-avatar{width:50px;height:50px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.admin-role{font-size:12px;opacity:.7;margin:0}.admin-name{margin:0}.admin-phone{font-size:13px;opacity:.8}.dashboard-top{display:flex;justify-content:center;align-items:center;width:100%}.dashboard-tabs{display:flex;justify-content:center;align-items:center;margin-bottom:20px;width:100%}.tab-group{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.admin-tab-group{display:flex;gap:10px;justify-content:space-evenly}.tab{padding:8px 16px;border:none;background:#e5e7eb;cursor:pointer;border-radius:6px;transition:.2s}.tab:hover{background:#d1d5db}.tab.active{background:#111827;color:#fff}.tab.admin{background:#2563eb;color:#fff}.tab.admin:hover{background:#1d4ed8}.tab.danger{background:#ef4444;color:#fff}.tab.danger:hover{background:#dc2626}.agent-form,.task-form{display:flex;justify-content:center;align-items:center}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.agent-dashboard{padding:30px 40px;max-width:1400px;margin:auto;animation:fadeIn .4s ease}.dashboard-header{margin-bottom:25px}.dashboard-header h2{margin:0;color:#0f172a;font-size:26px}.dashboard-header p{color:#64748b;margin-top:5px}.dashboard-top{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.agent-info-card{flex:2;display:flex;align-items:center;gap:18px;padding:22px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 10px 25px #0000001a;transition:transform .25s ease}.agent-info-card:hover{transform:translateY(-4px)}.avatar{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.stats-card{flex:1;padding:22px;border-radius:14px;background:#fff;box-shadow:0 10px 25px #0000000f;text-align:center;transition:transform .25s ease}.stats-card:hover{transform:translateY(-4px)}.stats-card h4{margin:0;color:#64748b}.stats-card span{font-size:32px;font-weight:700;color:#1e293b}.agent-task-container{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 25px #0000000d}.agent-task-container h3{margin-bottom:20px;color:#0f172a}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.agent-task-card{padding:16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .25s ease;animation:fadeUp .4s ease}.agent-task-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0000000f}.task-header{display:flex;justify-content:space-between;margin-bottom:8px;color:#0f172a}.agent-task-card p{color:#64748b;font-size:14px}.loading,.empty{color:#64748b}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body{margin:0;padding:0;box-sizing:border-box}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}