:root {
  --ms-navy-950: #071827;
  --ms-navy-900: #0b1e2d;
  --ms-navy-850: #102334;
  --ms-navy-800: #142638;
  --ms-navy-750: #182b3d;
  --ms-line: #304457;
  --ms-line-soft: rgba(126, 151, 175, .22);
  --ms-text: #f2f5f8;
  --ms-muted: #aab5c1;
  --ms-blue: #2468ad;
  --ms-blue-hover: #2e79c4;
  --ms-link: #55a3df;
  --ms-danger: #d9656b;
  --ms-warning: #d2a95f;
  --ms-success: #62a987;
  --ms-shadow: 0 24px 55px rgba(0, 7, 15, .34);
  color-scheme: dark;
}

html {
  background: var(--ms-navy-950) !important;
}

body,
body.bg-gray-50,
body.bg-gray-100,
body.bg-slate-50,
body.bg-slate-100 {
  background:
    radial-gradient(circle at 78% -10%, rgba(57, 102, 141, .14), transparent 32%),
    linear-gradient(180deg, var(--ms-navy-900) 0%, var(--ms-navy-950) 100%) !important;
  color: var(--ms-text) !important;
}

header,
nav,
footer,
.bg-blue-700,
.bg-blue-800,
.bg-blue-900,
.bg-slate-800,
.bg-slate-900,
.bg-slate-950 {
  background-color: var(--ms-navy-900) !important;
  border-color: var(--ms-line-soft) !important;
  color: var(--ms-text) !important;
}

.bg-white,
.bg-gray-50,
.bg-gray-100,
.bg-gray-200,
.bg-slate-50,
.bg-slate-100,
.bg-slate-200,
.glass-panel,
.admin-shell,
.login-shell,
.login-top,
.card,
.panel,
section {
  background-color: var(--ms-navy-800) !important;
  background-image: none !important;
  border-color: var(--ms-line-soft) !important;
  color: var(--ms-text) !important;
}

.shadow,
.shadow-lg,
.shadow-xl,
.shadow-2xl,
.glass-panel,
.admin-shell,
.login-shell {
  box-shadow: var(--ms-shadow) !important;
}

h1, h2, h3, h4, h5, h6,
label,
.text-black,
.text-gray-700,
.text-gray-800,
.text-gray-900,
.text-slate-700,
.text-slate-800,
.text-slate-900 {
  color: var(--ms-text) !important;
}

p,
small,
.text-gray-400,
.text-gray-500,
.text-gray-600,
.text-slate-400,
.text-slate-500,
.text-slate-600 {
  color: var(--ms-muted) !important;
}

a,
.text-blue-500,
.text-blue-600,
.text-blue-700,
.text-sky-500,
.text-sky-600 {
  color: var(--ms-link) !important;
}

a:hover {
  color: #82c3f1 !important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.field-dark {
  background: var(--ms-navy-800) !important;
  border: 1px solid var(--ms-line) !important;
  color: var(--ms-text) !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
  color: #8f9dab !important;
  opacity: 1;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--ms-link) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(85, 163, 223, .16) !important;
}

select option {
  background: var(--ms-navy-800);
  color: var(--ms-text);
}

button,
.bg-blue-500,
.bg-blue-600,
.bg-indigo-500,
.bg-indigo-600,
.bg-emerald-500,
.bg-emerald-600,
.bg-green-500,
.bg-green-600,
#loginBtn {
  background: var(--ms-blue) !important;
  border-color: var(--ms-blue) !important;
  color: #fff !important;
  box-shadow: none !important;
}

button:hover,
.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover,
.hover\:bg-emerald-400:hover,
.hover\:bg-emerald-500:hover,
.hover\:bg-green-500:hover,
#loginBtn:hover {
  background: var(--ms-blue-hover) !important;
  border-color: var(--ms-blue-hover) !important;
  color: #fff !important;
}

table {
  background: var(--ms-navy-800) !important;
  color: var(--ms-text) !important;
}

thead,
thead.bg-gray-50,
thead.bg-slate-50 {
  background: var(--ms-navy-750) !important;
  color: var(--ms-muted) !important;
}

