*{box-sizing:border-box;margin:0}body{background:#16181D;color:#F2F3F5;font:15px/1.5 'Inter Tight',Inter,-apple-system,'Segoe UI',sans-serif;min-height:100vh}[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:#FF8A93}
input,textarea,select{background:#16181D;border:1px solid rgba(255,255,255,.16);padding:9px 11px;outline:0;width:100%}input:focus,textarea:focus,select:focus{border-color:#FF5A66;box-shadow:0 0 0 3px rgba(225,29,46,.18)}
.go{background:linear-gradient(135deg,#E11D2E,#B91C1C);color:#fff;border:0;padding:11px 20px;font-weight:600;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);text-decoration:none;display:inline-block}.ghost{background:none;border:1px solid rgba(255,255,255,.18);padding:8px 13px}.ghost:hover{border-color:#FF5A66}
.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(60% 60% at 70% 20%,rgba(225,29,46,.16),transparent),radial-gradient(50% 50% at 10% 90%,rgba(20,184,166,.1),transparent)}.card{width:min(360px,100%);display:flex;flex-direction:column;gap:14px;padding:28px;background:#1C1F25;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.5)}h1{font-size:24px}h1 span,header b span{color:#FF5A66;font-weight:400}label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#B4B9C2}.err{color:#FF8A93;font-size:13px}
header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:#16181D;z-index:2}header b{font-size:17px;margin-right:6px}header input{max-width:280px;margin-left:auto}
.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:#1C1F25;border:1px solid rgba(255,255,255,.1);padding:5px 11px;font-size:13px}.filters button.on{background:#3A1A1F;border-color:#E11D2E}.filters i{font-style:normal;color:#A3A8B2;margin-left:4px}
.wrap{display:grid;grid-template-columns:minmax(300px,420px) 1fr;min-height:calc(100vh - 66px)}.list{border-right:1px solid rgba(255,255,255,.08);overflow-y:auto;max-height:calc(100vh - 66px)}
.item{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.06);border-left:3px solid transparent;padding:12px 16px;transition:background .15s}.item:hover{background:#1C1F25}.item.on{background:#1E2128;border-left-color:#E11D2E}.item .t{display:flex;justify-content:space-between;gap:8px;font-weight:600}.item .s{color:#A3A8B2;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .m{color:#7F8590;font-size:12px;font-weight:400;white-space:nowrap}
.pill{font-size:11px;padding:1px 8px;border-radius:9px;background:#2C3038;color:#C9CCD3}.pill.new{background:#E11D2E;color:#fff}.pill.replied{background:rgba(20,184,166,.18);color:#5EEAD4}.pill.in_progress{background:#3A1A1F;color:#FF8A93}
.detail{padding:24px 28px;max-width:760px}.empty{color:#7F8590;padding:30px}.detail h2{font-size:22px;margin-bottom:4px}.meta{color:#A3A8B2;font-size:13px;margin-bottom:18px}.task{background:#1C1F25;border:1px solid rgba(255,255,255,.08);padding:14px 16px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.row select{width:auto}.contact{font-weight:600;overflow-wrap:anywhere}.warn{color:#FF8A93;font-size:13px;margin-bottom:12px}.saved{color:#5EEAD4;font-size:13px}textarea{min-height:110px;resize:vertical}.lbl{font-size:13px;color:#B4B9C2;margin-bottom:5px;display:block}
@media(max-width:800px){.wrap{grid-template-columns:1fr}.list{max-height:40vh;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.detail{padding:18px}header input{max-width:none;margin:0}}