.sst-app{font-family:'Albert Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#26272C;line-height:1.6;max-width:900px;margin:0 auto;padding:0 16px}.sst-app *,.sst-app *::before,.sst-app *::after{box-sizing:border-box}.sst-view-enter{animation:sst-vi .3s ease forwards}@keyframes sst-vi{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sst-info-banner{background:#fff;border:1px solid #d9d9d7;border-left:4px solid #1D8DB8;border-radius:0 9px 9px 0;padding:14px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:13px;color:#555}.sst-info-banner svg{width:20px;height:20px;flex-shrink:0;color:#1D8DB8}.sst-info-banner strong{color:#26272C}.sst-skeleton{background:linear-gradient(90deg,#F0EFEE 25%,#e8e7e5 50%,#F0EFEE 75%);background-size:200% 100%;animation:sst-sh 1.5s infinite;border-radius:9px}@keyframes sst-sh{0%{background-position:200% 0}100%{background-position:-200% 0}}.sst-skel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.sst-skel-card{height:88px}.sst-skel-bar{height:100px;margin-bottom:20px}.sst-skel-row{height:72px;margin-bottom:8px}.sst-loading{text-align:center;padding:80px 20px;color:#888}.sst-spinner{width:36px;height:36px;border:3px solid #F0EFEE;border-top-color:#D65438;border-radius:50%;animation:sst-sp .7s linear infinite;margin:0 auto 16px}@keyframes sst-sp{to{transform:rotate(360deg)}}.sst-toast-wrap{position:fixed;top:24px;right:24px;z-index:100000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sst-toast{padding:14px 20px;border-radius:9px;font-family:'Albert Sans',sans-serif;font-size:14px;font-weight:500;box-shadow:0 8px 24px rgb(0 0 0 / .12);animation:sst-ti .3s ease;pointer-events:auto;max-width:360px;display:flex;align-items:center;gap:10px}.sst-toast-success{background:#008A7C;color:#fff}.sst-toast-error{background:#c0392b;color:#fff}.sst-toast-info{background:#26272C;color:#fff}@keyframes sst-ti{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.sst-toast-out{animation:sst-to .25s ease forwards}@keyframes sst-to{to{opacity:0;transform:translateX(40px)}}.sst-auth{max-width:440px;margin:40px auto}.sst-auth-form{background:#fff;border:1px solid #d9d9d7;border-radius:9px;padding:32px}.sst-auth-title{font-size:18px;font-weight:700;color:#26272C;margin:0 0 24px;text-align:center}.sst-pass-wrap{position:relative}.sst-pass-wrap .sst-input{padding-right:48px}.sst-pass-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none!important;border:none!important;box-shadow:none!important;outline:none!important;cursor:pointer;padding:4px;color:#999;transition:color .2s;line-height:1;-webkit-appearance:none;appearance:none}.sst-pass-toggle:hover{color:#555;background:none!important}.sst-pass-toggle:focus{outline:none!important;box-shadow:none!important;background:none!important}.sst-pass-toggle svg{width:18px;height:18px}.sst-field{margin-bottom:20px}.sst-label{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;margin-bottom:6px;color:#26272C}.sst-char-count{font-weight:400;font-size:12px;color:#bbb;transition:color .2s}.sst-char-count.sst-char-warn{color:#D65438}.sst-input,.sst-textarea,.sst-select{width:100%;padding:12px 16px;border:1px solid #d9d9d7;border-radius:9px;font-family:inherit;font-size:14px;color:#26272C;background:#fff;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.sst-input:focus,.sst-textarea:focus,.sst-select:focus{border-color:#D65438;outline:none;box-shadow:0 0 0 3px rgb(214 84 56 / .1)}.sst-input::placeholder,.sst-textarea::placeholder{color:#bbb}.sst-textarea{resize:vertical;min-height:120px}.sst-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2326272C' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.sst-dropzone{border:2px dashed #d9d9d7;border-radius:9px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;position:relative;background:#fafaf9}.sst-dropzone:hover,.sst-dropzone.sst-drag-over{border-color:#D65438;background:#fff7f5}.sst-dropzone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.sst-dropzone-text{font-size:14px;color:#888}.sst-dropzone-text strong{color:#D65438}.sst-dropzone-hint{font-size:12px;color:#bbb;margin-top:4px}.sst-file-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.sst-file-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#F0EFEE;border-radius:20px;font-size:12px;color:#26272C}.sst-file-chip-size{color:#aaa}.sst-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border:none;border-radius:9px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;line-height:1}.sst-btn-primary{background:#D65438;color:#fff}.sst-btn-primary:hover{background:#c04a30;transform:translateY(-1px);box-shadow:0 4px 12px rgb(214 84 56 / .25)}.sst-btn-primary:active{transform:translateY(0)}.sst-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sst-dashboard{margin-bottom:28px}.sst-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.sst-stat-card{background:#fff;border-radius:9px;padding:20px;text-align:center;border:1px solid #d9d9d7;transition:transform .2s}.sst-stat-card:hover{transform:translateY(-2px)}.sst-stat-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px;color:#161616}.sst-stat-label{font-size:13px;color:#888;font-weight:500}.sst-chart-container{background:#fff;border-radius:9px;padding:20px;border:1px solid #d9d9d7}.sst-chart-title{font-size:14px;font-weight:700;margin:0 0 12px;color:#26272C}.sst-chart-bars{display:flex;align-items:flex-end;gap:3px;height:80px}.sst-chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}.sst-chart-col:hover{opacity:.8}.sst-chart-col:hover::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#26272C;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:10}.sst-chart-bar{flex:1;background:#fbd480;border-radius:3px 3px 0 0;min-height:2px;transition:height .5s ease;position:relative}.sst-chart-legend{display:flex;gap:16px;margin-bottom:10px}.sst-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#888}.sst-chart-legend-item span:first-child{width:10px;height:10px;border-radius:2px;display:inline-block}.sst-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.sst-header-left{display:flex;align-items:center;gap:12px}.sst-greeting{font-size:20px;font-weight:700;color:#26272C;margin:0}.sst-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #d9d9d7}.sst-section-title{font-size:15px;font-weight:700;color:#26272C;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #d9d9d7}.sst-workplan{margin-bottom:32px}.sst-wp-card{background:#fff;border:1px solid #d9d9d7;border-radius:9px;overflow:hidden}.sst-wp-header{display:flex;padding:18px 24px;border-bottom:1px solid #f0efee}.sst-wp-header span{font-weight:700;font-size:13px;color:#26272C}.sst-wp-h-num{width:32px;flex-shrink:0}.sst-wp-header .sst-wp-h-title{flex:1}.sst-wp-header .sst-wp-h-date{width:130px;text-align:left}.sst-wp-header .sst-wp-h-due{width:150px;text-align:left}.sst-wp-header .sst-wp-h-status{width:60px;text-align:center}.sst-wp-row{display:flex;padding:14px 24px;align-items:center;transition:background .15s}.sst-wp-row:not(:last-child){border-bottom:1px solid #f5f4f2}.sst-wp-clickable{cursor:pointer}.sst-wp-clickable:hover{background:#fafaf9}.sst-wp-r-num{width:32px;flex-shrink:0;font-size:13px;color:#aaa;font-weight:600}.sst-wp-r-title{flex:1;font-size:14px;color:#26272C;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.sst-wp-r-title-text{flex:1;min-width:0}.sst-wp-r-arrow{color:#aaa;font-size:22px;font-weight:700;transition:transform .2s,color .2s;line-height:1;flex-shrink:0}.sst-wp-clickable:hover .sst-wp-r-arrow{color:#D65438;transform:rotate(90deg)}.sst-wp-r-due-mobile{display:none;font-size:11px;color:#999;width:100%}.sst-wp-r-date{width:130px;font-size:13px;color:#888}.sst-wp-r-due{width:150px;font-size:13px;color:#888}.sst-wp-r-status{width:60px;text-align:center;font-size:18px}.sst-wp-desc{padding:0 24px 16px;font-size:13px;color:#666;line-height:1.7;background:#fafaf9;border-bottom:1px solid #f0efee;display:none}.sst-wp-empty{padding:28px;text-align:center;color:#aaa;font-size:14px}.sst-wp-pagination{display:flex;justify-content:center;gap:6px;margin-top:12px}@media(max-width:640px){.sst-wp-header .sst-wp-h-date,.sst-wp-header .sst-wp-h-due{display:none}.sst-wp-r-date,.sst-wp-r-due{display:none}.sst-wp-r-title{font-size:13px}.sst-wp-header,.sst-wp-row{padding:12px 16px}.sst-wp-desc{padding:0 16px 12px}}.sst-ticket-list{display:flex;flex-direction:column;gap:8px}.sst-ticket-item{background:#fff;border:1px solid #d9d9d7;border-radius:9px;padding:18px 20px;cursor:pointer;transition:all .2s;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.sst-ticket-item:hover{border-color:#D65438;transform:translateY(-1px)}.sst-ticket-title{font-weight:700;font-size:15px;color:#26272C;margin:0 0 6px}.sst-ticket-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#888}.sst-ticket-id{font-weight:600;color:#1D8DB8}.sst-ticket-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sst-ticket-date{font-size:12px;color:#aaa}.sst-reply-count{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#888;background:#F0EFEE;padding:2px 8px;border-radius:12px}.sst-reply-count svg{width:12px;height:12px}.sst-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;line-height:1.2}.sst-cat-label{font-size:11px;color:#888;background:#f5f4f2;padding:2px 8px;border-radius:12px}.sst-priority{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#f0efee}.sst-priority-low{color:#008A7C}.sst-priority-medium{color:#1D8DB8}.sst-priority-high{color:#D65438}.sst-priority-urgent{color:#fff;background:#c0392b}.sst-pagination{display:flex;justify-content:center;gap:6px;margin-top:24px}.sst-page-btn{padding:8px 14px;border:1px solid #d9d9d7;border-radius:9px;background:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;color:#26272C;transition:all .2s}.sst-page-btn:hover{border-color:#D65438;color:#D65438}.sst-page-btn.active{background:#D65438;border-color:#D65438;color:#fff}.sst-detail{margin-top:8px}.sst-back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1D8DB8;text-decoration:none;margin-bottom:20px;cursor:pointer;transition:color .2s}.sst-back-link:hover{color:#D65438}.sst-detail-header{background:#fff;border-radius:9px;padding:24px;margin-bottom:16px;border:1px solid #d9d9d7}.sst-detail-subject{font-size:20px;font-weight:700;color:#26272C;margin:0 0 12px}.sst-detail-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px;color:#888;padding-bottom:16px;border-bottom:1px solid #f0efee;margin-bottom:16px}.sst-detail-description{font-size:15px;line-height:1.7;color:#333}.sst-conversation{margin-bottom:16px}.sst-conv-title{font-size:16px;font-weight:700;margin:0 0 16px;color:#26272C}.sst-reply-item{padding:20px 20px 20px 64px;border-radius:0 9px 9px 0;margin-bottom:12px;position:relative}.sst-reply-client{background:#fff;border:1px solid #d9d9d7;border-left:3px solid #1D8DB8}.sst-reply-admin{background:#fff7f5;border:1px solid #fde8e2;border-left:3px solid #D65438}.sst-avatar{position:absolute;left:16px;top:20px;width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #d9d9d7}.sst-avatar-fallback{position:absolute;left:16px;top:20px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.sst-avatar-client{background:#1D8DB8}.sst-avatar-admin{background:#D65438}.sst-reply-sender{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}.sst-reply-sender strong{color:#26272C}.sst-admin-tag{background:#D65438;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sst-reply-time{margin-left:auto;color:#aaa;font-size:12px}.sst-reply-body{font-size:14px;line-height:1.7;color:#333}.sst-att-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sst-att-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#F0EFEE;border-radius:9px;font-size:12px;color:#1D8DB8;text-decoration:none;font-weight:500;transition:background .2s}.sst-att-link:hover{background:#e5e4e2;color:#D65438}.sst-att-size{color:#aaa}.sst-reply-form{background:#fff;border-radius:9px;padding:24px;border:1px solid #d9d9d7}.sst-reply-form-title{font-size:14px;font-weight:700;margin:0 0 12px;color:#26272C}.sst-reply-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.sst-ticket-closed-msg{background:#F0EFEE;border-radius:9px;padding:24px;text-align:center;color:#888;font-size:14px;border:1px solid #d9d9d7}.sst-rating-prompt{background:#f0faf8;border:1px solid #b8e6dd;border-radius:9px;padding:24px;text-align:center;margin:16px 0}.sst-rating-prompt p{margin:0 0 12px;font-weight:700;color:#26272C}.sst-stars{display:inline-flex;gap:4px}.sst-star{width:36px;height:36px;border:none;background:none;cursor:pointer;font-size:28px;padding:0;transition:transform .15s;line-height:1}.sst-star:hover{transform:scale(1.2)}.sst-rating-done{text-align:center;color:#008A7C;font-weight:700;padding:16px;background:#f0faf8;border-radius:9px;margin:16px 0;border:1px solid #b8e6dd}.sst-empty{text-align:center;padding:60px 20px;color:#888}.sst-empty-illustration{width:120px;height:120px;margin:0 auto 16px;background:#F0EFEE;border-radius:50%;display:flex;align-items:center;justify-content:center}.sst-empty-illustration svg{width:48px;height:48px;color:#ccc}.sst-empty p{margin:0 0 16px;font-size:15px}.sst-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .4);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:sst-f .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes sst-f{from{opacity:0}to{opacity:1}}.sst-modal{background:#fff;border-radius:9px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgb(0 0 0 / .15);animation:sst-su .25s ease}@keyframes sst-su{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sst-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #d9d9d7}.sst-modal-header h3{margin:0;font-size:17px;font-weight:700;color:#26272C}.sst-modal-close{width:32px;height:32px;border:none;background:#F0EFEE;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;line-height:1}.sst-modal-close:hover{background:#D65438;color:#fff}.sst-modal-body{padding:24px}.sst-alert{padding:12px 18px;border-radius:9px;font-size:13px;font-weight:500;margin-bottom:16px}.sst-alert-success{background:#e8f7f4;color:#008A7C;border:1px solid #b8e6dd}.sst-alert-error{background:#fde8e2;color:#c0392b;border:1px solid #f5c4b3}@media(max-width:640px){.sst-app{padding:0 12px}.sst-stats-row,.sst-skel-stats{grid-template-columns:repeat(2,1fr);gap:10px}.sst-stat-card{padding:14px 12px}.sst-stat-value{font-size:24px;margin:0 0 2px}.sst-stat-label{font-size:11px}.sst-header{flex-direction:column;align-items:flex-start}.sst-header .sst-btn{width:100%}.sst-wp-header .sst-wp-h-date,.sst-wp-header .sst-wp-h-due,.sst-wp-h-num{display:none}.sst-wp-r-date,.sst-wp-r-due,.sst-wp-r-num{display:none}.sst-wp-r-due-mobile{display:block}.sst-wp-r-title{font-size:13px}.sst-wp-r-arrow{font-size:20px;margin-right:4px}.sst-wp-header,.sst-wp-row{padding:12px 16px}.sst-wp-desc{padding:0 16px 12px}.sst-ticket-item{grid-template-columns:1fr;padding:14px 16px}.sst-ticket-right{flex-direction:row;align-items:center;gap:10px}.sst-detail-meta{flex-direction:column;gap:8px}.sst-reply-item{padding-left:52px}.sst-avatar,.sst-avatar-fallback{left:10px;width:30px;height:30px;font-size:12px}.sst-reply-sender{flex-wrap:wrap}.sst-reply-time{margin-left:0;width:100%}.sst-reply-actions{flex-direction:column}.sst-reply-actions .sst-btn{width:100%}.sst-modal{max-width:100%;border-radius:9px}.sst-auth{margin:20px auto}.sst-auth-form{padding:24px 20px}.sst-greeting{font-size:17px}.sst-toast-wrap{left:12px;right:12px;top:12px}.sst-toast{max-width:100%}.sst-info-banner{flex-direction:row;text-align:left;font-size:11px;padding:10px 14px;gap:8px}.sst-info-banner svg{width:16px;height:16px;min-width:16px}}