tr,
td,
th,
.border,
.border-b,
.border-t,
.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-slate-100,
.border-slate-200 {
  border-color: var(--ms-line-soft) !important;
}

tbody tr:hover {
  background: rgba(85, 163, 223, .055) !important;
}

.bg-green-50,
.bg-green-100,
.bg-emerald-50,
.bg-emerald-100 {
  background: rgba(98, 169, 135, .14) !important;
  border-color: rgba(98, 169, 135, .35) !important;
}

.text-green-500,
.text-green-600,
.text-green-700,
.text-emerald-500,
.text-emerald-600,
.text-emerald-700 {
  color: #8bc6aa !important;
}

.bg-red-50,
.bg-red-100,
.bg-rose-50,
.bg-rose-100 {
  background: rgba(217, 101, 107, .14) !important;
  border-color: rgba(217, 101, 107, .35) !important;
}

.text-red-500,
.text-red-600,
.text-red-700,
.text-rose-500,
.text-rose-600,
.text-rose-700 {
  color: #ed9297 !important;
}

.bg-yellow-50,
.bg-yellow-100,
.bg-amber-50,
.bg-amber-100 {
  background: rgba(210, 169, 95, .14) !important;
  border-color: rgba(210, 169, 95, .35) !important;
}

.text-yellow-500,
.text-yellow-600,
.text-yellow-700,
.text-amber-500,
.text-amber-600,
.text-amber-700 {
  color: #e5c687 !important;
}

.bg-purple-500,
.bg-purple-600,
.bg-purple-700,
.bg-violet-500,
.bg-violet-600,
.bg-pink-500,
.bg-pink-600 {
  background: var(--ms-blue) !important;
  color: #fff !important;
}

.text-purple-500,
.text-purple-600,
.text-purple-700,
.text-violet-500,
.text-violet-600,
.text-pink-500,
.text-pink-600 {
  color: var(--ms-link) !important;
}

.divide-y > :not([hidden]) ~ :not([hidden]),
.divide-gray-100 > :not([hidden]) ~ :not([hidden]),
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--ms-line-soft) !important;
}

hr {
  border-color: var(--ms-line) !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--ms-navy-950);
}

::-webkit-scrollbar-thumb {
  background: var(--ms-line);
  border: 2px solid var(--ms-navy-950);
  border-radius: 999px;
}


/* Dashboard visual language — shared by every project view */
:root{
  --dashboard-bg:#061625;
  --dashboard-nav:#091a29;
  --dashboard-card:#0d2031;
  --dashboard-card-hover:#11283b;
  --dashboard-line:#22394c;
  --dashboard-line-strong:#30485c;
  --dashboard-text:#f5f7fa;
  --dashboard-muted:#b9c3ce;
  --dashboard-blue:#2674c6;
  --dashboard-link:#438fd7;
}

