:root{color:#16201a;background:#f6f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.public-page,.dashboard-page,.app-shell{width:min(1080px,calc(100% - 32px));margin:0 auto}.public-page{padding:40px 0 56px}.public-hero,.dashboard-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;padding:30px 0 22px}.hero-copy{max-width:680px}.eyebrow{color:#2d6a4f;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}h1,h2{letter-spacing:0;line-height:1.05;margin:0}h1{font-size:clamp(2.35rem,7vw,5.4rem);max-width:780px}h2{font-size:1.55rem}.hero-copy p:last-child,.muted{color:#60706a}.hero-copy p:last-child{font-size:1.08rem;margin:18px 0 0;max-width:580px}.form-panel,.modal-panel,.feedback-item,.toolbar,.empty-state,.loading-panel{background:#fffdfa;border:1px solid #ddd5c8;border-radius:8px;box-shadow:0 18px 48px #37302414}.form-panel{margin-top:28px;padding:clamp(20px,4vw,34px)}.section-heading{margin-bottom:22px}.feedback-form,.stack{display:grid;gap:18px}label{color:#33433d;display:grid;font-size:.92rem;font-weight:700;gap:8px}input,select,textarea{background:#fff;border:1px solid #bfb5a7;border-radius:8px;color:#16201a;min-height:46px;outline:none;padding:11px 12px;width:100%}textarea{min-height:180px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2d6a4f;box-shadow:0 0 0 3px #2d6a4f29}.form-footer{align-items:center;display:flex;gap:16px;justify-content:space-between}.primary-button,.secondary-button,.danger-button,.text-button,.icon-button{align-items:center;border-radius:8px;border:1px solid transparent;display:inline-flex;font-weight:800;justify-content:center;min-height:42px;padding:10px 16px;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.primary-button{background:#2d6a4f;color:#fff}.secondary-button{background:#edf4ef;border-color:#bdd2c5;color:#1d4f39}.danger-button{background:#fff0ed;border-color:#e7b4ab;color:#9f2e20}.text-button{background:transparent;color:#2d6a4f;padding-inline:0}.icon-button{background:#f4eee4;color:#304138;height:38px;min-height:38px;padding:0;width:38px}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.icon-button:hover{transform:translateY(-1px)}.status-message{border-radius:8px;font-weight:700;margin:0;padding:10px 12px}.status-message.success{background:#e5f3e7;color:#21633d}.status-message.error,.error-message{background:#ffece8;border-radius:8px;color:#9f2e20;font-weight:700;margin:0;padding:10px 12px}.modal-backdrop{align-items:center;background:#16201a80;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:10}.modal-panel{max-width:420px;padding:24px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.dashboard-page{padding:28px 0 48px}.dashboard-header h1{font-size:clamp(2rem,5vw,4rem)}.toolbar{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 22px;padding:18px}.feedback-list{display:grid;gap:14px}.feedback-item{display:grid;gap:14px;padding:18px}.feedback-item.reviewed{background:#f7faf4}.item-header,.item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.category-pill,.status-pill{border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:800;min-height:28px;padding:4px 10px}.category-pill{background:#efe6d7;color:#5d4b31}.status-pill.done{background:#dff1e5;color:#23613b}.status-pill.pending{background:#fff2cf;color:#7a5600}.feedback-message{font-size:1.04rem;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.empty-state,.loading-panel{color:#60706a;padding:24px;text-align:center}.app-shell{display:grid;min-height:100vh;place-items:center}@media (max-width: 720px){.public-page,.dashboard-page,.app-shell{width:min(100% - 22px,1080px)}.public-hero,.dashboard-header,.form-footer{align-items:stretch;flex-direction:column}.toolbar{grid-template-columns:1fr}.item-actions{align-items:stretch;flex-direction:column}}
