:root{
  --navy-950:#061426;--navy-900:#0a1d33;--navy-850:#0d2743;--navy-800:#123554;
  --navy-700:#19496f;--navy-600:#28658f;--gold-500:#d7aa45;--gold-400:#e7c267;
  --ink:#17263a;--muted:#65758a;--subtle:#8b98a9;--line:#dfe6ee;--line-soft:#edf1f5;
  --surface:#ffffff;--surface-2:#f7f9fc;--canvas:#eef3f8;--success:#147a55;--success-bg:#e8f7f0;
  --warning:#9a6400;--warning-bg:#fff5da;--danger:#b42335;--danger-bg:#fff0f2;--info:#23628a;--info-bg:#eaf4fb;
  --shadow-sm:0 3px 12px rgba(8,28,49,.06);--shadow-md:0 12px 34px rgba(8,28,49,.09);
  --radius-sm:10px;--radius:16px;--radius-lg:22px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility;
}
*{box-sizing:border-box}html{min-width:320px;background:var(--canvas)}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}
:focus-visible{outline:3px solid rgba(215,170,69,.38);outline-offset:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Authentication */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);background:var(--surface)}
.auth-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy-950),var(--navy-800));color:#fff;padding:clamp(36px,6vw,84px);display:flex;flex-direction:column;justify-content:space-between}
.auth-brand:before,.auth-brand:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.auth-brand:before{width:520px;height:520px;right:-280px;top:-220px}.auth-brand:after{width:360px;height:360px;left:-190px;bottom:-160px}
.auth-logo-row{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.auth-logo-row img{width:78px;height:78px;object-fit:contain}.auth-logo-row strong{display:block;font-size:1.2rem}.auth-logo-row span{display:block;color:#c5d1de;font-size:.92rem;margin-top:3px}
.auth-message{position:relative;z-index:1;max-width:610px}.auth-message .eyebrow{color:var(--gold-400)}.auth-message h1{font-size:clamp(2.15rem,4.7vw,4.5rem);line-height:1.03;letter-spacing:-.045em;margin:12px 0 20px}.auth-message p{font-size:1.08rem;line-height:1.7;color:#d8e1ea;max-width:570px}
.auth-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.auth-point{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);border-radius:14px;padding:14px}.auth-point b{display:block;color:var(--gold-400);font-size:1.08rem}.auth-point span{display:block;color:#cbd6e2;font-size:.79rem;margin-top:4px;line-height:1.4}
.auth-foot{position:relative;z-index:1;color:#97aabd;font-size:.8rem;line-height:1.6}
.auth-form-wrap{display:grid;place-items:center;padding:32px;background:linear-gradient(180deg,#fff,#f9fbfd)}
.auth-card{width:min(470px,100%);padding:clamp(26px,4vw,44px);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff}
.auth-card h2{font-size:1.75rem;margin:0 0 8px;letter-spacing:-.025em}.auth-card>p{color:var(--muted);margin:0 0 26px;line-height:1.6}.auth-card .field{margin-bottom:17px}.auth-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 20px;font-size:.85rem}.link-button{border:0;background:transparent;color:var(--navy-700);padding:0;text-decoration:underline;text-underline-offset:3px}.security-note{display:flex;gap:10px;margin-top:20px;padding:13px;border-radius:12px;background:var(--surface-2);font-size:.8rem;color:var(--muted);line-height:1.5}.security-note svg{flex:none;color:var(--success)}

/* Shell */
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}
.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,var(--navy-950),var(--navy-850));color:#fff;display:flex;flex-direction:column;padding:18px 14px 14px;overflow:hidden;z-index:30}
.brand-block{display:flex;align-items:center;gap:11px;padding:4px 7px 17px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}.brand-block img{width:49px;height:49px;object-fit:contain}.brand-copy b{display:block;color:var(--gold-400);font-size:1.35rem;line-height:1}.brand-copy span{display:block;color:#b7c5d3;font-size:.69rem;margin-top:4px;line-height:1.3}
.sidebar-nav{overflow:auto;padding:1px 2px 14px;scrollbar-width:thin;scrollbar-color:#315371 transparent}.nav-section{margin-top:13px}.nav-label{display:block;padding:0 10px 6px;color:#7990a6;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750}.nav-link{width:100%;border:0;background:transparent;color:#cfdae5;display:flex;align-items:center;gap:11px;padding:10px 11px;margin:2px 0;border-radius:10px;text-align:left;font-size:.88rem;transition:.18s ease}.nav-link svg{width:18px;height:18px;flex:none;color:#8ea4b8}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(215,170,69,.2),rgba(255,255,255,.07));color:#fff;box-shadow:inset 3px 0 var(--gold-500)}.nav-link.active svg{color:var(--gold-400)}
.sidebar-user{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-user button{width:100%;border:0;background:rgba(255,255,255,.05);color:#fff;border-radius:12px;padding:10px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left}.user-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--gold-400),#b57c21);color:var(--navy-950);display:grid;place-items:center;font-weight:850}.sidebar-user b{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user span{display:block;color:#9fb0c1;font-size:.7rem;margin-top:2px}
.app-main{min-width:0}.topbar{height:68px;position:sticky;top:0;z-index:25;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(240px,650px) 1fr auto;align-items:center;gap:16px;padding:0 24px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px}.global-search{position:relative}.global-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--subtle);width:18px}.global-search input{width:100%;height:42px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:0 44px 0 42px;color:var(--ink)}.search-shortcut{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:#fff;color:var(--subtle);border-radius:6px;font-size:.69rem;padding:3px 6px}.topbar-spacer{min-width:0}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{position:relative;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;color:var(--navy-800)}.icon-button svg{width:18px;height:18px}.notification-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px #fff}.top-profile{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:4px 3px 4px 7px;border-radius:12px}.top-profile:hover{background:var(--surface-2)}.top-profile .user-avatar{width:35px;height:35px;border-radius:10px;font-size:.8rem}.top-profile-copy{max-width:150px;text-align:left}.top-profile-copy b{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-profile-copy span{display:block;font-size:.67rem;color:var(--muted);margin-top:2px}
.page-content{padding:24px;max-width:1680px;margin:0 auto;min-height:calc(100vh - 68px)}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{margin:0;font-size:clamp(1.65rem,2.5vw,2.25rem);letter-spacing:-.03em}.page-head p{margin:7px 0 0;color:var(--muted);line-height:1.55}.page-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.eyebrow{margin:0;color:var(--gold-500);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* Common controls */
.btn{border:1px solid var(--line);background:#fff;color:var(--navy-850);min-height:40px;border-radius:10px;padding:9px 14px;font-weight:700;font-size:.83rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn svg{width:16px;height:16px}.btn:hover{border-color:#b8c5d1;background:var(--surface-2)}.btn.primary{border-color:var(--navy-800);background:var(--navy-800);color:#fff}.btn.gold{border-color:var(--gold-500);background:var(--gold-500);color:var(--navy-950)}.btn.danger{border-color:#f0c7ce;color:var(--danger);background:#fff}.btn.small{min-height:34px;padding:7px 10px;font-size:.75rem}.btn:disabled{opacity:.55;cursor:not-allowed}
.field{display:grid;gap:6px}.field label,.field>span{font-size:.78rem;font-weight:750;color:#34475b}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9e3;background:#fff;color:var(--ink);border-radius:10px;padding:10px 11px;min-height:42px}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy-600);box-shadow:0 0 0 3px rgba(40,101,143,.11);outline:0}.field small{color:var(--muted);line-height:1.45}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line-soft)}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar .search-field{position:relative;flex:1;min-width:240px}.search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;color:var(--subtle)}.search-field input{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 12px 0 39px}.toolbar select{height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 34px 0 11px}

/* Cards and dashboard */
.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(130deg,var(--navy-950),var(--navy-700));color:#fff;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow-md)}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:-165px}.hero>div,.hero>aside{position:relative;z-index:1}.hero h1{font-size:clamp(1.75rem,3vw,2.7rem);margin:7px 0 8px;letter-spacing:-.035em}.hero p{margin:0;max-width:760px;color:#cbd8e4;line-height:1.55}.hero-actions{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.hero .btn.secondary-dark{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff}.health-gauge{width:118px;height:118px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--gold-400) calc(var(--value)*1%),rgba(255,255,255,.14) 0);padding:9px;flex:none}.health-gauge>div{width:100%;height:100%;border-radius:50%;background:var(--navy-850);display:grid;place-content:center;text-align:center}.health-gauge strong{font-size:1.65rem}.health-gauge span{font-size:.65rem;color:#c6d4df;margin-top:2px}
.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.metric-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px;box-shadow:var(--shadow-sm)}.metric-top{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.73rem}.metric-icon{width:31px;height:31px;border-radius:9px;background:var(--info-bg);color:var(--info);display:grid;place-items:center}.metric-icon svg{width:16px}.metric-value{display:block;font-size:1.55rem;line-height:1.2;margin:11px 0 3px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-sub{display:flex;align-items:center;gap:5px;color:var(--subtle);font-size:.68rem}.metric-sub.good{color:var(--success)}.metric-sub.warn{color:var(--warning)}.metric-sub.bad{color:var(--danger)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:16px}.stack{display:grid;gap:16px;align-content:start}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2,.panel h2{font-size:1rem;margin:0;letter-spacing:-.01em}.panel-head p{font-size:.75rem;color:var(--muted);margin:4px 0 0}.panel-link{border:0;background:transparent;color:var(--navy-700);font-weight:750;font-size:.75rem;padding:0}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.list-row:last-child{border-bottom:0}.list-row-main{min-width:0}.list-row b{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row small{display:block;color:var(--muted);font-size:.69rem;margin-top:4px;line-height:1.4}.list-row-value{text-align:right;font-size:.77rem;font-weight:750}.list-row-actions{display:flex;gap:6px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.025em;background:#edf2f7;color:#506275}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.green,.status-pill.active,.status-pill.healthy,.status-pill.approved,.status-pill.completed,.status-pill.pass{background:var(--success-bg);color:var(--success)}.status-pill.amber,.status-pill.watch,.status-pill.pending,.status-pill.in_progress,.status-pill.warn{background:var(--warning-bg);color:var(--warning)}.status-pill.red,.status-pill.critical,.status-pill.at_risk,.status-pill.overdue,.status-pill.fail,.status-pill.rejected{background:var(--danger-bg);color:var(--danger)}.status-pill.blue{background:var(--info-bg);color:var(--info)}
.priority-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line-soft)}.priority-row:last-child{border-bottom:0}.priority-marker{width:9px;height:9px;border-radius:50%;background:var(--warning);margin-top:5px}.priority-marker.critical{background:var(--danger)}.priority-marker.medium{background:var(--info)}.priority-row b{display:block;font-size:.82rem}.priority-row p{font-size:.72rem;color:var(--muted);line-height:1.45;margin:4px 0 0}.priority-row time{font-size:.68rem;color:var(--subtle)}
.bar-chart{display:grid;gap:12px;padding-top:5px}.bar-row{display:grid;grid-template-columns:120px minmax(80px,1fr) 45px;gap:10px;align-items:center}.bar-row label{font-size:.72rem;color:var(--muted)}.bar-track{height:10px;background:#edf1f5;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--navy-700),var(--navy-600))}.bar-row strong{text-align:right;font-size:.73rem}
.line-chart{width:100%;height:auto;min-height:180px;display:block}.chart-grid-line{stroke:#e6ebf0;stroke-width:1}.chart-line{fill:none;stroke:var(--navy-700);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaFill)}.chart-dot{fill:#fff;stroke:var(--gold-500);stroke-width:3}.chart-label{font-size:10px;fill:#7b8999}
.progress-line{height:9px;border-radius:99px;background:#e9eef3;overflow:hidden}.progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-500),var(--gold-400))}

/* Tables, grids, empty states */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.record-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-sm);display:grid;gap:11px;min-width:0}.record-card:hover{border-color:#c8d3dd;box-shadow:var(--shadow-md);transform:translateY(-1px)}.record-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.record-card h3{font-size:.98rem;margin:0;line-height:1.35}.record-card p{font-size:.75rem;color:var(--muted);margin:0;line-height:1.5}.record-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.69rem;color:var(--muted)}.record-meta b{color:var(--ink);margin-right:4px}.record-card-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:4px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{background:#f7f9fb;color:#536579;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 13px;border-bottom:1px solid var(--line-soft);font-size:.78rem;vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fafbfd}.ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:var(--navy-700)}
.empty-state{display:grid;place-items:center;text-align:center;padding:42px 20px;border:1px dashed #c9d4df;border-radius:var(--radius);background:rgba(255,255,255,.55)}.empty-icon{width:48px;height:48px;border-radius:14px;background:var(--info-bg);color:var(--info);display:grid;place-items:center;margin-bottom:12px}.empty-icon svg{width:23px}.empty-state h3{margin:0 0 6px;font-size:.96rem}.empty-state p{margin:0;color:var(--muted);font-size:.76rem;max-width:460px;line-height:1.5}.empty-state .btn{margin-top:15px}
.loading-state{display:grid;gap:12px}.skeleton{height:74px;border-radius:14px;background:linear-gradient(90deg,#edf1f5 25%,#f7f9fb 37%,#edf1f5 63%);background-size:400% 100%;animation:shimmer 1.25s infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.alert-box{border:1px solid #f0ccd2;border-left:4px solid var(--danger);background:var(--danger-bg);border-radius:12px;padding:13px 14px;color:#862537;font-size:.78rem;line-height:1.5}.notice-box{border:1px solid #d1e5f2;border-left:4px solid var(--info);background:var(--info-bg);border-radius:12px;padding:13px 14px;color:#24536e;font-size:.78rem;line-height:1.5}.warning-box{border:1px solid #edd99f;border-left:4px solid var(--warning);background:var(--warning-bg);border-radius:12px;padding:13px 14px;color:#765100;font-size:.78rem;line-height:1.5}

/* Finance and documents */
.finance-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fund-block{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.fund-block span{display:block;color:var(--muted);font-size:.71rem}.fund-block strong{display:block;font-size:1.2rem;margin-top:7px}.fund-visual{height:14px;display:flex;overflow:hidden;border-radius:999px;background:#edf1f5;margin:15px 0}.fund-visual i:nth-child(1){background:var(--navy-700)}.fund-visual i:nth-child(2){background:var(--gold-500)}.fund-visual i:nth-child(3){background:#89a6bd}.fund-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.69rem;color:var(--muted)}.fund-legend b{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.fund-legend span:nth-child(1) b{background:var(--navy-700)}.fund-legend span:nth-child(2) b{background:var(--gold-500)}.fund-legend span:nth-child(3) b{background:#89a6bd}
.document-layout{display:grid;grid-template-columns:minmax(350px,.72fr) minmax(0,1.28fr);gap:16px}.document-preview{background:#cfd5dc;border-radius:var(--radius);padding:20px;min-height:650px}.paper{background:#fff;width:min(760px,100%);margin:0 auto;min-height:940px;box-shadow:0 10px 28px rgba(0,0,0,.15);padding:34px;overflow:auto}.paper iframe{width:100%;height:900px;border:0}.document-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.document-type{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 8px;font-size:.72rem;font-weight:700}.document-type.active{border-color:var(--gold-500);background:#fff9e9;color:#765100}

/* Client portal */
.client-portal-hero{background:linear-gradient(135deg,var(--navy-950),#154d71);color:#fff;border-radius:var(--radius-lg);padding:25px 27px;display:flex;justify-content:space-between;gap:20px;align-items:center}.client-portal-hero h1{margin:7px 0;font-size:1.85rem}.client-portal-hero p{margin:0;color:#c7d6e2}.client-portal-role{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 12px;font-size:.7rem;font-weight:800}.project-portfolio{display:grid;gap:11px}.portal-project{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.portal-project-head{display:flex;justify-content:space-between;gap:12px}.portal-project h3{margin:4px 0 10px;font-size:.9rem}.portal-project p{margin:8px 0 0;color:var(--muted);font-size:.71rem}.action-centre-item{border-left:3px solid var(--gold-500);padding:9px 0 9px 12px;margin:4px 0}.action-centre-item b{display:block;font-size:.79rem}.action-centre-item span{display:block;font-size:.68rem;color:var(--muted);margin-top:3px}

/* Settings and admin */
.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.settings-nav{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px;height:max-content;position:sticky;top:88px}.settings-nav button{width:100%;border:0;background:transparent;text-align:left;border-radius:9px;padding:10px 11px;color:var(--muted);font-size:.78rem;font-weight:700}.settings-nav button.active{background:var(--info-bg);color:var(--navy-700)}.settings-section{display:none}.settings-section.active{display:block}.settings-section h2{margin-top:0;font-size:1.12rem}.settings-section>p{color:var(--muted);font-size:.78rem;line-height:1.5}.entity-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.entity-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font-size:.72rem;font-weight:750}.entity-tab.active{background:var(--navy-800);border-color:var(--navy-800);color:#fff}.sensitive-field{position:relative}.sensitive-badge{position:absolute;right:10px;top:35px;font-size:.62rem;color:var(--warning);background:var(--warning-bg);padding:3px 6px;border-radius:5px}.session-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-soft)}.session-row:last-child{border-bottom:0}.session-device{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--navy-700)}.session-row b{font-size:.78rem}.session-row small{display:block;color:var(--muted);font-size:.67rem;margin-top:3px}

/* Menus, modal, toast */
.popover{position:fixed;z-index:80;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px rgba(6,20,38,.18);padding:7px;min-width:220px}.popover button,.popover a{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;text-decoration:none;text-align:left;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:.76rem}.popover button:hover,.popover a:hover{background:var(--surface-2)}.popover hr{border:0;border-top:1px solid var(--line-soft);margin:6px}.popover svg{width:16px;color:var(--muted)}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,14,25,.62);z-index:100;display:grid;place-items:center;padding:18px;animation:fade .14s ease}.modal{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:0 28px 80px rgba(0,0,0,.28)}.modal.wide{width:min(1080px,100%)}.modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px}.modal-head h2{margin:0;font-size:1.12rem}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:.72rem}.modal-close{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:9px}.modal-body{padding:20px}.modal-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:14px 20px;display:flex;justify-content:flex-end;gap:9px}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:130;display:grid;gap:8px;width:min(390px,calc(100vw - 36px))}.toast{background:var(--navy-900);color:#fff;border-radius:12px;padding:13px 14px;box-shadow:0 15px 36px rgba(0,0,0,.24);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;animation:slide .18s ease}.toast.success{background:#0f6749}.toast.error{background:#8f2638}.toast svg{width:18px}.toast b{display:block;font-size:.78rem}.toast span{display:block;font-size:.7rem;color:rgba(255,255,255,.8);margin-top:2px}.toast button{border:0;background:transparent;color:#fff;padding:0}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

/* Responsive */
@media(max-width:1280px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.75fr)}.document-layout{grid-template-columns:1fr}.document-preview{min-height:400px}.paper{min-height:700px}.finance-band{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:278px;transform:translateX(-103%);transition:.22s ease;box-shadow:20px 0 40px rgba(0,0,0,.22)}.sidebar.open{transform:none}.sidebar-scrim{display:none;position:fixed;inset:0;background:rgba(4,14,25,.5);z-index:29}.sidebar-scrim.show{display:block}.menu-toggle{display:grid;place-items:center}.topbar{grid-template-columns:auto minmax(190px,1fr) auto;padding:0 15px}.topbar-spacer{display:none}.top-profile-copy{display:none}.dashboard-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto}.settings-nav button{white-space:nowrap;width:auto}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}}
@media(max-width:720px){.page-content{padding:15px}.topbar{height:62px}.global-search{display:none}.topbar{grid-template-columns:auto 1fr auto}.page-head{flex-direction:column}.page-actions{width:100%;justify-content:flex-start}.hero{align-items:flex-start;flex-direction:column;padding:22px}.health-gauge{width:96px;height:96px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.card-grid{grid-template-columns:1fr}.finance-band{grid-template-columns:1fr}.document-type-grid{grid-template-columns:repeat(2,1fr)}.document-preview{padding:8px}.paper{padding:15px}.bar-row{grid-template-columns:92px 1fr 36px}.client-portal-hero{align-items:flex-start;flex-direction:column}.auth-points{grid-template-columns:1fr}.modal-backdrop{padding:0;place-items:end center}.modal{max-height:92vh;border-radius:20px 20px 0 0}.modal.wide{width:100%}.data-table{min-width:650px}}
@media(max-width:420px){.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:13px}.metric-value{font-size:1.25rem}.page-content{padding:11px}.hero{border-radius:16px}.top-actions .icon-button:first-child{display:none}.auth-form-wrap{padding:15px}.auth-card{padding:24px 20px}.document-type-grid{grid-template-columns:1fr}.toolbar .search-field{min-width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Startup and user density */
.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;background:linear-gradient(145deg,var(--navy-950),var(--navy-800));color:#fff;padding:30px}
.boot-screen img{width:112px;height:112px;object-fit:contain;margin-bottom:8px}
.boot-screen strong{font-size:1.15rem;letter-spacing:.01em}
.boot-screen span{color:#c7d3df;font-size:.86rem}
html[data-density="compact"] .page-content{padding:18px}
html[data-density="compact"] .panel{padding:14px}
html[data-density="compact"] .metric-card{padding:13px}
html[data-density="compact"] .list-row{padding:8px 0}
html[data-density="compact"] .nav-link{padding:8px 10px}

/* Account security */
.security-status{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:14px;padding:14px 15px;margin-top:14px;background:var(--surface-2)}
.security-status.enabled{border-color:#bce5d3;background:var(--success-bg)}
.security-status.pending{border-color:#f1d89c;background:var(--warning-bg)}
.security-status b{display:block;font-size:.87rem}.security-status span{display:block;margin-top:4px;color:var(--muted);font-size:.75rem;line-height:1.45}
.mfa-secret{display:block;margin:11px 0;padding:12px;border:1px dashed #aab8c6;border-radius:10px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;letter-spacing:.08em;word-break:break-all;user-select:all}
.mono-field,.recovery-codes{width:100%;min-height:96px;margin-top:10px;border:1px solid var(--line);border-radius:10px;padding:11px;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;resize:vertical}
.recovery-success{text-align:center}.recovery-success>svg{width:54px;height:54px;color:var(--success);margin:3px auto 8px}.recovery-success h2{margin:0 0 8px}.recovery-success p{color:var(--muted);line-height:1.55}.recovery-codes{text-align:left;min-height:250px;font-size:.9rem;line-height:1.7;user-select:all}
@media(max-width:620px){.security-status{align-items:flex-start;flex-direction:column}.security-status .btn{width:100%}}

/* Sprint 25.3 login-logo presentation correction */
img[src*="baffoe-approved-logo.png"] {
    filter: none !important;
    -webkit-filter: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

img[src*="baffoe-approved-logo.png"]::before,
img[src*="baffoe-approved-logo.png"]::after {
    filter: none !important;
    box-shadow: none !important;
}

/* BCOS RESPONSIVE LOGIN REDESIGN START */

.bcos-login,
.bcos-login * {
    box-sizing: border-box;
}

.bcos-login {
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    display: grid;
    grid-template-columns: minmax(0, 52fr) minmax(430px, 48fr);
    overflow-x: hidden;
    background: #f4f6f9;
    color: #172033;
}

.bcos-login .auth-brand {
    position: relative;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    padding:
        clamp(32px, 4vw, 68px)
        clamp(32px, 5vw, 84px);
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 18% 18%,
            rgba(255, 255, 255, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 82%,
            rgba(200, 161, 74, 0.12),
            transparent 31%
        ),
        linear-gradient(
            145deg,
            #071c48 0%,
            #0a285c 48%,
            #071a3e 100%
        );
}

.bcos-login .auth-brand::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -210px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    pointer-events: none;
}

.bcos-login .auth-logo-row {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 760px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.bcos-login .auth-logo-row img {
    display: block;
    flex: 0 0 auto;
    width: clamp(54px, 5vw, 68px);
    height: clamp(54px, 5vw, 68px);
    padding: 0;
    margin: 0;
    object-fit: contain;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    filter: none;
    -webkit-filter: none;
}

.bcos-login .auth-company-lockup {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.bcos-login .auth-company-lockup strong {
    max-width: 620px;
    color: #ffffff;
    font-size: clamp(0.94rem, 1.35vw, 1.18rem);
    font-weight: 720;
    line-height: 1.25;
    letter-spacing: 0.01em;
}

.bcos-login .auth-company-lockup span {
    color: rgba(255, 255, 255, 0.72);
    font-size: clamp(0.72rem, 0.88vw, 0.84rem);
    line-height: 1.4;
    letter-spacing: 0.035em;
}

.bcos-login .auth-message {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 760px;
    margin: auto 0;
}

.bcos-login .auth-message .eyebrow,
.bcos-login .auth-form-heading .eyebrow {
    margin: 0 0 16px;
    color: #c9a34f;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.bcos-login .auth-message h1 {
    max-width: 760px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.75rem, 4.5vw, 4.15rem);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -0.038em;
    text-wrap: balance;
}

.bcos-login .auth-message h1 span {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.58em;
    font-weight: 650;
    letter-spacing: -0.015em;
}

.bcos-login .auth-lead {
    max-width: 600px;
    margin: 24px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(1rem, 1.4vw, 1.16rem);
    line-height: 1.65;
}

.bcos-login .auth-trust-line {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 34px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.83rem;
    line-height: 1.5;
}

.bcos-login .auth-trust-line span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bcos-login .auth-trust-line span::before {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #c9a34f;
}

.bcos-login .auth-foot {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 6px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.76rem;
    line-height: 1.5;
}

.bcos-login .auth-foot strong {
    color: rgba(255, 255, 255, 0.76);
    font-weight: 650;
}

.bcos-login .auth-form-wrap {
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:
        clamp(28px, 5vw, 72px)
        clamp(24px, 5vw, 72px);
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6f8fb 100%
        );
}

.bcos-login .auth-form-inner {
    width: 100%;
    max-width: 470px;
}

.bcos-login .auth-mobile-brand {
    display: none;
}

.bcos-login .auth-card {
    width: 100%;
    max-width: 470px;
    margin: 0;
    padding: clamp(30px, 3.2vw, 44px);
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #dde3ec;
    border-radius: 20px;
    box-shadow:
        0 24px 60px rgba(15, 35, 70, 0.08),
        0 4px 14px rgba(15, 35, 70, 0.04);
}

.bcos-login .auth-form-heading {
    margin-bottom: 28px;
}

.bcos-login .auth-form-heading h2 {
    margin: 0;
    color: #102044;
    font-size: clamp(2rem, 3vw, 2.45rem);
    font-weight: 760;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.bcos-login .auth-form-heading > p:last-child {
    margin: 12px 0 0;
    color: #647086;
    font-size: 0.96rem;
    line-height: 1.6;
}

.bcos-login .field {
    width: 100%;
    margin: 0 0 19px;
}

.bcos-login .field label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    color: #172033;
    font-size: 0.89rem;
    font-weight: 680;
    line-height: 1.4;
}

.bcos-login .field-optional {
    color: #6f798b;
    font-size: 0.75rem;
    font-weight: 500;
}

.bcos-login .field input {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 12px 14px;
    color: #152039;
    font: inherit;
    font-size: 1rem;
    line-height: 1.3;
    background: #ffffff;
    border: 1px solid #cfd6e2;
    border-radius: 10px;
    outline: none;
    appearance: none;
    transition:
        border-color 150ms ease,
        box-shadow 150ms ease,
        background-color 150ms ease;
}

.bcos-login .field input::placeholder {
    color: #939dad;
    opacity: 1;
}

.bcos-login .field input:hover {
    border-color: #aeb9ca;
}

.bcos-login .field input:focus,
.bcos-login .field input:focus-visible {
    border-color: #315d9b;
    box-shadow:
        0 0 0 3px rgba(49, 93, 155, 0.16);
}

.bcos-login .password-field-wrap {
    position: relative;
}

.bcos-login .password-field-wrap input {
    padding-right: 76px;
}

.bcos-login .password-toggle {
    position: absolute;
    top: 50%;
    right: 9px;
    min-width: 58px;
    min-height: 36px;
    padding: 6px 10px;
    transform: translateY(-50%);
    color: #244d85;
    font: inherit;
    font-size: 0.81rem;
    font-weight: 720;
    line-height: 1;
    background: #f2f5f9;
    border: 1px solid #d6dde8;
    border-radius: 7px;
    cursor: pointer;
}

.bcos-login .password-toggle:hover {
    background: #e9eef5;
}

.bcos-login .password-toggle:focus-visible,
.bcos-login button:focus-visible,
.bcos-login a:focus-visible {
    outline: 3px solid rgba(49, 93, 155, 0.28);
    outline-offset: 2px;
}

.bcos-login .mfa-field small {
    display: block;
    margin-top: 7px;
    color: #707b8d;
    font-size: 0.76rem;
    line-height: 1.45;
}

.bcos-login .auth-help {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 2px 0 22px;
}

.bcos-login .remember-email {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #4e5a6f;
    font-size: 0.84rem;
    line-height: 1.4;
    cursor: pointer;
}

.bcos-login .remember-email input {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #173e78;
}

.bcos-login .link-button {
    min-height: 40px;
    padding: 6px 4px;
    color: #315d9b;
    font-size: 0.84rem;
    font-weight: 700;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.bcos-login .link-button:hover {
    text-decoration: underline;
}

.bcos-login .auth-submit {
    width: 100%;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 18px;
    color: #102044;
    font-size: 0.96rem;
    font-weight: 800;
    background:
        linear-gradient(
            180deg,
            #d6b460 0%,
            #c59a3d 100%
        );
    border: 1px solid #b98e35;
    border-radius: 10px;
    box-shadow: none;
    cursor: pointer;
}

.bcos-login .auth-submit:hover {
    background:
        linear-gradient(
            180deg,
            #dfbf70 0%,
            #cda34a 100%
        );
}

.bcos-login .auth-submit:disabled {
    cursor: wait;
    opacity: 0.72;
}

.bcos-login .security-note {
    width: 100%;
    display: block;
    margin-top: 18px;
    padding: 13px 14px;
    color: #667185;
    font-size: 0.76rem;
    line-height: 1.5;
    text-align: center;
    background: #f5f7fa;
    border: 1px solid #e1e6ee;
    border-radius: 9px;
}

.bcos-login .auth-mobile-footer {
    display: none;
}

/* Tablet landscape and smaller laptops */
@media (min-width: 901px) and (max-width: 1180px) {
    .bcos-login {
        grid-template-columns:
            minmax(0, 42fr)
            minmax(480px, 58fr);
    }

    .bcos-login .auth-brand {
        padding: 34px 36px;
    }

    .bcos-login .auth-company-lockup span {
        display: none;
    }

    .bcos-login .auth-message h1 {
        font-size: clamp(2.4rem, 4.4vw, 3.35rem);
    }

    .bcos-login .auth-trust-line {
        display: grid;
        gap: 9px;
    }

    .bcos-login .auth-form-wrap {
        padding: 34px;
    }
}

/* Phones and tablet portrait */
@media (max-width: 900px) {
    .bcos-login {
        display: block;
        min-height: 100vh;
        min-height: 100svh;
        background: #f5f7fa;
    }

    .bcos-login .auth-brand {
        display: none;
    }

    .bcos-login .auth-form-wrap {
        min-height: 100vh;
        min-height: 100svh;
        display: block;
        padding:
            max(22px, env(safe-area-inset-top))
            max(20px, env(safe-area-inset-right))
            max(24px, env(safe-area-inset-bottom))
            max(20px, env(safe-area-inset-left));
        background: #f5f7fa;
    }

    .bcos-login .auth-form-inner {
        max-width: 520px;
        margin: 0 auto;
    }

    .bcos-login .auth-mobile-brand {
        display: flex;
        align-items: center;
        gap: 13px;
        margin: 0 0 22px;
        padding: 2px 2px 0;
    }

    .bcos-login .auth-mobile-brand img {
        display: block;
        flex: 0 0 auto;
        width: 50px;
        height: 50px;
        object-fit: contain;
        background: transparent;
        border: 0;
        box-shadow: none;
        filter: none;
        -webkit-filter: none;
    }

    .bcos-login .auth-mobile-brand div {
        min-width: 0;
        display: grid;
        gap: 3px;
    }

    .bcos-login .auth-mobile-brand strong {
        color: #102044;
        font-size: 0.85rem;
        font-weight: 750;
        line-height: 1.3;
    }

    .bcos-login .auth-mobile-brand span {
        color: #697489;
        font-size: 0.72rem;
        line-height: 1.35;
    }

    .bcos-login .auth-card {
        max-width: none;
        padding: clamp(25px, 6vw, 38px);
        border-radius: 16px;
        box-shadow:
            0 14px 38px rgba(15, 35, 70, 0.07);
    }

    .bcos-login .auth-form-heading h2 {
        font-size: clamp(1.9rem, 8vw, 2.3rem);
    }

    .bcos-login .auth-mobile-footer {
        display: block;
        margin: 20px auto 0;
        padding: 0 10px;
        color: #7a8495;
        font-size: 0.71rem;
        line-height: 1.55;
        text-align: center;
    }
}

/* Small phones */
@media (max-width: 480px) {
    .bcos-login .auth-form-wrap {
        padding-right: 16px;
        padding-left: 16px;
    }

    .bcos-login .auth-card {
        padding: 24px 20px;
        border-radius: 14px;
    }

    .bcos-login .auth-mobile-brand img {
        width: 46px;
        height: 46px;
    }

    .bcos-login .auth-help {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .bcos-login .link-button {
        margin-left: -4px;
    }
}

/* Very narrow phones */
@media (max-width: 350px) {
    .bcos-login .auth-form-wrap {
        padding-right: 12px;
        padding-left: 12px;
    }

    .bcos-login .auth-card {
        padding: 22px 16px;
    }

    .bcos-login .auth-mobile-brand strong {
        font-size: 0.79rem;
    }
}

/* Short desktop and landscape screens */
@media (min-width: 901px) and (max-height: 720px) {
    .bcos-login .auth-brand {
        gap: 24px;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .bcos-login .auth-message h1 {
        font-size: clamp(2.25rem, 4vw, 3.25rem);
    }

    .bcos-login .auth-lead {
        margin-top: 16px;
    }

    .bcos-login .auth-trust-line {
        margin-top: 22px;
    }

    .bcos-login .auth-form-wrap {
        align-items: flex-start;
        overflow-y: auto;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .bcos-login .auth-card {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .bcos-login .auth-form-heading {
        margin-bottom: 22px;
    }

    .bcos-login .field {
        margin-bottom: 15px;
    }
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .bcos-login *,
    .bcos-login *::before,
    .bcos-login *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* BCOS RESPONSIVE LOGIN REDESIGN END */