.sp-page{margin:48px auto;padding:0 24px 80px}.sp-page--list{max-width:860px}.sp-page--create{max-width:680px}.sp-page--show{max-width:780px}.sp-back{font-size:13px;color:#9ca3af;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-bottom:24px;-webkit-transition:color .15s;transition:color .15s}.sp-back:hover{color:#4f8ef7}.sp-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.sp-alert ul{margin:0;padding-left:18px}.sp-alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.sp-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.sp-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sp-badge-new{background:#dbeafe;color:#1d4ed8}.sp-badge-open{background:#d1fae5;color:#065f46}.sp-badge-pending{background:#fef3c7;color:#92400e}.sp-badge-closed,.sp-badge-solved{background:#f3f4f6;color:#374151}.sp-badge-low{background:#f3f4f6;color:#9ca3af}.sp-badge-normal{background:#eff6ff;color:#4f8ef7}.sp-badge-high{background:#fef3c7;color:#92400e}.sp-badge-urgent{background:#fee2e2;color:#991b1b}.sp-card{background:#fff;border-radius:14px;padding:20px 24px}.sp-page-header{margin-bottom:28px}.sp-page-header h1{font-size:28px;font-weight:800;margin:0;color:#111827;letter-spacing:-.02em}.sp-page-header p{color:#6b7280;margin:0;font-size:15px}.sp-page-header--actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:32px}.sp-form,.sp-page-header--actions{display:-webkit-box;display:-ms-flexbox;display:flex}.sp-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.sp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sp-field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.sp-field label{font-size:13px;font-weight:600;color:#374151}.sp-field input,.sp-field select,.sp-field textarea{width:100%;padding:13px 15px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:inherit;color:#111827;background:#fff;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s}.sp-field input:focus,.sp-field select:focus,.sp-field textarea:focus{outline:none;border-color:#4f8ef7;-webkit-box-shadow:0 0 0 3px rgba(79,142,247,.12);box-shadow:0 0 0 3px rgba(79,142,247,.12)}.sp-field textarea{min-height:120px;resize:vertical}.sp-field textarea.sp-textarea--tall{min-height:180px}.sp-field-hint{font-size:12px;color:#9ca3af}.sp-field-opt{font-weight:400;color:#9ca3af}.sp-file-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sp-file-input{display:none}.sp-file-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;color:#6b7280;cursor:pointer;padding:7px 14px;border:1.5px dashed #d1d5db;border-radius:8px;-webkit-transition:border-color .15s,color .15s;transition:border-color .15s,color .15s;white-space:nowrap}.sp-file-label:hover{border-color:#4f8ef7;color:#4f8ef7}.sp-file-name{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;margin-top:8px}.sp-file-chip,.sp-file-name{display:-webkit-box;display:-ms-flexbox;display:flex}.sp-file-chip{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 10px;font-size:13px;color:#1d4ed8}.sp-file-chip-name{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-file-chip-rm{background:none;border:none;cursor:pointer;color:#93c5fd;font-size:20px;line-height:1;padding:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:color .15s;transition:color .15s}.sp-file-chip-rm:hover{color:#ef4444}.sp-submit-btn{display:inline-block;background:#4f8ef7;color:#fff;border:none;padding:13px 32px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;-webkit-transition:background .15s;transition:background .15s}.sp-submit-btn:hover{background:#3b7ce8}.sp-empty{text-align:center;padding:64px 24px;background:#fff;border-radius:14px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06)}.sp-empty svg{margin-bottom:16px;opacity:.4}.sp-empty p{color:#6b7280;margin:0 0 20px;font-size:15px}.sp-ticket-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.sp-ticket-card,.sp-ticket-list{display:-webkit-box;display:-ms-flexbox;display:flex}.sp-ticket-card{background:#fff;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06);padding:16px 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;text-decoration:none;color:inherit;-webkit-transition:-webkit-box-shadow .15s;transition:-webkit-box-shadow .15s;transition:box-shadow .15s;transition:box-shadow .15s,-webkit-box-shadow .15s}.sp-ticket-card:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.sp-ticket-icon{width:44px;height:44px;border-radius:10px;background:#eff6ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.sp-ticket-icon svg{width:20px;height:20px;stroke:#4f8ef7}.sp-ticket-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.sp-ticket-subject{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.sp-ticket-meta{font-size:12px;color:#9ca3af;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sp-ticket-meta,.sp-ticket-right{display:-webkit-box;display:-ms-flexbox;display:flex}.sp-ticket-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:6px;-ms-flex-negative:0;flex-shrink:0}.sp-pag,.sp-pagination{margin-top:24px}.sp-pag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.sp-pag-info{font-size:13px;color:#9ca3af}.sp-pag-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sp-pag-btn,.sp-pag-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sp-pag-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:6px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1.5px solid #e5e7eb;text-decoration:none;-webkit-transition:border-color .15s,color .15s;transition:border-color .15s,color .15s}.sp-pag-btn:hover{border-color:#4f8ef7;color:#4f8ef7}.sp-pag-btn--active{background:#4f8ef7;border-color:#4f8ef7;color:#fff}.sp-pag-btn--active:hover{color:#fff}.sp-pag-btn--disabled{color:#d1d5db;cursor:default}.sp-pag-btn--disabled:hover{border-color:#e5e7eb;color:#d1d5db}.sp-pag-btn--dots{border-color:transparent;background:transparent;cursor:default}.sp-pag-btn--dots:hover{border-color:transparent;color:#374151}.sp-ticket-header{margin-bottom:28px}.sp-ticket-header h1{font-size:22px;font-weight:700;margin:0 0 12px;color:#111827;line-height:1.3}.sp-meta-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sp-meta-sep{color:#e5e7eb}.sp-meta-date{font-size:13px;color:#9ca3af}.sp-thread{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;margin-bottom:32px}.sp-msg,.sp-thread{display:-webkit-box;display:-ms-flexbox;display:flex}.sp-msg{gap:14px}.sp-msg-avatar{width:40px;height:40px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:15px}.sp-msg-avatar-user{background:#eff6ff;color:#4f8ef7}.sp-msg-avatar-admin{background:linear-gradient(135deg,#4f8ef7,#3b7ce8);color:#fff}.sp-msg-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.sp-msg-meta{font-size:12px;color:#9ca3af;margin-bottom:6px}.sp-msg-body{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;padding:14px 16px;white-space:pre-wrap;line-height:1.65;font-size:14px;color:#374151;font-weight:400}.sp-msg-admin .sp-msg-body{background:#eff6ff;border-color:#bfdbfe}.sp-msg-attachments{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.sp-att-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#4f8ef7;text-decoration:none;background:#eff6ff;padding:4px 10px;border-radius:6px;-webkit-transition:background .15s;transition:background .15s}.sp-att-link:hover{background:#dbeafe}.sp-att-image{max-width:220px;max-height:160px;-o-object-fit:cover;object-fit:cover;border-radius:8px;display:block;margin-top:8px;cursor:pointer;border:1.5px solid #e5e7eb}@-webkit-keyframes sp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sp-img-shimmer{width:220px;height:160px;border-radius:8px;margin-top:8px;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#e5e7eb),color-stop(50%,#f3f4f6),color-stop(75%,#e5e7eb));background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;-webkit-animation:sp-shimmer 1.2s infinite;animation:sp-shimmer 1.2s infinite;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sp-img-shimmer svg{opacity:.35}.sp-reply-card{background:#fff;border-radius:14px;padding:20px 24px}.sp-reply-card h3{font-size:16px;font-weight:700;margin:0 0 18px;color:#111827}.sp-closed{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;color:#6b7280;font-size:14px}.sp-closed a{color:#4f8ef7}@-webkit-keyframes sp-kb-in{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sp-kb-in{0%{opacity:0;-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.sp-kb-box{margin-top:8px;border:1.5px solid #bfdbfe;border-radius:10px;overflow:hidden;background:#f0f7ff;-webkit-animation:sp-kb-in .2s ease;animation:sp-kb-in .2s ease}.sp-kb-hdr{font-size:12px;font-weight:600;color:#6b7280;padding:8px 14px 6px;border-bottom:1px solid #dbeafe;background:#eff6ff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.sp-kb-hdr,.sp-kb-item{display:-webkit-box;display:-ms-flexbox;display:flex}.sp-kb-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px 14px;border-bottom:1px solid #e0eeff;text-decoration:none;color:#1d4ed8;font-size:14px;font-weight:500;-webkit-transition:background .1s;transition:background .1s}.sp-kb-item:last-child{border-bottom:none}.sp-kb-item:hover{background:#e0eeff}.sp-kb-cat{font-weight:400;margin-top:2px}.sp-kb-cat,.sp-kb-divider{font-size:12px;color:#9ca3af}.sp-kb-divider{text-align:center;padding:8px 0 2px}@media (max-width:540px){.sp-ticket-right{display:none}.sp-page-header h1{font-size:22px}.sp-form-row{grid-template-columns:1fr}.sp-card{padding:20px}.sp-msg-avatar{display:none}}