@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
@import url('/public/assets/css/modules.css');
@import url('/public/assets/css/hub.css');
@import url('/public/assets/css/resources.css');
@import url('/public/assets/css/reports.css');
@import url('/public/assets/css/imports.css');
@import url('/public/assets/css/access.css');
@import url('/public/assets/css/settings.css');
@import url('/public/assets/css/api.css');
@import url('/public/assets/css/intelligence.css');
@import url('/public/assets/css/lead-show.css');
@import url('/public/assets/css/notifications.css');
@import url('/public/assets/css/security.css');
@import url('/public/assets/css/attachments.css');
@import url('/public/assets/css/distribution.css');
@import url('/public/assets/css/calendar.css');
@import url('/public/assets/css/field.css');
@import url('/public/assets/css/approvals.css');
@import url('/public/assets/css/cases.css');
@import url('/public/assets/css/backups.css');
@import url('/public/assets/css/pipeline.css');
@import url('/public/assets/css/finance.css');
@import url('/public/assets/css/automation.css');
:root{--navy:#071a3b;--navy2:#102b5b;--blue:#2167f3;--ink:#101828;--muted:#667085;--line:#e4e9f1;--bg:#f2f4f7;--card:#fff;--shadow:0 8px 24px rgba(16,24,40,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Cairo,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.guest-body{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,#1e5fc1 0,transparent 25%),linear-gradient(145deg,#06152f,#0d2d61);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.login-brand img{width:310px;height:105px;object-fit:cover;object-position:left;background:#fff;border-radius:18px;padding:5px}.login-brand>div:last-child{position:relative;z-index:2;margin-bottom:8vh}.login-brand span{font-size:11px;letter-spacing:.18em;color:#86aaf3;font-weight:800}.login-brand h1{font-size:50px;line-height:1.35;margin:18px 0}.login-brand p{font-size:15px;color:#b6caeb}.brand-glow{position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-180px;bottom:-180px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(440px,100%)}.eyebrow{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.12em}.login-card h2{font-size:30px;margin:10px 0 5px}.login-card>p{font-size:13px;color:var(--muted);margin-bottom:28px}.login-card label{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.login-card label span{font-size:12px;font-weight:700}.login-card input{height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;outline:none}.login-card input:focus{border-color:#79a0ff;box-shadow:0 0 0 3px #edf3ff}.primary{height:44px;border:0;border-radius:11px;background:linear-gradient(135deg,#2167f3,#164fcf);color:#fff;padding:0 19px;font-size:12px;font-weight:800;box-shadow:0 7px 16px rgba(33,103,243,.2)}.full{width:100%;height:50px}.login-card>small{display:block;text-align:center;color:#98a2b3;font-size:10px;margin-top:15px}.alert{padding:12px;border-radius:10px;font-size:11px;margin-bottom:14px}.alert.error{background:#fff1f0;color:#b42318;border:1px solid #fecdca}
.sidebar{position:fixed;z-index:40;inset:0 0 0 auto;width:290px;background:linear-gradient(180deg,#061733,#0c2857 62%,#071a3b);color:#fff;padding:22px 17px;display:flex;flex-direction:column;box-shadow:-10px 0 35px rgba(5,17,41,.12)}.brand-box{height:74px;background:#fff;border-radius:17px;margin-bottom:22px;overflow:hidden;display:flex;align-items:center;justify-content:center}.brand-box img{width:245px;height:90px;object-fit:cover;object-position:left}.sidebar nav{overflow:auto}.nav-label{display:block;font-size:9px;letter-spacing:.16em;color:#8fa3c5;font-weight:800;padding:0 13px;margin:5px 0 9px}.sidebar nav a{height:47px;border-radius:12px;color:#b9c7dd;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 13px;margin:3px 0;font-size:12px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}.sidebar nav a.active{box-shadow:inset -3px 0 #4c82ff}.sidebar nav i{font-style:normal;font-size:16px;width:20px;text-align:center}.sidebar nav b{margin-right:auto;color:#758daf}.side-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:17px 5px 0;display:flex;align-items:center;gap:10px}.side-user>div:nth-child(2){display:flex;flex-direction:column}.side-user strong{font-size:10px}.side-user span{font-size:9px;color:#8fa3c5}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2167f3,#6e8cff);display:grid;place-items:center;color:#fff;font-weight:900}.avatar.small{width:34px;height:34px}.main{min-height:100vh;margin-right:290px}.topbar{height:100px;background:rgba(255,255,255,.96);border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar>div:first-of-type span{font-size:8px;color:#98a2b3;letter-spacing:.18em;font-weight:800}.topbar h1{font-size:20px;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px}.profile-button{border:0;background:transparent;display:grid;grid-template-columns:35px auto;grid-template-rows:18px 15px;column-gap:9px;text-align:right}.profile-button .avatar{grid-row:1/3}.profile-button b{font-size:10px}.profile-button small{font-size:8px;color:#98a2b3}.menu-toggle{display:none}.content{padding:30px 34px 55px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-head h2{font-size:24px;margin:5px 0}.page-head p{font-size:11px;color:var(--muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:19px;min-height:120px;padding:18px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow);position:relative}.stat-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-weight:900}.stat-icon.blue{background:#eaf1ff;color:#2167f3}.stat-icon.purple{background:#f2edff;color:#7f56d9}.stat-icon.green{background:#e9fbf3;color:#12b76a}.stat-icon.orange{background:#fff4e8;color:#f79009}.stat-card>div{display:flex;flex-direction:column}.stat-card small{font-size:9px;color:#667085}.stat-card strong{font-size:24px;margin:4px 0}.stat-card em{font-size:8px;color:#98a2b3;font-style:normal}.stat-card>button{position:absolute;left:15px;bottom:15px;width:30px;height:30px;border:0;border-radius:9px;background:#f6f8fb;color:#98a2b3}.command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.command-grid a{min-height:78px;background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #dfe7f5;border-radius:15px;padding:12px;text-decoration:none;color:#344054;display:grid;grid-template-columns:31px 1fr;gap:9px;position:relative}.command-grid>a>span{width:30px;height:30px;border-radius:9px;background:#0d2858;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800}.command-grid div{display:flex;flex-direction:column;gap:3px}.command-grid strong{font-size:9px}.command-grid small{font-size:7px;color:#98a2b3}.command-grid b{position:absolute;left:12px;bottom:10px;font-size:7px;color:#2167f3}.dash-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.chart-card{min-height:310px}.card-head{height:70px;border-bottom:1px solid #edf0f4;padding:0 19px;display:flex;align-items:center;justify-content:space-between}.card-head>div{display:flex;flex-direction:column;gap:4px}.card-head strong{font-size:12px}.card-head small{font-size:8px;color:#98a2b3}.card-head button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;color:#667085}.empty-chart{height:235px;position:relative;padding:25px}.chart-lines i{display:block;border-top:1px dashed #edf0f4;height:45px}.empty-chart>span{position:absolute;bottom:25px;right:0;left:0;text-align:center;font-size:9px;color:#98a2b3}.empty{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty>span{width:42px;height:42px;border-radius:13px;background:#eef4ff;color:#2167f3;display:grid;place-items:center;font-weight:900;margin-bottom:12px}.empty strong{font-size:10px}.empty small{font-size:8px;color:#98a2b3;margin-top:6px}.wide{grid-column:1/-1}.table-head{height:42px;background:#f8fafc;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 18px}.table-head span{font-size:8px;color:#667085;font-weight:800}.empty.compact{min-height:130px}.overlay{display:none}
@media(max-width:1050px){.stat-grid,.command-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}
@media(max-width:780px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.sidebar{transform:translateX(105%);transition:.25s}.sidebar.open{transform:none}.main{margin-right:0}.menu-toggle{display:block;width:40px;height:40px;border:0;border-radius:10px;background:#eef2f7}.topbar{height:82px;padding:0 17px}.content{padding:22px 16px 45px}.profile-button b,.profile-button small{display:none}.overlay.show{display:block;position:fixed;z-index:35;inset:0;background:rgba(7,20,45,.5)}.page-head{align-items:flex-start;gap:15px;flex-direction:column}}
@media(max-width:520px){.stat-grid,.command-grid{grid-template-columns:1fr}.topbar h1{font-size:15px}.page-head .primary{width:100%}.login-panel{padding:25px}.login-card h2{font-size:25px}}