.dashboard{background:linear-gradient(135deg,#fdf2f8,#eff6ff 48%,#ecfeff);flex-direction:column;height:100vh;display:flex}.dashboard-header{color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid #1e293b;padding:2rem}.dashboard-header h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.dashboard-header p{color:#94a3b8;font-size:1rem}.dashboard-main{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1000px;display:grid}.dashboard-card{text-align:center;cursor:pointer;color:#0f172a;background:#fff;border:1px solid #94a3b833;border-radius:24px;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px #0f172a0d}.dashboard-card:hover{border-color:#6366f14d;transform:translateY(-8px);box-shadow:0 20px 40px #0f172a1a}.card-icon{background:linear-gradient(135deg,#e0e7ff 0%,#f3e8ff 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;font-size:4rem;display:flex;box-shadow:0 8px 16px #0000000a}.dashboard-card h2{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.dashboard-card p{color:#64748b;font-size:.95rem;line-height:1.4}.event-list{grid-template-columns:minmax(280px,420px) 1fr;gap:1rem;width:100%;height:100%;min-height:0;display:grid}.event-form,.events-grid{background:radial-gradient(circle at 10% 8%,#22d3ee2e,#0000 34%),linear-gradient(135deg,#111827,#1e293b);border:1px solid #94a3b833;border-radius:24px;min-height:0;padding:1rem;overflow:hidden}.event-form{flex-direction:column;justify-content:center;display:flex}.event-form h2,.events-grid h2{color:#f8fafc;margin-bottom:1rem;font-size:clamp(1.6rem,4vw,3rem);line-height:.95}.event-form form{flex-direction:column;gap:.8rem;display:flex}.event-form input{color:#f8fafc;background:#020617b8;border:1px solid #94a3b847;border-radius:18px;width:100%;min-height:58px;padding:.9rem 1rem;font-size:1rem;font-weight:800}.event-form input::placeholder{color:#64748b}.event-form input:focus{border-color:#22d3ee;outline:none;box-shadow:0 0 0 4px #22d3ee29}.event-form button,.event-card{cursor:pointer;border:none;border-radius:20px;width:100%;min-height:72px;font-weight:950}.event-form button{color:#020617;background:linear-gradient(135deg,#22d3ee,#a78bfa 52%,#fb7185);font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;height:calc(100% - 4rem);padding-right:.2rem;display:grid;overflow:auto}.event-card{color:#f8fafc;text-align:left;background:#0f172ab8;border:1px solid #ffffff1f;padding:1rem;transition:transform .2s,border-color .2s}.event-card:hover{border-color:#22d3ee;transform:translateY(-3px)}.event-card h3{margin-bottom:.4rem;font-size:1.1rem}.event-card p{color:#94a3b8;font-size:.85rem}.empty-state{color:#94a3b8;border:1px dashed #94a3b84d;border-radius:20px;place-items:center;min-height:220px;display:grid}@media (width<=820px){.event-list{grid-template-columns:1fr}}.template-canvas{aspect-ratio:4/5;width:100%;max-width:520px;padding:var(--slot-padding);background-position:50%;background-size:cover;border-radius:28px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 80px #02061747}.template-canvas.preview-mode{max-width:100%;height:100%;min-height:320px}.template-photo-grid{gap:var(--slot-gap);z-index:2;height:100%;display:grid;position:relative}.template-canvas.single .template-photo-grid{grid-template-columns:1fr}.template-canvas.double .template-photo-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.template-canvas.quad .template-photo-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.template-photo-slot{color:#0f172a6b;background:#ffffffd1;border:4px solid #fffffff2;border-radius:22px;place-items:center;min-height:0;font-weight:950;display:grid;overflow:hidden;box-shadow:0 10px 28px #0f172a2e}.template-photo-slot img{object-fit:cover;width:100%;height:100%}.template-layer{z-index:4;position:absolute;transform:translate(-50%,-50%)}.template-caption{text-align:center;background:#ffffffb8;border-radius:999px;min-width:80px;max-width:90%;padding:.35rem .65rem;font-weight:950;line-height:1.05}.template-sticker{filter:drop-shadow(0 6px 14px #0206173d);line-height:1}.template-image-layer{object-fit:contain;filter:drop-shadow(0 8px 18px #02061738);height:auto}@media print{.template-canvas{width:100%;max-width:none;height:auto;min-height:0;box-shadow:none;break-inside:avoid}.template-canvas.preview-mode{max-width:none;height:auto;min-height:0}}.template-editor{flex:1;grid-template-columns:1fr 1fr 1fr;gap:.8rem;min-height:0;display:grid}.templates-list{background:#ffffffc7;border:1px solid #94a3b838;border-radius:18px;min-height:0;padding:1rem;overflow:hidden}.templates-list h3{color:#0f172a}.panel-title-row{justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.template-items{flex-direction:column;gap:.5rem;max-height:calc(100% - 2.5rem);display:flex;overflow:auto}.template-item{width:100%;color:inherit;text-align:left;background:#ffffffd1;border:1px solid #db277724;border-radius:16px;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:.6rem;padding:.55rem;transition:all .2s;display:grid}.template-item:hover{background:#fdf2f8;border-color:#22d3ee}.template-item.selected{background:#fce7f3;border-color:#db2777}.template-select-button{color:#0f172a;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;min-width:0;padding:.2rem;font-weight:800;display:flex}.template-preview{border:1px solid #475569;border-radius:14px;flex-shrink:0;width:50px;height:50px}.template-select-button span:last-child{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.edit-template-btn{color:#020617;cursor:pointer;background:linear-gradient(135deg,#fef08a,#22d3ee);border:none;border-radius:14px;min-height:52px;padding:.7rem;font-size:.95rem;font-weight:950}.template-form-section{background:#ffffffc7;border:1px solid #94a3b838;border-radius:18px;min-height:0;padding:1rem;overflow:auto}.create-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.create-btn:hover{background:#2563eb;transform:translateY(-1px)}.template-form{flex-direction:column;gap:.8rem;display:flex}.template-form h3{color:#0f172a;margin-bottom:.5rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#334155;font-size:.9rem;font-weight:600}.form-group input,.form-group select,.layer-card input,.layer-card select{color:#0f172a;background:#ffffffeb;border:1px solid #94a3b859;border-radius:6px;padding:.75rem;font-size:.95rem;transition:all .2s}.form-group input[type=color],.layer-card input[type=color]{height:44px;padding:.25rem}.form-group input[type=range],.layer-card input[type=range]{padding:0}.form-group input[type=file]{padding:.6rem}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.form-group input::placeholder{color:#64748b}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.75rem;font-weight:600;transition:all .2s}.form-actions button[type=submit]{color:#fff;background:#3b82f6}.form-actions button[type=submit]:hover{background:#2563eb;transform:translateY(-1px)}.form-actions button[type=button]{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1}.form-actions button[type=button]:hover{background:#475569}.layer-section{border-top:1px solid #94a3b82e;flex-direction:column;gap:.6rem;padding-top:.8rem;display:flex}.layer-title{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.layer-title h4{color:#0f172a;font-size:.95rem}.layer-title button,.upload-layer-button{color:#020617;cursor:pointer;background:#22d3ee;border:none;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;font-weight:950}.upload-layer-button input{display:none}.layer-card{background:#ffffffb8;border:1px solid #94a3b82e;border-radius:14px;flex-direction:column;gap:.55rem;padding:.7rem;display:flex}.layer-card label{color:#334155;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:800;display:flex}.remove-layer{color:#fecaca;cursor:pointer;background:#7f1d1d8c;border:1px solid #f8717159;border-radius:10px;padding:.55rem .7rem;font-weight:900}.template-preview-large{background:#ffffffc7;border:1px solid #94a3b838;border-radius:18px;min-height:0;padding:1rem}.template-preview-large h3{color:#0f172a;margin-bottom:1rem}@media (width<=980px){.template-editor{grid-template-columns:1fr;overflow:auto}}.empty{color:#64748b;text-align:center;padding:1rem}.preview-empty{color:#94a3b8;border:1px dashed #475569;border-radius:18px;place-items:center;height:calc(100% - 2.5rem);display:grid}.preview-meta{color:#94a3b8;text-transform:uppercase;margin-top:.5rem;font-size:.8rem;font-weight:800}.upload-note{color:#67e8f9;font-size:.85rem;font-weight:800}.upload-error{color:#fecaca;background:#7f1d1d6b;border:1px solid #f8717173;border-radius:10px;padding:.55rem .7rem;font-size:.82rem;font-weight:800}.photo-capture{flex-direction:column;gap:.75rem;width:100%;height:100%;min-height:0;display:flex}.capture-topbar{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.capture-topbar h3{color:#f8fafc;font-size:1.15rem;line-height:1.2}.capture-topbar p{color:#94a3b8;margin-top:.2rem;font-size:.85rem}.no-template{text-align:center;color:#64748b;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:3rem}.capture-workspace{flex:1;grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:1rem;min-height:0;display:grid}.camera-error{color:#fee2e2;background:#7f1d1d;border:1px solid #ef4444;border-radius:8px;grid-column:1/-1;padding:.75rem 1rem;font-size:.9rem}.camera-stage{background:#020617;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.start-btn,.capture-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;min-height:44px;padding:.8rem 1rem;font-size:1rem;font-weight:700;transition:background .2s,transform .2s,opacity .2s}.start-btn{background:#3b82f6;max-width:360px}.capture-btn,.next-btn{background:#10b981}.start-btn:hover,.capture-btn:hover{transform:translateY(-1px)}.start-btn:hover{background:#2563eb}.capture-btn:hover,.next-btn:hover{background:#059669}.capture-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.next-btn{color:#020617;cursor:pointer;background:linear-gradient(135deg,#fef08a,#22d3ee);border:none;border-radius:8px;width:100%;min-height:50px;padding:.8rem 1rem;font-size:1rem;font-weight:950}.video-feed{object-fit:cover;width:100%;height:100%}.countdown-overlay{color:#fff;z-index:10;background:#0206178c;justify-content:center;align-items:center;font-size:clamp(4rem,12vw,8rem);font-weight:800;animation:.5s ease-in-out pulse;display:flex;position:absolute;inset:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.capture-side{flex-direction:column;gap:.75rem;min-height:0;display:flex}.shot-status{color:#94a3b8;background:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.shot-status strong{color:#f8fafc;font-size:1.15rem}.shot-grid{gap:.5rem;display:grid}.shot-grid.single{grid-template-columns:1fr}.shot-grid.double,.shot-grid.quad{grid-template-columns:repeat(2,1fr)}.shot-thumb{aspect-ratio:1;color:#64748b;background:#020617;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex;overflow:hidden}.shot-thumb.active{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf82e}.shot-thumb img{object-fit:cover;width:100%;height:100%}.photo-history.compact{border-top:1px solid #334155;min-height:0;padding-top:.75rem;overflow:hidden}.photo-history.compact h4{color:#f1f5f9;margin-bottom:.5rem;font-size:.95rem}.history-strip{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.history-item{aspect-ratio:1;background:#020617;border:1px solid #334155;border-radius:6px;overflow:hidden}@media (width<=820px){.capture-workspace{grid-template-rows:minmax(220px,1fr) auto;grid-template-columns:1fr}.capture-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.shot-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.photo-history.compact{display:none}}.event-detail{flex-direction:column;gap:.8rem;width:100%;height:100%;min-height:0;display:flex}.wizard-screen{color:#0f172a}.detail-header{flex-shrink:0;align-items:center;gap:1rem;display:flex}.detail-header h2{letter-spacing:0;font-size:clamp(1.4rem,3vw,2rem);line-height:1}.detail-header p{color:#db2777;text-transform:uppercase;margin-top:.25rem;font-size:.9rem;font-weight:700}.back-btn,.secondary-nav{color:#0f172a;cursor:pointer;background:#fffc;border:1px solid #db27772e;border-radius:999px;padding:.75rem 1rem;font-size:.95rem;font-weight:800}.wizard-panel{background:radial-gradient(circle at 12% 8%,#22d3ee38,#0000 32%),radial-gradient(circle at 92% 18%,#f472b638,#0000 28%),linear-gradient(135deg,#fffffff0,#f0f9ffeb);border:1px solid #94a3b833;border-radius:24px;flex:1;min-height:0;padding:1rem;position:relative;overflow:hidden}.setup-panel{flex-direction:column;gap:.9rem;display:flex}.start-event-btn{flex-shrink:0}.primary-nav,.start-event-btn,.qr-btn,.print-btn{color:#020617;cursor:pointer;letter-spacing:0;background:linear-gradient(135deg,#22d3ee,#a78bfa 52%,#fb7185);border:none;border-radius:18px;width:100%;min-height:58px;font-size:1.05rem;font-weight:950;box-shadow:0 18px 40px #22d3ee38}.qr-btn,.print-btn{place-items:center;text-decoration:none;display:grid}.qr-btn:disabled{opacity:.55;cursor:wait}.layout-panel,.pick-template-panel,.action-panel,.menu-panel,.history-panel{flex-direction:column;justify-content:center;gap:1rem;display:flex}.layout-panel h3,.pick-template-panel h3,.action-panel h3,.menu-panel h3,.history-panel h3{text-align:center;font-size:clamp(2rem,6vw,5rem);line-height:.95}.layout-buttons,.action-buttons,.menu-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1rem;display:grid}.menu-card{color:#0f172a;cursor:pointer;background:#ffffffc7;border:2px solid #ffffff2e;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:220px;padding:2rem 1.5rem;transition:transform .2s,border-color .2s;display:flex}.menu-card:hover{border-color:#db2777;transform:translateY(-4px)}.menu-icon{font-size:4rem;line-height:1}.menu-card h4{margin:0;font-size:1.5rem;font-weight:950}.menu-card p{color:#64748b;margin:0;font-size:1rem;font-weight:700}.history-panel{overflow:hidden}.history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-height:calc(100vh - 300px);padding:1rem;display:grid;overflow:auto}.history-item{aspect-ratio:4/5;background:#ffffffe6;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.history-item img{object-fit:cover;width:100%;height:100%}.history-actions{opacity:0;background:linear-gradient(#0000,#000000b3);gap:.5rem;padding:.5rem;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.history-item:hover .history-actions{opacity:1}.history-actions button{color:#0f172a;cursor:pointer;background:#ffffffe6;border:none;border-radius:8px;flex:1;padding:.5rem;font-weight:700}.empty-state{text-align:center;color:#94a3b8;padding:3rem;font-size:1.2rem}.menu-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-choice,.template-choice,.menu-choice{color:#0f172a;cursor:pointer;background:#ffffffc7;border:1px solid #ffffff2e;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:190px;display:flex}.layout-choice span{font-size:1.35rem;font-weight:900}.menu-choice span{font-size:1.5rem;font-weight:900}.layout-choice strong{font-size:clamp(4rem,10vw,7rem);line-height:.85}.template-choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;min-height:0;padding:.2rem;display:grid;overflow:auto}.template-preview-carousel{scroll-snap-type:x mandatory;grid-auto-columns:minmax(260px,340px);grid-auto-flow:column;gap:1rem;min-height:0;padding:.5rem .2rem 1rem;display:grid;overflow:auto hidden}.template-preview-carousel::-webkit-scrollbar{height:10px}.template-preview-carousel::-webkit-scrollbar-track{background:#ffffff73;border-radius:999px}.template-preview-carousel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22d3ee,#fb7185);border-radius:999px}.template-preview-choice{color:#0f172a;cursor:pointer;scroll-snap-align:center;background:#ffffffc7;border:2px solid #0f172a14;border-radius:24px;flex-direction:column;gap:.75rem;min-width:0;padding:.75rem;transition:transform .2s,border-color .2s;display:flex}.template-preview-choice:hover,.template-preview-choice.selected{border-color:#db2777;transform:translateY(-4px)}.template-preview-choice .template-canvas{pointer-events:none}.template-preview-choice span{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:950;overflow:hidden}.template-choice.selected{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee38}.template-swatch{border:2px solid #ffffff59;border-radius:22px;width:72px;height:72px}.template-choice strong{font-size:1.05rem}.template-choice small{color:#94a3b8;text-transform:uppercase;font-weight:800}.capture-panel{padding:.75rem}.action-panel{text-align:center;grid-template-columns:minmax(280px,520px) minmax(320px,1fr);justify-content:center;align-items:center;display:grid}.action-panel p{color:#cbd5e1;font-size:1.1rem;font-weight:700}.final-preview{place-items:center;width:100%;min-height:0;display:grid}.final-actions{flex-direction:column;align-items:center;gap:1rem;width:min(760px,100%);display:flex}.action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));width:min(760px,100%)}.qr-btn,.print-btn{min-height:160px;font-size:clamp(2rem,6vw,4.5rem)}.print-btn{background:linear-gradient(135deg,#bef264,#22c55e)}.action-panel .primary-nav{width:min(420px,100%)}@media print{@page{size:portrait;margin:0}body{background:#fff}.no-print,.detail-header{display:none!important}.app,.app-main,.event-detail,.wizard-panel,.action-panel,.final-preview,.print-area{background:#fff!important;border:0!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}}@media (width<=820px){.wizard-panel{border-radius:18px}.layout-buttons,.action-buttons,.menu-buttons,.menu-grid{grid-template-columns:1fr}.action-panel{grid-template-columns:1fr;overflow:auto}.layout-choice,.qr-btn,.print-btn{min-height:120px}.final-preview{transform-origin:top;margin-bottom:-15%;padding:1rem;transform:scale(.85)}.action-panel h3{font-size:2.5rem}.action-buttons{padding:0 1rem}}@media (width<=480px){.final-preview{margin-bottom:-35%;transform:scale(.65)}}.qr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ad9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.qr-modal-content{text-align:center;background:#fff;border-radius:32px;width:100%;max-width:450px;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideUp;position:relative;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-modal{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:1.25rem;right:1.25rem}.qr-modal-content h3{color:#0f172a;margin-bottom:.5rem!important;font-size:2rem!important}.qr-modal-content p{color:#64748b!important;margin-bottom:2rem!important}.qr-code-container{background:#f8fafc;border-radius:24px;margin-bottom:1.5rem;padding:1.5rem;display:inline-block}.qr-code-container img{border-radius:8px;width:100%;height:auto;display:block}.qr-url{word-break:break-all;background:#f1f5f9;border-radius:12px;padding:.75rem;font-family:monospace;color:#475569!important;font-size:.85rem!important}.global-history{flex-direction:column;height:100vh;display:flex}.history-panel{flex:1;padding:1.5rem;overflow-y:auto}.history-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.history-item{background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 12px #0f172a14}.history-img-container{aspect-ratio:4/5;background:#f1f5f9;width:100%;position:relative}.history-item img{object-fit:contain;width:100%;height:100%;display:block}.history-meta{background:#fdf7ff;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.event-badge{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.date-badge{color:#64748b;font-size:.75rem}.history-actions{gap:.5rem;padding:.75rem;display:flex}.history-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.history-actions button:first-child{color:#334155;background:#e2e8f0}.history-actions button:first-child:hover{background:#cbd5e1}.history-actions button:last-child{color:#fff;background:#6366f1}.history-actions button:last-child:hover{background:#4f46e5}.app{background:#fdf7ff;flex-direction:column;height:100vh;display:flex}.app-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:1px solid #1e293b;flex-shrink:0;padding:.9rem 2rem}.app-header h1{letter-spacing:0;margin-bottom:.15rem;font-size:1.6rem;font-weight:700}.app-header p{color:#94a3b8;font-size:.875rem}.app-main{background:linear-gradient(135deg,#fdf2f8,#eff6ff 48%,#ecfeff);flex:1;min-height:0;padding:1rem 2rem;overflow:hidden}.app.event-mode .app-main{padding:.75rem}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,#root{width:100%;height:100%}button,input,select,textarea{font-family:inherit}