.staff-shell{min-height:100dvh}.staff-header{border-bottom:1px solid var(--line);align-items:center;gap:28px;max-width:1400px;margin:auto;padding:28px 5%;display:flex}.staff-back{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.quiet-button{border:1px solid var(--line);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;display:inline-flex}.quiet-button:hover{border-color:var(--acid);color:var(--acid)}.quiet-button:disabled{opacity:.5}.staff-login{max-width:400px;margin:auto;padding:60px 20px 80px}.staff-icon{width:65px;height:65px;color:var(--acid);background:#d5f81a17;border-radius:18px;place-items:center;margin-bottom:28px;display:grid}.staff-login h1{margin:20px 0;font-size:65px;font-weight:800}.staff-login h1 em{color:var(--acid);font-family:Georgia,serif}.staff-login>p{color:var(--muted);margin-bottom:30px;font-size:12px}.staff-login label,.ticket-editor>label{margin-bottom:10px;font-size:11px;display:block}.password-field{position:relative}.password-field input{padding-right:50px}.password-field>button{color:var(--muted);background:0 0;border:0;position:absolute;top:13px;right:13px}.staff-login .button{width:100%;margin-top:23px}.staff-main{max-width:1400px;margin:auto;padding:45px 5% 80px}.staff-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.staff-title h1{margin:15px 0 30px;font-size:48px;font-weight:700;line-height:1.1}.staff-title h1 em{color:var(--acid);font-family:Georgia,serif}.staff-status{letter-spacing:1px;white-space:nowrap;color:var(--muted);font-size:8px}.staff-tabs{border-bottom:1px solid var(--line);gap:35px;margin-bottom:42px;display:flex}.staff-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:0 0 17px;font-size:12px;display:flex}.staff-tabs button[aria-selected=true]{color:var(--acid);border-color:var(--acid)}.ticket-grid{grid-template-columns:1fr .9fr;align-items:start;gap:90px;display:grid}.ticket-editor{padding-top:30px}.ticket-editor h2{margin:20px 0;font-size:58px}.ticket-editor h2 em{color:var(--orange);font-family:Georgia,serif}.ticket-editor>p{color:var(--muted);max-width:420px;margin-bottom:30px;font-size:12px;line-height:1.9}.ticket-editor input{max-width:450px}.input-help{color:var(--muted);margin-top:10px;font-size:9px;line-height:1.8;display:block}.ticket-event{border-block:1px solid var(--line);flex-direction:column;gap:7px;max-width:450px;margin:30px 0;padding:22px 0;display:flex}.ticket-event>span{letter-spacing:1.5px;color:var(--orange);font-size:8px}.ticket-event strong{font-size:18px}.ticket-event small{color:var(--muted);font-size:10px}.ticket-editor .button{gap:20px;margin-bottom:5px}.download-success{color:var(--acid)!important;margin:15px 0!important;font-size:11px!important}.ticket-preview-area{width:100%;max-width:480px;margin:auto}.preview-label,.preview-footer{letter-spacing:1px;color:var(--muted);justify-content:space-between;margin:0 0 15px;font-size:7px;display:flex}.preview-footer{margin-top:15px}.ticket-preview{border:1px solid #d5f84830;border-radius:15px;transition:transform .4s;animation:.7s both ticket-in;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:0 0 80px #d5f81c0c}.ticket-preview:hover{transform:rotate(0)translateY(-4px)}.ticket-preview>img{width:100%}.ticket-shine{pointer-events:none;background:linear-gradient(115deg,#0000 25%,#d5f81c13 45%,#fff2 48%,#0000 65%) 0 0/300% 100%;animation:8s infinite shine;position:absolute;inset:0}.preview-loading{aspect-ratio:4/5;color:var(--muted);place-items:center;font-size:12px;display:grid}.guest-summary{align-items:center;gap:45px;margin-bottom:28px;display:flex}.guest-summary>div{flex-direction:column;display:flex}.guest-summary span{color:var(--muted);letter-spacing:1px;font-size:8px}.guest-summary strong{color:var(--acid);font:800 70px/1.3 DM Sans,sans-serif}.guest-summary p{color:var(--muted);font-size:11px;line-height:1.9}.guest-toolbar{align-items:center;gap:12px;margin-bottom:22px;display:flex}.search-box{border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:9px;width:min(400px,100%);margin-right:auto;padding:9px 12px;display:flex}.search-box input{color:var(--paper);background:0 0;border:0;outline:none;width:100%;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:var(--muted);letter-spacing:.8px;text-transform:uppercase;border-bottom:1px solid var(--line);padding:14px 15px;font-size:9px;font-weight:400}td{border-bottom:1px solid var(--line);white-space:nowrap;padding:17px 15px}td:first-child{white-space:normal;min-width:150px}td:last-child{color:var(--muted);font-size:10px}.empty-guests{text-align:center;color:var(--muted);padding:45px;font-size:12px}.empty-guests svg{margin:auto auto 15px}@keyframes shine{0%,35%{background-position:200% 0}65%,to{background-position:-100% 0}}@keyframes ticket-in{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}@media (max-width:800px){.staff-header{gap:14px;padding:23px 6%}.staff-back{font-size:9px}.staff-header .quiet-button{padding:8px;font-size:0}.staff-main{padding:35px 6% 60px}.staff-title h1{margin-bottom:25px;font-size:37px}.staff-status{display:none}.staff-tabs{gap:25px;margin-bottom:30px}.staff-tabs button{font-size:11px}.ticket-grid{grid-template-columns:1fr;gap:45px}.ticket-editor{padding-top:0}.ticket-editor h2{font-size:50px}.ticket-editor input{font-size:16px}.ticket-preview-area{max-width:420px}.guest-toolbar{flex-wrap:wrap}.search-box{width:100%;margin-right:0}.guest-summary{gap:25px}.guest-summary p{font-size:9px}.guest-summary strong{font-size:60px}.staff-login{padding-top:50px}}.ticket-schedule{max-width:450px;margin-top:26px}.ticket-schedule label{min-width:0;font-size:11px;display:block}.ticket-schedule input{width:100%;min-width:0;color:var(--paper);font:inherit;background:#22231e;border:1px solid #ffffff30;border-radius:6px;margin-top:8px;padding:12px 13px;font-size:14px;display:block}.ticket-time-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.ticket-schedule .form-error{font-size:11px}.new-invitation{margin:10px 0 5px 12px}.ticket-editor:has(.ticket-schedule) .ticket-event strong{overflow-wrap:anywhere;font-size:16px}@media (max-width:800px){.ticket-schedule input{font-size:16px}}@media (max-width:400px){.new-invitation{margin-left:0;display:flex}.ticket-time-fields{gap:10px}}