*{box-sizing:border-box}:root{color:#111827;font-synthesis:none;background:#f5f7fb;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#f5f7fb;min-height:100vh}.sidebar{z-index:30;color:#fff;background:#0e172d;flex-direction:column;width:232px;padding:25px 15px 18px;display:flex;position:fixed;inset:0 0 0 auto}.sidebar-brand{align-items:center;gap:12px;padding:0 10px 24px;display:flex}.brand-logo,.top-avatar,.avatar{color:#fff;background:linear-gradient(135deg,#3264ed,#4d42dc);flex-shrink:0;place-items:center;font-weight:800;display:grid;box-shadow:0 8px 20px #3652e238}.brand-logo{border-radius:11px;width:40px;height:40px;font-size:21px}.brand-name{font-size:17px;font-weight:800}.brand-subtitle{color:#91a0be;margin-top:2px;font-size:10px}.sidebar-section-title{color:#70809f;margin:2px 0 10px;padding:0 11px;font-size:10px}.sidebar-nav{gap:5px;display:grid}.nav-item{color:#9caaca;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:linear-gradient(135deg,#345fe1,#4543d6);box-shadow:0 8px 20px #304bda3d}.nav-item span{flex:1;font-size:13px;font-weight:600}.sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding-top:16px}.sidebar-user{color:#fff;align-items:center;gap:10px;padding:5px;display:flex}.avatar{border-radius:50%;width:35px;height:35px;font-size:13px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-info strong,.sidebar-user-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user-info strong{font-size:12px}.sidebar-user-info span{color:#71809c;margin-top:2px;font-size:9px}.main-area{min-height:100vh;margin-right:232px}.topbar{background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;height:70px;padding:0 38px;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title span{color:#99a2b4;margin-bottom:2px;font-size:9px;display:block}.topbar-title h1{margin:0;font-size:19px;font-weight:800}.topbar-actions{align-items:center;gap:17px;display:flex}.top-user{align-items:center;gap:10px;display:flex}.top-user-name{text-align:left}.top-user-name strong,.top-user-name span{display:block}.top-user-name strong{font-size:12px}.top-user-name span{color:#8b96a9;margin-top:2px;font-size:9px}.top-avatar{border-radius:50%;width:36px;height:36px;font-size:13px}.logout-icon,.mobile-menu{color:#68738a;background:#fff;border:1px solid #e2e6ee;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.logout-icon:hover{color:#dc3545;border-color:#f0c8cd}.mobile-menu{display:none}.dashboard-content{width:min(1160px,100% - 48px);margin:0 auto;padding:30px 0 42px}.hero-card{color:#fff;background:linear-gradient(110deg,#3266e9 0%,#3e50dd 52%,#4b39ce 100%);border-radius:19px;align-items:center;min-height:176px;padding:30px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 17px 36px #3848d62e}.hero-content{z-index:2;max-width:700px;margin-right:auto;position:relative}.hero-label{color:#ffffffbd;margin-bottom:8px;font-size:11px;display:block}.hero-card h2{margin:0;font-size:25px;font-weight:500}.hero-card h2 strong{font-weight:800}.hero-card p{color:#ffffffd6;margin:9px 0 0;font-size:11px}.hero-decoration{pointer-events:none;width:46%;position:absolute;inset:0 auto 0 0}.hero-logo{color:#ffffffeb;background:#ffffff12;border:1px solid #ffffff29;border-radius:30px;place-items:center;width:106px;height:106px;font-size:53px;font-weight:800;display:grid;position:absolute;top:35px;left:58px;transform:rotate(-8deg)}.hero-circle{border:1px solid #ffffff1a;border-radius:50%;position:absolute}.hero-circle-one{width:260px;height:260px;bottom:-180px;left:-115px}.hero-circle-two{width:220px;height:220px;top:82px;left:2px}.section-heading{justify-content:space-between;align-items:flex-end;margin:28px 0 14px;display:flex}.section-heading h2{margin:0;font-size:17px}.section-heading p{color:#9aa3b3;margin:4px 0 0;font-size:10px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #e5e8ef;border-radius:16px;box-shadow:0 3px 15px #13234406}.stat-card{min-height:130px;padding:17px}.stat-icon{float:right;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.stat-icon.blue{color:#3564e8;background:#edf2ff}.stat-icon.purple{color:#8753dd;background:#f3edff}.stat-icon.green{color:#19a365;background:#eaf9f0}.stat-icon.orange{color:#ed8b22;background:#fff3e4}.stat-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.stat-top>span{color:#7e8798;font-size:10px}.stat-top small{background:#f4f5f8;border-radius:5px;padding:4px 7px;font-size:8px}.stat-top small.blue{color:#315ddc;background:#edf2ff}.stat-top small.purple{color:#8753dd;background:#f3edff}.stat-top small.green{color:#19945b;background:#eaf9f0}.stat-top small.orange{color:#e07a12;background:#fff3e4}.stat-value{clear:both;align-items:baseline;gap:7px;display:flex}.stat-value strong{color:#121a2a;font-size:20px}.stat-value span{color:#a0a8b6;font-size:9px}.content-grid{grid-template-columns:.85fr 1.35fr;gap:14px;margin-top:14px;display:grid}.panel{min-height:270px;padding:21px}.panel-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.panel-header h3{margin:0;font-size:14px}.panel-header p{color:#9ca4b3;margin:4px 0 0;font-size:9px}.panel-icon{color:#5268d9;background:#eef2ff;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.account-list{padding-top:2px}.info-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:20px;min-height:47px;display:flex}.info-row:last-child{border-bottom:0}.info-row span{color:#8f98a8;font-size:10px}.info-row strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:11px;overflow:hidden}.status-online{align-items:center;gap:5px;display:flex;color:#15934f!important}.status-online i{background:#19ae5e;border-radius:50%;width:6px;height:6px;display:block}.view-all{color:#3564df;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:190px;display:flex}.empty-icon{color:#5a75dc;background:#eef2ff;border-radius:12px;place-items:center;width:43px;height:43px;margin-bottom:12px;display:grid}.empty-state h4{margin:0;font-size:12px}.empty-state p{color:#9ca4b3;max-width:300px;margin:6px 0 0;font-size:9px}.auth-page{background:radial-gradient(circle at 85% 15%,#5165dd14,#0000 30%),#f5f7fb;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#fff;border:1px solid #e6e9ef;border-radius:18px;width:min(395px,100%);padding:28px 32px;box-shadow:0 18px 55px #16233f14}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#3164eb,#4d3cda);border-radius:11px;place-items:center;width:40px;height:40px;font-size:21px;font-weight:800;display:grid}.brand h1{margin:0;font-size:17px}.brand p{color:#8791a3;margin:2px 0 0;font-size:9px}.auth-heading{text-align:right;margin:31px 0 23px}.auth-heading h2{margin:0;font-size:22px}.auth-heading p{color:#8791a3;margin:7px 0 0;font-size:11px}.auth-card form{gap:8px;display:grid}.auth-card label{margin-top:5px;font-size:11px;font-weight:700}.auth-card input{color:#1a2233;background:#fff;border:1px solid #dfe4ec;border-radius:10px;outline:0;width:100%;height:44px;padding:0 13px;transition:all .2s}.auth-card input:focus{border-color:#4162dd;box-shadow:0 0 0 3px #4162dd14}.primary-button{color:#fff;background:linear-gradient(90deg,#3064e8,#4b3ddd);border:0;border-radius:10px;height:45px;margin-top:10px;font-size:12px;font-weight:700}.primary-button:disabled{opacity:.65;cursor:wait}.error-box{color:#b42332;background:#fff2f3;border:1px solid #f3c8ce;border-radius:8px;padding:10px;font-size:10px}.auth-switch{color:#8791a3;text-align:center;margin-top:19px;font-size:10px}.auth-switch button{color:#2f60df;background:0 0;border:0;font-weight:700}.loading-screen{color:#566177;text-align:center;place-content:center;gap:12px;min-height:100vh;display:grid}.spinner{border:3px solid #e5e9f1;border-top-color:#3c59df;border-radius:50%;width:30px;height:30px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-overlay{display:none}@media (width<=1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{transition:transform .25s;transform:translate(100%);box-shadow:-12px 0 35px #00000029}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:20;background:#09122466;border:0;display:block;position:fixed;inset:0}.main-area{margin-right:0}.topbar{padding:0 17px}.mobile-menu{display:grid}.top-user-name{display:none}.dashboard-content{width:calc(100% - 28px);padding-top:18px}.hero-card{min-height:180px;padding:25px}.hero-decoration{opacity:.55}.hero-logo{left:20px}.stats-grid,.content-grid{grid-template-columns:1fr}}@media (width<=430px){.hero-card h2{font-size:21px}.hero-card p{line-height:1.8}.panel{padding:16px}.auth-card{padding:25px 21px}}.hero-card{direction:rtl;position:relative}.hero-content{text-align:right;z-index:2;direction:rtl;width:100%;margin-left:0;margin-right:auto;position:relative}.hero-content h2,.hero-content p,.hero-content .hero-label{text-align:right}.hero-content h2 strong{direction:ltr;unicode-bidi:isolate;display:inline}.hero-card{overflow:hidden;direction:rtl!important;position:relative!important}.hero-card .hero-content{text-align:right!important;z-index:10!important;direction:rtl!important;width:auto!important;max-width:65%!important;margin:0!important;padding:0!important;position:absolute!important;top:50%!important;left:auto!important;right:48px!important;transform:translateY(-50%)!important}.hero-card .hero-label{text-align:right!important;direction:rtl!important;display:block!important}.hero-card .hero-content h2{text-align:right!important;direction:rtl!important;margin-left:0!important;margin-right:0!important}.hero-card .hero-content h2 strong{direction:ltr!important;unicode-bidi:isolate!important;display:inline!important}.hero-card .hero-content p{text-align:right!important;direction:rtl!important;margin-left:0!important;margin-right:0!important}.hero-card .hero-decoration{pointer-events:none;width:42%!important;position:absolute!important;inset:0 auto 0 0!important}.hero-card .hero-logo{z-index:2!important;position:absolute!important;top:50%!important;left:80px!important;right:auto!important;transform:translateY(-50%)!important}body,#root,html{direction:rtl}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}