:root{

--mbos-bg:#f5f7fb;
--mbos-card:#ffffff;
--mbos-text:#101828;
--mbos-sub:#667085;
--mbos-line:#e4e7ec;
--mbos-primary:#0f766e;
--mbos-radius:18px;
--mbos-shadow:0 12px 40px rgba(16,24,40,.08);

}

.mbos-shell{

background:var(--mbos-bg);

min-height:100vh;

color:var(--mbos-text);

font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;

}

.mbos-hidden{

display:none!important;

}

.mbos-glass{

background:rgba(255,255,255,.72);

backdrop-filter:blur(22px);

-webkit-backdrop-filter:blur(22px);

border:1px solid rgba(255,255,255,.45);

border-radius:var(--mbos-radius);

box-shadow:var(--mbos-shadow);

}



.mbos-sidebar{

position:fixed;

left:18px;

top:18px;

bottom:18px;

width:250px;

padding:18px;

overflow:auto;

background:rgba(255,255,255,.72);

backdrop-filter:blur(20px);

border-radius:22px;

border:1px solid rgba(255,255,255,.45);

box-shadow:var(--mbos-shadow);

z-index:9000;

}

.mbos-logo{

font-size:22px;

font-weight:800;

margin-bottom:24px;

}

.mbos-nav{

display:flex;

flex-direction:column;

gap:8px;

}

.mbos-nav a{

text-decoration:none;

padding:12px 14px;

border-radius:14px;

color:var(--mbos-text);

font-weight:600;

transition:.2s;

}

.mbos-nav a:hover{

background:#eef7f6;

color:var(--mbos-primary);

}



.mbos-top{

position:fixed;

left:290px;

right:18px;

top:18px;

height:72px;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 24px;

z-index:9000;

}

.mbos-title{

font-size:26px;

font-weight:700;

}

.mbos-right{

display:flex;

gap:12px;

align-items:center;

}

.mbos-pill{

padding:10px 16px;

border-radius:14px;

background:white;

box-shadow:var(--mbos-shadow);

}



.mbos-workspace{

margin-left:290px;

padding:110px 24px 40px;

min-height:100vh;

}

.mbos-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

gap:22px;

}

.mbos-widget{

background:white;

border-radius:22px;

padding:22px;

box-shadow:var(--mbos-shadow);

}



.mbos-julia{

position:fixed;

right:24px;

bottom:24px;

width:76px;

height:76px;

border-radius:50%;

background:linear-gradient(135deg,#0f766e,#2563eb);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:30px;

cursor:pointer;

box-shadow:0 18px 45px rgba(15,118,110,.35);

z-index:99999;

transition:.25s;

}

.mbos-julia:hover{

transform:scale(1.08);

}



body.mbos-dark{

background:#0f172a;

color:#e5e7eb;

}

body.mbos-dark .mbos-widget,

body.mbos-dark .mbos-sidebar,

body.mbos-dark .mbos-pill{

background:#111827;

color:#f3f4f6;

}



.mbos-stat{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(230px,1fr));

gap:18px;

margin-bottom:28px;

}

.mbos-stat-card{

padding:24px;

border-radius:22px;

background:white;

box-shadow:var(--mbos-shadow);

}

.mbos-stat-title{

font-size:13px;

color:#667085;

margin-bottom:8px;

}

.mbos-stat-value{

font-size:38px;

font-weight:800;

}



.mbos-timeline{

display:flex;

flex-direction:column;

gap:12px;

}

.mbos-event{

padding:16px;

background:#fff;

border-left:4px solid var(--mbos-primary);

border-radius:14px;

box-shadow:var(--mbos-shadow);

}