*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:#fff;min-height:100vh;color:#1a1a2e;line-height:1.6}#root{position:relative;z-index:1}.container{max-width:680px;margin:0 auto;padding:16px}.header{padding:24px 0 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header-logo{height:44px;width:auto;flex-shrink:0}.header-text{flex:1;min-width:200px}.header-text h1{font-size:1.3rem;font-weight:700;color:#1a1a2e;line-height:1.2}.subtitle{color:#6b7280;font-size:.85rem;margin-top:2px}.header-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;padding:28px 24px;margin-bottom:16px}.card h3{font-size:1rem;font-weight:600;margin-bottom:16px;color:#1e293b}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-head h3{margin-bottom:0}.field{margin-bottom:22px}.field-label{display:block;font-weight:600;font-size:.9rem;margin-bottom:8px;color:#1e293b}.required{color:#dc2626}.optional{color:#9ca3af;font-weight:400;font-size:.8rem}.input{width:100%;padding:12px 16px;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;color:#1a1a2e;font-size:.95rem;font-family:inherit;transition:all .2s}.input::placeholder{color:#9ca3af}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;background:#fff}.textarea{resize:vertical;min-height:80px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.select option{background:#fff;color:#1a1a2e}.field-hint{display:block;font-size:.75rem;color:#9ca3af;margin-top:4px}.rating-row{display:flex;gap:8px}.rating-btn{flex:1;padding:12px 4px 8px;background:#fff;border:1.5px solid #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;color:#4b5563;font-family:inherit}.rating-btn:hover{border-color:#3b82f6;background:#3b82f60d}.rating-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 16px #3b82f64d}.rating-num{display:block;font-size:1.2rem;font-weight:700}.rating-hint{display:block;font-size:.65rem;margin-top:2px;opacity:.7}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 16px;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;cursor:pointer;font-size:.85rem;color:#4b5563;transition:all .2s;font-family:inherit}.chip:hover{border-color:#3b82f6;color:#1e293b}.chip.active{background:#3b82f61a;border-color:#3b82f6;color:#2563eb}.btn-primary{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 20px #3b82f640}.btn-primary:hover{box-shadow:0 6px 28px #3b82f666;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{padding:8px 20px;background:transparent;border:1.5px solid #3b82f6;color:#3b82f6;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-outline:hover{background:#3b82f614}.btn-ghost{padding:8px 16px;background:transparent;border:none;color:#9ca3af;font-size:.85rem;cursor:pointer;font-family:inherit;transition:color .2s}.btn-ghost:hover{color:#dc2626}.error-msg{background:#dc262614;border:1px solid rgba(220,38,38,.25);color:#dc2626;padding:10px 16px;border-radius:10px;font-size:.88rem;margin-bottom:16px}.success-screen{text-align:center;padding:60px 24px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px}.success-icon{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#34d399,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 32px #22c55e4d}.success-screen h2{font-size:1.4rem;margin-bottom:6px;color:#1e293b}.success-screen p{color:#6b7280;margin-bottom:24px}.success-screen .btn-primary{max-width:280px;margin:0 auto}.login-card{max-width:400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{text-align:center;padding:20px 12px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.stat-value{display:block;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.82rem;color:#6b7280;margin-top:4px}.badge{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:12px}.bar-label{flex:0 0 180px;font-size:.85rem;text-align:right;color:#374151}.bar-track{flex:1;height:22px;background:#e5e7eb;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:6px;transition:width .6s ease;min-width:4px}.bar-count{flex:0 0 30px;font-size:.85rem;font-weight:600;color:#6b7280}.comment-item{padding:14px 0;border-bottom:1px solid #e5e7eb}.comment-item:last-child{border-bottom:none}.comment-meta{font-size:.78rem;color:#9ca3af;margin-bottom:4px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.comment-ratings{color:#3b82f6}.comment-text{font-size:.92rem;color:#1e293b}.empty{text-align:center;color:#9ca3af;padding:20px}.loading{text-align:center;padding:60px;color:#6b7280;font-size:1.1rem}.event-card{padding:20px 24px;cursor:default}.event-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.event-card-info{flex:1;cursor:pointer}.event-card-name{font-size:1rem;font-weight:600;color:#1e293b}.event-card-dates{font-size:.82rem;color:#6b7280;margin-top:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:600}.event-status.active{background:#22c55e1a;color:#16a34a}.event-status.inactive{background:#ef44441a;color:#dc2626}.event-card-count{flex-shrink:0}.event-card-actions{display:flex;gap:4px;flex-wrap:wrap;border-top:1px solid #e5e7eb;padding-top:12px}.btn-link{background:none;border:none;color:#3b82f6;font-size:.82rem;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:6px;font-family:inherit;transition:background .15s}.btn-link:hover{background:#3b82f614}.btn-link.danger{color:#dc2626}.btn-link.danger:hover{background:#dc262614}@media(max-width:520px){.container{padding:10px}.header{flex-direction:column;align-items:flex-start;gap:8px}.header-logo{height:36px}.header-text h1{font-size:1.1rem}.header-actions{margin-left:0}.card{padding:20px 16px;border-radius:12px}.rating-row{gap:4px}.rating-btn{padding:10px 2px 6px;border-radius:10px}.rating-hint{display:none}.chips{gap:6px}.chip{padding:6px 12px;font-size:.8rem}.bar-label{flex:0 0 110px;font-size:.75rem}.stats-grid{grid-template-columns:1fr}.comment-meta{flex-direction:column}}