:root{
  --blue:#0B43E8;
  --blue-dark:#071F78;
  --blue-mid:#0A2FA8;
  --blue-soft:#EAF1FF;
  --bg:#F4F7FC;
  --panel:#FFFFFF;
  --text:#111827;
  --muted:#6B7280;
  --line:#D9E2F1;
  --danger:#C53030;
  --success:#15803D;
  --shadow:0 24px 80px rgba(8,42,158,.14);
  --soft-shadow:0 10px 30px rgba(20,30,60,.08);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 82% 0%, rgba(11,67,232,.10), transparent 34%),
    linear-gradient(180deg,#F9FBFF 0%,#EEF3FA 100%);
}
a{text-decoration:none;color:inherit}
p{color:var(--muted)}
h1,h2,h3{color:var(--text)}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes floatSoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes blueGlow{
  0%,100%{box-shadow:0 20px 60px rgba(11,67,232,.18)}
  50%{box-shadow:0 30px 90px rgba(11,67,232,.28)}
}

/* Website-style dashboard header */
.app{
  display:block;
  min-height:100vh;
}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:#fff;
  box-shadow:0 8px 25px rgba(20,30,60,.08);
}
.top-strip{
  height:46px;
  background:#EFEFEF;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 18px;
  color:#3F4652;
  font-size:14px;
}
.top-links{
  display:flex;
  gap:18px;
  align-items:center;
}
.top-links span,
.top-links a{
  padding-right:16px;
  border-right:1px solid #D0D0D0;
}
.top-links span:last-child,
.top-links a:last-child{
  border-right:0;
}
.main-header{
  min-height:112px;
  display:grid;
  grid-template-columns:320px 1fr auto;
  gap:28px;
  align-items:center;
  padding:18px;
  background:#fff;
}
.site-logo img{
  width:290px;
  max-height:80px;
  object-fit:contain;
  display:block;
}
.dashboard-search{
  max-width:760px;
  height:52px;
  border:1px solid #C9CFDA;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 8px 0 22px;
  color:#586071;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.dashboard-search b{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  font-size:24px;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.header-actions span{
  display:block;
  font-size:12px;
  color:var(--muted);
}
.header-actions strong{
  display:block;
  font-size:15px;
}
.logout-top{
  border:1px solid var(--blue);
  background:#fff;
  color:var(--blue);
  border-radius:12px;
  padding:12px 15px;
  font-weight:900;
  cursor:pointer;
}
.blue-nav{
  min-height:60px;
  background:linear-gradient(90deg,var(--blue-dark),var(--blue));
  display:flex;
  align-items:center;
  padding:0 18px;
  overflow-x:auto;
}
.blue-nav a{
  color:#fff;
  font-weight:900;
  padding:18px 18px;
  border-right:1px solid rgba(255,255,255,.20);
  white-space:nowrap;
  transition:.2s ease;
}
.blue-nav a:hover,
.blue-nav a.active{
  background:rgba(255,255,255,.14);
}

