.loading-indicator{opacity:0;transition:opacity .15s ease-in-out;pointer-events:none;font-size:11px;color:var(--text-muted);font-style:italic;letter-spacing:.3px}.loading-indicator.is-visible{opacity:.9}.ticket-list{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto}.filters{position:relative;display:flex;gap:12px;flex-wrap:wrap;background:var(--bg-secondary);padding:16px;border-radius:8px;border:1px solid var(--border)}.filter-input{flex:1;min-width:150px}.filter-status{position:absolute;top:-18px;right:8px;font-size:12px;color:var(--text-muted);font-style:italic;letter-spacing:.3px}.search-error{padding:10px 14px;background-color:#e63a2e14;border:1px solid var(--accent-red);border-radius:6px;color:var(--accent-red);font-size:13px}.tickets-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.ticket-card{background:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border);transition:all .2s;border-left:4px solid var(--text-muted);cursor:pointer}.ticket-card:hover{background:var(--bg-tertiary);border-color:var(--border-strong);transform:translateY(-2px)}.ticket-card.status-unassigned{border-left-color:var(--accent-red)}.ticket-card.status-assigned{border-left-color:var(--accent-orange)}.ticket-card.status-submitted{border-left-color:var(--accent-yellow)}.ticket-card.status-sent_for_signature{border-left-color:var(--accent-cyan)}.ticket-card.status-complete{border-left-color:var(--accent-green)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-header h3{font-size:16px;margin:0;color:var(--text-primary)}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--bg-header)}.status-badge.unassigned{background-color:var(--accent-red);color:#fff}.status-badge.assigned{background-color:var(--accent-orange);color:var(--bg-header)}.status-badge.submitted{background-color:var(--accent-yellow);color:var(--bg-header)}.status-badge.sent_for_signature{background-color:var(--accent-cyan);color:var(--bg-header)}.status-badge.complete{background-color:var(--accent-green);color:var(--bg-header)}.archived-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);margin-left:6px}.ticket-from{font-size:12px;color:var(--text-secondary);margin:8px 0;word-break:break-word}.ticket-subject{font-size:14px;margin:8px 0;font-weight:500;color:var(--text-primary)}.ticket-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.region-badge{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-weight:500;font-size:11px}.created-date{color:var(--text-muted)}.no-tickets{text-align:center;color:var(--text-muted);padding:60px 40px;font-size:15px;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:8px}.ticket-list.error{background:var(--bg-secondary);padding:20px;border-radius:8px;color:var(--accent-red);border:1px solid var(--accent-red)}.ticket-detail{position:relative;max-width:900px;margin:0 auto;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border);padding:24px}.ticket-refreshing{position:absolute;top:14px;right:18px}.close-btn{background-color:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:20px;transition:background-color .2s;border:1px solid var(--border)}.close-btn:hover{background-color:var(--border-strong)}.ticket-header-detail{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ticket-header-detail h2{font-size:24px;margin:0 0 8px;color:var(--text-primary)}.ticket-header-detail h3{font-size:16px;font-weight:400;color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:8px}.ticket-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;padding:16px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:6px}.info-row{display:flex;flex-direction:column;gap:4px}.info-row label{font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.info-row span{color:var(--text-primary);word-break:break-word}.status-selector{position:relative;display:flex;gap:8px;align-items:center}.status-selector select{flex:1}.updating{position:absolute;top:-16px;right:0;font-size:11px;color:var(--text-muted);font-style:italic;letter-spacing:.3px}.description{margin-bottom:24px}.description h4,.internal-notes h4,.messages h4,.reply-form h4{font-size:12px;font-weight:700;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.description p,.internal-notes p{color:var(--text-primary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.internal-notes{margin-bottom:24px;padding:16px;background-color:#f4c94014;border-left:4px solid var(--accent-yellow);border-radius:4px}.messages{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.messages-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-height:400px;overflow-y:auto}.message{padding:12px;border-radius:6px;background-color:var(--bg-primary);border-left:3px solid var(--border)}.message.inbound{border-left-color:var(--accent-cyan);background-color:#4fb6c40f}.message.outbound{border-left-color:var(--accent-green);background-color:#3fb85e0f}.message-header{display:flex;gap:12px;align-items:center;margin-bottom:8px;font-size:12px;color:var(--text-secondary)}.message-header strong{color:var(--text-primary)}.direction-badge{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:2px 6px;border-radius:3px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.message.inbound .direction-badge{background-color:#4fb6c433;color:var(--accent-cyan)}.message.outbound .direction-badge{background-color:#3fb85e33;color:var(--accent-green)}.timestamp{margin-left:auto;color:var(--text-muted)}.message-body{color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;margin:0}.reply-form{display:flex;flex-direction:column;gap:12px}.reply-form textarea{width:100%;padding:12px;font-family:inherit;font-size:13px;resize:vertical;min-height:100px}.reply-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.submit-btn{background-color:var(--accent-red);color:#fff;padding:10px 20px;border:none;border-radius:4px;font-weight:600;transition:background-color .2s,transform .1s;cursor:pointer;letter-spacing:.3px}.submit-btn:hover:not(:disabled){background-color:#c92e23;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.archive-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);padding:10px 18px;border-radius:4px;font-weight:600;letter-spacing:.3px;transition:background-color .2s,color .2s,border-color .2s}.archive-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.archived-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.ticket-detail.error{color:var(--accent-red);border:1px solid var(--accent-red);background-color:#e63a2e14}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:20px;background-image:radial-gradient(1px 1px at 20% 30%,rgba(239,229,208,.4),transparent),radial-gradient(1px 1px at 70% 60%,rgba(239,229,208,.3),transparent),radial-gradient(1px 1px at 40% 80%,rgba(239,229,208,.4),transparent),radial-gradient(1px 1px at 85% 20%,rgba(239,229,208,.3),transparent),radial-gradient(1px 1px at 15% 70%,rgba(239,229,208,.3),transparent);background-size:800px 800px}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 10px 40px #0006}.login-brand{padding:0;position:relative;background-color:var(--bg-header);line-height:0}.login-logo{display:block;width:100%;height:auto}.login-tagline{font-size:13px;color:var(--text-secondary);text-align:center;padding:18px 32px 0;margin:0}.login-form{padding:14px 32px 32px;display:flex;flex-direction:column;gap:16px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.login-form input{width:100%;padding:10px 12px;font-size:14px}.login-error{padding:10px 12px;background-color:#e63a2e1a;border:1px solid var(--accent-red);color:var(--accent-red);border-radius:4px;font-size:13px}.login-submit{background-color:var(--accent-red);color:#fff;padding:12px;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.login-submit:hover:not(:disabled){background-color:#c92e23}.login-mode-toggle{background:transparent;border:none;color:var(--text-secondary);font-size:12px;text-align:center;padding:0 32px 24px;text-decoration:underline;cursor:pointer;letter-spacing:.3px}.login-mode-toggle:hover{color:var(--text-primary)}.login-form .form-row.two-col{display:flex;gap:12px}.login-form .form-row.two-col label{flex:1}.user-mgmt{max-width:1100px;margin:0 auto}.user-mgmt-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.user-mgmt-header h2{flex:1;font-size:22px;color:var(--text-primary)}.header-actions-group{display:flex;gap:8px}.user-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:24px;display:flex;flex-direction:column;gap:14px;position:relative}.user-form:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--rainbow);border-radius:8px 8px 0 0}.user-form h3{color:var(--text-primary);font-size:16px;margin-bottom:4px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row.two-col{flex-direction:row;gap:12px}.form-row.two-col label{flex:1}.form-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.form-row label small{text-transform:none;font-weight:400;font-size:12px;color:var(--text-muted);letter-spacing:0}.form-row input,.form-row select{width:100%;padding:10px 12px;font-size:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end}.form-error{padding:10px 12px;background-color:#e63a2e1a;border:1px solid var(--accent-red);color:var(--accent-red);border-radius:4px;font-size:13px}.user-groups{position:relative;display:flex;flex-direction:column;gap:24px}.user-mgmt-refreshing{position:absolute;top:-22px;right:4px}.user-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.user-group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border)}.user-group-header h3{color:var(--text-primary);font-size:15px;font-weight:600}.license-badge{font-size:12px;color:var(--text-secondary);padding:4px 10px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:12px;font-weight:500}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table thead th{text-align:left;padding:10px 20px;color:var(--text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.user-table tbody td{padding:12px 20px;border-bottom:1px solid var(--border);color:var(--text-primary)}.user-table tbody tr:last-child td{border-bottom:none}.user-table tbody tr:hover{background-color:var(--bg-tertiary)}.owner-badge{display:inline-block;padding:2px 8px;background-color:var(--accent-yellow);color:var(--bg-header);font-size:11px;font-weight:700;letter-spacing:.5px;border-radius:4px}.checkbox-row{flex-direction:row!important;align-items:center;gap:10px!important;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;color:var(--text-primary)!important;font-size:14px!important}.checkbox-row input[type=checkbox]{width:auto;margin:0;cursor:pointer}.form-help{font-size:12px;color:var(--text-secondary);margin-top:-8px;margin-bottom:4px;line-height:1.5}.state-badge{display:inline-block;padding:2px 8px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border-radius:4px}.state-badge.active{background-color:#3fb85e26;color:var(--accent-green)}.state-badge.disabled{background-color:var(--bg-tertiary);color:var(--text-muted)}.state-badge.pending{background-color:#f4c94026;color:var(--accent-yellow)}.pending-row td{font-style:italic;color:var(--text-secondary)}.pending-row .muted{color:var(--text-muted)}.row-actions{text-align:right;white-space:nowrap}.btn-row,.btn-row-danger{background-color:transparent;padding:4px 12px;font-size:12px;font-weight:600;letter-spacing:.3px;border-radius:4px;border:1px solid var(--border-strong);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.btn-row{color:var(--text-primary)}.btn-row:hover{background-color:var(--bg-tertiary)}.btn-row-danger{color:var(--accent-red);border-color:var(--accent-red)}.btn-row-danger:hover{background-color:#e63a2e1a}.account-settings{max-width:720px;margin:0 auto}.account-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.account-header h2{font-size:22px;color:var(--text-primary)}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:20px;position:relative}.settings-section:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--rainbow);border-radius:8px 8px 0 0}.settings-section h3{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:16px}.settings-form{display:flex;flex-direction:column;gap:14px}.form-success{padding:10px 12px;background-color:#3fb85e1a;border:1px solid var(--accent-green);color:var(--accent-green);border-radius:4px;font-size:13px}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{position:relative;display:flex;align-items:center;margin-bottom:20px}.dashboard-header h2{font-size:22px;color:var(--text-primary)}.dash-refreshing{position:absolute;top:8px;right:4px}.dash-error{padding:12px 14px;background-color:#e63a2e14;border:1px solid var(--accent-red);border-radius:6px;color:var(--accent-red)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px}.chart-card.wide{grid-column:1 / -1}.chart-card h3{font-size:14px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.chart-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.chart-card-header h3{margin-bottom:0}.chart-controls{display:flex;align-items:center;gap:10px}.chart-controls select{padding:6px 10px;font-size:13px;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px}.chart-toggle{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.chart-toggle button{background-color:transparent;color:var(--text-secondary);border:none;padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background-color .15s,color .15s}.chart-toggle button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.chart-toggle button.active{background-color:var(--accent-orange);color:var(--bg-header)}.chart-empty{padding:32px 0;text-align:center;color:var(--text-muted);font-style:italic}.reports{max-width:900px;margin:0 auto}.reports h2{font-size:22px;color:var(--text-primary);margin-bottom:8px}.reports-intro{color:var(--text-secondary);font-size:13px;margin-bottom:20px}.reports-error{padding:10px 14px;background-color:#e63a2e14;border:1px solid var(--accent-red);border-radius:6px;color:var(--accent-red);margin-bottom:16px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.report-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px;position:relative}.report-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--rainbow);border-radius:8px 8px 0 0}.report-card h3{font-size:15px;color:var(--text-primary);margin-bottom:8px;font-weight:700}.report-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:14px}.report-btn{background-color:var(--accent-green);color:var(--bg-header);padding:9px 16px;font-size:13px;font-weight:600;border-radius:4px;border:none;cursor:pointer;letter-spacing:.3px}.report-btn:hover:not(:disabled){background-color:#36a352}.report-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar{width:220px;flex-shrink:0;background-color:var(--bg-secondary);border-right:1px solid var(--border);padding:16px 0;overflow-y:auto;display:flex;flex-direction:column}.sidebar-section{display:flex;flex-direction:column;margin-bottom:4px}.sidebar-item{background:transparent;border:none;text-align:left;padding:10px 16px;font-size:14px;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:0;border-left:3px solid transparent;transition:background-color .15s,color .15s;width:100%}.sidebar-item.top{font-weight:600}.sidebar-item.child{padding-left:38px;font-size:13px;color:var(--text-secondary);font-weight:400}.sidebar-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background-color:var(--bg-tertiary);color:var(--text-primary);border-left-color:var(--accent-red)}.sidebar-item.child.active{color:var(--text-primary)}.sidebar-cascade{display:flex;flex-direction:column}.caret{font-size:10px;color:var(--text-muted);width:12px;text-align:center}.sidebar-empty{padding:8px 16px 8px 38px;font-size:12px;color:var(--text-muted);font-style:italic}.sidebar-archive{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.header-menu{position:relative}.menu-trigger{background:transparent;border:1px solid var(--border-strong);border-radius:4px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:background-color .15s,border-color .15s}.menu-trigger:hover,.menu-trigger[aria-expanded=true]{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.burger{width:18px;height:2px;background-color:var(--text-primary);border-radius:1px}.menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:6px;min-width:200px;padding:6px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;z-index:50}.menu-item{background:transparent;color:var(--text-primary);text-align:left;padding:10px 12px;font-size:13px;border-radius:4px;border:none;cursor:pointer}.menu-item:hover{background-color:var(--bg-tertiary)}.menu-item-danger{color:var(--accent-red)}.menu-item-danger:hover{background-color:#e63a2e1a}.menu-divider{height:1px;background-color:var(--border);margin:4px 0}.app{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-primary)}.app-body{flex:1;display:flex;overflow:hidden}.app-header{background-color:var(--bg-header);color:var(--text-primary);padding:24px 40px 28px;position:relative;box-shadow:0 4px 12px #0006}.app-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--rainbow)}.app-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.app-header h1{font-size:28px;margin-bottom:4px;letter-spacing:.5px;font-weight:700}.app-header p{font-size:13px;color:var(--text-secondary)}.app-header-user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.user-label{color:var(--text-primary);font-weight:500}.owner-star{color:var(--accent-yellow);margin-right:6px;font-size:14px;text-shadow:0 0 6px rgba(244,201,64,.4)}.user-role{color:var(--text-muted);font-weight:400;font-size:12px}.logout-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);padding:6px 14px;font-size:12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.logout-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.app-content{flex:1;overflow:auto;padding:24px;min-width:0}:root{--bg-primary: #0F0E1E;--bg-secondary: #1B1A30;--bg-tertiary: #252342;--bg-header: #0A0915;--border: #2D2B47;--border-strong: #3D3B5C;--text-primary: #EFE5D0;--text-secondary: #B5B0C5;--text-muted: #7C7995;--accent-red: #E63A2E;--accent-orange: #F58A2C;--accent-yellow: #F4C940;--accent-green: #3FB85E;--accent-cyan: #4FB6C4;--accent-blue: #1E5FA0;--rainbow: linear-gradient(to right, #E63A2E, #F58A2C, #F4C940, #3FB85E, #4FB6C4, #1E5FA0)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}html,body,#root{height:100%}button{cursor:pointer;border:none;font-size:14px;padding:8px 16px;border-radius:4px;transition:all .2s;font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #4fb6c433}input::placeholder,textarea::placeholder{color:var(--text-muted)}