@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--hdb-red:#ed1c24;--hdb-red-dark:#c41018;--hdb-red-light:#fff0f0;--hdb-red-dim:#ed1c2414;--hdb-amber:#f5a623;--hdb-amber-dim:#f5a6231f;--bg-base:#f5f6f8;--bg-raised:#fff;--bg-overlay:#eef0f4;--bg-hover:#e8eaee;--gold:#ed1c24;--gold-glow:#c41018;--gold-dim:#ed1c2414;--surface-raised:#f0f2f5;--success:#15803d;--success-dim:#15803d1a;--warning:#d97706;--warning-dim:#d977061a;--danger:#dc2626;--danger-dim:#dc26261a;--text-primary:#1a1e2e;--text-base:1rem;--text-muted:#6b7280;--text-subtle:#9ca3af;--border:#e2e5eb;--border-strong:#c9cdd8;--role-shareholder-bg:#ed1c2414;--role-shareholder-text:#b91c1c;--role-guest-bg:#15803d1a;--role-guest-text:#15803d;--font-display:"IBM Plex Sans", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-6xl:3.75rem;--text-8xl:6rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-gold:0 0 20px #d4a01740}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);letter-spacing:-.01em;min-height:100vh;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{color:var(--text-muted);font-size:var(--text-sm)}a{color:var(--hdb-red);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--hdb-red-dark)}code,.mono{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);font-size:.85em}.container{max-width:1280px;padding:0 var(--space-8);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 1px 4px #0000000f}.card:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #0000001a}.card--gold{border-color:var(--hdb-red);border-left:3px solid var(--hdb-red)}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--hdb-red);color:#fff;border-color:var(--hdb-red)}.btn--primary:hover:not(:disabled){background:var(--hdb-red-dark);box-shadow:0 4px 12px #ed1c244d}.btn--secondary{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-strong)}.btn--danger{background:var(--danger-dim);color:var(--danger);border-color:var(--danger)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-overlay)}.badge{font-size:var(--text-xs);letter-spacing:.03em;border-radius:20px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge--shareholder{background:var(--role-shareholder-bg);color:var(--role-shareholder-text)}.badge--guest{background:var(--role-guest-bg);color:var(--role-guest-text)}.badge--success{background:var(--success-dim);color:var(--success)}.badge--warning{background:var(--warning-dim);color:var(--warning)}.badge--danger{background:var(--danger-dim);color:var(--danger)}.badge--muted{background:var(--bg-overlay);color:var(--text-muted)}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg-raised);white-space:nowrap;font-weight:500}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.data-table tr{transition:border-left var(--transition-fast), background var(--transition-fast);border-left:2px solid #0000}.input{background:var(--bg-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--hdb-red);box-shadow:0 0 0 3px #ed1c241f}.input::placeholder{color:var(--text-subtle)}.input-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:block}.stat-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.stat-card:before{content:"";background:var(--hdb-red);width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card__value{font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--text-primary);font-weight:700;line-height:1}.stat-card__label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:var(--space-2);font-weight:600}.stat-card__sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-raised);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:248px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 8px #0000000f}.sidebar__logo{padding:var(--space-6);border-bottom:3px solid var(--hdb-red);background:var(--hdb-red)}.sidebar__logo-title{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;letter-spacing:-.01em;font-weight:700}.sidebar__logo-sub{font-size:var(--text-xs);color:#ffffffb3;margin-top:2px;font-weight:400}.sidebar__nav{padding:var(--space-3) var(--space-2);flex:1}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;margin-bottom:2px;font-weight:500;text-decoration:none;display:flex}.sidebar__nav-item:hover{color:var(--hdb-red);background:var(--hdb-red-dim);border-left-color:#0000}.sidebar__nav-item--active{color:var(--hdb-red);border-left-color:var(--hdb-red);background:var(--hdb-red-dim);font-weight:600}.main-content{padding:var(--space-8);background:var(--bg-base);flex:1;min-height:100vh;margin-left:248px}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;display:flex}.page-header__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary)}.page-header__sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1);font-weight:400}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--bg-raised)}.dropzone:hover,.dropzone--active{border-color:var(--hdb-red);background:var(--hdb-red-light)}.dropzone__icon{margin-bottom:var(--space-4);font-size:2rem}.dropzone__title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.dropzone__sub{font-size:var(--text-sm);color:var(--text-muted)}.scanner-screen{background:#0d0d0d;flex-direction:column;display:flex;position:fixed;inset:0}.scanner-viewport{flex:1;position:relative;overflow:hidden}.scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scanner-frame{border:2px solid var(--hdb-red);border-radius:var(--radius-lg);width:260px;height:260px;position:relative;box-shadow:0 0 0 9999px #000000c7,0 0 24px #ed1c2466}.scanner-frame:before,.scanner-frame:after{content:"";border-color:var(--hdb-red);border-style:solid;width:24px;height:24px;position:absolute}.scanner-frame:before{border-width:3px 0 0 3px;border-radius:4px 0 0;top:-2px;left:-2px}.scanner-frame:after{border-width:0 3px 3px 0;border-radius:0 0 4px;bottom:-2px;right:-2px}.result-popup{background:var(--bg-raised);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-8);transition:transform var(--transition-slow) cubic-bezier(.32, .72, 0, 1);z-index:100;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.result-popup--visible{transform:translateY(0)}.result-popup--success{border-top-color:var(--success)}.result-popup--warning{border-top-color:var(--warning)}.result-popup--danger{border-top-color:var(--danger)}.result-flash{pointer-events:none;opacity:0;z-index:200;transition:opacity 50ms;position:fixed;inset:0}.result-flash--success{background:#2386364d}.result-flash--danger{background:#da36334d}.result-flash--warning{background:#d299224d}.result-flash--visible{opacity:1}.big-screen{background:#0d0d12;grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;overflow:hidden}.big-screen__header{padding:var(--space-6) var(--space-12);background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.big-screen__title{font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;letter-spacing:-.01em;font-weight:700}.big-screen__counter{font-family:var(--font-mono);font-size:var(--text-6xl);color:#fff;text-align:center;padding:var(--space-8);font-weight:700}.big-screen__counter-label{font-size:var(--text-lg);color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:var(--space-4);font-weight:500}.big-screen__welcome{font-family:var(--font-display);font-size:var(--text-8xl);text-align:center;padding:var(--space-16);color:#fff;font-weight:700;animation:.6s cubic-bezier(.16,1,.3,1) slideInWelcome}@keyframes slideInWelcome{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-gold{0%,to{box-shadow:0 0 #ed1c2459}50%{box-shadow:0 0 0 10px #ed1c2400}}.animate-fade-in{animation:.25s forwards fadeIn}.animate-pulse-gold{animation:2s infinite pulse-gold}.progress-bar{background:var(--bg-overlay);border-radius:3px;height:5px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--hdb-red), #ff6b6b);border-radius:3px;height:100%;transition:width 1s}.loader{border:2px solid var(--border);border-top-color:var(--hdb-red);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1a1e2e99;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);min-width:480px;max-width:90vw;box-shadow:0 20px 60px #0003}.modal__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--text-primary);font-weight:700}.modal__actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.divider{background:var(--border);height:1px;margin:var(--space-6) 0}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5;font-size:2.5rem}.empty-state__title{color:var(--text-primary);margin-bottom:var(--space-2)}.toast-container{top:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:2000;flex-direction:column;display:flex;position:fixed}.toast{background:var(--bg-raised);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-width:280px;color:var(--text-primary);animation:.25s slideInRight;box-shadow:0 4px 16px #0000001f}.toast--success{border-left-color:var(--success)}.toast--danger{border-left-color:var(--hdb-red)}.toast--warning{border-left-color:var(--warning)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.data-table th{background:var(--bg-base);color:var(--text-muted)}.data-table td{color:var(--text-primary)}.data-table tr:hover td{background:var(--hdb-red-dim)}.data-table tr:hover{border-left-color:var(--hdb-red)}.result-flash--gold{background:#ed1c2440}.mobile-bottom-nav,.mobile-bottom-spacer{display:none}@media (max-width:768px){.sidebar{display:none}.main-content{padding:var(--space-4) var(--space-3);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));margin-left:0}.modal{min-width:unset;width:95vw;padding:var(--space-6)}.mobile-bottom-spacer{height:80px;display:block}.mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-raised);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.mobile-bottom-nav__item{height:100%;color:var(--text-subtle);font-size:var(--text-xs);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:6px 4px 0;font-weight:500;text-decoration:none;display:flex}.mobile-bottom-nav__item--active{color:var(--hdb-red)}.mobile-bottom-nav__icon{font-size:1.25rem;line-height:1}.mobile-bottom-nav__label{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:9px;overflow:hidden}.page-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);flex-direction:column}.page-header .btn{justify-content:center;align-self:stretch}.stat-card{padding:var(--space-4)}.stat-card__value{font-size:var(--text-2xl)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.mobile-card-list table,.mobile-card-list thead,.mobile-card-list tbody,.mobile-card-list th,.mobile-card-list td,.mobile-card-list tr{display:block}.mobile-card-list thead{display:none}.mobile-card-list tbody tr{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-4);position:relative}.mobile-card-list tbody tr:hover{border-color:var(--hdb-red)}.mobile-card-list td{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);border:none;padding:3px 0;display:flex}.mobile-card-list td:before{content:attr(data-label);font-size:var(--text-xs);color:var(--text-subtle);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;min-width:60px;font-weight:600}[style*="grid-template-columns: 1fr 1fr"],[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}.toolbar-row{gap:var(--space-2);flex-wrap:wrap}.toolbar-row>*{flex:auto;min-width:120px}.toolbar-row .input{width:100%}.card{padding:var(--space-4)}.btn--mobile-full{justify-content:center;width:100%}.toast-container{left:var(--space-3);right:var(--space-3);top:var(--space-3)}.toast{min-width:unset;width:100%}}@media (max-width:1024px) and (min-width:769px){.sidebar{width:60px;overflow:hidden}.sidebar__logo-title,.sidebar__logo-sub,.sidebar__nav-item span:not(:first-child){display:none}.sidebar__logo{padding:var(--space-4);justify-content:center;display:flex}.sidebar__nav-item{padding:var(--space-3);justify-content:center}.main-content{margin-left:60px}}