body{
  min-height:100vh;
  background:var(--dashboard-bg)!important;
  color:var(--dashboard-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

body>header,
body>nav:not(.ms-bottom):not(.ms-bottom-nav),
header.bg-blue-800,
header.bg-slate-950{
  min-height:76px;
  background:var(--dashboard-bg)!important;
  border-bottom:1px solid #172c3e!important;
  box-shadow:none!important;
}

body>header h1,
body>header h2{
  color:#fff!important;
  font-weight:500!important;
  letter-spacing:0!important;
}

body>main{
  width:100%;
  max-width:980px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding:32px 28px 120px!important;
}

.bg-white,
.glass-panel,
.admin-shell,
.login-shell,
.panel,
.card,
main>section,
main>div.bg-white,
form.bg-white{
  background:var(--dashboard-card)!important;
  background-image:none!important;
  border:1px solid var(--dashboard-line)!important;
  border-radius:10px!important;
  box-shadow:0 12px 28px rgba(0,7,15,.16)!important;
}

.rounded-xl,
.rounded-2xl,
.rounded-\[1\.75rem\],
.rounded-\[2rem\]{
  border-radius:10px!important;
}

h1,h2,h3,h4,h5,h6,
.font-bold,.font-semibold{
  color:var(--dashboard-text)!important;
}

p,
.text-gray-400,.text-gray-500,.text-gray-600,
.text-slate-400,.text-slate-500,.text-slate-600{
  color:var(--dashboard-muted)!important;
}

a{
  color:var(--dashboard-link)!important;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  min-height:44px;
  background:#102537!important;
  border:1px solid var(--dashboard-line-strong)!important;
  border-radius:6px!important;
  color:#fff!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#438fd7!important;
  box-shadow:0 0 0 3px rgba(67,143,215,.16)!important;
}

button:not(.ms-icon):not(.ms-eye):not(.ms-nav):not(.ms-funds-back):not(.ms-funds-help),
a.bg-blue-500,a.bg-blue-600,a.bg-blue-700,
a.bg-green-500,a.bg-green-600,a.bg-emerald-500,
.action-btn{
  border:1px solid var(--dashboard-blue)!important;
  border-radius:6px!important;
  background:var(--dashboard-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}

button:not(.ms-icon):not(.ms-eye):not(.ms-nav):hover,
a.bg-blue-500:hover,a.bg-blue-600:hover,a.bg-blue-700:hover{
  background:#3182d2!important;
  border-color:#3182d2!important;
}

table{
  overflow:hidden;
  border:1px solid var(--dashboard-line)!important;
  border-radius:10px!important;
  background:var(--dashboard-card)!important;
}

thead,
thead.bg-gray-50{
  background:#102537!important;
}

th,td{
  border-color:var(--dashboard-line)!important;
  color:var(--dashboard-text)!important;
}

tbody tr:hover{
  background:var(--dashboard-card-hover)!important;
}

.fixed.bottom-0,
nav.fixed{
  min-height:82px;
  background:var(--dashboard-nav)!important;
  border-top:1px solid #172c3e!important;
  box-shadow:0 -10px 26px rgba(0,7,15,.22)!important;
}

.fixed.bottom-0 a,
nav.fixed a{
  color:#c4cbd3!important;
}

.fixed.bottom-0 a:hover,
nav.fixed a:hover{
  color:#3a91e1!important;
}

.bg-gray-50,.bg-gray-100,.bg-gray-200,
.bg-slate-50,.bg-slate-100,.bg-slate-200{
  background:var(--dashboard-card)!important;
  color:var(--dashboard-text)!important;
}

.border-gray-100,.border-gray-200,.border-gray-300,
.border-slate-100,.border-slate-200,.border-slate-300{
  border-color:var(--dashboard-line)!important;
}

.bg-green-100,.bg-emerald-100{
  background:#0e3128!important;
  border-color:#1f6043!important;
}
.text-green-600,.text-green-700,.text-emerald-600,.text-emerald-700{
  color:#63cc8d!important;
}
.bg-red-100,.bg-rose-100{
  background:#321d25!important;
  border-color:#69313c!important;
}
.text-red-600,.text-red-700,.text-rose-600,.text-rose-700{
  color:#ef8992!important;
}
.bg-yellow-100,.bg-amber-100{
  background:#332b1a!important;
  border-color:#6b5829!important;
}
.text-yellow-600,.text-yellow-700,.text-amber-600,.text-amber-700{
  color:#e9c86f!important;
}

canvas{
  max-width:100%;
}

footer{
  background:var(--dashboard-bg)!important;
  border-color:#172c3e!important;
  color:var(--dashboard-muted)!important;
}

@media(max-width:700px){
  body>header{
    min-height:68px;
    padding-right:20px!important;
    padding-left:20px!important;
  }
  body>main{
    padding:24px 15px 110px!important;
  }
  table{
    min-width:680px;
  }
  .overflow-x-auto{
    border-radius:10px;
  }
}


/* Shared authenticated navigation */
.ms-shared-page{
  padding-bottom:110px!important;
  background:#061625!important;
}
.ms-shared-page>header:not(.ms-shared-header),
.ms-shared-page>nav:not(.ms-shared-nav){
  display:none!important;
}
.ms-shared-header{
  position:relative;
  z-index:30;
  min-height:112px!important;
  padding:0 42px!important;
  border-bottom:1px solid #172c3e!important;
  background:#061625!important;
}
.ms-shared-header-inner{
  width:100%;
  max-width:980px;
  min-height:112px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.ms-shared-brand-row,.ms-shared-actions{display:flex;align-items:center}
.ms-shared-brand-row{gap:24px;min-width:0}
.ms-shared-brand{
  overflow:hidden;
  color:#fff!important;
  font-size:25px;
  font-weight:350;
  line-height:1;
  text-decoration:none!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ms-shared-divider{flex:0 0 1px;width:1px;height:43px;background:#81909e}
.ms-shared-section{display:flex;align-items:center;gap:10px;color:#fff;font-size:17px;font-weight:650;white-space:nowrap}
.ms-shared-section i{width:9px;height:9px;border-right:2px solid #347fc4;border-bottom:2px solid #347fc4;transform:rotate(45deg) translateY(-3px)}
.ms-shared-actions{gap:22px}
.ms-shared-icon{
  position:relative;
  width:38px;height:38px;
  display:grid;place-items:center;
  color:#f2f5f8!important;
}
.ms-shared-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7}
.ms-shared-dot{position:absolute;right:1px;top:0;width:9px;height:9px;border-radius:50%;background:#2e78ce;border:2px solid #061625}
.ms-shared-nav{
  position:fixed!important;
  z-index:50;
  left:0;right:0;bottom:0;
  min-height:95px!important;
  display:flex!important;
  justify-content:center;
  padding:0!important;
  border-top:1px solid #172c3e!important;
  background:#091a29!important;
  box-shadow:0 -10px 26px rgba(0,7,15,.22)!important;
}
.ms-shared-nav-inner{
  width:100%;
  max-width:980px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  padding:9px 32px 8px;
}
.ms-shared-nav-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  color:#c4cbd3!important;
  font-size:14px;
  text-decoration:none!important;
}
.ms-shared-nav-item svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.6}
.ms-shared-nav-item.active{color:#3a91e1!important}
.ms-shared-page main,
.ms-shared-page>section,
.ms-shared-page>.max-w-md,
.ms-shared-page>.max-w-2xl,
.ms-shared-page>.max-w-4xl{
  width:100%;
  max-width:980px!important;
  margin-right:auto!important;
  margin-left:auto!important;
}
.ms-shared-page main{
  padding:32px 28px 30px!important;
}
@media(max-width:700px){
  .ms-shared-header{min-height:88px!important;padding:0 20px!important}
  .ms-shared-header-inner{min-height:88px}
  .ms-shared-brand-row{gap:14px;max-width:calc(100% - 105px)}
  .ms-shared-brand{font-size:18px}
  .ms-shared-divider{display:none}
  .ms-shared-section{font-size:14px}
  .ms-shared-actions{gap:9px}
  .ms-shared-mail{display:none}
  .ms-shared-icon{width:34px}
  .ms-shared-page main{padding:24px 15px 20px!important}
  .ms-shared-nav-inner{padding-right:12px;padding-left:12px}
  .ms-shared-nav-item{font-size:12px}
  .ms-shared-nav-item svg{width:27px;height:27px}
}

/* Shared navigation hard sizing */
.ms-shared-header,.ms-shared-nav{box-sizing:border-box!important}
.ms-shared-header *,.ms-shared-nav *{box-sizing:border-box!important}
.ms-shared-nav .ms-shared-nav-inner{height:95px!important}
.ms-shared-nav .ms-shared-nav-item{font-size:14px!important;line-height:1.2!important}
.ms-shared-nav .ms-shared-nav-item svg{display:block!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}
.ms-shared-header .ms-shared-icon svg{display:block!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important}
@media(max-width:700px){.ms-shared-nav .ms-shared-nav-item{font-size:12px!important}.ms-shared-nav .ms-shared-nav-item svg{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;max-width:27px!important;max-height:27px!important}}