:root {     --brand-1: #0e6ba8;     --brand-2: #f47c20;     --brand-3: #143642;     --surface-glass: rgba(255, 255, 255, 0.76); }  body {     font-family: 'Manrope', sans-serif;     background: radial-gradient(circle at 10% 0%, rgba(14, 107, 168, 0.14), transparent 38%),                 radial-gradient(circle at 100% 20%, rgba(244, 124, 32, 0.16), transparent 40%),                 linear-gradient(180deg, #f6fafc 0%, #f2f5f8 100%);     min-height: 100vh; }  h1, h2, h3, .navbar-brand {     font-family: 'Space Grotesk', sans-serif; }  .btn-brand {     background: linear-gradient(90deg, var(--brand-1), var(--brand-2));     border: 0;     color: #fff; }  .btn-brand:hover {     color: #fff;     opacity: 0.94; }  .hero-panel {     border-radius: 1rem;     color: #fff;     background: linear-gradient(120deg, #143642 0%, #0e6ba8 48%, #f47c20 100%);     box-shadow: 0 20px 32px rgba(20, 54, 66, 0.24); }  .stat-card {     border: 0;     box-shadow: 0 6px 20px rgba(16, 26, 40, 0.08); }  .card {     border: 0;     box-shadow: 0 8px 22px rgba(16, 26, 40, 0.08); }  .auth-shell {     min-height: 100dvh;     display: flex;     align-items: center;     justify-content: center;     padding: 2rem 1rem; }  .auth-shell--dynamic {     background: transparent; }  .auth-shell__inner {     width: 100%;     max-width: 520px; }  .auth-main {     min-height: 100dvh;     position: relative;     background: radial-gradient(circle at 5% 10%, rgba(20, 54, 66, 0.16), transparent 35%),                 radial-gradient(circle at 98% 0%, rgba(244, 124, 32, 0.2), transparent 34%),                 linear-gradient(180deg, #f6fafc 0%, #edf2f7 100%); }  .auth-flash-stack {     position: fixed;     top: 0.9rem;     left: 50%;     transform: translateX(-50%);     z-index: 1090;     width: min(760px, calc(100vw - 1.5rem)); }  .auth-card {     border-radius: 1.25rem;     background: rgba(255, 255, 255, 0.92);     backdrop-filter: blur(10px); }  .auth-card--dynamic {     border: 1px solid rgba(20, 54, 66, 0.08);     animation: auth-card-rise 0.55s ease; }  .auth-card__band {     height: 8px;     background: linear-gradient(90deg, #143642 0%, #0e6ba8 50%, #f47c20 100%); }  .auth-logo-link {     text-decoration: none; }  .auth-logo {     width: min(300px, 100%);     max-height: 110px;     height: auto;     object-fit: contain;     filter: drop-shadow(0 10px 22px rgba(20, 54, 66, 0.18)); }  .auth-input {     border-radius: 0.9rem;     border: 1px solid #d3dfeb;     padding: 0.9rem 1rem; }  .auth-input:focus {     border-color: #0e6ba8;     box-shadow: 0 0 0 0.25rem rgba(14, 107, 168, 0.15); }  .auth-submit {     border-radius: 0.95rem;     font-weight: 800;     letter-spacing: 0.02em;     box-shadow: 0 14px 28px rgba(14, 107, 168, 0.24); }  .auth-submit:hover {     transform: translateY(-1px);     box-shadow: 0 18px 32px rgba(244, 124, 32, 0.24); }  .auth-loader {     display: none;     align-items: center;     gap: 0.65rem;     padding: 0.75rem 0.95rem;     border-radius: 0.85rem;     background: rgba(14, 107, 168, 0.08);     color: #1f526f;     font-size: 0.92rem;     font-weight: 600;     margin-bottom: 0.9rem; }  .auth-loader.is-visible {     display: inline-flex; }  .auth-loader__spinner {     width: 1.05rem;     height: 1.05rem;     border: 2px solid rgba(14, 107, 168, 0.2);     border-top-color: #0e6ba8;     border-radius: 50%;     animation: auth-spin 0.85s linear infinite; }  .auth-status {     border-radius: 0.9rem;     padding: 0.75rem 0.95rem;     margin-bottom: 0.9rem;     font-size: 0.92rem;     border: 1px solid transparent;     transition: all 0.25s ease; }  .auth-status.is-neutral {     background: rgba(20, 54, 66, 0.06);     border-color: rgba(20, 54, 66, 0.1);     color: #335166; }  .auth-status.is-success {     background: rgba(20, 130, 80, 0.1);     border-color: rgba(20, 130, 80, 0.2);     color: #0e5c3a; }  .auth-status.is-warning {     background: rgba(193, 124, 20, 0.12);     border-color: rgba(193, 124, 20, 0.23);     color: #7c4a0c; }  .auth-status.is-danger {     background: rgba(170, 53, 53, 0.12);     border-color: rgba(170, 53, 53, 0.25);     color: #8f2020; }  .auth-profile-badge {     display: inline-flex;     align-items: center;     gap: 0.6rem;     margin-bottom: 0.4rem;     padding: 0.55rem 0.85rem;     border-radius: 999px;     border: 1px solid rgba(14, 107, 168, 0.22);     background: rgba(14, 107, 168, 0.06);     color: #0e4f7a;     font-size: 0.9rem;     font-weight: 700; }  .auth-profile-badge__icon {     width: 1.5rem;     height: 1.5rem;     display: inline-flex;     align-items: center;     justify-content: center; }  .auth-profile-badge__icon svg {     width: 100%;     height: 100%; }  .password-reveal {     max-height: 0;     opacity: 0;     overflow: hidden;     transform: translateY(-14px);     transition: max-height 0.45s ease, opacity 0.35s ease, transform 0.35s ease; }  .password-reveal.is-visible {     max-height: 240px;     opacity: 1;     transform: translateY(0); }  .auth-links {     min-height: 1.4rem; }  @keyframes auth-spin {     to {         transform: rotate(360deg);     } }  @keyframes auth-card-rise {     from {         transform: translateY(16px);         opacity: 0;     }     to {         transform: translateY(0);         opacity: 1;     } }  .auth-tip {     padding: 0.9rem 1rem;     border-radius: 0.9rem;     background: rgba(20, 54, 66, 0.06);     color: #355064;     font-size: 0.92rem; }  .card-stat h2 {     margin: 0;     font-size: 1.8rem;     font-weight: 800;     color: var(--brand-3); }  .card-stat p {     margin: 0.25rem 0 0;     color: #5f6f80;     font-size: 0.92rem; }  .search-box {     min-width: 260px; }  .search-results {     display: none;     position: fixed;     right: 2rem;     top: 4.8rem;     z-index: 1080;     width: min(500px, 92vw);     max-height: 60vh;     overflow: auto;     border-radius: 0.75rem;     border: 1px solid #d9e2ec;     background: var(--surface-glass);     backdrop-filter: blur(12px); }  .search-results .item {     display: block;     color: inherit;     text-decoration: none;     border-bottom: 1px solid #e8eef3;     padding: 0.75rem 1rem; }  .search-results .item:hover {     background: rgba(14, 107, 168, 0.07); }  .drag-zone {     border: 2px dashed #9db4c7;     border-radius: 0.75rem;     padding: 1.25rem;     text-align: center;     background: rgba(14, 107, 168, 0.04);     transition: all 0.2s ease; }  .drag-zone.dragover {     border-color: var(--brand-2);     background: rgba(244, 124, 32, 0.09); }  .signature-pad {     border: 1px dashed #9aa8b8;     border-radius: 0.5rem;     background: #fff; }  [data-bs-theme="dark"] body {     background: linear-gradient(180deg, #10161e 0%, #17222f 100%); }  [data-bs-theme="dark"] .card, [data-bs-theme="dark"] .stat-card {     box-shadow: none;     border: 1px solid #2b3c4f; }  @media (max-width: 576px) {     .auth-shell {         padding: 4.2rem 0.7rem 1rem;         align-items: flex-start;     }      .auth-shell__inner {         max-width: 100%;     }      .auth-card--dynamic .card-body {         padding: 1.25rem;     }      .auth-logo {         width: min(280px, 100%);     }      .auth-status,     .auth-loader {         font-size: 0.88rem;     } }