*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--deep:#1e3d2b;--mid:#355e3b;--leaf:#6faf6b;--light:#a7cba1;--cream:#e9e5db;--bg:#f4f1ea;--bg2:#ede9df;--surface:#fbfaf6;--surface2:#f1eee6;--border:#43453f1a;--border2:#43453f2e;--text:#1e3d2b;--text2:#43453f;--text3:#83867c;--radius:22px;--radius-sm:14px;--sidebar:240px}html,body,#root{background:var(--bg);height:100%;color:var(--text2);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;font-size:14px}.panel-shell{height:100vh;display:flex;overflow:hidden}.ps-sidebar{width:var(--sidebar);background:var(--deep);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.ps-sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#6faf6b24,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;left:-60px}.ps-brand{border-bottom:1px solid #e9e5db14;padding:22px 18px 18px}.ps-brand-name{color:#fff;font-family:Playfair Display,serif;font-size:16px;line-height:1.2}.ps-brand-name span{color:var(--light);font-style:italic}.ps-brand-tag{letter-spacing:.14em;text-transform:uppercase;color:#a7cba180;margin-top:3px;font-family:JetBrains Mono,monospace;font-size:9px}.ps-nav{flex:1;padding:16px 12px}.ps-nav-item{color:#e9e5dba6;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:9px 11px;font-family:Outfit,sans-serif;font-size:13px;transition:all .16s;display:flex}.ps-nav-item:hover{color:#fff;background:#6faf6b14}.ps-nav-item.active{color:#fff;background:#6faf6b26;border-color:#6faf6b33;font-weight:500}.ps-nav-item svg{flex-shrink:0;width:16px;height:16px}.ps-nav-sep{background:#e9e5db12;height:1px;margin:10px 0}.ps-agent-row{border-top:1px solid #e9e5db14;align-items:center;gap:9px;padding:14px 16px;display:flex}.ps-agent-av{background:linear-gradient(145deg, var(--leaf), var(--mid));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.ps-agent-info{flex:1;min-width:0}.ps-agent-name{color:#e9e5dbe6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.ps-agent-role{color:#a7cba199;font-family:JetBrains Mono,monospace;font-size:10px}.ps-logout{cursor:pointer;color:#e9e5db80;background:0 0;border:1px solid #e9e5db1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ps-logout:hover{color:#ff6b5b;background:#c0392b26;border-color:#c0392b4d}.ps-logout svg{width:14px;height:14px}.ps-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ps-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fbfaf6cc;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 30px;display:flex}.ps-page-title{color:var(--deep);font-family:Playfair Display,serif;font-size:19px}.ps-page-sub{color:var(--text3);margin-top:1px;font-size:11px}.ps-scroll{scrollbar-width:thin;scrollbar-color:var(--border2) transparent;flex:1;padding:26px 30px 36px;overflow-y:auto}.ps-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ps-kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.ps-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;transition:transform .18s,box-shadow .18s}.ps-kpi:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e3d2b12}.ps-kpi-label{color:var(--text3);font-size:11px;font-weight:500}.ps-kpi-val{color:var(--deep);margin-top:8px;font-family:Playfair Display,serif;font-size:28px;line-height:1}.ps-kpi-sub{color:var(--text3);margin-top:4px;font-size:11px}.ps-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.ps-search{background:var(--bg2);border:1px solid var(--border2);border-radius:11px;flex:1;align-items:center;gap:8px;min-width:180px;padding:7px 12px;display:flex}.ps-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-family:Outfit,sans-serif;font-size:13px}.ps-search svg{width:14px;height:14px;color:var(--text3);flex-shrink:0}.ps-filter{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:30px;align-items:center;gap:5px;padding:7px 13px;font-family:Outfit,sans-serif;font-size:12px;transition:all .14s;display:inline-flex}.ps-filter:hover{border-color:var(--leaf)}.ps-filter.active{color:#2f6a38;background:#6faf6b1f;border-color:#6faf6b66;font-weight:600}.ps-table{border-collapse:collapse;width:100%}.ps-table thead th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.ps-table tbody tr{border-bottom:1px solid var(--border);cursor:pointer;transition:background .13s}.ps-table tbody tr:hover{background:var(--surface2)}.ps-table tbody tr.has-unread{border-left:3px solid var(--leaf)}.ps-table td{color:var(--text2);vertical-align:middle;padding:12px 16px;font-size:13px}.ps-td-id{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:10px}.ps-td-desc{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;overflow:hidden}.ps-td-email{font-size:12px}.ps-td-date{color:var(--text3);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.ps-td-assigned{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:12px;overflow:hidden}.ps-unread-dot{background:var(--leaf);border-radius:50%;width:8px;height:8px;display:inline-block}.ps-empty{text-align:center;color:var(--text3);padding:48px;font-size:13px}.ps-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:14px 18px;display:flex}.ps-page-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:9px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;transition:background .13s}.ps-page-btn:hover:not(:disabled){background:var(--surface2)}.ps-page-btn:disabled{opacity:.4;cursor:not-allowed}.ps-page-info{color:var(--text3);font-family:JetBrains Mono,monospace;font-size:12px}.ps-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:30px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:inline-block}.ps-badge--open{color:#9d6b18;background:#c99a3b24;border:1px solid #c99a3b4d}.ps-badge--in_progress{color:#1a5fab;background:#3582dc1f;border:1px solid #3582dc47}.ps-badge--resolved{color:#2f6a38;background:#6faf6b24;border:1px solid #6faf6b4d}.ps-badge--closed,.ps-badge--low{background:var(--bg2);color:var(--text3);border:1px solid var(--border2)}.ps-badge--medium{color:#9d6b18;background:#c99a3b24;border:1px solid #c99a3b4d}.ps-badge--high{color:#9f2f25;background:#c0392b1a;border:1px solid #c0392b3d}.ps-detail{grid-template-columns:1fr 320px;align-items:start;gap:18px;display:grid}.ps-detail-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.ps-detail-id{color:var(--text3);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px}.ps-detail-title{color:var(--deep);font-family:Playfair Display,serif;font-size:17px}.ps-detail-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ps-thread{flex-direction:column;height:480px;display:flex}.ps-messages{scrollbar-width:thin;flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.ps-msg{flex-direction:column;max-width:78%;display:flex}.ps-msg--user{align-self:flex-start;align-items:flex-start}.ps-msg--support{align-self:flex-end;align-items:flex-end}.ps-msg-author{color:var(--text3);margin-bottom:3px;font-family:JetBrains Mono,monospace;font-size:9.5px}.ps-msg-bubble{border-radius:14px;padding:9px 13px;font-size:13px;line-height:1.5}.ps-msg--user .ps-msg-bubble{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:14px 14px 14px 4px}.ps-msg--support .ps-msg-bubble{background:linear-gradient(140deg, var(--mid), var(--deep));color:#fff;border-radius:14px 14px 4px}.ps-msg-time{color:var(--text3);margin-top:3px;font-size:9px}.ps-thread-empty{text-align:center;color:var(--text3);padding:32px;font-size:13px}.ps-msg-img{cursor:pointer;object-fit:cover;border-radius:10px;max-width:100%;max-height:220px;margin-bottom:4px;display:block}.ps-msg--user .ps-msg-img{border-radius:10px 10px 10px 4px}.ps-msg--support .ps-msg-img{border-radius:10px 10px 4px}.ps-img-preview-bar{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;display:flex}.ps-img-preview-thumb{object-fit:cover;border:1px solid var(--border2);border-radius:8px;flex-shrink:0;width:44px;height:44px}.ps-img-preview-name{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.ps-img-preview-clear{border:1px solid var(--border2);cursor:pointer;width:22px;height:22px;color:var(--text3);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:background .12s;display:flex}.ps-img-preview-clear:hover{color:#c0392b;background:#c0392b1a}.ps-img-btn{border:1px solid var(--border2);background:var(--bg2);width:38px;height:38px;color:var(--text3);cursor:pointer;border-radius:11px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;transition:background .14s,color .14s;display:flex}.ps-img-btn:hover:not(:disabled){background:var(--surface2);color:var(--mid)}.ps-img-btn:disabled{opacity:.4;cursor:not-allowed}.ps-img-btn svg{width:16px;height:16px}.ps-input-bar{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 14px;display:flex}.ps-msg-input{border:1px solid var(--border2);background:var(--bg2);color:var(--text);resize:none;border-radius:11px;outline:none;flex:1;padding:9px 12px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .15s,background .15s}.ps-msg-input:focus{border-color:var(--leaf);background:var(--surface);box-shadow:0 0 0 3px #6faf6b1a}.ps-send-btn{background:linear-gradient(140deg, var(--mid), var(--deep));color:#fff;cursor:pointer;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:38px;height:38px;transition:filter .15s;display:flex;box-shadow:0 4px 10px #1e3d2b38}.ps-send-btn:hover{filter:brightness(1.08)}.ps-send-btn:disabled{opacity:.5;cursor:not-allowed}.ps-send-btn svg{width:16px;height:16px}.ps-detail-side{flex-direction:column;gap:14px;display:flex}.ps-info-card{padding:16px 18px}.ps-info-card-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text3);align-items:center;gap:8px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:flex}.ps-info-card-title:after{content:"";background:var(--border);flex:1;height:1px}.ps-info-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:9px;font-size:12.5px;display:flex}.ps-info-row:last-child{margin-bottom:0}.ps-info-key{color:var(--text3);flex-shrink:0}.ps-info-val{color:var(--text);text-align:right;word-break:break-all;font-weight:600}.ps-assign-btn{border:1px solid var(--border2);background:var(--surface2);width:100%;color:var(--mid);cursor:pointer;border-radius:9px;margin-top:4px;padding:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;transition:background .14s,border-color .14s}.ps-assign-btn:hover:not(:disabled){background:#6faf6b24;border-color:#6faf6b66}.ps-assign-btn:disabled{opacity:.5;cursor:not-allowed}.ps-select{border:1px solid var(--border2);background:var(--bg2);width:100%;color:var(--text);cursor:pointer;border-radius:11px;outline:none;padding:8px 11px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .15s}.ps-select:focus{border-color:var(--leaf)}.ps-btn-primary{background:linear-gradient(140deg, var(--mid), var(--deep));color:var(--cream);cursor:pointer;border:none;border-radius:11px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:filter .15s;box-shadow:0 6px 16px #1e3d2b38}.ps-btn-primary:hover{filter:brightness(1.08)}.ps-btn-ghost{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:11px;padding:9px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;transition:background .14s}.ps-btn-ghost:hover{background:var(--surface2)}.ps-login-wrap{background:var(--bg);background-image:radial-gradient(600px 400px at 80% 0,#6faf6b1f,#0000 60%),radial-gradient(500px 400px at -5% 100%,#355e3b1a,#0000 55%);justify-content:center;align-items:center;min-height:100vh;display:flex}.ps-login-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);width:min(100%,400px);padding:36px 32px;box-shadow:0 24px 56px #1e3d2b24}.ps-login-logo{text-align:center;margin-bottom:28px}.ps-login-logo-mark{background:linear-gradient(140deg, var(--mid), var(--deep));border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:12px;display:inline-flex;box-shadow:0 10px 24px #1e3d2b47}.ps-login-logo-mark svg{color:#fff;width:26px;height:26px}.ps-login-title{color:var(--deep);text-align:center;font-family:Playfair Display,serif;font-size:22px}.ps-login-sub{color:var(--text3);text-align:center;margin-top:4px;font-size:12px}.ps-field{margin-bottom:14px}.ps-field-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:block}.ps-input{border:1px solid var(--border2);background:var(--bg2);width:100%;color:var(--text);border-radius:11px;outline:none;padding:10px 12px;font-family:Outfit,sans-serif;font-size:13px;transition:border-color .15s,background .15s}.ps-input:focus{border-color:var(--leaf);background:var(--surface);box-shadow:0 0 0 3px #6faf6b1a}.ps-login-btn{background:linear-gradient(140deg, var(--mid), var(--deep));width:100%;color:var(--cream);cursor:pointer;border:none;border-radius:11px;margin-top:6px;padding:11px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:filter .15s;box-shadow:0 8px 20px #1e3d2b3d}.ps-login-btn:hover{filter:brightness(1.08)}.ps-login-btn:disabled{opacity:.6;cursor:not-allowed}.ps-error{color:#9f2f25;background:#c0392b14;border:1px solid #c0392b3d;border-radius:10px;margin-bottom:14px;padding:9px 11px;font-size:12px;line-height:1.4}.ps-back-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:11px;align-items:center;gap:6px;padding:7px 13px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:500;transition:background .14s;display:inline-flex}.ps-back-btn:hover{background:var(--surface2)}.ps-back-btn svg{width:14px;height:14px}.ps-spinner{border:3px solid var(--border2);border-top-color:var(--leaf);border-radius:50%;width:32px;height:32px;margin:48px auto;animation:.7s linear infinite ps-spin;display:block}@keyframes ps-spin{to{transform:rotate(360deg)}}@media (width<=900px){.ps-detail{grid-template-columns:1fr}.ps-kpi-row{grid-template-columns:repeat(2,1fr)}}