:root{
    --bg:#E5E5E5;
    --bg-raised-hi:rgba(255,255,255,0.75);
    --bg-raised-lo:rgba(140,148,158,0.32);
    --ink:#3D4147;
    --ink-strong:#23262B;
    --ink-muted:#767B82;
    --ink-faint:#A7ABB1;
    --accent:#43637C;
    --accent-tint:#E3E8EB;
    --accent-text:#43637C;
    --border:#D5D8DB;
    --accent-shadow-lo:rgba(0,0,0,0.26);
    --accent-shadow-hi:rgba(255,255,255,0.09);
    --radius-s:10px;
    --radius-m:14px;
    --radius-l:20px;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink-strong);min-height:100vh;display:flex;flex-direction:column;}
  button,select,input{font-family:inherit;}

  .raised{background:var(--bg);box-shadow: 7px 7px 14px var(--bg-raised-lo), -7px -7px 14px var(--bg-raised-hi);}
  .raised-sm{background:var(--bg);box-shadow: 4px 4px 8px var(--bg-raised-lo), -4px -4px 8px var(--bg-raised-hi);}
  .inset{background:var(--bg);box-shadow: inset 4px 4px 8px var(--bg-raised-lo), inset -4px -4px 8px var(--bg-raised-hi);}
  .deboss-hover:hover{box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}

  /* Top bar */
  .app-topbar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--accent);border-radius:0 0 22px 22px;box-shadow: 7px 7px 14px var(--bg-raised-lo), -7px -7px 14px var(--bg-raised-hi);position:relative;z-index:30;}
  .topbar-brand{display:flex;align-items:center;gap:14px;}
  .topbar-brand svg{height:22px;width:auto;fill:var(--bg);}
  .topbar-brand .topbar-sep{width:1px;height:20px;background:rgba(238,231,217,0.35);}
  .topbar-brand .hub{font-size:12.5px;color:var(--bg);opacity:0.85;font-weight:600;text-transform:uppercase;letter-spacing:0.09em;}
  .app-topbar .divider-v{background:rgba(238,231,217,0.3);}
  .user-chip .user-name{color:var(--bg);}
  .user-chip .user-role{color:rgba(238,231,217,0.75);}

  /* App body: sidebar + content, below the top bar */
  .app-body{display:flex;flex:1;min-height:0;}

  /* Sidebar */
  .sidebar{width:236px;flex-shrink:0;background:var(--bg);padding:24px 18px;display:flex;flex-direction:column;gap:32px;box-shadow: 1px 0 0 var(--border);z-index:1;}
  .nav{display:flex;flex-direction:column;gap:8px;}
  .nav-item{padding:12px 14px;border-radius:var(--radius-s);font-size:13.5px;font-weight:500;color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:box-shadow 0.15s ease;}
  .nav-item.active{color:var(--accent-text);font-weight:600;}
  .nav-item.active .nav-count{background:var(--accent);color:#fff;}
  .nav-item:not(.active):hover{color:var(--ink-muted);box-shadow: 4px 4px 8px var(--bg-raised-lo), -4px -4px 8px var(--bg-raised-hi);}
  .nav-count{font-size:11px;background:var(--bg);color:var(--ink-muted);padding:2px 8px;border-radius:20px;}
  .support-card{padding:18px 16px;border-radius:var(--radius-m);margin-top:auto;}
  .support-card .s-title{font-size:12px;font-weight:700;color:var(--ink-strong);margin-bottom:5px;}
  .support-card .s-text{font-size:11.5px;color:var(--ink-muted);line-height:1.55;margin-bottom:13px;}
  .support-card .s-btn{width:100%;font-size:12.5px;padding:10px 14px;}

  /* Content column */
  .content-col{flex:1;display:flex;flex-direction:column;min-width:0;}
  .crumb-line{font-size:12.5px;font-weight:600;color:var(--ink-muted);margin-bottom:10px;}
  .crumb-line .crumb-current{color:var(--ink-strong);}
  .crumb-sep{margin:0 8px;color:var(--ink-faint);}
  .topbar-right{display:flex;align-items:center;gap:14px;}
  .icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;cursor:pointer;color:var(--bg);position:relative;transition:box-shadow 0.15s ease;box-shadow: 4px 4px 8px var(--accent-shadow-lo), -3px -3px 7px var(--accent-shadow-hi);}
  .icon-btn:hover{color:#fff;box-shadow: 6px 6px 12px var(--accent-shadow-lo), -4px -4px 9px var(--accent-shadow-hi);}
  .notif-dot{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);}
  .divider-v{width:1px;height:26px;background:var(--border);}
  .user-chip{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:24px;transition:box-shadow 0.15s ease;background:none;border:none;}
  .user-chip:hover{box-shadow: 4px 4px 8px var(--accent-shadow-lo), -4px -4px 8px var(--accent-shadow-hi);}
  .user-meta{line-height:1.25;text-align:left;}
  .user-name{font-size:13px;font-weight:600;color:var(--ink-strong);}
  .user-role{font-size:11px;color:var(--ink-muted);}
  .avatar.avatar-accent{background:var(--accent);color:var(--bg);box-shadow: 4px 4px 8px var(--accent-shadow-lo), -3px -3px 7px var(--accent-shadow-hi);}

  .main{flex:1;padding:32px 40px 48px 40px;max-width:1180px;width:100%;}
  .view{display:none;}
  .view.active{display:block;}
  .page-head{margin-bottom:26px;}
  .page-head h1{font-size:40px;font-weight:700;letter-spacing:-0.01em;margin:0 0 6px 0;color:var(--ink-strong);}
  .page-head p{margin:0;color:var(--ink-muted);font-size:13.5px;}

  /* Generic dropdown / flyout system */
  .dropdown{position:relative;display:inline-block;}
  .dropdown-trigger{height:42px;padding:0 14px 0 16px;border:none;background:var(--bg);border-radius:var(--radius-s);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:500;color:var(--ink-strong);cursor:pointer;min-width:168px;box-shadow:4px 4px 8px var(--bg-raised-lo), -4px -4px 8px var(--bg-raised-hi);}
  .dropdown-trigger .chevron{flex-shrink:0;color:var(--ink-muted);transition:transform 0.15s ease;}
  .dropdown.open .dropdown-trigger .chevron{transform:rotate(180deg);}
  .dropdown.open .dropdown-trigger{box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}
  .dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;z-index:100;background:var(--bg);border-radius:var(--radius-m);padding:8px;display:none;box-shadow: 12px 12px 26px rgba(90,96,104,0.28), -8px -8px 20px rgba(255,255,255,0.75);}
  .dropdown-panel.flyout-right{left:auto;right:0;}
  .dropdown.open .dropdown-panel{display:block;}
  .dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-s);font-size:13.5px;color:var(--ink-strong);cursor:pointer;transition:box-shadow 0.1s ease;}
  .dropdown-item .chk{width:15px;height:15px;flex-shrink:0;color:var(--accent);opacity:0;}
  .dropdown-item.selected{background:var(--accent-tint);color:var(--accent-text);font-weight:600;}
  .dropdown-item.selected .chk{opacity:1;}
  .dropdown-item:hover:not(.selected){box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}

  .flyout-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 12px 8px;font-size:13px;font-weight:700;color:var(--ink-strong);}
  .text-link{background:none;border:none;font-size:12px;font-weight:600;color:var(--accent-text);cursor:pointer;padding:0;}
  .notif-list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow-y:auto;}
  .notif-item{display:flex;gap:10px;padding:10px 8px;border-radius:var(--radius-s);cursor:pointer;align-items:flex-start;transition:box-shadow 0.1s ease;}
  .notif-item:hover{box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}
  .notif-dot-in{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0;}
  .notif-item.read .notif-dot-in{background:transparent;}
  .notif-title{font-size:13px;font-weight:600;color:var(--ink-strong);}
  .notif-item.read .notif-title{font-weight:500;color:var(--ink-muted);}
  .notif-desc{font-size:12.5px;color:var(--ink-muted);line-height:1.42;margin-top:2px;}
  .notif-time{font-size:11px;color:var(--ink-faint);margin-top:4px;}

  .profile-head{display:flex;gap:12px;align-items:center;padding:6px 8px 14px 8px;}
  .user-email{font-size:11px;color:var(--ink-faint);margin-top:1px;}
  .menu-sep{height:1px;background:var(--border);margin:6px 4px;}
  .menu-item{padding:11px 12px;border-radius:var(--radius-s);font-size:13.5px;font-weight:500;color:var(--ink-strong);cursor:pointer;transition:box-shadow 0.1s ease;}
  .menu-item:hover{box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}
  .menu-item.danger{color:#A8324A;}

  /* Toolbar */
  .toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
  .search-field{flex:1;min-width:220px;border-radius:var(--radius-s);padding:0 14px;display:flex;align-items:center;gap:8px;height:42px;}
  .search-field svg{flex-shrink:0;color:var(--ink-faint);}
  .search-field input{border:none;background:transparent;outline:none;font-size:13.5px;color:var(--ink-strong);width:100%;}
  .search-field input::placeholder{color:var(--ink-faint);}
  .toolbar .btn{height:42px;white-space:nowrap;}

  /* Queue table */
  .queue-card{border-radius:var(--radius-l);overflow:hidden;padding:6px;}
  table{width:100%;border-collapse:collapse;}
  thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink-muted);padding:16px 18px 12px 18px;}
  tbody tr{cursor:pointer;transition:box-shadow 0.15s ease;}
  tbody tr:hover td{background:var(--bg);box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}
  tbody tr.empty-row:hover td{box-shadow:none;background:transparent;}
  tbody tr.empty-row{cursor:default;}
  tbody td{padding:16px 18px;font-size:14px;vertical-align:middle;border-top:1px solid var(--border);}
  .client-cell{display:flex;align-items:center;gap:12px;}
  .avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--ink-strong);background:var(--bg);flex-shrink:0;}
  .client-name{font-weight:600;color:var(--ink-strong);}
  .item-meta{color:var(--ink-muted);font-size:12.5px;}
  .filed-cell{color:var(--ink-muted);font-size:13px;}
  .value-cell{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink-strong);}
  .badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:20px;font-size:11.5px;font-weight:600;background:var(--bg);}
  .badge-dot{width:6px;height:6px;border-radius:50%;}
  .badge.active-status{color:var(--accent-text);}
  .badge.active-status .badge-dot{background:var(--accent);}
  .badge.muted-status{color:var(--ink-muted);}
  .badge.muted-status .badge-dot{background:var(--ink-faint);}
  .empty-state{padding:56px 20px;text-align:center;}
  .empty-state .e-title{font-weight:700;font-size:14px;color:var(--ink-strong);margin-bottom:6px;}
  .empty-state .e-sub{font-size:13px;color:var(--ink-muted);margin-bottom:16px;}

  /* Pagination */
  .pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:22px 0 4px 0;}
  .page-btn{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:none;background:var(--bg);color:var(--ink-muted);font-size:13px;font-weight:600;cursor:pointer;box-shadow:3px 3px 7px var(--bg-raised-lo), -3px -3px 7px var(--bg-raised-hi);}
  .page-btn:hover:not(.active):not(:disabled){color:var(--ink-strong);}
  .page-btn.active{background:var(--accent);color:#fff;box-shadow:none;}
  .page-btn:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none;}
  .page-numbers{display:flex;gap:6px;}
  .results-count{text-align:center;font-size:12px;color:var(--ink-faint);margin-top:12px;}

  /* Detail view */
  .back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-muted);cursor:pointer;margin-bottom:20px;}
  .back-link:hover{color:var(--ink-strong);}
  .detail-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px;gap:24px;}
  .detail-head h1{margin:0 0 6px 0;font-size:21px;font-weight:700;color:var(--ink-strong);}
  .detail-head .client-line{color:var(--ink-muted);font-size:13.5px;}
  .value-pill{border-radius:var(--radius-m);padding:14px 20px;text-align:right;}
  .value-pill .label{font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink-muted);}
  .value-pill .amount{font-size:20px;font-weight:700;color:var(--ink-strong);margin-top:2px;}
  .tracker{display:flex;align-items:center;margin:6px 0 32px 0;padding:20px 16px;border-radius:var(--radius-l);}
  .tstep{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;}
  .tdot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink-faint);background:var(--bg);z-index:1;}
  .tstep.done .tdot{color:#fff;background:var(--accent);box-shadow:2px 2px 5px var(--bg-raised-lo);}
  .tstep.current .tdot{color:var(--accent-text);box-shadow: inset 2px 2px 4px var(--bg-raised-lo), inset -2px -2px 4px var(--bg-raised-hi);}
  .tline{position:absolute;top:14px;left:-50%;width:100%;height:2px;background:var(--border);z-index:0;}
  .tstep.done .tline{background:var(--accent);}
  .tstep:first-child .tline{display:none;}
  .tlabel{font-size:11px;font-weight:600;color:var(--ink-muted);margin-top:9px;text-align:center;max-width:92px;}
  .tstep.current .tlabel, .tstep.done .tlabel{color:var(--ink-strong);}
  .detail-grid{display:grid;grid-template-columns:1fr 300px;gap:22px;}
  .panel{border-radius:var(--radius-l);padding:22px 24px;margin-bottom:20px;}
  .panel h3{font-size:11px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;margin:0 0 16px 0;color:var(--ink-muted);}
  .swatch{width:100%;height:170px;border-radius:var(--radius-m);margin-bottom:18px;display:flex;align-items:flex-end;background-size:cover;background-position:center;position:relative;overflow:hidden;}
  .swatch .swatch-tag{background:rgba(46,42,32,0.55);color:#fff;font-size:11.5px;font-weight:600;padding:6px 13px;margin:12px;border-radius:20px;}
  .fact-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13.5px;}
  .fact-row:last-child{border-bottom:none;}
  .fact-row .k{color:var(--ink-muted);}
  .fact-row .v{font-weight:600;text-align:right;color:var(--ink-strong);}
  .specialist-card{display:flex;gap:12px;align-items:flex-start;}
  .specialist-card .avatar{width:42px;height:42px;font-size:13px;}
  .specialist-card .name{font-weight:600;font-size:14px;color:var(--ink-strong);}
  .specialist-card .role{font-size:12px;color:var(--ink-muted);}
  .specialist-note{font-size:13px;color:var(--ink-muted);margin-top:12px;line-height:1.6;}
  .btn{border:none;border-radius:var(--radius-s);padding:12px 18px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
  .btn-primary{background:var(--accent);color:#fff;box-shadow:3px 3px 8px var(--bg-raised-lo);}
  .btn-primary:hover{background:#364F63;}
  .btn-primary:active{box-shadow: inset 2px 2px 4px rgba(0,0,0,0.25);}
  .btn-outline{background:var(--bg);color:var(--ink-strong);box-shadow:3px 3px 7px var(--bg-raised-lo), -3px -3px 7px var(--bg-raised-hi);}
  .btn-outline:hover{color:var(--accent-text);}
  .btn-danger-outline{background:var(--bg);color:#A8324A;box-shadow:3px 3px 7px var(--bg-raised-lo), -3px -3px 7px var(--bg-raised-hi);}
  .btn-danger-outline:hover{color:#7E1F35;}
  .btn-full{width:100%;}
  .decision-actions{display:flex;flex-direction:column;gap:10px;}
  .modal-layer{display:none;position:fixed;inset:0;background:rgba(46,42,32,0.35);align-items:center;justify-content:center;z-index:200;}
  .modal-layer.active{display:flex;}
  .modal{background:var(--bg);border-radius:var(--radius-l);width:380px;padding:28px;box-shadow: 12px 12px 26px rgba(90,96,104,0.32), -8px -8px 20px rgba(255,255,255,0.7);}
  .modal h3{margin:0 0 10px 0;font-size:16px;font-weight:700;color:var(--ink-strong);}
  .modal p{margin:0 0 20px 0;font-size:13.5px;color:var(--ink-muted);line-height:1.6;}
  .modal .amount-line{border-radius:var(--radius-s);padding:13px 16px;margin-bottom:20px;display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--ink-muted);}
  .modal .amount-line .v{font-weight:700;color:var(--accent-text);}
  .modal-actions{display:flex;gap:10px;justify-content:flex-end;}
  .toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg);color:var(--ink-strong);padding:14px 20px;border-radius:var(--radius-m);font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:opacity 0.25s ease, transform 0.25s ease;z-index:250;box-shadow: 8px 8px 18px rgba(90,96,104,0.28), -6px -6px 16px rgba(255,255,255,0.7);}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
  .toast .tick{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;}
  @media (prefers-reduced-motion: reduce){.toast, .nav-item, .icon-btn, .user-chip, tbody tr, .dropdown-item, .notif-item, .menu-item{transition:none;}}

  /* Clients / Specialists / Settlement history views */
  .grid-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px,1fr));gap:16px;}
  .entity-card{border-radius:var(--radius-l);padding:20px;cursor:pointer;transition:box-shadow 0.15s ease;}
  .entity-card:hover{box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}
  .entity-card .e-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
  .entity-card .e-name{font-weight:600;font-size:14.5px;color:var(--ink-strong);}
  .entity-card .e-sub{font-size:12px;color:var(--ink-muted);}
  .entity-card .e-stats{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-muted);padding-top:12px;border-top:1px solid var(--border);}
  .entity-card .e-stats .n{font-weight:700;color:var(--ink-strong);}
  .hint-row{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--accent-text);margin-top:12px;}
  .settlement-list{border-radius:var(--radius-l);overflow:hidden;padding:6px;}

  /* Grid/list view toggle */
  .view-toggle{display:flex;gap:2px;padding:3px;border-radius:12px;flex-shrink:0;}
  .view-toggle-btn{width:34px;height:34px;border:none;background:transparent;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--ink-muted);cursor:pointer;transition:box-shadow 0.15s ease, color 0.15s ease;}
  .view-toggle-btn.active{background:var(--accent);color:#fff;}
  .view-toggle-btn:not(.active):hover{box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);}

  /* Login screen */
  .app-shell{display:none;}
  .app-shell.active{display:flex;flex-direction:column;min-height:100vh;}
  .login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
  .login-screen.hidden{display:none;}
  .login-card{width:100%;max-width:400px;padding:40px 36px 32px 36px;border-radius:var(--radius-l);}
  .login-logo{height:20px;width:auto;fill:var(--accent);display:block;margin:0 auto 28px auto;}
  .login-title{font-size:24px;font-weight:700;color:var(--ink-strong);margin:0 0 6px 0;text-align:center;}
  .login-sub{font-size:13.5px;color:var(--ink-muted);margin:0 0 28px 0;text-align:center;}
  .field-group{margin-bottom:16px;}
  .field-label{display:block;font-size:12px;font-weight:600;color:var(--ink-muted);margin-bottom:8px;}
  .text-field{border-radius:var(--radius-s);padding:0 14px;height:46px;display:flex;align-items:center;gap:8px;}
  .text-field input{border:none;background:transparent;outline:none;font-size:14px;color:var(--ink-strong);width:100%;font-family:inherit;}
  .text-field input::placeholder{color:var(--ink-faint);}
  .field-icon-btn{border:none;background:none;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;padding:4px;flex-shrink:0;}
  .field-icon-btn:hover{color:var(--ink-muted);}
  .login-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
  .checkbox-row{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-muted);cursor:pointer;user-select:none;}
  .checkbox-box{width:19px;height:19px;border-radius:6px;background:var(--bg);box-shadow: inset 3px 3px 6px var(--bg-raised-lo), inset -3px -3px 6px var(--bg-raised-hi);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .checkbox-box .chk{width:12px;height:12px;color:var(--accent);opacity:0;}
  .checkbox-box.checked{box-shadow: 2px 2px 5px var(--bg-raised-lo), -2px -2px 5px var(--bg-raised-hi);}
  .checkbox-box.checked .chk{opacity:1;}
  .login-row .text-link{font-size:13px;}
  .text-field input[readonly]{cursor:default;}
  .login-demo-note{margin:0 0 16px 0;padding:11px 14px;border-radius:var(--radius-s);background:var(--accent-tint);color:var(--accent-text);font-size:13px;line-height:1.45;text-align:center;}
  .login-demo-note strong{font-weight:700;white-space:nowrap;}
  .login-submit{margin-bottom:20px;}
  .login-footer{text-align:center;font-size:12.5px;color:var(--ink-muted);}