.mf-support-app{--gold:#FFD700;--cyan:#56d8f5;--card:#101720;--border:#273442;--text:#eef5fb;--muted:#8291a6;font-family:Segoe UI,Roboto,Arial,sans-serif;color:var(--text);max-width:1150px;margin:30px auto;padding:0 16px}.mf-support-app *{box-sizing:border-box}.mf-support-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:32px;border:1px solid #3c3520;border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(255,215,0,.08),transparent 35%),linear-gradient(145deg,#0d131b,#111821)}.mf-support-hero span{font-size:9px;letter-spacing:.12em;color:var(--gold);font-weight:800}.mf-support-hero h2{margin:6px 0;color:#fff;font-size:34px}.mf-support-hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.6}.mf-support-hero button,.mf-support-form button{border:0;border-radius:8px;background:var(--gold);color:#080b10;padding:12px 17px;font-weight:800;cursor:pointer}.mf-support-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.mf-support-stats>div{padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--card)}.mf-support-stats span{display:block;color:#728198;font-size:9px;text-transform:uppercase}.mf-support-stats b{display:block;font-size:24px;margin-top:4px}.mf-support-panel,.mf-ticket-view{margin-top:16px;border:1px solid var(--border);border-radius:14px;background:#0d141c;overflow:hidden}.mf-support-panel-head{padding:15px 17px;border-bottom:1px solid #202b37}.mf-support-panel-head b{display:block}.mf-support-panel-head span{display:block;margin-top:3px;color:#75849a;font-size:10px}.mf-ticket-row{display:grid;grid-template-columns:100px 1.7fr .8fr .7fr .7fr;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid #1b2530;color:#dce5ef;text-decoration:none;font-size:11px}.mf-ticket-row:hover{background:#111a23}.mf-ticket-header{font-size:8px;color:#68778c;letter-spacing:.08em}.mf-support-empty{padding:28px;text-align:center;color:#75849a}.mf-status,.mf-priority{display:inline-block;font-style:normal;font-size:8px;padding:4px 7px;border-radius:5px;border:1px solid #334154;background:#111923}.mf-status.open{color:#55d8f5}.mf-status.in_progress{color:#ffd45a}.mf-status.waiting_customer{color:#a888ff}.mf-status.resolved{color:#49d9a9}.mf-status.closed{color:#8995a6}.mf-priority.low{color:#8aa0b9}.mf-priority.normal{color:#55d8f5}.mf-priority.high{color:#f4b64e}.mf-priority.urgent{color:#ff5b78}.mf-support-form{padding:18px;display:grid;gap:14px}.mf-support-form label{display:grid;gap:6px;color:#b9c7d5;font-size:11px}.mf-support-form input,.mf-support-form select,.mf-support-form textarea{width:100%;border:1px solid #314052;border-radius:8px;background:#0a1118;color:#eaf2f8;padding:11px;font:inherit}.mf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mf-back{display:inline-block;margin-bottom:10px;color:#8ba1b9;text-decoration:none}.mf-ticket-title{display:flex;justify-content:space-between;gap:20px;padding:22px}.mf-ticket-title h2{margin:4px 0 0;color:#fff}.mf-ticket-title>div:last-child{display:flex;gap:7px}.mf-ticket-meta{padding:0 22px 16px;color:#718096;font-size:10px}.mf-thread{padding:16px;display:grid;gap:12px;background:#091018}.mf-message{max-width:82%;padding:14px 15px;border-radius:12px;border:1px solid #293645}.mf-message.customer{justify-self:end;background:#10202a;border-color:#274754}.mf-message.staff{justify-self:start;background:#15150f;border-color:#54481b}.mf-message-head{display:flex;justify-content:space-between;gap:20px}.mf-message-head strong{font-size:10px;color:#fff}.mf-message-head span{font-size:8px;color:#6f7d90}.mf-message-body{margin-top:7px;color:#d5e0ea;font-size:11px;line-height:1.65}.mf-support-login{max-width:700px;margin:40px auto;padding:30px;border:1px solid #3a3420;border-radius:15px;background:#0e141b;color:#fff;text-align:center}.mf-support-login a{display:inline-block;margin-top:12px;padding:11px 16px;background:#FFD700;color:#080b10;text-decoration:none;border-radius:8px;font-weight:800}.mf-support-admin{max-width:1250px}.mf-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.mf-admin-stats a{padding:16px;border:1px solid #ccd3da;background:#fff;border-radius:8px;text-decoration:none}.mf-admin-stats span{display:block;color:#66717d}.mf-admin-stats b{display:block;font-size:25px;color:#111827;margin-top:4px}.mf-admin-ticket-list{background:#fff;border:1px solid #d8dee5;border-radius:8px;overflow:hidden}.mf-admin-ticket-row{display:grid;grid-template-columns:100px 1fr 2fr .9fr .7fr .8fr;gap:10px;padding:11px 14px;border-bottom:1px solid #edf0f3;text-decoration:none;color:#26313d;align-items:center}.mf-admin-ticket-row.head{font-size:11px;font-weight:700;background:#f5f7f9}.mf-admin-ticket-top{display:flex;justify-content:space-between;gap:20px;background:#fff;border:1px solid #d8dee5;border-radius:8px;padding:18px;margin-top:15px}.mf-admin-controls{display:flex;gap:8px}.mf-thread.admin{margin-top:14px;border:1px solid #d8dee5;border-radius:8px}.mf-admin-reply{margin-top:14px;background:#fff;border:1px solid #d8dee5;border-radius:8px;padding:18px}.mf-admin-reply textarea{width:100%;margin:8px 0 12px}.mf-admin-reply>div{display:flex;justify-content:space-between;align-items:center}@media(max-width:850px){.mf-support-hero{flex-direction:column;align-items:flex-start}.mf-support-stats{grid-template-columns:1fr 1fr}.mf-ticket-row{grid-template-columns:90px 1.5fr .8fr}.mf-ticket-row span:nth-child(4),.mf-ticket-row span:nth-child(5){display:none}.mf-form-grid{grid-template-columns:1fr}.mf-message{max-width:95%}.mf-admin-stats{grid-template-columns:1fr 1fr}.mf-admin-ticket-row{grid-template-columns:90px 1fr 1.7fr .8fr}.mf-admin-ticket-row span:nth-child(5),.mf-admin-ticket-row span:nth-child(6){display:none}.mf-admin-ticket-top{flex-direction:column}.mf-admin-controls{flex-wrap:wrap}}@media(max-width:560px){.mf-support-stats{grid-template-columns:1fr}.mf-ticket-row{grid-template-columns:90px 1fr}.mf-ticket-row span:nth-child(3){display:none}.mf-ticket-title{flex-direction:column}.mf-admin-stats{grid-template-columns:1fr}.mf-admin-ticket-row{grid-template-columns:85px 1fr}.mf-admin-ticket-row span:nth-child(n+3){display:none}}
