@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#eee8df;background:#11100f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#11100f}button,input,textarea,select{font:inherit}button{cursor:pointer}.page{min-height:100vh;background:radial-gradient(circle at 50% -10%,#302a24 0,#11100f 42%);padding:28px 20px 20px}.topbar,.admin-header{max-width:1060px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center}.brand-mark{font-family:Playfair Display;font-size:26px;font-weight:600;letter-spacing:-1px}.brand strong{display:block;font-size:10px;letter-spacing:2px}.brand span{display:block;font-size:8px;letter-spacing:3px;opacity:.5}.admin-link,.back-link{color:#bda88f;text-decoration:none;display:flex;gap:6px;align-items:center;font-size:13px}.hero{max-width:700px;margin:75px auto 35px;text-align:center}.coffee-icon,.success-icon{width:54px;height:54px;border:1px solid #4a4035;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:#c8ae8e}.eyebrow{font-size:10px;letter-spacing:3px;color:#a99278;font-weight:700}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500}.hero h1{font-size:clamp(42px,8vw,72px);line-height:.95;margin:14px 0 18px;letter-spacing:-2px}.hero h1 em{color:#c7ad8b}.hero-copy{color:#aaa29a;max-width:510px;margin:auto;line-height:1.7}.feedback-card,.login-card{max-width:700px;margin:auto;background:#191715;border:1px solid #302b26;border-radius:24px;padding:32px;box-shadow:0 20px 70px #0005}.overall{text-align:center}.overall label,.field-label{display:block;font-weight:600;margin-bottom:12px}.stars{display:flex;gap:4px;justify-content:center}.star{border:0;background:transparent;padding:2px;color:#4e463d;line-height:1}.star.active{color:#d2b28b}.overall small{color:#898078;display:block;margin-top:6px}.divider{height:1px;background:#302b26;margin:28px 0}.rating-grid{display:grid;gap:16px;margin-bottom:30px}.rating-row{display:flex;justify-content:space-between;align-items:center;color:#c9c1b8}.rating-row .stars{justify-content:flex-end}.chips,.choice-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip,.choice{border:1px solid #3b342d;color:#aaa198;background:#211e1b;border-radius:999px;padding:9px 14px}.chip.selected,.choice.selected{border-color:#b89c78;color:#ead8c0;background:#31291f}textarea,input,select{width:100%;border:1px solid #39322c;background:#131210;color:#eee8df;border-radius:12px;padding:14px;outline:none;margin-bottom:24px}textarea:focus,input:focus,select:focus{border-color:#9d8466}.primary-btn{border:0;background:#c7aa84;color:#17130f;padding:13px 20px;border-radius:999px;font-weight:700;width:100%}.primary-btn:hover{background:#dec4a0}.primary-btn:disabled{opacity:.6;cursor:wait}.submit{margin-top:8px}.privacy-note{text-align:center;color:#777069;font-size:11px;margin:15px 0 0}.error{background:#422523;border:1px solid #75413d;color:#f0bbb5;padding:11px 13px;border-radius:10px;margin:10px 0 16px;font-size:13px}footer{text-align:center;max-width:700px;margin:30px auto 0;color:#635d56;font-size:9px;letter-spacing:2px}.center{display:grid;place-items:center}.success-card,.login-card{width:min(100%,520px);text-align:center}.success-card{padding:50px 25px}.success-icon{width:68px;height:68px}.success-card h1,.login-card h1{font-size:46px;margin:8px 0}.success-card p,.muted{color:#918981;line-height:1.7}.success-card .primary-btn{margin-top:20px}.login-card{text-align:left}.login-card .brand{margin:28px 0}.login-card .coffee-icon{margin:0 0 16px}.login-card h1{font-size:42px}.login-card .primary-btn{margin-top:4px}.admin-page{min-height:100vh;background:#11100f;color:#eee8df}.admin-header{max-width:none;padding:22px 5%;border-bottom:1px solid #2a2622}.admin-content{max-width:1200px;margin:auto;padding:45px 5%}.admin-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.admin-title h1{font-size:45px;margin:8px 0 0}.ghost-btn{background:transparent;color:#bda88f;border:1px solid #40382f;padding:9px 15px;border-radius:999px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card,.distribution,.feedback-list{background:#191715;border:1px solid #2e2925;border-radius:18px;padding:22px}.stat-card span{color:#847c74;font-size:12px;display:block}.stat-card strong{display:block;font-family:Playfair Display;font-size:34px;margin-top:10px}.distribution{margin:15px 0}.distribution h3{margin-top:0}.bar-row{display:grid;grid-template-columns:35px 1fr 30px;gap:10px;align-items:center;margin:10px 0;color:#aaa198;font-size:12px}.bar-row>div{height:7px;background:#2c2824;border-radius:10px;overflow:hidden}.bar-row i{display:block;height:100%;background:#b89c78;border-radius:inherit}.bar-row b{text-align:right;color:#d7cec4}.list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.list-head h2{font-size:28px;margin:0}.list-head select{width:auto;margin:0;padding:9px 12px}.feedback-item{border-top:1px solid #302b26;padding:20px 0}.feedback-item.unread{border-left:3px solid #b89c78;padding-left:15px}.feedback-top{display:flex;align-items:center;gap:15px}.feedback-top span{color:#746c65;font-size:11px}.feedback-top .category{border:1px solid #3c352e;padding:4px 8px;border-radius:999px}.feedback-item p{color:#cbc2b9;line-height:1.6}.mini-ratings{color:#817970;font-size:11px}.item-actions{display:flex;gap:8px;margin-top:14px}.item-actions button{background:transparent;border:1px solid #3b342e;color:#a99e93;border-radius:999px;padding:7px 11px;display:flex;align-items:center;gap:5px}.item-actions .danger{color:#d18b83}.empty{padding:50px;text-align:center;color:#756e67}@media(max-width:700px){.page{padding:20px 14px}.hero{margin-top:55px}.feedback-card{padding:22px 18px;border-radius:18px}.rating-row{gap:8px}.rating-row .stars{flex-shrink:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-content{padding:28px 15px}.admin-title{align-items:start;gap:15px}.admin-title h1{font-size:34px}.list-head{align-items:flex-start;gap:12px;flex-direction:column}.list-head select{width:100%}}
