/* Internal identity: shared with registration, without decorative art behind data. */
.staff-surface{
  --bg:#070909;--surface:#141818;--ink:#f4f8f7;--muted:#b0bfbb;
  --line:#343e3b;--green:#4cb1a7;--mint:#77d7c9;--mint-soft:#17342e;
  --danger:#ffb0a7;--yellow:#f4d38a;--radius:9px;
  min-height:100vh;background:var(--bg);color:var(--ink);
  font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-weight:400;color-scheme:dark;
}
.staff-surface #app{min-height:100vh}
.staff-surface h1,.staff-surface h2,.staff-surface h3{font-weight:700;letter-spacing:-.035em;line-height:1.3}
.staff-surface h1{font-weight:800}
.staff-surface a:focus-visible,.staff-surface button:focus-visible,.staff-surface input:focus-visible,.staff-surface select:focus-visible,.staff-surface textarea:focus-visible{outline:3px solid #86e5d7;outline-offset:4px}
.staff-surface input,.staff-surface select,.staff-surface textarea{background:#0c1110;border:1px solid #53655e;color:#f4f8f7;border-radius:5px;line-height:1.5;font-size:13px;padding:12px 13px}
.staff-surface input::placeholder,.staff-surface textarea::placeholder{color:#99aaa3;opacity:1}
.staff-surface input:focus,.staff-surface select:focus,.staff-surface textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #4cb1a730}
.staff-surface input[type=checkbox]{accent-color:#4cb1a7;padding:0;box-shadow:none}
.staff-surface input[type=datetime-local]{color-scheme:dark}
.staff-surface .field{font-weight:700;line-height:1.6;gap:8px}
.staff-surface .field small{color:var(--muted);font-size:11px;line-height:1.7}
.staff-surface .check{color:#bdccc5;line-height:1.8}
.staff-surface .text-link{color:#8ee4d4;text-decoration-color:#5b9c8e}
.staff-surface .btn{border-color:#506d62;background:#19251f;color:#e4f7ee;border-radius:24px;font-weight:700;font-size:12px;line-height:1.45;min-height:44px;padding:11px 18px;letter-spacing:.01em}
.staff-surface .btn:hover{background:#253e34;border-color:#78bca7}
.staff-surface .btn.primary,.staff-surface .btn.lime{background:#4cb1a7;border-color:#4cb1a7;color:#06231b;font-weight:800}
.staff-surface .btn.primary:hover,.staff-surface .btn.lime:hover{background:#76d7c9;border-color:#76d7c9}
.staff-surface .btn.ghost{background:transparent;border-color:transparent;color:#b7cdc3}
.staff-surface .btn.ghost:hover{background:#1a2c25;color:#effff7}
.staff-surface .btn.danger{background:#38231f;color:#ffc1b6;border-color:#8e5e54}
.staff-surface .btn.danger:hover{background:#4a2d27;border-color:#cc8978}
.staff-surface .btn.small{font-size:11px;min-height:36px;padding:8px 12px}
.staff-surface .btn:disabled{opacity:.48}
.staff-surface .badge{background:#25362f;color:#d0e4d9;font-size:10px;font-weight:700;border-radius:5px;padding:6px 9px;line-height:1.5}
.staff-surface .badge.green{background:#163a29;color:#a1e7b8}
.staff-surface .badge.amber{background:#493a16;color:#ffe3a0}
.staff-surface .badge.red{background:#4b2822;color:#ffbbae}
.staff-surface .card{background:var(--surface);border-color:var(--line);border-radius:9px}
.staff-surface .notice{background:#17382d;color:#c1f0dd;border:1px solid #3d6b58;border-radius:6px;line-height:1.8;overflow-wrap:anywhere}
.staff-surface .notice.amber{background:#362e1b;border-color:#7f6b38;color:#ffe3a7}
.staff-surface .form-error{background:#402720;border-color:#9b6354;color:#ffdbd1;border-radius:6px}
.staff-surface .empty{color:#b4c6ba}
.staff-surface .empty .icon{color:#7baf98}
.staff-surface .toast{background:#173b30;border:1px solid #529881;color:#e0fff1;border-radius:8px;box-shadow:0 12px 40px #0008}
.staff-surface .toast.error{background:#4d2822;border-color:#b77765;color:#ffe4db}
.staff-surface .spinner{border-color:#436357;border-top-color:#89e0cb}
.staff-surface .brand-image{display:block;width:172px;line-height:0;flex:none;padding:0}
.staff-surface .brand-image img{display:block;width:100%;height:auto}
.staff-surface .brand-symbol{background:#102a22;color:#75d8c5;border:1px solid #3d7664;border-radius:6px}

/* Organizer: quiet, high-contrast surfaces keep dense information readable. */
.staff-surface .workspace{grid-template-columns:230px minmax(0,1fr)}
.staff-surface .sidebar{background:#0d1311;padding:28px 20px;border-color:#2a3c32}
.staff-surface .sidebar>.brand-image{padding:0;margin:0 6px}
.staff-surface .sidebar-caption{color:#9aafa1;font-size:8px;letter-spacing:.14em;margin-top:34px}
.staff-surface .side-item{color:#b1c3b6;border:1px solid transparent;border-radius:6px;min-height:46px;font-weight:400}
.staff-surface .side-item:hover{background:#172820;color:#e4f3e8}
.staff-surface .side-item.active{background:#18372b;border-color:#335f4b;color:#9ae5c8;font-weight:700}
.staff-surface .side-bottom{border-color:#2e4335}
.staff-surface .avatar{background:#203b2d;color:#a8e2be;font-weight:700}
.staff-surface .user-caption{color:#e0eee2;font-weight:700;line-height:1.6}
.staff-surface .user-role{color:#9fb1a2;line-height:1.5}
.staff-surface .workspace-header{background:#101713;border-color:#2d3d31}
.staff-surface .breadcrumb{color:#9cb09e}
.staff-surface .breadcrumb b{color:#c4dac6;font-weight:400}
.staff-surface .breadcrumb .icon{width:14px;height:14px}
.staff-surface .header-status{color:#a6baaa;line-height:1.6}
.staff-surface .page-heading{align-items:flex-start}
.staff-surface .page-heading h1{font-size:29px;letter-spacing:-.045em}
.staff-surface .page-heading p{color:#acbfae;font-size:11px;line-height:1.8;max-width:680px}
.staff-surface .page-heading>.row{flex-wrap:wrap;justify-content:flex-end;flex:none;max-width:55%}
.staff-surface .page-heading .btn{font-size:10px;min-height:40px}
.staff-surface .stat{background:#141c17;border-color:#344638;border-radius:9px;min-height:143px;padding:20px}
.staff-surface .stat-head{color:#b1c4b3;line-height:1.7;gap:9px;font-size:10px}
.staff-surface .stat-head .icon{color:#6ed1b0}
.staff-surface .stat-value{font-weight:700;color:#f7fff8;font-size:36px;letter-spacing:-.055em;margin-top:12px}
.staff-surface .stat-value small{color:#a5b9a5;font-size:15px}
.staff-surface .stat-caption{color:#b5c7b1;font-size:9px;line-height:1.7}
.staff-surface .card-title{font-weight:700;color:#ecf6ec;font-size:13px;letter-spacing:-.02em;line-height:1.6}
.staff-surface .card-subtitle{color:#a9bda6;font-size:10px;line-height:1.8}
.staff-surface .dashboard-grid>.card>.row{gap:15px}
.staff-surface .progress-track{background:#25352a;height:8px}
.staff-surface .progress-track span{background:#4cb1a7}
.staff-surface .progress-labels{color:#b3c7ac;font-size:10px;gap:12px;line-height:1.6}
.staff-surface .flow-chart{border-color:#3a4a38}
.staff-surface .flow-chart .bar{background:#4cb1a7;border-radius:3px 3px 0 0}
.staff-surface .chart-empty{color:#a6bea0}
.staff-surface .chart-empty .icon{color:#689e7c}
.staff-surface .health-item{color:#c9d9c3;line-height:1.6;font-size:11px}
.staff-surface .health-value{color:#9edbae;text-align:right}
.staff-surface .health-value.amber{color:#f2d18b}
.staff-surface .table-heading{border-color:#344635;gap:16px;flex-wrap:wrap}
.staff-surface .table-heading h2{font-weight:700;color:#eaf4e4;line-height:1.6}
.staff-surface th{background:#1a271c;color:#bdcfb5;border-color:#344635;font-weight:700;font-size:9px;line-height:1.7}
.staff-surface td{border-color:#2d3a29;color:#e0eada;line-height:1.6}
.staff-surface tr:hover td{background:#1a291b}
.staff-surface td.muted{color:#afc0a6}
.staff-surface .person-cell b{font-weight:700;color:#f0f6eb}
.staff-surface .person-cell small{color:#aec2a3}
.staff-surface .table-action{color:#91ddbe;min-width:36px;min-height:36px;border-radius:5px}
.staff-surface .table-action:hover{color:#d0ffdf;background:#203b28}
.staff-surface .filterbar select{font-size:12px;max-width:190px}
.staff-surface .search-input{max-width:480px;min-width:0}
.staff-surface .search-input input{font-size:12px;padding-left:39px}
.staff-surface .search-input>.icon{color:#91b296;top:14px}
.staff-surface .settings-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.staff-surface .settings-grid>.card{min-width:0}
.staff-surface .settings-grid h2{font-size:16px;color:#ecf6e5;line-height:1.5}
.staff-surface .setting-dates{background:#1a271a;border:1px solid #354b31;border-radius:6px;color:#c3d9b5;line-height:1.7}
.staff-surface .setting-dates .row{flex-wrap:wrap;gap:5px 15px}
.staff-surface .setting-dates b{color:#edf7df}
.staff-surface .member-card{border-color:#354b30}
.staff-surface .member-card>.row{min-width:0}
.staff-surface .member-card h3{overflow-wrap:anywhere}
.staff-surface .member-card p{color:#b5c9a9;line-height:1.7;overflow-wrap:anywhere}
.staff-surface .mail-frame{background:#070909;border:1px solid #405038;border-radius:6px;color-scheme:normal}
.staff-surface .secret-code{background:#1d2f1b;border:1px solid #405d34;color:#d4edc4;border-radius:5px;line-height:1.8}
.staff-surface .totp-qr{background:#fff;border:12px solid #fff;box-sizing:content-box;max-width:calc(100% - 24px);height:auto;border-radius:4px;margin-top:20px}
.staff-surface .switch span{background:#526b4b}
.staff-surface .switch input:checked+span{background:#4cb1a7}
.staff-surface .switch input:focus-visible+span{outline-color:#86e5d7}

/* Every dialog, including white ticket/QR panels, remains legible in dark mode. */
.staff-surface .modal-backdrop{background:#000a;backdrop-filter:blur(5px)}
.staff-surface .modal{background:#111b13;border-color:#46633e;border-radius:10px;box-shadow:0 24px 100px #0009;color:#f3faec}
.staff-surface .modal-header h2{font-size:21px;line-height:1.4;overflow-wrap:anywhere;min-width:0}
.staff-surface .modal-close{color:#bfdbaf;flex:none;min-height:36px;min-width:36px;justify-content:center;border-radius:5px}
.staff-surface .modal-close:hover{background:#273e20}
.staff-surface .modal .ticket{background:#fff;color:#162b23;border-color:#fff;border-radius:7px;color-scheme:light}
.staff-surface .ticket-top{background:#f4f8f5;border-bottom-color:#c3d6cb}
.staff-surface .ticket-top:before,.staff-surface .ticket-top:after{background:#111b13;border-color:#111b13}
.staff-surface .ticket-label{color:#267668;font-weight:700;line-height:1.6}
.staff-surface .ticket-name{font-weight:700;font-size:16px;line-height:1.6;letter-spacing:-.025em}
.staff-surface .ticket-top .muted{color:#5f786a}
.staff-surface .ticket-qr{background:#fff;color:#244938}
.staff-surface .ticket-qr img{background:#fff}
.staff-surface .ticket-qr .btn{background:#eef6f0;border-color:#a0c7b6;color:#185e4b}
.staff-surface .ticket-qr .btn:hover{background:#deeee4;border-color:#659c83}

/* Team sign-in shares the original logo and restrained typographic backdrop. */
.staff-surface:has(.login-page) #app{background:linear-gradient(90deg,#07090999,#070909ed 70%),url('/brand/heroes-pattern.jpg') center 110px/1200px auto no-repeat}
.staff-surface .public-header{height:118px;max-width:1328px;padding:20px 42px;border-bottom:1px solid #ffffff18}
.staff-surface .public-header .brand-image{width:200px}
.staff-surface .header-links{color:#b4cbb7;font-size:10px;font-weight:700}
.staff-surface .header-links a:hover{color:#8ae0c9}
.staff-surface .login-page{max-width:470px;margin:65px auto 80px;padding:30px;background:#101913ee;border:1px solid #3a5034;border-radius:9px}
.staff-surface .login-page h1{font-size:31px;text-transform:uppercase;line-height:1.2;letter-spacing:-.045em;margin-top:18px}
.staff-surface .login-page .muted{color:#c0d3b8;line-height:1.8}
.staff-surface .login-page form{margin-top:28px}
.staff-surface .login-back{color:#b9d3ad;line-height:1.7}
.staff-surface .login-back:hover{color:#9fe8c4}

/* Entrance: branding never replaces the green / amber / red admission signals. */
.staff-surface .scanner-topbar{background:#0e1711;border-color:#33482c;gap:15px;padding:17px 24px}
.staff-surface .scanner-topbar .brand-image{width:154px}
.staff-surface .scanner-topbar .row{gap:4px;flex:none}
.staff-surface .scanner-topbar .btn{font-size:10px;padding:8px 11px}
.staff-surface .scanner-header{gap:18px;margin:7px 0 20px}
.staff-surface .scanner-header h1{font-size:27px;line-height:1.25;letter-spacing:-.045em}
.staff-surface .scanner-header .eyebrow{color:#80cda5;letter-spacing:.16em}
.staff-surface .connection-banner{background:#172c1d;border:1px solid #3b6142;color:#c3e9bb;font-size:10px;line-height:1.8;border-radius:6px}
.staff-surface .connection-banner.offline{background:#3c321b;border-color:#8b7337;color:#ffdda0}
.staff-surface .connection-banner .dot{flex:none}
.staff-surface .pill-tabs{background:#142416;border:1px solid #344f31;border-radius:7px;padding:5px;gap:5px}
.staff-surface .pill-tabs button{color:#b4cfa7;font-weight:700;font-size:11px;min-height:43px;border-radius:4px;padding:10px 8px}
.staff-surface .pill-tabs button:hover{background:#223a20;color:#e8f8dd}
.staff-surface .pill-tabs button.active{background:#4cb1a7;color:#08291b;box-shadow:none}
.staff-surface .scanner-shell{background:radial-gradient(ellipse at 50% 35%,#1c3828,#0f1f13 75%);border:1px solid #3c6342;border-radius:10px;color:#c6e6bc}
.staff-surface .scanner-idle>.icon{color:#6bd0b3;stroke-width:1.4;width:52px;height:52px}
.staff-surface .scanner-idle p{color:#d4eac9;font-size:12px;line-height:1.8;max-width:280px}
.staff-surface .scanner-idle .btn{margin-top:22px}
.staff-surface .scan-frame{border:2px solid #84ead2;border-radius:8px;box-shadow:0 0 0 100vmax #0004}
.staff-surface .camera-controls{gap:12px;line-height:1.7}
.staff-surface .scanner-section h2{font-size:15px;line-height:1.6;letter-spacing:-.025em}
.staff-surface .manual-row input{font-size:15px}
.staff-surface .manual-row .btn{padding-left:17px;padding-right:17px}
.staff-surface .result-panel{background:#153c25;border-color:#53ad70;border-radius:10px;color:#e2ffe8;padding:28px 23px;min-height:250px}
.staff-surface .result-panel>.icon{color:#95f0ad;width:52px;height:52px}
.staff-surface .result-panel h2{font-size:27px;font-weight:800;letter-spacing:-.035em;line-height:1.25}
.staff-surface .result-panel p{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.staff-surface .result-panel small{color:inherit;font-size:11px;line-height:1.8}
.staff-surface .result-panel.amber{background:#463711;border-color:#d4ad48;color:#fff0bc}
.staff-surface .result-panel.amber>.icon{color:#ffe18a}
.staff-surface .result-panel.red{background:#4b241e;border-color:#ce7f6b;color:#ffdfd2}
.staff-surface .result-panel.red>.icon{color:#ffac92}
.staff-surface .result-panel.pending{background:#152f24;border-color:#4a8062;color:#d4f5dc}
.staff-surface .found-ticket{background:#1a2b1b;border-color:#3c5b34;border-radius:6px}
.staff-surface .found-ticket p{color:#bed6b3;line-height:1.8}
.staff-surface #search-results h3{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.staff-surface #search-results .row{flex-wrap:wrap;gap:8px}
.staff-surface .history-item{border-color:#36522f;line-height:1.7}
.staff-surface .history-item>div{min-width:0}
.staff-surface .history-item b{font-weight:700;overflow-wrap:anywhere}
.staff-surface .history-item p{color:#afc8a0;line-height:1.7}
.staff-surface .history-item .badge{white-space:normal}
.staff-surface .mode-footer{color:#a5be96;font-size:9px;line-height:1.8}

@media(max-width:1100px){
  .staff-surface .workspace{grid-template-columns:206px minmax(0,1fr)}
  .staff-surface .sidebar{padding:26px 13px}.staff-surface .sidebar>.brand-image{width:166px;margin-left:6px}
  .staff-surface .stat{padding:17px}.staff-surface .stat-value{font-size:32px}
  .staff-surface .dashboard-grid{grid-template-columns:1.3fr 1fr}
}
@media(max-width:820px){
  .staff-surface .workspace{grid-template-columns:185px minmax(0,1fr)}
  .staff-surface .sidebar>.brand-image{width:151px;margin-left:3px}
  .staff-surface .side-item{font-size:11px;padding:11px 10px}
  .staff-surface .sidebar-caption{font-size:7px;margin-left:8px;letter-spacing:.1em}
  .staff-surface .dashboard-grid,.staff-surface .settings-grid{grid-template-columns:minmax(0,1fr)}
  .staff-surface .page-heading{flex-wrap:wrap}
  .staff-surface .page-heading>.row{max-width:100%;justify-content:flex-start}
  .staff-surface .page-heading h1{font-size:27px}
  .staff-surface .header-status{font-size:9px}
  .staff-surface .public-header{padding-left:24px;padding-right:24px;height:102px}
}
@media(max-width:620px){
  .staff-surface .workspace{display:flex}
  .staff-surface .sidebar{padding:17px 16px 0}
  .staff-surface .sidebar>.brand-image{width:162px;margin:0 0 15px 2px}
  .staff-surface .sidebar-caption{display:none}
  .staff-surface .side-nav{gap:4px;margin:0 -5px;padding:0 3px 12px;scrollbar-width:thin;scrollbar-color:#4a7151 transparent}
  .staff-surface .side-item{font-size:9px;gap:7px;min-width:65px;padding:9px 10px;min-height:60px}
  .staff-surface .side-bottom{top:24px;right:16px}
  .staff-surface .side-bottom .btn{padding:8px;font-size:10px}
  .staff-surface .workspace-header{min-height:58px;height:auto;padding:12px 18px;gap:9px;flex-wrap:wrap}
  .staff-surface .breadcrumb{font-size:9px;gap:5px}
  .staff-surface .header-status .badge{font-size:8px;padding:5px 7px}
  .staff-surface .content{padding:25px 17px 40px}
  .staff-surface .page-heading{gap:15px;margin-bottom:23px}
  .staff-surface .page-heading h1{font-size:28px}
  .staff-surface .page-heading p{font-size:10px;line-height:1.8;margin-top:7px}
  .staff-surface .page-heading>.row{gap:8px;width:100%}
  .staff-surface .page-heading .btn{font-size:10px;min-height:41px;padding:10px 14px}
  .staff-surface .stat{padding:15px 14px;min-height:147px}
  .staff-surface .stat-head{font-size:9px;align-items:flex-start;min-height:30px;gap:7px}
  .staff-surface .stat-head .icon{width:15px;height:15px;margin-top:2px}
  .staff-surface .stat-value{font-size:34px;margin-top:5px}
  .staff-surface .stat-value small{font-size:12px}
  .staff-surface .stat-caption{font-size:8px;margin-top:5px;line-height:1.7}
  .staff-surface .dashboard-grid>.card{padding:20px}
  .staff-surface .dashboard-grid>.card>.row{align-items:flex-start;flex-wrap:wrap;gap:10px}
  .staff-surface .card-title{font-size:12px}
  .staff-surface .card-subtitle{font-size:9px}
  .staff-surface .progress-labels{font-size:9px}
  .staff-surface .filterbar{flex-wrap:wrap;align-items:stretch;gap:11px}
  .staff-surface .filterbar .search-input{flex:1 1 100%;max-width:none}
  .staff-surface .filterbar select{max-width:none}
  .staff-surface input,.staff-surface select,.staff-surface textarea,.staff-surface .search-input input,.staff-surface .filterbar select,.staff-surface .manual-row input{font-size:16px;min-height:46px;padding:12px}
  .staff-surface .search-input input{padding-left:39px}
  .staff-surface .search-input>.icon{top:16px}
  .staff-surface input[type=checkbox]{min-height:18px;padding:0}
  .staff-surface .field{font-size:11px}
  .staff-surface .field small{font-size:10px}
  .staff-surface .card{padding:20px}
  .staff-surface .card.table-card{padding:0}
  .staff-surface .settings-grid .card{padding:22px 18px}
  .staff-surface .setting-dates{padding:14px;font-size:10px;gap:15px}
  .staff-surface .member-card{gap:12px;flex-wrap:wrap}
  .staff-surface .member-card>.row{flex:1 1 190px}
  .staff-surface .member-card>.btn{margin-left:39px}
  .staff-surface .member-card p{font-size:10px}
  .staff-surface .modal-backdrop{padding:12px}
  .staff-surface .modal{padding:22px 18px;max-height:calc(100dvh - 24px);border-radius:8px}
  .staff-surface .modal-header{gap:12px;margin-bottom:21px}
  .staff-surface .modal-header h2{font-size:20px}
  .staff-surface .modal .btn-group .btn{flex:1 1 100%;min-height:44px}
  .staff-surface .totp-qr{width:min(220px,calc(100% - 24px))}
  .staff-surface .switch input{min-height:0;padding:0}
  .staff-surface .public-header{padding:17px 20px;height:92px}
  .staff-surface .public-header .brand-image{width:157px}
  .staff-surface .header-links{font-size:8px;max-width:115px;line-height:1.8;text-align:right}
  .staff-surface .login-page{margin:35px 20px 55px;padding:26px 21px;max-width:none}
  .staff-surface .login-page h1{font-size:29px}
  .staff-surface .scanner-topbar{padding:14px 17px;gap:8px}
  .staff-surface .scanner-topbar .brand-image{width:141px}
  .staff-surface .scanner-topbar .btn{font-size:9px;padding:8px;gap:6px}
  .staff-surface .scanner-topbar .btn .icon{width:16px;height:16px}
  .staff-surface .scanner-page{padding:21px 17px 35px}
  .staff-surface .scanner-header h1{font-size:26px}
  .staff-surface .pill-tabs{margin-bottom:20px}
  .staff-surface .pill-tabs button{font-size:10px;padding:10px 6px}
  .staff-surface .scanner-idle{padding:25px 15px}
  .staff-surface .scanner-idle p{font-size:11px}
  .staff-surface .scanner-section h2{font-size:14px}
  .staff-surface .manual-row .btn{font-size:11px;padding-left:14px;padding-right:14px}
  .staff-surface .scanner-page .tiny{font-size:10px;line-height:1.8}
  .staff-surface .result-panel h2{font-size:26px}
  .staff-surface .result-panel p{font-size:14px}
  .staff-surface .history-item{font-size:11px;gap:10px}
  .staff-surface .history-item .badge{font-size:9px}
}
@media(max-width:360px){
  .staff-surface .scanner-topbar{padding-left:14px;padding-right:14px}
  .staff-surface .scanner-topbar .brand-image{width:119px}
  .staff-surface .scanner-topbar .btn{font-size:8px;padding:8px 7px}
  .staff-surface .scanner-topbar .btn .icon{width:14px;height:14px}
  .staff-surface .scanner-header h1{font-size:23px}
  .staff-surface .sidebar>.brand-image{width:151px}
  .staff-surface .stat{padding:14px 12px}
  .staff-surface .stat-head{font-size:8px}.staff-surface .stat-value{font-size:31px}
  .staff-surface .stat-caption{font-size:8px}
}