:root{--color-background: #0b0b0d;--color-surface: #15151a;--color-surface-raised: #1f1f27;--color-border: #2e2e38;--color-text: #f4f4f6;--color-text-muted: #9a9aa8;--color-yellow: #ffc400;--color-orange: #f57000;--color-red: #e52a0e;--color-accent: #ff8c1a;--color-accent-strong: #ffc400;--brand-gradient: linear-gradient(95deg, #ffc400 0%, #f57000 55%, #e52a0e 100%);--on-accent: #1a0d00;--color-danger: #e5484d;--color-success: #4caf7d;--radius: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 .5rem;font-weight:600}.app{display:flex;flex-direction:column;height:100%}.app-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted)}.app-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.app-identity{display:flex;align-items:center;gap:.75rem;line-height:1.1}.app-logo{width:44px;height:44px;padding:3px;border-radius:10px;background:#fff;object-fit:contain;flex-shrink:0}.login-logo{display:block;width:132px;height:132px;padding:8px;margin:0 auto 1rem;border-radius:20px;background:#fff;object-fit:contain}.brand{font-size:1.35rem;font-weight:800;letter-spacing:.12em;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.tab-bar{display:flex;gap:.5rem;flex:1}.tab{background:transparent;border:1px solid transparent;color:var(--color-text-muted);padding:.6rem 1.4rem;font-size:1rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--color-text);background:var(--color-surface-raised)}.tab.active{color:var(--on-accent);background:var(--brand-gradient)}.app-user{display:flex;align-items:center;gap:.75rem}.app-user-name{color:var(--color-text-muted);font-size:.9rem}.app-content{flex:1;overflow:auto;padding:1.5rem}.button{border:1px solid transparent;border-radius:var(--radius);padding:.65rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:filter .15s ease,background .15s ease;color:var(--color-text);background:var(--color-surface-raised)}.button:hover:not(:disabled){filter:brightness(1.15)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--brand-gradient);color:var(--on-accent)}.button.ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.button.danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.button.small{padding:.35rem .75rem;font-size:.85rem}.button.large{padding:.9rem 2rem;font-size:1.15rem}.login-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:1.5rem}.login-card{width:min(380px,100%);display:flex;flex-direction:column;gap:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.login-card .brand{font-size:2rem;text-align:center;margin-bottom:1.25rem}.login-card label{margin-top:.75rem;font-size:.85rem;color:var(--color-text-muted)}.login-card .button{margin-top:1.5rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.panel-header h2{margin:0}.panel-header-tools{display:flex;align-items:center;gap:.75rem}.badge{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:999px;padding:.25rem .85rem;font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}input,select{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:.6rem .75rem;font-size:1rem;font-family:inherit;width:100%}input:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.search-input{width:320px;max-width:100%}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:start}.field{display:flex;flex-direction:column;gap:.35rem}.field.wide{grid-column:1 / -1}.field label{font-size:.85rem;color:var(--color-text-muted)}.field .hint{font-size:.78rem;color:var(--color-text-muted)}.readonly-value{margin:0;padding:.6rem .75rem;border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-family:Consolas,Menlo,monospace}.field-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;gap:.75rem;align-items:end}.checkbox-field{gap:.6rem;align-self:stretch;justify-content:center;min-height:2.6rem}.checkbox-field label,.inline-checkbox{display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-size:.95rem}.checkbox-field input[type=checkbox],.inline-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent)}.form-error{color:var(--color-danger);font-size:.9rem;margin:.75rem 0 0}.block-hint{color:var(--color-text-muted);font-size:.9rem;margin:0 0 1rem;max-width:70ch}.button-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.transport-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.25rem}.transport-option{display:flex;flex-direction:column;gap:.2rem;text-align:left;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;color:var(--color-text);cursor:pointer}.transport-option.active{border-color:var(--color-accent)}.transport-name{font-weight:700}.transport-option.active .transport-name{color:var(--color-accent-strong)}.transport-hint{font-size:.8rem;color:var(--color-text-muted)}.port-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.port-item{display:flex;align-items:center;gap:.75rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .9rem}.port-item.active{border-color:var(--color-accent)}.port-item.empty{color:var(--color-text-muted);border-style:dashed;justify-content:center}.port-label{font-weight:600;font-family:Consolas,Menlo,monospace}.port-actions{margin-left:auto;display:flex;gap:.4rem}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table th{color:var(--color-text-muted);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr:hover{background:var(--color-surface-raised)}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.data-table .strong{font-weight:700;color:var(--color-accent)}.data-table .empty{text-align:center;color:var(--color-text-muted);padding:2rem}.row-muted td{color:var(--color-text-muted)}.actions-column{text-align:right;white-space:nowrap}.actions-column .button+.button{margin-left:.4rem}.loading{color:var(--color-text-muted)}.ticket-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:100%;text-align:center}.ticket-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.25em;font-size:1rem}.ticket-visitor{font-size:1.5rem;margin:0}.ticket-number{font-size:clamp(6rem,28vw,18rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 35px rgba(245,140,26,.35))}.ticket-print-status{color:var(--color-text-muted);min-height:1.5rem;margin:0}.ticket-print-status.warning{color:var(--color-danger)}.ticket-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.tombola-tab{display:flex;flex-direction:column;min-height:100%;gap:1rem}.tombola-header{min-height:5.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.main-prize-badge{background:var(--brand-gradient);color:var(--on-accent);font-weight:800;letter-spacing:.2em;padding:.2rem .9rem;border-radius:999px;font-size:.8rem}.tombola-prize-name{font-size:clamp(1.75rem,5vw,3.75rem);line-height:1.1;margin:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.tombola-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center}.start-button{background:var(--brand-gradient);color:var(--on-accent);font-size:clamp(1.5rem,4vw,3rem);font-weight:800;letter-spacing:.08em;padding:1.5rem 3.5rem;border-radius:16px;box-shadow:0 0 45px #f570004d}.next-button{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent);font-size:clamp(1.1rem,2.4vw,1.75rem);font-weight:700;letter-spacing:.08em;padding:1rem 2.5rem}.tombola-number-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tombola-number{font-size:clamp(7rem,30vw,22rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-accent)}.tombola-number.shuffling{color:var(--color-text);opacity:.85}.tombola-number.settled{animation:pop .5s cubic-bezier(.18,1.4,.4,1);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 55px rgba(245,112,0,.45))}@keyframes pop{0%{transform:scale(.75)}60%{transform:scale(1.12)}to{transform:scale(1)}}.tombola-winner-name{font-size:clamp(1.4rem,3.5vw,2.6rem);font-weight:700;color:var(--color-text);margin:.25rem 0 0;text-align:center;overflow-wrap:anywhere}.tombola-finished{color:var(--color-text-muted);font-size:1.1rem}.tombola-footer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem}.tombola-footer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.tombola-footer-header h3{margin:0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.prize-queue{list-style:none;display:flex;gap:.6rem;margin:0;padding:0;overflow-x:auto}.prize-queue-item{display:flex;align-items:center;gap:.6rem;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:999px;padding:.45rem 1rem;white-space:nowrap}.prize-queue-item.next-up{border-color:var(--color-accent);color:var(--color-accent-strong)}.prize-queue-item.main{border-color:var(--color-accent);background:#ff8c1a24}.prize-queue-item.empty{color:var(--color-text-muted);border-style:dashed}.prize-queue-priority{font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-accent)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40}.public-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem 3rem;gap:1.5rem}.public-header{display:flex;align-items:center;gap:.75rem}.public-card{width:min(560px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem;text-align:center}.public-card .form-grid{text-align:left;margin-top:1.25rem}.public-card .field-actions{justify-content:center}.public-thanks{font-size:1.5rem;margin-bottom:.5rem}.public-note{color:var(--color-text-muted);font-size:.95rem;margin:.5rem 0 0}.public-card .ticket-number{font-size:clamp(5rem,22vw,11rem)}.form-error.wide{grid-column:1 / -1}.public-notice{background:#fff;color:#000;border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;text-align:left}.public-notice p{margin:0;color:#000;font-size:1.05rem;line-height:1.5}.public-notice-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:1.25rem}.public-notice-actions .button.ghost{border-color:#b0b0b8;color:#1a1a1a}.public-notice-actions .button.ghost:hover:not(:disabled){background:#f0f0f2}.donation-box{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.donation-box h2{font-size:1.2rem}.donation-amount{font-size:2rem;font-weight:800;color:var(--color-accent-strong);margin:.25rem 0 0}.donation-barcode{width:100%;max-width:420px;margin:1.25rem auto 0;display:block;background:#fff;padding:10px;border-radius:6px}.donation-details{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:1.25rem 0 1.5rem;text-align:left;font-size:.9rem}.donation-details dt{color:var(--color-text-muted)}.donation-details dd{margin:0;font-family:Consolas,Menlo,monospace;overflow-wrap:anywhere}.public-url a{color:var(--color-accent-strong);font-family:Consolas,Menlo,monospace;word-break:break-all}.test-row{display:flex;align-items:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.test-row .field{flex:1;min-width:220px}.barcode-preview{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}.barcode-preview img{width:100%;max-width:460px;background:#fff;padding:10px;border-radius:6px}.barcode-preview pre{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;color:var(--color-text-muted)}.section-nav{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.section-link{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);padding:.5rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer}.section-link.active{color:var(--color-accent);border-color:var(--color-accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.modal{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0}.modal-body{padding:1.25rem}.toast-stack{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:60}.toast{background:var(--color-surface-raised);border-left:4px solid var(--color-text-muted);border-radius:var(--radius);padding:.75rem 1.1rem;box-shadow:var(--shadow);cursor:pointer;max-width:420px}.toast-error{border-left-color:var(--color-danger)}.toast-success{border-left-color:var(--color-success)}@media (max-width: 720px){.app-header{gap:.75rem}.tab{flex:1;padding:.6rem .75rem;text-align:center}.app-content{padding:1rem}.search-input{width:100%}}