*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e8edf5;font:14px system-ui,Arial}header{height:58px;background:#111b2e;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid #25324a}header b{font-size:18px;color:#ff9900}header a{margin-left:auto;color:#dce6f7}main{padding:28px;max-width:1500px;margin:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats div,.panel{background:#111b2e;border:1px solid #25324a;border-radius:10px;padding:20px}.stats b{font-size:28px;display:block}.stats small{color:#91a0b8}.panel{margin-top:18px}#graph{min-height:430px;display:flex;flex-wrap:wrap;gap:24px;align-content:flex-start;padding:20px}.resource{width:145px;min-height:95px;border:1px solid #3c4c69;border-radius:9px;padding:12px;cursor:pointer;text-align:center;background:#17243a}.resource:hover{border-color:#ff9900}.resource .icon{font-size:31px}.resource small{display:block;color:#91a0b8;margin-top:5px}.event{padding:9px;border-bottom:1px solid #25324a}#drawer{position:fixed;right:-440px;top:58px;width:420px;height:calc(100% - 58px);background:#111b2e;border-left:1px solid #34435e;padding:24px;transition:.2s;overflow:auto}#drawer.open{right:0}.login{display:grid;place-items:center;height:100vh}.login-card{width:390px;background:#111b2e;padding:34px;border:1px solid #25324a;border-radius:12px}.logo{color:#ff9900;font-size:20px}.login-card h1{margin-bottom:4px}.login-card p{color:#91a0b8}.login-card label{display:block;margin:18px 0}.login-card input{width:100%;padding:12px;margin-top:7px;background:#0b1220;border:1px solid #3b4b68;border-radius:6px;color:white}.login-card button{width:100%;padding:12px;background:#ff9900;border:0;border-radius:6px;font-weight:bold}.error{background:#4b1e26;padding:10px;border-radius:6px}pre{white-space:pre-wrap;color:#c9d6e8}

/* Shared console/admin chrome */
:root{
  --bg:#0b1220;--panel:#111b2e;--panel-2:#17243a;--line:#25324a;
  --line-strong:#3b4b68;--text:#e8edf5;--muted:#91a0b8;--accent:#ff9900;
  --danger:#ef4444;
}
body{min-height:100vh}
a{color:#dce6f7;text-decoration:none}a:hover{color:#ff9900}
.console-header{
  min-height:58px;background:#111b2e;border-bottom:1px solid #25324a;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 28px;position:sticky;top:0;z-index:100
}
.console-header .header-left,.console-header .header-right{
  display:flex;align-items:center;gap:16px;min-width:0
}
.console-header .brand{font-size:18px;font-weight:800;color:#ff9900;white-space:nowrap}
.console-header .header-right{justify-content:flex-end;flex-wrap:wrap}
.console-header .user-chip{color:#91a0b8}
.console-page{padding:28px;max-width:1500px;margin:0 auto}
.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.page-title-row h1{margin:0;font-size:24px}
.eyebrow{color:#ff9900;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}
.subtitle,.muted{color:#91a0b8}
.console-panel{background:#111b2e;border:1px solid #25324a;border-radius:10px;padding:20px;margin-top:18px}
.console-panel h2{margin:0 0 16px;font-size:16px}
.form-row,.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.console-input,.console-select,.console-button{
  min-height:38px;padding:9px 11px;border-radius:6px;border:1px solid #3b4b68;
  background:#0b1220;color:#e8edf5
}
.console-input:focus,.console-select:focus{outline:none;border-color:#ff9900}
.console-button{cursor:pointer;font-weight:650}
.console-button:hover{border-color:#ff9900}
.console-button.primary{background:#ff9900;border-color:#ff9900;color:#111827}
.console-button.danger{border-color:#7f1d1d;color:#fecaca}
.console-button.danger:hover{border-color:#ef4444}
.help-text{color:#91a0b8;font-size:12px;margin:12px 0 0}
.user-card,.credential-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;
  align-items:center;padding:15px 0;border-bottom:1px solid #25324a
}
.user-card:last-child,.credential-card:last-child{border-bottom:0}
.user-name{font-weight:750;font-size:15px}
.role-badge{
  display:inline-flex;margin-left:7px;padding:2px 7px;border:1px solid #8a5b00;
  border-radius:999px;color:#ffb84d;background:#211805;font-size:10px;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em
}
.status-enabled{color:#86efac}.status-disabled{color:#fca5a5}
@media(max-width:850px){
  .console-header{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}
  .console-header .header-left,.console-header .header-right{width:100%;flex-wrap:wrap;justify-content:flex-start}
  .page-title-row{align-items:flex-start;flex-direction:column}
  .user-card,.credential-card{grid-template-columns:1fr}
}

.logout-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 12px;border:1px solid #4b5d7a;
  border-radius:6px;background:#17243a;color:#eef4ff !important;
  font-weight:700;text-decoration:none !important;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.logout-button:hover{
  background:#22314a;border-color:#ff9900;color:#ffb84d !important;
}


/* PCIS AWS Lab scrollbars
   Match the dashboard-style thin scrollbar, using the AWS Lab blue palette. */
html {
  scrollbar-width: thin;
  scrollbar-color: #4f6f9f #0b1220;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #4f6f9f #0b1220;
}

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

*::-webkit-scrollbar-track {
  background: #0b1220;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background: #4f6f9f;
  border: 2px solid #0b1220;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #6488bd;
}

*::-webkit-scrollbar-thumb:active {
  background: #78a0d8;
}

*::-webkit-scrollbar-corner {
  background: #0b1220;
}


/* Shared select styling so native arrows/highlight colours stay on-brand */
.console-select,
.header-control select,
select{
  -webkit-appearance:none;
  appearance:none;
  background-color:#0b1424;
  color:#eef4ff;
  border:1px solid #33445f;
  border-radius:6px;
  padding-right:34px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.3 6 8l3.8-3.7' fill='none' stroke='%238ba6cf' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:12px 12px;
}
.console-select:hover,
.header-control select:hover,
select:hover{
  border-color:#4c6488;
}
.console-select:focus,
.header-control select:focus,
select:focus{
  outline:none;
  border-color:#ff9900;
  box-shadow:0 0 0 1px rgba(255,153,0,0.18);
}
.console-select::-ms-expand,
.header-control select::-ms-expand,
select::-ms-expand{
  display:none;
}
.console-select option,
.header-control select option,
select option{
  background:#111b2e;
  color:#e8edf5;
}
.console-select option:checked,
.header-control select option:checked,
select option:checked{
  background:#22314a;
  color:#ffb84d;
}