@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--primary:#7457f6;--primary-dark:#5c40df;--ink:#18203a;--muted:#7f88a8;--line:#e2e6f1;--bg:#f4f5fb;--sidebar:#111a38;--success:#10b981;--danger:#dc4058;--radius:14px;--shadow:0 5px 18px rgba(33,42,78,.06)}
*{box-sizing:border-box}html{font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app-shell{padding-left:72px}.sidebar{position:fixed;inset:0 auto 0 0;width:72px;background:var(--sidebar);display:flex;flex-direction:column;align-items:center;padding:22px 10px;z-index:20;box-shadow:4px 0 18px rgba(17,26,56,.1)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:32px}.brand span,.login-brand span{display:grid;place-items:center;background:linear-gradient(145deg,#8468ff,#6845ee);color:#fff;font-weight:700;border-radius:9px;width:34px;height:34px}.brand strong,.nav-link em{display:none}.sidebar nav{width:100%;display:grid;gap:10px}.nav-link{border:0;background:transparent;width:100%;color:#aeb8dd;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:10px;cursor:pointer}.nav-link span{font-size:21px;font-style:normal}.nav-link:hover{background:#29336a;color:#fff}.sidebar form{margin-top:auto;width:100%}.main{max-width:1920px;margin:auto;padding:24px 34px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.search{height:40px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:8px;width:310px}.search input{border:0;outline:0;width:100%;background:transparent}.profile{display:flex;align-items:center;gap:10px}.profile>span{width:38px;height:38px;border-radius:50%;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:700}.profile div{display:grid}.profile small{color:var(--muted)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading.compact{align-items:center}.page-heading h1{font-size:26px;margin:4px 0 3px}.page-heading p{margin:0;color:#687293}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--primary)!important}.green-dot{display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%}.back{display:inline-block;color:#687293;margin-bottom:10px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:11px 17px;border:1px solid transparent;font-weight:600;cursor:pointer}.button.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px rgba(116,87,246,.2)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:#fff;border-color:var(--line)}.button.danger{background:#fff;color:var(--danger);border-color:#f1bdc5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid #e8eaf3;border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);display:grid;gap:7px}.stat-card>span{color:#687293;font-weight:500}.stat-card strong{font-size:28px}.stat-card small{color:#9aa2bc}.stat-card.urgent strong{color:var(--danger)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 10px}.section-title h2{font-size:16px;border-left:3px solid var(--primary);padding-left:10px}.section-title a{color:#687293}.table-card,.form-card,.reply-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8b93ae;font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:#fafbfe}th,td{padding:14px 17px;border-bottom:1px solid var(--line);white-space:nowrap}td:first-child{white-space:normal;min-width:260px}td strong,td small{display:block}td small{color:#9aa2bc;margin-top:3px}.click-row{cursor:pointer}.click-row:hover{background:#faf9ff}.status,.priority{display:inline-block;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:600}.s-open{background:#eeeaff;color:#694ae9}.s-waiting_admin{background:#fff0dc;color:#b86808}.s-waiting_client{background:#e4f5ff;color:#1870a5}.s-closed{background:#edf0f5;color:#778097}.p-urgent{color:#c72d45;background:#ffedf0}.p-normal{color:#58627f;background:#f0f2f7}.p-information{color:#1870a5;background:#e4f5ff}.filters{display:flex;gap:10px;margin-bottom:14px}.filters input,.filters select{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:9px}.filters input{min-width:280px}.empty{text-align:center;padding:50px;color:var(--muted)}.empty strong{color:var(--ink);font-size:18px}.form-card{max-width:1080px;padding:8px 28px}.form-row{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:28px;padding:19px 0;border-bottom:1px solid var(--line)}.form-row.align-top{align-items:start}.form-row label{font-weight:600}.form-row label b{color:#d93a52}.form-row input,.form-row select,.form-row textarea,.reply-card textarea{width:100%;border:1px solid #dce1ee;border-radius:10px;padding:13px 14px;background:#fff;outline:0;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus,.reply-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(116,87,246,.1)}.form-row small{display:block;color:#9aa2bc;margin-top:7px;line-height:1.5}.dropzone{border:1px dashed #cbd1e3!important;border-radius:11px;padding:28px!important;display:grid;place-items:center;background:#fafbfe;cursor:pointer;color:#687293}.dropzone strong{font-size:25px;color:#8993b3}.dropzone input{display:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 0 12px}.title-line{display:flex;align-items:center;gap:12px}.client-strip{background:#eeebff;border:1px solid #ded7ff;border-radius:10px;padding:12px 15px;display:flex;gap:20px;margin-bottom:18px}.client-strip span{color:#687293}.conversation{max-width:980px;display:grid;gap:16px}.message{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.message.agency{border-left:4px solid var(--primary)}.message header{display:flex;gap:10px;align-items:center;padding:14px 17px;background:#fafbfe}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8e3ff;color:#6849e9;font-weight:700}.message header div:nth-child(2){display:grid}.message header small{color:#929ab4}.message-body{padding:20px;line-height:1.65}.attachments{border-top:1px solid var(--line);padding:12px 18px;display:flex;gap:8px;flex-wrap:wrap}.attachments a,.attachments span{background:#f3f4f8;padding:8px 11px;border-radius:7px}.reply-card{max-width:980px;margin-top:20px;padding:20px}.reply-card textarea{margin:10px 0}.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.closed-notice{max-width:980px;background:#eef1f7;color:#687293;padding:17px;border-radius:10px;margin-top:20px}.flash{padding:13px 16px;border-radius:9px;margin-bottom:18px}.flash.success{background:#e3f8f0;color:#087353}.flash.error{background:#ffebee;color:#a92339}.auth-shell{min-height:100vh;background:linear-gradient(135deg,#f1f2fb,#f8f7ff);display:grid;place-items:center;padding:25px}.auth-main{width:100%;max-width:440px}.login-card{background:#fff;padding:38px;border-radius:20px;box-shadow:0 18px 55px rgba(31,39,80,.11);border:1px solid #e8e9f2}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:35px}.login-brand div{display:grid}.login-brand strong{font-size:18px}.login-brand small{color:var(--muted)}.login-card h1{font-size:26px;margin:0 0 8px}.login-card>p{color:var(--muted);line-height:1.5;margin:0 0 26px}.stack{display:grid;gap:17px}.stack label{font-weight:600}.stack input{width:100%;margin-top:7px;border:1px solid var(--line);padding:13px;border-radius:9px}.stack .button{margin-top:5px}.muted{display:block;color:var(--muted);text-align:center;margin-top:23px}
@media(min-width:1050px){.app-shell{padding-left:214px}.sidebar{width:214px;align-items:stretch}.brand{padding:0 9px}.brand strong,.nav-link em{display:block;font-style:normal}.nav-link{justify-content:flex-start}.sidebar nav{margin-top:5px}}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:170px 1fr}.main{padding:20px}.profile div{display:none}}
@media(max-width:620px){.app-shell{padding-left:0;padding-bottom:65px}.sidebar{inset:auto 0 0;width:auto;height:62px;flex-direction:row;padding:7px 12px}.brand,.sidebar form{display:none}.sidebar nav{display:flex;justify-content:space-around}.nav-link{padding:8px}.main{padding:16px}.topbar{margin-bottom:22px}.search{width:100%}.profile{display:none}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:24px}.form-card{padding:4px 18px}.form-row{grid-template-columns:1fr;gap:9px}.filters{flex-direction:column}.filters input{min-width:0}.client-strip{flex-direction:column;gap:4px}.reply-actions{align-items:stretch;flex-direction:column}.login-card{padding:26px}.title-line{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}}
.auth-link{color:var(--primary);font-weight:600;font-size:13px}.auth-link.centered{text-align:center}.s-active{background:#e3f8f0;color:#087353}.s-pending{background:#fff0dc;color:#a95d08}.s-inactive{background:#edf0f5;color:#697189}.detail-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.action-card,.inline-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.action-card h2{font-size:16px;margin:0 0 18px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.inline-card{display:flex;gap:10px;margin-bottom:18px}.inline-card input{border:1px solid var(--line);border-radius:9px;padding:11px 13px}.inline-card input:first-of-type{flex:1}@media(max-width:620px){.detail-grid{grid-template-columns:1fr}.inline-card{flex-direction:column}}