@charset "UTF-8";:root{--primary: #FFD700;--primary-glow: rgba(255, 215, 0, .2);--bg-dark: #0A0B0C;--bg-surface: #16181A;--bg-card: #1C1F22;--text-bright: #FFFFFF;--text-soft: #A0AAB2;--border: #2D3238;--danger: #FF4D4D;--success: #00E676;--accent: #00B0FF}*{margin:0;padding:0;box-sizing:border-box;font-variant-ligatures:none}body{font-family:Space Mono,monospace;background:var(--bg-dark);color:var(--text-bright);overflow:hidden;height:100vh}#root{height:100%}main{display:flex;flex-direction:column;height:100vh}.appHeader{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #00000080}.logoArea{display:flex;align-items:center;gap:16px}.logoArea .icon{font-size:32px;color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.logoArea h1{font-size:18px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.headerActions{display:flex;gap:12px}.topSection{display:grid;grid-template-columns:340px 1fr;height:50vh;background:var(--bg-dark)}.modeSidebar{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px;gap:20px;overflow-y:auto}.sidebarTitle{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-soft);letter-spacing:1.5px;border-bottom:1px solid var(--border);padding-bottom:8px}.modeGrid{display:grid;gap:8px}.modeButton{background:var(--bg-card);border:1px solid var(--border);color:var(--text-soft);padding:12px;border-radius:4px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.modeButton:hover{border-color:var(--text-soft);color:var(--text-bright)}.modeButton.active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.modeButton .emoji{font-size:18px}.customInput{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-bright);padding:12px;border-radius:4px;font-family:inherit;font-size:12px;resize:none}.videoContainer{background:#000;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.dropOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffd70026;border:4px dashed var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dropOverlay .icon{font-size:64px;margin-bottom:16px;color:var(--primary)}.ledgerSection{flex:1;display:flex;flex-direction:column;background:var(--bg-surface);overflow:hidden}.ledgerHeader{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.ledgerTitle{display:flex;align-items:center;gap:16px}.ledgerTableWrapper{flex:1;overflow-y:auto;padding:0 24px 24px}table{width:100%;border-collapse:separate;border-spacing:0 4px}th{position:sticky;top:0;background:var(--bg-surface);text-align:left;padding:12px;font-size:10px;text-transform:uppercase;color:var(--text-soft);z-index:10}td{padding:10px 12px;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:middle}td:first-child{border-left:1px solid var(--border);border-radius:4px 0 0 4px}td:last-child{border-right:1px solid var(--border);border-radius:0 4px 4px 0}.timeTag{background:var(--bg-dark);color:var(--accent);border:1px solid var(--accent);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer}.qtyTag{font-weight:700;color:var(--primary);font-size:14px}.statusPill{font-size:10px;padding:2px 8px;border-radius:10px;text-transform:uppercase;background:var(--border);color:var(--text-bright)}.btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-bright);font-family:inherit;font-size:12px;cursor:pointer;transition:all .2s}.btn:hover{background:var(--border)}.btn-primary{background:var(--primary);color:#000;border:none;font-weight:700}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-btn{background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px}.icon-btn:hover{color:var(--danger)}.spinner{width:20px;height:20px;border:2px solid rgba(255,215,0,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-soft);text-align:center;padding:40px}.videoCaption{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid var(--primary);color:var(--primary);padding:8px 16px;border-radius:4px;font-size:14px;z-index:50;pointer-events:none}