/* Dashboard content */
.content{
  width:min(1360px,100%);
  margin:0 auto;
  padding:34px 22px 50px;
  animation:fadeUp .45s ease both;
}
.topbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:26px;
}
.topbar h1{
  margin:0 0 6px;
  font-size:34px;
  letter-spacing:-.6px;
}
.pill,.status{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  background:var(--blue-soft);
  color:var(--blue-dark);
  font-size:12px;
  font-weight:900;
}
.cards{
  display:grid;
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:16px;
  margin-bottom:22px;
}
.card,.panel{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:var(--soft-shadow);
}
.card{
  border-radius:22px;
  padding:20px;
  transition:.25s ease;
  animation:fadeUp .5s ease both;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(11,67,232,.13);
}
.card span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-bottom:10px;
  font-weight:800;
}
.card strong{
  font-size:27px;
  letter-spacing:-.4px;
}
.grid2{
  display:grid;
  grid-template-columns:1.25fr .85fr;
  gap:20px;
}
.panel{
  border-radius:24px;
  padding:21px;
  overflow-x:auto;
  animation:fadeUp .58s ease both;
}
table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}
th{
  text-align:left;
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.05em;
  border-bottom:1px solid var(--line);
  padding:13px 12px;
}
td{
  padding:14px 12px;
  border-bottom:1px solid var(--line);
}
tbody tr:hover{background:#F8FAFF}
.alert-list{display:grid;gap:12px}
.alert-item{
  border:1px solid var(--line);
  border-left:4px solid var(--blue);
  border-radius:16px;
  padding:14px;
  background:#fff;
}
.search{
  display:flex;
  gap:10px;
  margin-bottom:16px;
}
.search input{
  width:100%;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:14px;
}
.search button,.small,.button-link{
  border:0;
  background:linear-gradient(135deg,var(--blue-dark),var(--blue));
  color:#fff;
  border-radius:14px;
  padding:13px 16px;
  font-weight:900;
  cursor:pointer;
}
.small{
  padding:8px 10px;
  font-size:12px;
}

/* Auth pages */
.auth-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:34px;
  background:
    linear-gradient(90deg, rgba(7,31,120,.72), rgba(11,67,232,.36)),
    radial-gradient(circle at 30% 10%, rgba(255,255,255,.90), transparent 28%),
    linear-gradient(180deg,#F8FAFF 0%,#EEF3FA 100%);
}
.auth-website-shell{
  width:min(1160px,100%);
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}
.auth-logo-panel{
  border-radius:30px;
  min-height:620px;
  background:
    linear-gradient(135deg, rgba(7,31,120,.92), rgba(11,67,232,.88)),
    var(--blue);
  padding:42px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
  animation:blueGlow 5s ease-in-out infinite;
}
.auth-logo-panel:before{
  content:"";
  position:absolute;
  inset:auto -80px -90px auto;
  width:280px;
  height:280px;
  background:rgba(255,255,255,.10);
  border-radius:999px;
}
.auth-logo-panel img{
  width:min(390px,100%);
  max-height:120px;
  object-fit:contain;
  background:#fff;
  border-radius:12px;
  padding:10px 14px;
  animation:floatSoft 5s ease-in-out infinite;
}
.auth-hero-copy{
  position:relative;
  z-index:1;
  max-width:480px;
}
.auth-hero-copy span{
  display:inline-block;
  color:#DCE7FF;
  font-weight:900;
  margin-bottom:12px;
}
.auth-hero-copy h2{
  color:#fff;
  font-size:44px;
  line-height:1.05;
  margin:0 0 16px;
  letter-spacing:-1px;
}
.auth-hero-copy p{
  color:#EAF1FF;
  font-size:17px;
  line-height:1.6;
}
.auth-card-pro{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:38px;
  box-shadow:var(--shadow);
  animation:fadeUp .55s ease both;
}
.auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  background:#EDF3FF;
  padding:6px;
  border-radius:18px;
  margin-bottom:30px;
}
.auth-tabs a{
  text-align:center;
  padding:14px;
  border-radius:14px;
  color:var(--blue-dark);
  font-weight:900;
}
.auth-tabs a.active{
  background:#fff;
  box-shadow:0 8px 20px rgba(8,42,158,.10);
}
.auth-card-pro h1{
  margin:0 0 8px;
  font-size:38px;
  letter-spacing:-.8px;
}
.auth-subtitle{
  max-width:430px;
  margin:0 0 26px;
  line-height:1.55;
}
.auth-card-pro label{
  display:block;
  margin:15px 0 7px;
  font-weight:900;
}
.auth-card-pro input{
  width:100%;
  padding:15px;
  border:1px solid var(--line);
  border-radius:14px;
  font-size:15px;
  background:#fff;
}
.auth-card-pro input:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(11,67,232,.10);
}
.auth-card-pro button{
  width:100%;
  border:0;
  background:linear-gradient(135deg,var(--blue-dark),var(--blue));
  color:#fff;
  border-radius:14px;
  padding:15px 16px;
  font-weight:900;
  cursor:pointer;
  margin-top:18px;
  box-shadow:0 12px 28px rgba(11,67,232,.22);
}
.auth-note{text-align:center;margin-top:18px}
.error,.success{
  padding:13px 14px;
  border-radius:14px;
  margin:16px 0;
  font-weight:800;
}
.error{background:#FEE2E2;color:var(--danger)}
.success{background:#DCFCE7;color:var(--success)}

@media(max-width:1100px){
  .main-header{grid-template-columns:1fr;gap:14px}
  .dashboard-search{max-width:none}
  .cards,.grid2,.auth-website-shell{grid-template-columns:1fr}
  .auth-logo-panel{min-height:320px}
  .auth-hero-copy h2{font-size:34px}
}
@media(max-width:700px){
  .top-strip{display:none}
  .main-header{padding:14px}
  .site-logo img{width:230px}
  .header-actions{justify-content:space-between}
  .auth-page{padding:16px}
  .auth-card-pro,.auth-logo-panel{padding:24px;border-radius:22px}
}

/* REMOVE_TOP_STRIP_FINAL */
.top-strip{
  display:none !important;
}

.main-header{
  min-height:96px !important;
  padding-top:14px !important;
  padding-bottom:14px !important;
}

.site-header{
  border-top:0 !important;
}

/* SILKWOOD_LOGO_FIT_FINAL */
.main-header{
  grid-template-columns: 340px minmax(360px, 1fr) auto !important;
  min-height: 116px !important;
  padding: 16px 22px !important;
}

.site-logo{
  width: 320px !important;
  height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

.site-logo img{
  width: 315px !important;
  height: 76px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.auth-logo-panel img{
  width: min(430px, 100%) !important;
  height: auto !important;
  max-height: 115px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: #ffffff !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
}

.auth-logo-wrap img{
  width: min(430px, 100%) !important;
  height: auto !important;
  max-height: 130px !important;
  object-fit: contain !important;
}

@media(max-width:1100px){
  .main-header{
    grid-template-columns: 1fr !important;
  }

  .site-logo{
    width: 100% !important;
    height: auto !important;
  }

  .site-logo img{
    width: min(320px, 100%) !important;
    height: auto !important;
  }
}

/* SILKWOOD_REVOLUT_STYLE_AUTH_V1 */
.rv-auth-page{
  min-height:100vh !important;
  background:#ffffff !important;
  padding:18px !important;
  display:block !important;
  font-family:Inter, Arial, sans-serif !important;
  color:#171A21 !important;
}

.rv-shell{
  min-height:calc(100vh - 36px);
  border:1px solid #D9DEE8;
  border-radius:10px;
  background:#FAFAFB;
  position:relative;
  overflow:hidden;
}

.rv-brand-top{
  position:absolute;
  top:22px;
  left:26px;
  height:42px;
  display:flex;
  align-items:center;
  z-index:2;
}

.rv-brand-top img{
  width:132px;
  height:42px;
  object-fit:contain;
  object-position:left center;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}

.rv-auth-center{
  min-height:calc(100vh - 100px);
  display:grid;
  grid-template-columns:320px 220px;
  gap:72px;
  align-items:center;
  justify-content:center;
  padding:90px 30px 70px;
}

.rv-login-panel{
  width:320px;
}

.rv-login-panel h1{
  font-size:28px;
  line-height:1.15;
  margin:0 0 22px;
  letter-spacing:-.4px;
  color:#171A21;
  font-weight:900;
}

.rv-switch{
  width:100%;
  height:34px;
  background:#EEF1F7;
  border-radius:8px;
  padding:3px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  margin-bottom:14px;
}

.rv-switch span{
  display:grid;
  place-items:center;
  border-radius:7px;
  font-size:12px;
  color:#6D7280;
  font-weight:700;
}

.rv-switch span.active{
  background:#ffffff;
  color:#171A21;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}

.rv-input-row{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:8px;
  margin-bottom:10px;
}

.rv-prefix{
  height:46px;
  border-radius:10px;
  background:#EEF1F7;
  color:#171A21;
  display:grid;
  place-items:center;
  font-size:13px;
  font-weight:800;
}

.rv-input-row input{
  height:46px;
  width:100%;
  border:0;
  outline:0;
  border-radius:10px;
  background:#EEF1F7;
  padding:0 14px;
  font-size:14px;
  color:#171A21;
}

.rv-input-row input:focus{
  box-shadow:0 0 0 3px rgba(11,67,232,.14);
  background:#F4F7FF;
}

.rv-link{
  display:inline-block;
  font-size:13px;
  color:#0B43E8;
  margin:2px 0 18px;
  font-weight:700;
}

.rv-main-btn{
  width:100%;
  height:46px;
  border:0;
  border-radius:10px;
  background:#C7D9FB;
  color:#ffffff;
  font-weight:900;
  cursor:pointer;
  transition:.2s ease;
}

.rv-main-btn:hover{
  background:#0B43E8;
  transform:translateY(-1px);
}

.rv-signup-block{
  margin-top:28px;
  text-align:center;
}

.rv-signup-block p{
  margin:0 0 10px;
  font-size:12px;
  color:#8A8F9B;
}

.rv-signup-block a{
  display:block;
  height:44px;
  line-height:44px;
  border-radius:10px;
  background:#EAF1FF;
  color:#0B43E8;
  font-size:14px;
  font-weight:800;
}

.rv-qr-panel{
  width:220px;
  text-align:center;
}

.rv-qr-box{
  width:138px;
  height:138px;
  margin:0 auto 18px;
  background:#ffffff;
  border:1px solid #D9DEE8;
  border-radius:12px;
  padding:12px;
  position:relative;
  box-shadow:0 8px 25px rgba(15,23,42,.05);
}

.qr-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:5px;
  width:100%;
  height:100%;
}

.qr-grid span{
  background:#171A21;
  border-radius:2px;
}

.qr-grid span:nth-child(2),
.qr-grid span:nth-child(5),
.qr-grid span:nth-child(8),
.qr-grid span:nth-child(11),
.qr-grid span:nth-child(14),
.qr-grid span:nth-child(17),
.qr-grid span:nth-child(20),
.qr-grid span:nth-child(23){
  opacity:.15;
}

.qr-grid span.blue{
  background:#0B43E8;
  opacity:1;
}

.rv-qr-box strong{
  position:absolute;
  inset:0;
  margin:auto;
  width:38px;
  height:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#ffffff;
  color:#0B43E8;
  font-size:22px;
  font-weight:900;
  box-shadow:0 0 0 5px #ffffff;
}

.rv-qr-panel h2{
  font-size:15px;
  margin:0 0 8px;
  color:#171A21;
}

.rv-qr-panel p{
  font-size:12px;
  line-height:1.5;
  color:#7A808C;
  margin:0;
}

.rv-footer{
  position:absolute;
  left:26px;
  right:26px;
  bottom:20px;
  display:flex;
  gap:28px;
  align-items:center;
  color:#6D7280;
  font-size:13px;
}

.rv-footer span:first-child:before{
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-right:8px;
  border-radius:999px;
  background:linear-gradient(135deg,#0A2FA8,#0B43E8);
  vertical-align:-1px;
}

.rv-error,
.rv-success{
  padding:11px 13px;
  border-radius:10px;
  margin:0 0 14px;
  font-size:13px;
  font-weight:800;
}

.rv-error{
  background:#FEE2E2;
  color:#B91C1C;
}

.rv-success{
  background:#DCFCE7;
  color:#166534;
}

@media(max-width:820px){
  .rv-auth-center{
    grid-template-columns:1fr;
    gap:30px;
    padding-top:100px;
  }

  .rv-login-panel,
  .rv-qr-panel{
    width:min(360px,100%);
    margin:0 auto;
  }

  .rv-footer{
    position:static;
    justify-content:center;
    padding:20px;
  }
}

/* SILKWOOD_REVBUSINESS_AUTH_FINAL */
.rvb-auth-page{
  min-height:100vh !important;
  display:grid !important;
  grid-template-columns:minmax(420px, 1fr) minmax(520px, 1.12fr) !important;
  background:#f7f8fb !important;
  font-family:Inter,Arial,sans-serif !important;
  color:#1f2329 !important;
}

.rvb-left{
  min-height:100vh;
  padding:44px 60px 32px;
  position:relative;
  display:flex;
  flex-direction:column;
}

.rvb-logo{
  width:230px !important;
  height:72px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  margin:0 0 82px !important;
  display:block !important;
}

.rvb-form{
  width:330px;
  margin:0 auto;
}

.rvb-form h1{
  margin:0 0 8px !important;
  color:#1f2329 !important;
  font-size:32px !important;
  line-height:1.03 !important;
  letter-spacing:-1.1px !important;
  font-weight:900 !important;
}

.rvb-small{
  margin:0 0 34px !important;
  color:#7b818c !important;
  font-size:12px !important;
}

.rvb-small a{
  color:#0B43E8 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

.rvb-form input{
  width:100% !important;
  height:48px !important;
  border:0 !important;
  outline:0 !important;
  background:#edf1f7 !important;
  color:#1f2329 !important;
  border-radius:10px !important;
  padding:0 15px !important;
  margin:0 0 12px !important;
  font-size:14px !important;
}

.rvb-form input:focus{
  background:#ffffff !important;
  box-shadow:0 0 0 4px rgba(11,67,232,.11) !important;
}

.rvb-form button{
  width:100% !important;
  height:48px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#2f67ea !important;
  color:#fff !important;
  font-weight:900 !important;
  cursor:pointer !important;
  margin:14px 0 0 !important;
  box-shadow:0 10px 24px rgba(47,103,234,.20) !important;
}

.rvb-form button:hover{
  background:#0B43E8 !important;
}

.rvb-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 14px;
  color:#8a919e;
  font-size:12px;
}

.rvb-divider:before,
.rvb-divider:after{
  content:"";
  height:1px;
  background:#d8dde6;
  flex:1;
}

.rvb-secondary{
  height:46px;
  border-radius:10px;
  background:#ffffff;
  color:#1f2329 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}

.rvb-bottom-note{
  margin:28px 0 0 !important;
  color:#8a919e !important;
  font-size:12px !important;
  line-height:1.5 !important;
  text-align:center !important;
}

.rvb-error,
.rvb-success{
  padding:12px 14px;
  border-radius:10px;
  margin:0 0 14px;
  font-size:13px;
  font-weight:900;
}

.rvb-error{
  background:#fee2e2;
  color:#b91c1c;
}

.rvb-success{
  background:#dcfce7;
  color:#166534;
}

.rvb-art{
  min-height:100vh;
  background:#f7f8fb;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.rvb-art img{
  width:100%;
  height:100vh;
  object-fit:cover;
}

.rvb-footer{
  position:absolute;
  left:60px;
  right:60px;
  bottom:30px;
  display:flex;
  gap:20px;
  align-items:center;
  color:#7b818c;
  font-size:12px;
}

.rvb-footer span:first-child{
  font-weight:800;
  color:#6f7682;
}

@media(max-width:900px){
  .rvb-auth-page{
    display:block !important;
  }

  .rvb-art{
    display:none !important;
  }

  .rvb-left{
    padding:32px 22px 80px;
  }

  .rvb-logo{
    margin:0 auto 48px !important;
  }

  .rvb-form{
    width:min(360px,100%);
  }

  .rvb-footer{
    left:22px;
    right:22px;
  }
}

/* SILKWOOD_CLEAN_COMPANY_PORTAL_FINAL */
.silk-auth-page{
  min-height:100vh !important;
  display:grid !important;
  grid-template-columns: 480px 1fr !important;
  background:#f4f7ff !important;
  color:#07111f !important;
  font-family:Inter,Arial,sans-serif !important;
}

.silk-auth-card{
  min-height:100vh !important;
  background:#ffffff !important;
  padding:44px 56px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  box-shadow:26px 0 60px rgba(9,35,95 flex-direction:column !important;
  justify-content:center !important;
  box-shadow:26px 0 60px rgba(9,35,95,.08) !important;
  position:relative !important;
  z-index:2 !important;
}

.silk-auth-brand{
  margin-bottom:42px !important;
}

.silk-auth-brand img{
  width:240px !important;
  height:auto !important;
  max-height:115px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  background:transparent !important;
}

.silk-auth-copy .eyebrow{
  margin:0 0 10px !important;
  color:#0B43E8 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

.silk-auth-copy h1{
  margin:0 0 12px !important;
  max-width:390px !important;
  font-size:40px !important;
  line-height:1.02 !important;
  letter-spacing:-1.5px !important;
  font-weight:950 !important;
  color:#08111f !important;
}

.silk-auth-copy p:not(.eyebrow){
  margin:0 0 34px !important;
  max-width:370px !important;
  color:#687386 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.silk-auth-form{
  width:100% !important;
  max-width:380px !important;
}

.silk-auth-form label{
  display:block !important;
  margin:0 0 8px !important;
  color:#08111f !important;
  font-weight:900 !important;
  font-size:14px !important;
}

.silk-auth-form input{
  width:100% !important;
  height:54px !important;
  border:1px solid #d9e2f2 !important;
  border-radius:14px !important;
  background:#f5f8fd !important;
  padding:0 16px !important;
  margin:0 0 18px !important;
  font-size:15px !important;
  color:#08111f !important;
  outline:none !important;
}

.silk-auth-form input:focus{
  background:#ffffff !important;
  border-color:#0B43E8 !important;
  box-shadow:0 0 0 4px rgba(11,67,232,.11) !important;
}

.silk-auth-form button{
  width:100% !important;
  height:56px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#0B2EA8,#0B43E8,#1C63FF) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 16px 30px rgba(11,67,232,.22) !important;
}

.silk-auth-switch{
  margin-top:24px !important;
  color:#687386 !important;
  font-size:14px !important;
}

.silk-auth-switch a{
  color:#0B43E8 !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.silk-auth-visual{
  min-height:100vh !important;
  padding:34px !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(11,67,232,.18), transparent 35%),
    linear-gradient(135deg,#eef4ff,#ffffff 38%,#eaf1ff) !important;
}

.silk-visual-panel{
  width:100% !important;
  height:calc(100vh - 68px) !important;
  min-height:620px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  position:relative !important;
  box-shadow:0 30px 90px rgba(6,20,61,.18) !important;
  background:#0B2EA8 !important;
}

.silk-visual-panel > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  filter:saturate(1.08) contrast(1.04) !important;
}

.silk-visual-panel:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(5,18,50,.88),rgba(5,18,50,.42),rgba(5,18,50,.08)),
    linear-gradient(0deg,rgba(5,18,50,.55),rgba(5,18,50,.05)) !important;
}

.silk-visual-overlay{
  position:absolute !important;
  left:54px !important;
  bottom:54px !important;
  z-index:2 !important;
  max-width:520px !important;
  color:#fff !important;
}

.silk-visual-overlay img{
  width:280px !important;
  max-height:130px !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:rgba(255,255,255,.95) !important;
  border-radius:22px !important;
  padding:18px 22px !important;
  margin-bottom:30px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
}

.silk-visual-overlay h2{
  font-size:50px !important;
  line-height:1 !important;
  letter-spacing:-1.8px !important;
  margin:0 0 16px !important;
  color:#fff !important;
  font-weight:950 !important;
}

.silk-visual-overlay p{
  font-size:19px !important;
  line-height:1.5 !important;
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  max-width:450px !important;
}

@media(max-width:980px){
  .silk-auth-page{
    display:block !important;
  }

  .silk-auth-card{
    min-height:auto !important;
    padding:34px 24px !important;
  }

  .silk-auth-visual{
    display:none !important;
  }

  .silk-auth-copy h1{
    font-size:34px !important;
  }

  .silk-auth-brand img{
    width:210px !important;
  }
}

/* SW_REMOVE_BACKGROUND_CLEAN_AUTH_FINAL */
.silk-auth-visual,
.silk-auth-visual *,
.silk-visual-panel,
.silk-visual-panel *,
.auth-logo-panel,
.auth-logo-panel *,
.rvb-art,
.rvb-art *,
.authArt,
.authArt *,
.rv-qr-panel,
.rv-qr-panel * {
  display: none !important;
}

.sw-clean-auth-page {
  min-height: 100vh !important;
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at top right, rgba(11, 67, 232, 0.08), transparent 35%),
    linear-gradient(180deg, #ffffff 0%, #eef4ff 100%) !important;
  padding: 28px !important;
  font-family: Inter, Arial, sans-serif !important;
  color: #08111f !important;
}

.sw-clean-auth-card {
  width: min(520px, 100%) !important;
  background: #ffffff !important;
  border: 1px solid #dce5f5 !important;
  border-radius: 28px !important;
  padding: 42px !important;
  box-shadow: 0 28px 80px rgba(11, 67, 232, 0.12) !important;
}

.sw-clean-logo {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 28px !important;
}

.sw-clean-logo img {
  display: block !important;
  width: 250px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 135px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.sw-clean-heading {
  text-align: center !important;
  margin-bottom: 30px !important;
}

.sw-clean-heading p {
  margin: 0 0 8px !important;
  color: #0b43e8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.sw-clean-heading h1 {
  margin: 0 0 12px !important;
  color: #08111f !important;
  font-size: 34px !important;
  line-height: 1.05 !important;
  letter-spacing: -1px !important;
  font-weight: 950 !important;
}

.sw-clean-heading span {
  display: block !important;
  color: #687386 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  max-width: 390px !important;
  margin: 0 auto !important;
}

.sw-clean-form label {
  display: block !important;
  color: #08111f !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin: 0 0 8px !important;
}

.sw-clean-form input {
  width: 100% !important;
  height: 54px !important;
  border: 1px solid #d9e2f2 !important;
  border-radius: 14px !important;
  background: #f6f9ff !important;
  padding: 0 16px !important;
  margin: 0 0 18px !important;
  color: #08111f !important;
  font-size: 15px !important;
  outline: none !important;
}

.sw-clean-form input:focus {
  background: #ffffff !important;
  border-color: #0b43e8 !important;
  box-shadow: 0 0 0 4px rgba(11, 67, 232, 0.11) !important;
}

.sw-clean-form button {
  width: 100% !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0b2ea8, #0b43e8, #1c63ff) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 16px 30px rgba(11, 67, 232, 0.22) !important;
}

.sw-clean-switch {
  margin-top: 22px !important;
  text-align: center !important;
  color: #687386 !important;
  font-size: 14px !important;
}

.sw-clean-switch a {
  color: #0b43e8 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.sw-clean-error,
.sw-clean-success {
  padding: 13px 14px !important;
  border-radius: 14px !important;
  margin: 0 0 20px !important;
  font-weight: 850 !important;
  font-size: 14px !important;
}

.sw-clean-error {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}

.sw-clean-success {
  background: #dcfce7 !important;
  color: #166534 !important;
}

@media (max-width: 650px) {
  .sw-clean-auth-page {
    padding: 18px !important;
  }

  .sw-clean-auth-card {
    padding: 28px 22px !important;
    border-radius: 22px !important;
  }

  .sw-clean-heading h1 {
    font-size: 28px !important;
  }

  .sw-clean-logo img {
    width: 210px !important;
  }
}

/* SILKWOOD_DASHBOARD_RESPONSIVE_FINAL */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  -webkit-text-size-adjust: 100% !important;
}

.site-header {
  width: 100% !important;
}

.main-header {
  width: 100% !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  grid-template-columns: minmax(220px, 300px) minmax(280px, 1fr) auto !important;
  gap: 22px !important;
  padding: 16px 24px !important;
}

.site-logo {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.site-logo img {
  width: 240px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 86px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.dashboard-search {
  width: 100% !important;
  max-width: 780px !important;
  min-width: 0 !important;
}

.header-actions {
  min-width: max-content !important;
}

.blue-nav {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}

.blue-nav a {
  flex: 0 0 auto !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: clamp(14px, 1vw, 18px) !important;
}

.content {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: clamp(18px, 3vw, 38px) !important;
}

.topbar {
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.topbar h1 {
  font-size: clamp(28px, 3vw, 42px) !important;
}

.topbar p {
  font-size: clamp(14px, 1.25vw, 17px) !important;
  line-height: 1.5 !important;
}

.cards {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 16px !important;
}

.card {
  min-width: 0 !important;
  padding: clamp(16px, 2vw, 22px) !important;
}

.card strong {
  font-size: clamp(22px, 2vw, 30px) !important;
  word-break: break-word !important;
}

.grid2 {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .9fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

.panel {
  min-width: 0 !important;
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.panel h2 {
  font-size: clamp(22px, 2vw, 30px) !important;
}

table {
  width: 100% !important;
}

th,
td {
  font-size: clamp(12px, .9vw, 14px) !important;
}

.alert-list {
  width: 100% !important;
}

.alert-item {
  word-break: break-word !important;
}

/* Laptop screens */
@media (max-width: 1366px) {
  .main-header {
    grid-template-columns: 250px minmax(260px, 1fr) auto !important;
    padding: 14px 18px !important;
  }

  .site-logo img {
    width: 210px !important;
  }

  .content {
    max-width: 1160px !important;
  }

  .grid2 {
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr) !important;
  }
}

/* Tablet screens */
@media (max-width: 1024px) {
  .main-header {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  .site-logo {
    justify-content: center !important;
  }

  .site-logo img {
    width: 240px !important;
    object-position: center center !important;
  }

  .dashboard-search {
    max-width: 100% !important;
  }

  .header-actions {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .blue-nav {
    padding: 0 8px !important;
  }

  .blue-nav a {
    padding: 16px 18px !important;
  }

  .grid2 {
    grid-template-columns: 1fr !important;
  }

  .content {
    max-width: 100% !important;
  }
}

/* Phone screens */
@media (max-width: 700px) {
  .main-header {
    padding: 14px 12px !important;
  }

  .site-logo img {
    width: 210px !important;
    max-height: 78px !important;
  }

  .dashboard-search {
    height: 48px !important;
    font-size: 14px !important;
    padding-left: 16px !important;
  }

  .dashboard-search b {
    width: 38px !important;
    height: 38px !important;
  }

  .header-actions {
    gap: 10px !important;
    align-items: center !important;
  }

  .header-actions div {
    min-width: 0 !important;
  }

  .header-actions span {
    font-size: 11px !important;
  }

  .header-actions strong {
    font-size: 13px !important;
  }

  .logout-top {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  .blue-nav {
    min-height: 54px !important;
  }

  .blue-nav a {
    min-height: 54px !important;
    padding: 14px 16px !important;
    font-size: 14px !important;
  }

  .content {
    padding: 16px 12px 34px !important;
  }

  .topbar {
    display: block !important;
  }

  .pill {
    margin-top: 12px !important;
  }

  .cards {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  .card {
    border-radius: 16px !important;
    padding: 15px !important;
  }

  .card span {
    font-size: 12px !important;
  }

  .card strong {
    font-size: 22px !important;
  }

  .panel {
    border-radius: 18px !important;
    padding: 14px !important;
  }

  table {
    min-width: 680px !important;
  }

  .panel::after {
    content: "Swipe sideways to view full table";
    display: block;
    color: #6b7280;
    font-size: 12px;
    padding-top: 10px;
  }
}

/* Very small phones */
@media (max-width: 420px) {
  .cards {
    grid-template-columns: 1fr !important;
  }

  .site-logo img {
    width: 190px !important;
  }

  .dashboard-search span {
    font-size: 13px !important;
  }
}