:root{--bg-main: #0f1117;--bg-card: #181b24;--bg-card-hover: #212532;--bg-input: #10121a;--text-main: #f0f2f5;--text-muted: #9aa2b1;--border-color: #2b3142;--border-focus: #537fe7;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #10b981;--color-success-hover: #059669;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-purple: #8b5cf6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}.operator-app{max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.operator-navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:20}.navbar-brand{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.brand-title{font-weight:700;font-size:1rem}.operator-pill{font-size:.75rem;background-color:#1e293b;color:#93c5fd;padding:.2rem .5rem;border-radius:9999px;border:1px solid #3b82f644}.app-banner{padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;border-bottom:1px solid transparent}.banner-success{background-color:#064e3b;color:#a7f3d0;border-color:#059669}.banner-warning{background-color:#78350f;color:#fde68a;border-color:#d97706}.banner-error{background-color:#7f1d1d;color:#fecaca;border-color:#dc2626}.banner-info{background-color:#1e3a8a;color:#bfdbfe;border-color:#2563eb}.banner-close-btn{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0 .5rem;line-height:1}.app-content-container{flex:1;padding:1rem}.auth-container{display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-form{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;width:100%;max-width:440px}.auth-title{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.auth-subtitle{font-size:.875rem;margin-bottom:1.25rem}.auth-error-banner{background-color:#7f1d1d;color:#fecaca;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.form-control{width:100%;padding:.7rem .85rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s;min-height:44px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #537fe733}.form-hint{display:block;font-size:.75rem;margin-top:.35rem;line-height:1.4}.auth-footer-notice{font-size:.75rem;margin-top:1.25rem;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.1rem;border-radius:8px;font-size:.95rem;font-weight:600;border:1px solid transparent;cursor:pointer;min-height:44px;transition:background-color .2s,opacity .2s,border-color .2s;text-align:center;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed!important}.btn-sm{padding:.4rem .75rem;font-size:.85rem;min-height:36px}.btn-block{width:100%}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:#2b3142;color:var(--text-main)}.btn-secondary:not(:disabled):hover{background-color:#383f55}.btn-outline{background-color:transparent;border-color:var(--border-color);color:var(--text-main)}.btn-outline:not(:disabled):hover{background-color:var(--bg-card-hover)}.btn-approve{background-color:var(--color-success);color:#fff}.btn-approve:not(:disabled):hover{background-color:var(--color-success-hover)}.btn-reject{background-color:var(--color-danger);color:#fff}.btn-reject:not(:disabled):hover{background-color:var(--color-danger-hover)}.btn-hold{background-color:var(--color-warning);color:#000}.btn-hold:not(:disabled):hover{background-color:var(--color-warning-hover)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-pending{background-color:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-held{background-color:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.badge-approved{background-color:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.badge-rejected{background-color:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.badge-version{background-color:#2b3142;color:#cbd5e1;font-family:var(--font-mono)}.queue-view{display:flex;flex-direction:column;gap:1rem}.queue-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.queue-title{font-size:1.35rem;font-weight:700}.filter-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;overflow-x:auto}.filter-tab-btn{background:none;border:1px solid transparent;color:var(--text-muted);padding:.4rem .85rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;min-height:38px}.filter-tab-btn:hover{color:var(--text-main);background-color:var(--bg-card)}.filter-tab-btn.active{color:#fff;background-color:var(--color-primary)}.queue-list{display:flex;flex-direction:column;gap:.75rem}.order-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem;cursor:pointer;transition:transform .15s,border-color .15s,background-color .15s}.order-card:hover{background-color:var(--bg-card-hover);border-color:#3b455c;transform:translateY(-1px)}.order-card:focus-visible{outline:2px solid var(--border-focus)}.order-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.order-card-meta{display:flex;flex-wrap:wrap;gap:.3rem .75rem;min-width:0;overflow-wrap:anywhere}.order-card-id{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.order-card-badges{display:flex;align-items:center;gap:.4rem}.order-card-body{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.order-sender-name{font-size:1rem;color:var(--text-main)}.order-sender-city{font-size:.85rem;margin-left:.4rem}.order-greeting-text{font-size:.95rem;color:#e2e8f0;background-color:#0003;padding:.5rem .75rem;border-radius:6px;border-left:3px solid var(--color-primary)}.gift-row{display:flex;justify-content:space-between;font-size:.875rem;font-weight:600}.gift-name{color:#93c5fd}.gift-amount{color:#34d399}.order-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;border-top:1px solid rgba(255,255,255,.06);padding-top:.6rem}.queue-empty-state{text-align:center;padding:3rem 1rem;background-color:var(--bg-card);border-radius:10px;border:1px dashed var(--border-color)}.empty-text{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.detail-view{display:flex;flex-direction:column;gap:1rem}.detail-top-bar{display:flex;justify-content:space-between;align-items:center}.detail-header{margin-bottom:.5rem}.detail-order-id{font-family:var(--font-mono);font-size:1.25rem;word-break:break-all;margin-bottom:.4rem}.detail-badges{display:flex;gap:.5rem;align-items:center}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.card-title{font-size:1.05rem;font-weight:700;margin-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.detail-grid{grid-template-columns:1fr 1fr}}.greeting-blockquote{font-size:1.05rem;font-style:italic;padding:.75rem 1rem;background-color:#00000040;border-left:4px solid var(--color-primary);border-radius:6px;margin-bottom:1rem}.meta-field{display:flex;justify-content:space-between;font-size:.875rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.gift-highlight{background-color:#0003;padding:.75rem;border-radius:8px;margin-bottom:.75rem;text-align:center}.gift-title{font-size:1.15rem;color:#93c5fd}.gift-amount-large{font-size:1.35rem;font-weight:800;color:#34d399}.action-timeline{display:flex;flex-direction:column;gap:.75rem}.timeline-item{background-color:#0003;border-left:3px solid var(--border-color);padding:.75rem;border-radius:6px}.timeline-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem;flex-wrap:wrap}.action-badge{font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:4px}.action-approve{background-color:#10b98133;color:#6ee7b7}.action-reject{background-color:#ef444433;color:#fca5a5}.action-hold{background-color:#f59e0b33;color:#fbbf24}.timeline-actor{font-size:.8rem;font-weight:600}.timeline-time{font-size:.75rem;margin-left:auto}.timeline-notes{font-size:.875rem;color:#cbd5e1}.action-buttons-group{display:flex;flex-direction:column;gap:.75rem}@media(min-width:480px){.action-buttons-group{flex-direction:row}.btn-action{flex:1}}.submitting-indicator{margin-top:.75rem;font-size:.85rem;text-align:center}.terminal-notice{text-align:center;padding:1rem;background-color:#ffffff0d;border-radius:8px;font-size:.95rem}.modal-backdrop{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50;backdrop-filter:blur(2px)}.modal-dialog{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;width:100%;max-width:480px;box-shadow:0 20px 25px -5px #00000080}.modal-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.modal-prompt{font-size:.95rem;margin-bottom:1rem;line-height:1.4}.modal-order-summary{background-color:#00000040;border-radius:8px;padding:.75rem;margin-bottom:1rem;font-size:.85rem}.summary-line{display:flex;justify-content:space-between;margin-bottom:.25rem}.modal-textarea{width:100%;padding:.65rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:.9rem;resize:vertical;outline:none}.modal-textarea:focus{border-color:var(--border-focus)}.modal-error{font-size:.8rem;margin-top:.35rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.muted{color:var(--text-muted)}.text-danger{color:#f87171}.font-mono{font-family:var(--font-mono)}.font-italic{font-style:italic}.operator-nav-tabs{display:flex;gap:.5rem;align-items:center}.nav-tab-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:.35rem .75rem;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease}.nav-tab-btn:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.nav-tab-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.show-control-panel{margin-bottom:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.show-control-header .show-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.show-title{font-size:1.05rem;font-weight:600}.show-meta-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.show-name-info{display:flex;align-items:center;gap:.35rem}.show-badges{display:flex;gap:.4rem;align-items:center}.show-transitions-section{display:flex;flex-direction:column;gap:.5rem}.transitions-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.transition-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-transition{font-size:.8rem;padding:.35rem .75rem;border-radius:6px;cursor:pointer}.btn-status-live{background-color:#065f46;border:1px solid #10b981;color:#d1fae5}.btn-status-live:hover{background-color:#047857}.btn-status-paused{background-color:#92400e;border:1px solid #f59e0b;color:#fef3c7}.btn-status-paused:hover{background-color:#b45309}.btn-status-closed{background-color:#374151;border:1px solid #6b7280;color:#f3f4f6}.btn-status-closed:hover{background-color:#4b5563}.btn-status-rehearsal{background-color:#4c1d95;border:1px solid #8b5cf6;color:#ede9fe}.btn-status-rehearsal:hover{background-color:#5b21b6}.badge-live{background-color:#065f46;color:#6ee7b7;border:1px solid #10b981}.badge-rehearsal{background-color:#4c1d95;color:#c4b5fd;border:1px solid #8b5cf6}.badge-paused{background-color:#78350f;color:#fcd34d;border:1px solid #f59e0b}.badge-closed{background-color:#374151;color:#9ca3af;border:1px solid #4b5563}.badge-sales-open{background-color:#064e3b;color:#a7f3d0}.badge-sales-closed{background-color:#450a0a;color:#fca5a5}.badge-broadcast{background-color:#1e1b4b;color:#a5b4fc;border:1px solid #6366f1}.take-queue-view{display:flex;flex-direction:column;gap:1rem}.take-title-row{display:flex;justify-content:space-between;align-items:center}.take-queue-title{font-size:1.25rem;font-weight:700}.take-subtitle{font-size:.85rem;margin-top:.25rem}.take-loading-state,.take-empty-state{text-align:center;padding:3rem 1.5rem;background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:10px}.take-list{display:flex;flex-direction:column;gap:.75rem}.take-order-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .15s ease}.take-order-card:hover{border-color:#3b82f666}.take-order-btn{background-color:var(--color-primary);color:#fff;border:none;font-weight:600;padding:.4rem .9rem;border-radius:6px;cursor:pointer;transition:background-color .15s ease}.take-order-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.playout-panel{border-left:3px solid var(--accent, #ff3d71)}.playout-panel .playout-status{margin:0 0 12px;font-size:13px;line-height:1.5}