@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap";.app-shell{color:#172033;background:#f4f7fb;min-height:100vh;display:flex}.main-content{flex:1;min-width:0}.sidebar{color:#fff;background:#071b38;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:4px 8px 26px;display:flex}.brand-icon{background:linear-gradient(145deg,#2b76ff,#174fc1);border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 12px 28px #1454cc59}.brand div:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:.8px;font-size:20px}.brand span{color:#9fb0c9;margin-top:2px;font-size:12px}.sidebar-navigation{flex-direction:column;flex:1;gap:5px;padding-top:22px;display:flex;overflow-y:auto}.navigation-item{color:#b4c1d4;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;text-decoration:none;transition:background .16s,color .16s,transform .16s;display:flex}.navigation-item:hover{color:#fff;background:#ffffff12;transform:translate(-2px)}.navigation-item.active{color:#fff;background:linear-gradient(135deg,#246ee9,#1557c6);box-shadow:0 10px 24px #0e46a747}.sidebar-footer{border-top:1px solid #ffffff1a;padding-top:14px}.user-card{align-items:center;gap:11px;margin-top:14px;padding:13px 10px 4px;display:flex}.user-avatar{color:#0a2650;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.user-card div:last-child{flex-direction:column;display:flex}.user-card strong{font-size:13px}.user-card span{color:#93a4bd;margin-top:3px;font-size:11px}.logout-button{color:#aebdd2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:40px;margin-top:12px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.logout-button:hover{color:#ffb4b4;background:#ef444424;border-color:#ef44443d}.logout-button:active{transform:scale(.98)}.logout-button:focus-visible{outline-offset:2px;outline:2px solid #73a7ff}.topbar{background:#fffffff0;border-bottom:1px solid #e5eaf2;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:15px 32px;display:flex}.search-box{color:#8995a7;background:#f8fafc;border:1px solid #dce3ed;border-radius:12px;align-items:center;gap:10px;width:min(440px,100%);padding:0 15px;display:flex}.search-box input{color:#172033;width:100%;height:44px;font:inherit;background:0 0;border:0;outline:0}.search-box input::placeholder{color:#9ba6b6}.topbar-actions{align-items:center;gap:11px;display:flex}.icon-button{color:#38445a;cursor:pointer;background:#fff;border:1px solid #dfe5ed;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;position:relative}.notification-dot{background:#e94848;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.primary-button,.secondary-button,.text-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-family:inherit;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#145fd1;border-radius:12px;min-height:44px;padding:0 18px;font-weight:700;box-shadow:0 8px 22px #145fd138}.secondary-button{color:#1c5fc5;background:#fff;border:1px solid #d7e1ef;border-radius:10px;min-height:40px;margin-top:18px;padding:0 15px;font-size:12px;font-weight:700}.text-button{color:#1762d1;background:0 0;padding:8px 0;font-weight:700}.dashboard{width:min(1440px,100%);margin:0 auto;padding:32px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.eyebrow{color:#2468d5;letter-spacing:.3px;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.dashboard-heading h1{color:#152039;margin:0;font-size:clamp(26px,3vw,36px);line-height:1.25}.dashboard-heading p{color:#778297;margin:8px 0 0;font-size:14px}.date-card{color:#657188;background:#fff;border:1px solid #e1e7f0;border-radius:13px;align-items:center;gap:11px;min-width:210px;padding:13px 16px;display:flex;box-shadow:0 8px 26px #2336580d}.date-card div{flex-direction:column;display:flex}.date-card span{font-size:11px}.date-card strong{color:#29364d;margin-top:3px;font-size:13px}.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.statistic-card{background:#fff;border:1px solid #e5eaf1;border-radius:16px;align-items:flex-start;gap:15px;min-height:143px;padding:20px;display:flex;box-shadow:0 9px 30px #1f304e0d}.statistic-icon{color:#1961d3;background:#eaf2ff;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.statistic-content{flex-direction:column;min-width:0;display:flex}.statistic-content span{color:#6c778a;font-size:13px}.statistic-content strong{color:#14203a;margin-top:8px;font-size:30px;line-height:1}.statistic-content small{color:#97a1b0;margin-top:10px;font-size:11px;line-height:1.45}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:18px;margin-top:20px;display:grid}.panel-card{background:#fff;border:1px solid #e3e9f1;border-radius:17px;box-shadow:0 9px 30px #1f304e0d}.panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:18px;padding:21px 22px;display:flex}.panel-heading h2{color:#1b2740;margin:0;font-size:17px}.panel-heading p{color:#8a94a6;margin:5px 0 0;font-size:12px}.leads-table{padding:3px 22px 19px}.table-row{color:#6e798c;border-bottom:1px solid #eef1f5;grid-template-columns:1.2fr 1.5fr 100px;align-items:center;gap:14px;min-height:66px;font-size:13px;display:grid}.table-row:last-child{border-bottom:0}.table-header{color:#98a1af;min-height:48px;font-size:11px;font-weight:700}.lead-person{color:#2b374e;align-items:center;gap:10px;display:flex}.small-avatar{color:#2e68c7;background:#edf3fc;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.status-badge{color:#8a6511;background:#fff4d9;border-radius:999px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:700}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.empty-state-icon{color:#2869d4;background:#edf3ff;border-radius:16px;place-items:center;width:55px;height:55px;display:grid}.empty-state h3{color:#263248;margin:16px 0 6px;font-size:16px}.empty-state p{color:#8993a4;max-width:270px;margin:0;font-size:12px;line-height:1.7}.page-placeholder-card,.page-placeholder-card .empty-state{min-height:480px}@media (width<=1150px){.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:82px;padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand div:last-child,.navigation-item span,.user-card div:last-child,.logout-button span{display:none}.navigation-item{justify-content:center;padding-inline:0}.user-card{justify-content:center}.logout-button{padding-inline:0}.topbar{padding-inline:18px}.dashboard{padding:23px 18px}}@media (width<=620px){.search-box{display:none}.topbar{justify-content:flex-end}.dashboard-heading{flex-direction:column;align-items:flex-start}.statistics-grid{grid-template-columns:1fr}.date-card{width:100%}.table-row{grid-template-columns:1fr}.table-header{display:none}}.login-page{color:#17213a;direction:rtl;background:#f4f7fb;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 15% 20%,#3787ff4d,#0000 32%),radial-gradient(circle at 85% 85%,#1d67da59,#0000 38%),linear-gradient(145deg,#071c3b 0%,#0a2d5d 55%,#0d3974 100%);flex-direction:column;grid-area:1/2;justify-content:space-between;min-height:100vh;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-190px;left:-120px}.login-brand-panel:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:290px;height:290px;position:absolute;bottom:-120px;right:-70px}.login-brand,.login-brand-content,.login-brand-footer{z-index:1;position:relative}.login-brand{align-items:center;gap:14px;display:flex}.login-brand-icon{color:#fff;background:linear-gradient(145deg,#2e7bed,#1760cf);border-radius:17px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 18px 35px #0000002e,inset 0 1px #ffffff38}.login-brand>div:last-child{flex-direction:column;gap:3px;display:flex}.login-brand strong{letter-spacing:.6px;font-size:25px}.login-brand span{color:#ffffffad;font-size:14px}.login-brand-content{max-width:650px;margin-block:auto}.login-eyebrow{color:#74aafc;margin-bottom:18px;font-size:14px;font-weight:800;display:inline-flex}.login-brand-content h1{color:#fff;letter-spacing:-1.7px;max-width:620px;margin:0;font-size:clamp(38px,4.7vw,66px);line-height:1.12}.login-brand-content p{color:#ffffffb8;max-width:590px;margin:24px 0 0;font-size:18px;line-height:1.8}.login-brand-footer{color:#ffffff7a;font-size:13px}.login-form-panel{background:#f4f7fb;grid-area:1/1;justify-content:center;align-items:center;min-height:100vh;padding:42px;display:flex}.login-card{background:#fff;border:1px solid #e3e9f2;border-radius:24px;width:min(100%,470px);padding:42px;box-shadow:0 24px 70px #0f24451a}.login-card-header{margin-bottom:30px}.login-card-header .eyebrow{color:#1766d5;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-flex}.login-card-header h2{color:#17213a;margin:0;font-size:34px;line-height:1.2}.login-card-header p{color:#7a869e;margin:11px 0 0;font-size:15px;line-height:1.7}.login-form{flex-direction:column;gap:21px;display:flex}.login-field{flex-direction:column;gap:9px;display:flex}.login-field>span{color:#354057;font-size:14px;font-weight:700}.login-input-wrapper{color:#8a96ab;background:#fbfcfe;border:1px solid #dbe3ef;border-radius:13px;align-items:center;gap:11px;min-height:54px;padding:0 15px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.login-input-wrapper:focus-within{background:#fff;border-color:#2472dd;box-shadow:0 0 0 4px #2472dd1a}.login-input-wrapper input{color:#17213a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:15px}.login-input-wrapper input::placeholder{color:#a4adbd}.password-toggle{color:#7f8ba0;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.password-toggle:hover{color:#1766d5;background:#edf4ff}.login-error{color:#b42318;background:#fff4f3;border:1px solid #f4c7c7;border-radius:11px;padding:12px 14px;font-size:14px;line-height:1.5}.login-submit-button{color:#fff;min-height:54px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#2475e5,#155fc9);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-top:2px;font-size:15px;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex;box-shadow:0 13px 28px #1c67d33d}.login-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #1c67d34d}.login-submit-button:disabled{cursor:wait;opacity:.72}.login-spinner{animation:.85s linear infinite login-spin}.login-card-footer{color:#909bae;text-align:center;border-top:1px solid #edf0f5;margin-top:24px;padding-top:21px;font-size:12px}@keyframes login-spin{to{transform:rotate(360deg)}}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{grid-area:1/1;padding:28px}}@media (width<=560px){.login-form-panel{padding:18px}.login-card{border-radius:19px;padding:28px 22px}.login-card-header h2{font-size:29px}}.auth-loading-screen{color:#1766d5;background:#f4f7fb;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:15px;font-weight:700;display:flex}.auth-spinner{animation:.85s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f7fb;min-width:320px;min-height:100%}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}