.feedback-page { width:min(860px,calc(100% - 40px)); padding:48px 0 90px; }.feedback-hero { display:flex; gap:18px; align-items:flex-start; margin-bottom:26px; }.feedback-hero-icon { display:grid; width:54px; height:54px; flex:none; place-items:center; border-radius:16px; background:linear-gradient(145deg,#6b63e8,#9264da); color:#fff; font-size:24px; box-shadow:0 12px 25px rgba(91,91,214,.2); }.feedback-hero h1,.admin-feedback-heading h1,.admin-auth-card h1 { margin:5px 0 7px; color:var(--text); font-size:34px; line-height:1.2; letter-spacing:-.04em; }.feedback-hero p,.admin-feedback-heading p,.admin-auth-card>p { margin:0; color:var(--muted); }.feedback-form { padding:26px; border:1px solid var(--border); border-radius:16px; background:var(--card); box-shadow:var(--shadow); }.feedback-form .field { margin-bottom:18px; }.feedback-form .field span { display:flex; justify-content:space-between; gap:12px; color:var(--text); font-weight:700; }.feedback-form .field small { color:var(--muted); font-weight:400; }.feedback-form textarea { min-height:210px; }.feedback-form input { min-height:50px; }.feedback-privacy { display:flex; gap:11px; margin:2px 0 18px; padding:13px 14px; border:1px solid #cfe6dc; border-radius:10px; background:#f3fbf7; }.feedback-privacy>span { font-size:20px; }.feedback-privacy strong { color:#26765b; font-size:12px; }.feedback-privacy p { margin:2px 0 0; color:#608174; font-size:11px; }.feedback-submit { min-width:150px; }.feedback-success,.feedback-error { display:flex; flex-direction:column; gap:3px; margin:0 0 18px; padding:13px 15px; border-radius:10px; font-size:12px; }.feedback-success { border:1px solid #b8dfce; background:#effaf5; color:#25775a; }.feedback-error { border:1px solid #efc8cb; background:#fff3f4; color:#b33e4c; }.feedback-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }.admin-auth-page { display:grid; min-height:calc(100vh - 140px); place-items:center; padding:50px 0 80px; }.admin-auth-card { width:min(100%,480px); padding:30px; border:1px solid var(--border); border-radius:17px; background:var(--card); box-shadow:var(--shadow); }.admin-lock { display:grid; width:52px; height:52px; margin-bottom:16px; place-items:center; border-radius:15px; background:var(--primary-light); font-size:23px; }.admin-auth-card form { display:grid; gap:16px; margin-top:22px; }.admin-auth-card .field input { min-height:50px; }.admin-back-link { display:block; margin-top:18px; color:var(--muted); font-size:12px; text-align:center; }.admin-feedback-page { padding:52px 0 90px; }.admin-feedback-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:22px; }.feedback-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }.feedback-filters a { padding:8px 13px; border:1px solid var(--border); border-radius:999px; background:var(--card); color:var(--muted); font-size:12px; }.feedback-filters a.is-active { border-color:var(--primary); background:var(--primary-light); color:var(--primary); }.feedback-filters b { margin-left:4px; }.feedback-admin-list { display:grid; gap:12px; }.feedback-admin-card { padding:18px; border:1px solid var(--border); border-left:4px solid #c8cad7; border-radius:12px; background:var(--card); box-shadow:0 6px 20px rgba(35,39,86,.04); }.feedback-admin-card.status-new { border-left-color:#e69a34; }.feedback-admin-card.status-reading { border-left-color:#567de0; }.feedback-admin-card.status-done { border-left-color:#2a9b72; }.feedback-admin-card header,.feedback-admin-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }.feedback-admin-card header>div,.feedback-admin-card footer { display:flex; align-items:center; gap:9px; }.feedback-admin-card header strong { color:var(--muted); font:11px Consolas,monospace; }.feedback-admin-card time { color:var(--muted); font-size:10px; }.feedback-category { padding:4px 8px; border-radius:6px; background:var(--primary-light); color:var(--primary); font-size:10px; }.feedback-admin-card>p { margin:15px 0; color:var(--text); line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }.feedback-contact { display:flex; flex-direction:column; gap:3px; margin-bottom:14px; padding:10px 12px; border-radius:8px; background:#fff8e9; }.feedback-contact span { color:#8a7042; font-size:10px; }.feedback-contact strong { color:#765a27; font-size:12px; overflow-wrap:anywhere; }.feedback-admin-card footer { padding-top:13px; border-top:1px solid var(--border); }.feedback-admin-card footer select { height:36px; padding:0 9px; border:1px solid var(--border); border-radius:7px; background:var(--card); color:var(--text); font:11px inherit; }.feedback-delete { padding:7px 10px; border:1px solid #efc5c8; border-radius:7px; background:#fff5f5; color:#c34758; cursor:pointer; font:11px inherit; }.feedback-empty { display:flex; min-height:260px; flex-direction:column; align-items:center; justify-content:center; gap:6px; border:1px dashed var(--border); border-radius:14px; background:var(--card); color:var(--muted); text-align:center; }.feedback-empty>span { font-size:28px; color:var(--primary); }.feedback-empty strong { color:var(--text); }.feedback-empty p { margin:0; font-size:12px; }.dark .feedback-privacy { border-color:#315548; background:#1c3029; }.dark .feedback-privacy p { color:#9abeb0; }.dark .feedback-contact { background:#302a1c; }.dark .feedback-contact span,.dark .feedback-contact strong { color:#dfc994; }.dark .feedback-delete { border-color:#5b363b; background:#302022; }.dark .feedback-success { border-color:#315548; background:#1c3029; color:#98d6bd; }.dark .feedback-error { border-color:#5b363b; background:#302022; color:#eda8af; }
@media(max-width:700px) { .feedback-page { width:min(100% - 28px,620px); padding-top:35px; }.feedback-hero h1,.admin-feedback-heading h1,.admin-auth-card h1 { font-size:28px; }.feedback-form,.admin-auth-card { padding:20px; }.admin-feedback-heading { align-items:flex-start; flex-direction:column; }.feedback-admin-card header { align-items:flex-start; flex-direction:column; }.feedback-admin-card footer { align-items:stretch; flex-direction:column; }.feedback-admin-card footer form,.feedback-admin-card footer select,.feedback-delete { width:100%; } }