*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#c8956c;--primary-dark:#a87050;--primary-light:#f5e6d8;--danger:#e53e3e;--danger-dark:#c53030;--success:#38a169;--text:#2d3748;--text-muted:#718096;--bg:#faf8f5;--card-bg:#fff;--border:#e2d9ce;--shadow:0 2px 8px #00000014;--radius:12px;--radius-sm:6px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;line-height:1.5}.page-center{background:linear-gradient(135deg,#faf8f5 0%,#f5e6d8 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.page{flex-direction:column;min-height:100vh;display:flex}.main{flex-direction:column;gap:1.5rem;width:100%;max-width:960px;margin:2rem auto;padding:0 1rem;display:flex}.header{background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);z-index:100;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:.875rem 1rem;display:flex}.header-title{color:var(--primary);font-size:1.1rem;font-weight:600}.header-right{align-items:center;gap:.75rem;display:flex}.welcome{color:var(--text-muted);font-size:.875rem}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);width:100%;max-width:520px;padding:1.75rem}.page .card{max-width:none}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.hero-icon{text-align:center;margin-bottom:.5rem;font-size:3rem}.title{text-align:center;color:var(--text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.token-form{flex-direction:column;gap:.75rem;display:flex}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fafafa;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--primary);background:#fff;outline:none}.error{color:var(--danger);border-radius:var(--radius-sm);background:#fff5f5;border:1px solid #fed7d7;padding:.5rem;font-size:.875rem}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-sm{padding:.4rem .875rem;font-size:.8125rem}.mt-4{margin-top:1rem}.section-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.section-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.875rem}.file-input{display:none}.file-label{background:var(--primary-light);color:var(--primary);border:2px dashed var(--primary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:500;transition:all .15s;display:inline-flex}.file-label:hover:not(.disabled){background:#eddfd0}.file-label.disabled{opacity:.6;cursor:not-allowed}.file-list{flex-direction:column;gap:.5rem;max-height:320px;margin-top:1rem;display:flex;overflow-y:auto}.file-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa;padding:.625rem .875rem}.file-item--done{background:#f0fff4;border-color:#9ae6b4}.file-item--error{background:#fff5f5;border-color:#feb2b2}.file-item--uploading{border-color:var(--primary)}.file-info{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.file-size{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.file-status{white-space:nowrap;font-size:.75rem;font-weight:500}.status--done{color:var(--success)}.status--error{color:var(--danger)}.status--uploading{color:var(--primary)}.status--pending{color:var(--text-muted)}.progress-bar{background:var(--border);border-radius:2px;height:4px;margin-top:.375rem;overflow:hidden}.progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .2s}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.photo-thumb{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#fafafa;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem;display:flex}.photo-icon{font-size:2.5rem}.guest-photo-preview{border-radius:var(--radius-sm);background:#f0ebe4;justify-content:center;align-items:center;width:100%;height:140px;display:flex;overflow:hidden}.guest-thumb-img{object-fit:cover;width:100%;height:100%}.photo-meta{width:100%}.photo-name{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.8rem;font-weight:500;overflow:hidden}.photo-detail{color:var(--text-muted);margin-top:.125rem;font-size:.75rem}.muted{color:var(--text-muted);font-size:.875rem}.back-link{text-align:center;margin-top:1rem}.back-link a{color:var(--primary);font-size:.875rem;text-decoration:none}.back-link a:hover{text-decoration:underline}.stats-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:1.25rem}.stat-value{color:var(--primary);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.tabs{border-bottom:2px solid var(--border);gap:.5rem;display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s}.tab:hover{color:var(--text)}.tab--active{color:var(--primary);border-bottom-color:var(--primary)}.admin-photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.admin-photo-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa;flex-direction:column;display:flex;overflow:hidden}.admin-photo-preview{height:160px;color:inherit;background:#f0ebe4;justify-content:center;align-items:center;text-decoration:none;display:flex;overflow:hidden}.admin-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.admin-thumb-img:hover{transform:scale(1.03)}.photo-icon-large{font-size:3.5rem}.admin-photo-info{flex:1;padding:.75rem}.admin-photo-card .btn{width:calc(100% - 1.5rem);margin:0 .75rem .75rem}.add-guest-form{flex-direction:column;gap:.625rem;margin-bottom:1.25rem;display:flex}@media (width>=560px){.add-guest-form{flex-flow:wrap;align-items:flex-end}.add-guest-form .input{flex:1;min-width:160px}.add-guest-form .btn{white-space:nowrap}}.new-token-banner{border-radius:var(--radius-sm);background:#f0fff4;border:1.5px solid #9ae6b4;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding:1rem;display:flex}.token-display{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.token-display code{word-break:break-all;background:#e6ffed;border:1px solid #9ae6b4;border-radius:4px;flex:1;padding:.25rem .5rem;font-size:.85rem}.token-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.guest-list{flex-direction:column;gap:.75rem;display:flex}.guest-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa;flex-direction:column;gap:.75rem;padding:1rem;display:flex}@media (width>=640px){.guest-card{flex-flow:wrap;align-items:center}.guest-info{flex:1}.guest-token{flex:1;min-width:200px}}.guest-name{margin-bottom:.25rem;font-size:1rem;font-weight:600}.guest-actions{align-items:center;gap:.5rem;display:flex}@media (width<=480px){.stats-row{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.75rem .5rem}.stat-value{font-size:1.25rem}}.settings-form{flex-direction:column;gap:1.25rem;display:flex}.settings-row{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:#fafafa;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.settings-row:hover{background:var(--primary-light)}.settings-label{margin-bottom:.2rem;font-size:.95rem;font-weight:600}.settings-toggle{cursor:pointer;width:1.25rem;height:1.25rem;accent-color:var(--primary);flex-shrink:0}