@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--bg:#f5f6f8;--card:#ffffff;--muted:#6b7280;--accent:#0072e6;--accent-2:#ffd700;--pill-bg:#f0f2f5;--radius:14px;--shadow: 0 6px 20px rgba(12,24,40,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:#0b1720;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:28px 20px}.app-root{max-width:1100px;margin:0 auto}.topbar{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px}.topbar .title{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:1.6rem;color:var(--accent);font-weight:700}.topbar p{margin:0;color:var(--muted)}.main{display:flex;gap:22px;align-items:flex-start}.left{flex-basis:42%;min-width:320px}.right{flex:1}.footer{text-align:center;color:var(--muted);font-size:.85rem;margin-top:18px}.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}@media(max-width:960px){.main{flex-direction:column;padding-bottom:24px}.left{flex-basis:auto;min-width:unset}}.navbar{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0}.nav-btn{background-color:#fff;border:2px solid #0072e6;color:#0072e6;padding:12px 28px;border-radius:30px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;transition:all .3s ease}.nav-btn:hover{background-color:#0072e6;color:#fff;transform:translateY(-2px)}.nav-btn.active{background-color:#0072e6;color:#fff;box-shadow:0 3px 10px #0072e64d}.nav-btn:active{transform:scale(.98)}.fb-form{display:flex;flex-direction:column;gap:12px}.lbl{font-weight:600;color:#22303a;margin-top:6px}.select{width:100%;padding:14px 12px;border-radius:12px;border:1px solid #eceff2;background:#f5f6f8;font-size:14px}.txt{width:100%;min-height:140px;padding:16px;border-radius:12px;border:1px solid #eceff2;background:#fbfcfd;resize:vertical;font-size:14px;color:#0b1720}.emoji-row{display:flex;justify-content:space-between;padding:8px 40px;align-items:center}.emoji-btn{background:transparent;border:0;cursor:pointer;padding:8px;border-radius:999px;transition:transform .16s,box-shadow .16s}.emoji-btn .emoji{font-size:28px;display:inline-block}.emoji-btn:hover{transform:translateY(-4px)}.emoji-btn.active{transform:scale(1.15);box-shadow:0 6px 20px #0057a01f}.submit-btn{margin-top:6px;width:100%;padding:16px;border-radius:12px;border:0;background:linear-gradient(180deg,#2f9aff,#0072e6);color:#fff;font-weight:700;font-size:16px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;margin-bottom:16px}.category-card{background:#fff;border:2px solid transparent;border-radius:16px;overflow:hidden;text-align:center;box-shadow:0 4px 14px #0000001a;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border .25s ease;width:300px;height:200px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.category-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0057a026}.category-card.selected{border:2px solid #0057A0;box-shadow:0 0 0 3px #0057a01a}.category-img{width:100%;height:160px;object-fit:cover;object-position:center}.category-title{font-weight:600;font-size:14px;color:#0b1720;padding:10px;background:#f9fafb}.feedback-columns{display:flex;flex-wrap:wrap;gap:24px;margin-top:8px}.feedback-left,.feedback-right{flex:1;min-width:260px}.input-field{width:100%;padding:14px 12px;border-radius:12px;border:1px solid #eceff2;background:#fbfcfd;font-size:14px;color:#0b1720;margin-bottom:12px}.input-field:focus{outline:none;border-color:#0072e6;box-shadow:0 0 0 3px #0072e626}.feedback-card{background:#fff;border-radius:10px;padding:16px 20px;margin-bottom:14px;box-shadow:0 1px 3px #0000001a;transition:all .25s ease}.feedback-card.expanded{background-color:#f7faff;box-shadow:0 2px 6px #00000026}.card-top{display:flex;justify-content:space-between;align-items:center}.cat-pill{background-color:#0072e6;color:#fff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.comment{margin-top:8px;color:#333;line-height:1.4}.toggle-details-btn{background:none;border:none;font-size:1.4rem;color:#0072e6;cursor:pointer;transition:transform .2s ease,color .2s}.toggle-details-btn:hover{transform:scale(1.2);color:#005bb5}.feedback-details{margin-top:12px;padding:10px 14px;background:#eef5ff;border-radius:8px;border-left:3px solid #0072e6;animation:fadeIn .25s ease}.feedback-details h4{margin:0 0 6px;font-size:.95rem;color:#0072e6}.feedback-details ul{margin:0;padding-left:18px;font-size:.9rem;color:#444}.feedback-details li{margin-bottom:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mini-btn{background-color:#f44336;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.mini-btn:hover{background-color:#d32f2f}.delete-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:background .2s ease,transform .2s ease}.delete-btn:hover{background:#ff4d4d1a;transform:scale(1.1)}.summary-row{border-radius:12px}.category-pill{background:#f2fbf7;color:#0a7a5b;padding:8px 10px;border-radius:999px;font-weight:600}.summary-list{display:flex;flex-direction:column;gap:14px}.summary-card{background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 4px 12px #02061708;border:1px solid #f0f3f7}.summary-top{display:flex;justify-content:space-between;align-items:center}.summary-left{display:flex;align-items:center;gap:12px}.category-pill{background:#eef9f5;color:#0a7a5b;padding:6px 10px;border-radius:999px;font-weight:600}.summary-count{color:#556;font-size:.95rem}.summary-right{display:flex;align-items:center;gap:12px}.summary-rating{display:flex;align-items:center;gap:6px}.avg-text{font-weight:700;color:#22303a;margin-left:6px}.summary-toggle{background:none;border:none;font-size:20px;cursor:pointer;color:#0072e6;padding:6px;border-radius:8px;transition:transform .15s ease,background .15s}.summary-toggle:hover{transform:translateY(-2px);background:#0072e60d}.summary-expanded{overflow:hidden;max-height:0;transition:max-height .35s ease}.summary-expanded.open{max-height:1600px}.summary-expanded-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.full-list{display:flex;flex-direction:column;gap:12px}.empty{padding:18px;color:var(--muted, #7a7a7a);text-align:center}