:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-page{background:linear-gradient(135deg,#eef5ff 0%,#f8fbff 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:430px;padding:40px;box-shadow:0 15px 45px #0000001f}.login-header{text-align:center;margin-bottom:35px}.login-logo{width:90px;margin-bottom:18px}.login-header h1{color:#1f2937;margin-bottom:8px;font-size:28px}.login-header p{color:#6b7280;font-size:15px}.form-group{margin-bottom:22px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:48px;padding:0 15px;font-size:15px;transition:all .25s}.form-group input:focus{border-color:#0056d6;box-shadow:0 0 0 4px #0056d61f}.password-container{position:relative}.password-container input{padding-right:85px}.show-password{color:#0056d6;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin-bottom:28px;font-size:14px;display:flex}.remember-me{cursor:pointer;color:#374151;align-items:center;gap:8px;display:flex}.remember-me input{width:16px;height:16px}.forgot-password{color:#0056d6;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.forgot-password:hover{text-decoration:underline}.login-button{color:#fff;cursor:pointer;background:#0056d6;border:none;border-radius:10px;width:100%;height:50px;font-size:16px;font-weight:600;transition:all .25s}.login-button:hover{background:#0043aa}.login-button:active{transform:scale(.98)}.login-footer{text-align:center;color:#6b7280;margin-top:30px;font-size:13px;line-height:24px}@media (width<=500px){.login-card{padding:30px 24px}.login-header h1{font-size:24px}.login-options{flex-direction:column;align-items:flex-start;gap:15px}}.error-text{color:#dc2626;margin-top:6px;font-size:13px;font-weight:500;display:block}.sidebar{color:#fff;background:linear-gradient(#0b5ed7 0%,#083b8a 100%);flex-direction:column;width:100%;height:100vh;font-family:Verdana,Geneva,sans-serif;display:flex}.sidebar-header{border-bottom:1px solid #ffffff26;align-items:center;gap:15px;padding:30px 22px;display:flex}.logo-circle{color:#0b5ed7;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:700;display:flex;box-shadow:0 5px 15px #0000002e}.sidebar-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:20px;font-weight:700}.sidebar-header span{color:#fffc;margin-top:4px;font-size:11px;display:block}.sidebar-menu{flex:1;padding:25px 15px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:20px}.menu-heading{color:#ffffffa6;letter-spacing:1.5px;margin:20px 12px 12px;font-size:11px;font-weight:700}.menu-item{color:#fff;border-radius:12px;align-items:center;gap:15px;margin-bottom:8px;padding:14px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.menu-item svg{min-width:20px;font-size:20px}.menu-item:hover{background:#ffffff2e;transform:translate(5px)}.menu-item.active{color:#0b5ed7;background:#fff;box-shadow:0 10px 20px #0003}.menu-item.active svg{color:#0b5ed7}.sidebar-footer{border-top:1px solid #ffffff26;padding:18px}.user-box{align-items:center;gap:12px;margin-bottom:18px;display:flex}.user-avatar{color:#0b5ed7;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex}.user-details strong{font-size:14px}.user-details small{color:#bde5ff;margin-top:2px;font-size:11px}.logout-btn{color:#0b5ed7;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.logout-btn:hover{background:#dcecff;transform:translateY(-2px)}@media (width<=900px){.sidebar-header span{display:none}.sidebar-header h2{font-size:16px}.menu-item span,.menu-heading,.user-details{display:none}.logout-btn{font-size:0}.logout-btn svg{font-size:18px}}.header{background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 30px;font-family:Verdana,Geneva,sans-serif;display:flex}.header-left h1{color:#183153;margin:0;font-size:28px;font-weight:700}.header-left p{color:#7b8794;margin-top:5px;font-size:13px}.header-right{align-items:center;gap:20px;display:flex}.search-box{background:#f5f8fc;border:1px solid #d9e4f2;border-radius:12px;align-items:center;width:320px;height:46px;padding:0 16px;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;margin-left:12px;font-family:Verdana;font-size:14px}.icon-button{cursor:pointer;background:#f5f8fc;border:none;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .25s;display:flex;position:relative}.icon-button:hover{color:#fff;background:#0b5ed7}.icon-button svg{font-size:20px}.notification-dot{background:#ff3b30;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;right:10px}.profile-card{cursor:pointer;background:#f5f8fc;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;transition:all .25s;display:flex}.profile-card:hover{background:#e8f0ff}.profile-avatar{color:#fff;background:#0b5ed7;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.profile-details{flex-direction:column;display:flex}.profile-details strong{color:#183153;font-size:14px}.profile-details small{color:#7b8794;font-size:11px}@media (width<=900px){.search-box{width:180px}.profile-details{display:none}}@media (width<=768px){.header{padding:0 15px}.search-box{display:none}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#f4f8fc;width:100%;height:100%;font-family:Verdana,Geneva,sans-serif;overflow:hidden}.layout{background:#f4f8fc;width:100%;height:100vh;display:flex}.layout-sidebar{z-index:1000;background:linear-gradient(#0b5ed7 0%,#083b8a 100%);width:260px;min-width:260px;max-width:260px;height:100vh;transition:all .3s;position:fixed;top:0;left:0;overflow:hidden;box-shadow:3px 0 18px #0000001f}.layout-right{background:#f4f8fc;flex-direction:column;width:calc(100% - 260px);height:100vh;margin-left:260px;display:flex}.layout-header{z-index:900;background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:72px;min-height:72px;padding:0 30px;display:flex;box-shadow:0 2px 12px #0000000d}.layout-content{background:#f4f8fc;flex:1;padding:25px;overflow:hidden auto}.layout-content::-webkit-scrollbar{width:8px}.layout-content::-webkit-scrollbar-thumb{background:#0b5ed7;border-radius:20px}.layout-content::-webkit-scrollbar-track{background:#edf2f7}h1{color:#183153;font-size:30px;font-weight:700}h2{color:#183153;font-size:24px}h3{color:#183153;font-size:20px}p{color:#5b6578;line-height:1.6}.crm-card{background:#fff;border-radius:18px;transition:all .25s;box-shadow:0 8px 20px #0000000f}.crm-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px #0000001a}button{font-family:Verdana}.primary-btn{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:8px;padding:10px 22px;transition:all .25s}@media (width<=1200px){.layout-sidebar{width:220px;min-width:220px}.layout-right{width:calc(100% - 220px);margin-left:220px}}@media (width<=900px){.layout-sidebar{width:80px;min-width:80px}.layout-right{width:calc(100% - 80px);margin-left:80px}.layout-header{padding:0 15px}.layout-content{padding:18px}}@media (width<=768px){.layout{flex-direction:column}.layout-sidebar{display:none}.layout-right{width:100%;margin-left:0}.layout-header{position:sticky;top:0}}.dashboard{box-sizing:border-box;width:100%;padding:30px;font-family:Verdana,Geneva,sans-serif}.dashboard-banner{color:#fff;background:linear-gradient(135deg,#0b5ed7,#1c7cff);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;display:flex;box-shadow:0 12px 30px #0000001f}.dashboard-banner h1{margin:0;font-size:30px}.dashboard-banner p{opacity:.95;margin-top:10px}.dashboard-date{white-space:nowrap;background:#ffffff2e;border-radius:10px;padding:12px 20px;font-weight:700}.dashboard-cards{grid-template-columns:repeat(5,1fr);gap:22px;margin-bottom:35px;display:grid}.dashboard-card{background:#fff;border-radius:16px;align-items:center;gap:18px;padding:22px;transition:all .25s;display:flex;box-shadow:0 6px 18px #00000014}.dashboard-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000001f}.card-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.blue{background:#0b5ed7}.green{background:#22c55e}.orange{background:#f59e0b}.purple{background:#8b5cf6}.teal{background:#14b8a6}.indigo{background:#6366f1}.success{background:#16a34a}.danger{background:#ef4444}.red{background:#dc2626}.gold{background:#d97706}.card-content{flex:1}.card-content span{color:#6b7280;margin-bottom:8px;font-size:13px;display:block}.card-content h2{color:#183153;margin:0;font-size:32px;font-weight:700}.card-content small{color:#8b8b8b;margin-top:8px;font-size:12px;display:block}.dashboard-bottom{grid-template-columns:2fr 1fr 1fr;gap:25px;display:grid}.dashboard-panel{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #00000014}.dashboard-panel.large{min-height:360px}.panel-header{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.panel-header h3{color:#183153;margin:0;font-size:18px}.panel-header button{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:8px;padding:8px 16px;font-weight:700}.panel-header button:hover{background:#094db2}.panel-body{padding:22px}.empty-panel{color:#999;justify-content:center;align-items:center;height:260px;font-size:15px;display:flex}.summary-item{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item span{color:#6b7280;font-size:14px}.summary-item strong{color:#0b5ed7;font-size:22px}.dashboard-loading,.dashboard-error{color:#0b5ed7;justify-content:center;align-items:center;height:70vh;font-size:24px;font-weight:700;display:flex}@media (width<=1600px){.dashboard-cards{grid-template-columns:repeat(4,1fr)}}@media (width<=1300px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}.dashboard-bottom{grid-template-columns:1fr}}@media (width<=900px){.dashboard-banner{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard{padding:15px}.dashboard-cards{grid-template-columns:1fr}.dashboard-banner h1{font-size:24px}.card-content h2{font-size:26px}}.leads-page{padding:25px;font-family:Verdana,Geneva,Tahoma,sans-serif}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h2{color:#163c72;margin:0;font-size:28px}.page-header p{color:#777;margin-top:5px;font-size:13px}.primary-btn{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.primary-btn:hover{background:#094db0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.search-box{background:#fff;border:1px solid #d8d8d8;border-radius:8px;align-items:center;gap:10px;width:360px;height:44px;padding:0 14px;display:flex}.search-box svg{color:#888;font-size:18px}.search-box input{border:none;outline:none;width:100%;font-family:Verdana;font-size:14px}.refresh-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #d5d5d5;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .25s;display:flex}.refresh-btn:hover{background:#f3f7ff}.table-card{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 4px 18px #00000014}.leads-table{border-collapse:collapse;width:100%;min-width:1250px}.leads-table thead th{color:#fff;text-align:left;white-space:nowrap;background:#0b5ed7;padding:14px;font-size:13px;font-weight:700;position:sticky;top:0}.leads-table tbody td{color:#444;vertical-align:middle;border-bottom:1px solid #ececec;padding:13px 14px;font-size:13px}.leads-table tbody tr:hover{background:#f8fbff}.status-badge{color:#0b5ed7;white-space:nowrap;background:#e8f3ff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.priority{color:#fff;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-block}.priority.high{background:#dc3545}.priority.medium{background:#fd7e14}.priority.low{background:#198754}.icon-btn{cursor:pointer;border:none;border-radius:8px;width:34px;height:34px;margin-right:8px;transition:all .25s}.edit-btn{color:#0b5ed7;background:#eef5ff}.edit-btn:hover{color:#fff;background:#0b5ed7}.delete-btn{color:#dc3545;background:#fff0f0}.delete-btn:hover{color:#fff;background:#dc3545}.loading{text-align:center;color:#666;padding:60px;font-size:15px}@media (width<=992px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.refresh-btn{justify-content:center;width:100%}}.dialog-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:#fff;border-radius:12px;width:420px;padding:30px;box-shadow:0 15px 40px #00000040}.dialog-box h3{color:#163c72;margin:0 0 15px}.dialog-box p{color:#555;line-height:1.6}.warning{color:#dc3545;margin-top:15px;font-weight:700}.dialog-buttons{justify-content:flex-end;gap:15px;margin-top:30px;display:flex}.delete-confirm-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:8px;padding:11px 22px;font-weight:700}.delete-confirm-btn:hover{background:#b02a37}*{box-sizing:border-box}.lead-form-page{padding:25px;font-family:Verdana,Geneva,Tahoma,sans-serif}.form-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #00000014}.form-header{background:#f8fbff;border-bottom:1px solid #e5e5e5;padding:22px 30px}.form-header h2{color:#0b5ed7;margin:0;font-size:28px}.form-header p{color:#777;margin-top:6px;font-size:13px}.lead-form{padding:30px}.form-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#444;margin-bottom:8px;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d6d6d6;border-radius:8px;outline:none;width:100%;height:44px;padding:12px 14px;font-family:Verdana;font-size:14px;transition:all .25s}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0b5ed7;box-shadow:0 0 0 3px #0b5ed71f}.full-width{grid-column:1/span 2}.error{color:#dc3545;margin-top:6px;font-size:12px}.form-actions{justify-content:flex-end;gap:15px;margin-top:35px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .25s}.primary-btn:hover:not(:disabled){background:#084cb5}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{color:#444;cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:8px;padding:12px 24px;font-size:14px;transition:all .25s}.secondary-btn:hover{background:#f4f4f4}@media (width<=992px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}}@media (width<=768px){.lead-form-page{padding:15px}.lead-form{padding:20px}.form-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}