@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Plus+Jakarta+Sans:wght@700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}:root{--color-page-bg:#f0f2f5;--color-card-bg:#fff;--color-accent:#0e6b75;--color-accent-hover:#0a555e;--color-label:#374151;--color-muted:#6b7280;--color-border:#e2e8f0;--color-error:#e53e3e;--color-success:#38a169;--color-right-heading:#111827;--color-left-text:#fff;--color-dev-token-bg:#0e6b7514;--color-dev-token-border:#0e6b75;--color-success-banner-bg:#38a1691f;--color-success-banner-border:#38a169;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px;--radius-card:16px;--radius-control:8px;--shadow-card:0 20px 60px #0000001f;--font-heading:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-size-right-title:28px;--font-size-right-sub:14px;--font-size-label:14px;--font-size-input:14px;--font-size-error:13px;--font-size-cta:15px;--font-size-link:14px;--control-height:48px;--label-margin-bottom:6px;--title-margin-bottom:28px;--focus-border:#0e6b75;--focus-shadow:0 0 0 3px #0e6b7526;--auth-enter-shift:16px;--auth-enter-duration:.4s;--left-panel-flex:45%;--right-panel-flex:55%;--auth-card-max-width:900px;--auth-card-min-height:22rem}.auth-page{min-height:100vh;padding:var(--space-md);background-color:var(--color-page-bg);font-family:var(--font-body);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:var(--auth-card-max-width);min-height:var(--auth-card-min-height);background-color:var(--color-card-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;overflow:hidden}.auth-card__right{flex:1 1 var(--right-panel-flex);background-color:var(--color-card-bg);min-width:0}.auth-card__right-inner{padding:var(--space-xl);animation:auth-form-enter var(--auth-enter-duration) ease-out both}@keyframes auth-form-enter{0%{opacity:0;transform:translateY(var(--auth-enter-shift))}to{opacity:1;transform:translateY(0)}}.auth-left-panel{flex:0 0 var(--left-panel-flex);max-width:var(--left-panel-flex);color:var(--color-left-text);background:radial-gradient(at 20%,#0a3d4ad9 0%,#0000 60%),radial-gradient(at 80% 20%,#1a2535d9 0%,#0000 50%),radial-gradient(at 60% 80%,#0d1b2ae6 0%,#0000 70%),linear-gradient(135deg,#0d1b2a 0%,#0a3d4a 50%,#1a2535 100%);flex-direction:column;display:flex}.auth-left-panel__inner{height:100%;padding:var(--space-xl);min-height:var(--control-height);flex-direction:column;display:flex}.auth-left-panel__brand{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.auth-left-panel__logo{color:var(--color-left-text);flex-shrink:0;display:flex}.auth-left-panel__wordmark{font-family:var(--font-heading);font-weight:800;font-size:var(--font-size-label);letter-spacing:.02em}.auth-left-panel__intro{margin-bottom:var(--space-lg)}.auth-left-panel__heading{margin:0 0 var(--space-sm);font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-right-title);line-height:1.2}.auth-left-panel__subtext{font-family:var(--font-body);font-weight:400;font-size:var(--font-size-right-sub);opacity:.92;margin:0;line-height:1.5}.auth-left-panel__features{gap:var(--space-sm);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.auth-left-panel__feature{align-items:flex-start;gap:var(--space-sm);font-family:var(--font-body);font-weight:400;font-size:var(--font-size-label);line-height:1.45;display:flex}.auth-left-panel__check{color:#fffffff2;flex-shrink:0;font-weight:600}.auth-left-panel__footer{margin-top:var(--space-lg);padding-top:var(--space-md)}.auth-help-center-btn{min-height:var(--control-height);padding:0 var(--space-md);font-family:var(--font-body);font-weight:500;font-size:var(--font-size-link);color:var(--color-left-text);border-radius:var(--radius-control);cursor:pointer;background:0 0;border:1px solid #ffffff8c;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex}.auth-help-center-btn:hover{background-color:#ffffff14;border-color:#ffffffd9}.auth-right-title{margin:0 0 var(--space-xs);font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-right-title);color:var(--color-right-heading);line-height:1.2}.auth-right-subtitle{margin:0 0 var(--title-margin-bottom);font-family:var(--font-body);font-weight:400;font-size:var(--font-size-right-sub);color:var(--color-muted);line-height:1.5}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.auth-field{flex-direction:column;gap:0;display:flex}.auth-label{margin-bottom:var(--label-margin-bottom);font-family:var(--font-body);font-weight:500;font-size:var(--font-size-label);color:var(--color-label);display:block}.auth-label--checkbox{cursor:pointer;margin-bottom:0;font-weight:400}.auth-input-row{align-items:stretch;display:flex;position:relative}.auth-input-row--password .auth-input{padding-right:calc(var(--space-lg) + var(--control-height) / 2)}.auth-input,.auth-input--select{width:100%;min-height:var(--control-height);padding:0 var(--space-sm);font-family:var(--font-body);font-size:var(--font-size-input);color:var(--color-right-heading);background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);outline:none;transition:border-color .15s,box-shadow .15s}.auth-input:focus,.auth-input--select:focus{border-color:var(--focus-border);box-shadow:var(--focus-shadow)}.auth-input--select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236B7280' d='M1 1.5L6 6l5-4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:var(--space-lg)}.auth-password-eye{right:var(--space-xs);width:var(--control-height);height:var(--control-height);border-radius:var(--radius-control);color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.auth-password-eye:hover{color:var(--color-accent)}.auth-field-error{margin:var(--space-xs) 0 0;font-family:var(--font-body);font-size:var(--font-size-error);color:var(--color-error)}.auth-banner-error{padding:var(--space-sm);font-family:var(--font-body);font-size:var(--font-size-error);color:var(--color-error);border-radius:var(--radius-control);background-color:#e53e3e14;border:1px solid #e53e3e40;margin:0}.auth-flash-success{margin:0 0 var(--space-md);padding:var(--space-sm);font-family:var(--font-body);font-size:var(--font-size-input);color:var(--color-success);background-color:var(--color-success-banner-bg);border:1px solid var(--color-success-banner-border);border-radius:var(--radius-control)}.auth-flash-neutral{margin:0 0 var(--space-md);padding:var(--space-sm);font-family:var(--font-body);font-size:var(--font-size-input);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-control);background-color:#6b72801a}.auth-success-banner{margin:0 0 var(--space-md);padding:var(--space-md);font-family:var(--font-body);font-size:var(--font-size-input);color:var(--color-success);background-color:var(--color-success-banner-bg);border:1px solid var(--color-success-banner-border);border-radius:var(--radius-control);font-weight:500}.auth-field--checkbox{margin-bottom:0}.auth-checkbox-wrap{align-items:center;gap:var(--space-sm);display:flex}.auth-checkbox{width:var(--space-md);height:var(--space-md);accent-color:var(--color-accent);cursor:pointer;margin:0}.auth-inline-row{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.auth-inline-row .auth-field--checkbox{flex:0 auto;margin:0}.auth-link{font-family:var(--font-body);font-size:var(--font-size-link);color:var(--color-accent);font-weight:500;text-decoration:none;transition:-webkit-text-decoration .15s,text-decoration .15s}.auth-link:hover{text-decoration:underline}.auth-footer-centered{margin:var(--space-lg) 0 0;text-align:center;font-family:var(--font-body);font-size:var(--font-size-link);color:var(--color-muted)}.auth-footer-centered .auth-link{font-weight:500}.auth-back-link{margin-top:var(--space-md);font-family:var(--font-body);font-size:var(--font-size-link);color:var(--color-accent);font-weight:500;text-decoration:none;display:inline-block}.auth-back-link:hover{text-decoration:underline}.auth-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--control-height);padding:0 var(--space-md);margin-top:var(--space-xs);font-family:var(--font-body);font-weight:500;font-size:var(--font-size-cta);color:#fff;background-color:var(--color-accent);border-radius:var(--radius-control);cursor:pointer;border:none;transition:background-color .15s,transform .12s;display:inline-flex;position:relative}.auth-btn:hover:not(:disabled){background-color:var(--color-accent-hover);transform:scale(1.01)}.auth-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-btn__spinner{width:var(--space-md);height:var(--space-md);border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;animation:.65s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-dev-token-box{margin-bottom:var(--space-md);padding:var(--space-md);border-radius:var(--radius-control);background-color:var(--color-dev-token-bg);border:1px solid var(--color-dev-token-border)}.auth-dev-token-box__label{margin:0 0 var(--space-xs);font-family:var(--font-body);font-weight:600;font-size:var(--font-size-label);color:var(--color-accent)}.auth-dev-token-box__value{margin:0 0 var(--space-sm);font-family:var(--font-body);font-size:var(--font-size-error);word-break:break-all;color:var(--color-right-heading)}.auth-dev-token-box__hint{font-family:var(--font-body);font-size:var(--font-size-error);color:var(--color-muted);margin:0}@media (width<=48rem){.auth-left-panel{display:none}.auth-card__right{flex:100%;max-width:100%}.auth-card__right-inner{padding:var(--space-lg)}}:root{--sidebar-width:260px;--sidebar-width-collapsed:64px;--sidebar-bg:#0f172a;--sidebar-bg-hover:#ffffff0f;--sidebar-bg-active:#63b3ed1f;--sidebar-text:#94a3b8;--sidebar-text-active:#e2e8f0;--sidebar-accent:#38bdf8;--sidebar-divider:#ffffff0f;--topbar-height:56px}.app-layout{background:var(--color-page-bg,#f8fafc);min-height:100vh;display:flex}.app-layout__sidebar{width:var(--sidebar-width);z-index:100;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.app-layout__main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .28s cubic-bezier(.4,0,.2,1);display:flex}.app-layout__topbar{z-index:50;height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border,#e2e8f0);background:#ffffffd9;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.app-layout__topbar-left{align-items:center;gap:.75rem;display:flex}.app-layout__hamburger{cursor:pointer;color:var(--color-label,#475569);background:0 0;border:none;padding:.25rem;display:none}.app-layout__breadcrumb{color:var(--color-muted,#94a3b8);font-size:.875rem}.app-layout__breadcrumb span{color:var(--color-label,#475569);font-weight:600}.app-layout__topbar-right{align-items:center;gap:.75rem;display:flex}.app-layout__user-badge{color:var(--color-label,#475569);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.app-layout__user-badge .role-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--sidebar-bg);color:var(--sidebar-accent);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.app-layout__content{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.sidebar{background:var(--sidebar-bg);height:100%;color:var(--sidebar-text);font-family:var(--font-body,"Inter", sans-serif);flex-direction:column;display:flex;overflow-y:auto}.sidebar__brand{flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;text-decoration:none;display:flex}.sidebar__logo-icon{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.sidebar__brand-text{flex-direction:column;line-height:1.2;display:flex}.sidebar__brand-name{color:#f1f5f9;font-size:.95rem;font-weight:700}.sidebar__brand-sub{color:var(--sidebar-text);letter-spacing:.03em;font-size:.7rem}.sidebar__nav{flex:1;padding:.5rem .75rem}.sidebar__section{margin-bottom:1.25rem}.sidebar__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text);opacity:.6;margin-bottom:.35rem;padding:0 .5rem;font-size:.65rem;font-weight:700;display:block}.sidebar__link{color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.55rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar__link:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active)}.sidebar__link--active{background:var(--sidebar-bg-active);color:var(--sidebar-accent);font-weight:600}.sidebar__link--active .sidebar__icon{color:var(--sidebar-accent)}.sidebar__icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar__link--active .sidebar__icon{opacity:1}.sidebar__divider{background:var(--sidebar-divider);height:1px;margin:.75rem}.sidebar__footer{border-top:1px solid var(--sidebar-divider);flex-shrink:0;padding:.75rem 1rem 1rem}.sidebar__user-info{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.sidebar__avatar{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.sidebar__user-details{min-width:0}.sidebar__user-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar__user-role{color:var(--sidebar-accent);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.sidebar__logout-btn{width:100%;color:var(--sidebar-text);border:1px solid var(--sidebar-divider);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .65rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.sidebar__logout-btn:hover{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.app-layout__hamburger{display:flex}.app-layout__sidebar{transform:translate(-100%)}.app-layout__sidebar--open{transform:translate(0)}.sidebar-overlay--visible{display:block}.app-layout__main{margin-left:0}}.dt-wrapper{background:var(--color-card-bg,#fff);border-radius:var(--radius-card,12px);border:1px solid var(--color-border,#e2e8f0);overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.dt-table{border-collapse:collapse;width:100%;font-size:.875rem}.dt-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted,#94a3b8);border-bottom:1px solid var(--color-border,#e2e8f0);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:#f8fafc;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.dt-table th.dt-sortable{cursor:pointer}.dt-table th.dt-sortable:hover{color:var(--color-accent,#0e6b75)}.dt-sort-icon{opacity:.5;margin-left:.25rem;font-size:.65rem;display:inline-block}.dt-sort-icon--active{opacity:1;color:var(--color-accent,#0e6b75)}.dt-table td{border-bottom:1px solid var(--color-border,#e2e8f0);color:var(--color-label,#475569);vertical-align:middle;padding:.7rem 1rem}.dt-table tbody tr{transition:background .12s}.dt-table tbody tr:hover{background:#0e6b7508}.dt-table tbody tr:last-child td{border-bottom:none}.dt-table tbody tr.dt-clickable{cursor:pointer}.dt-empty{text-align:center;padding:3rem 1rem}.dt-empty__icon{color:var(--color-muted,#94a3b8);opacity:.5;margin-bottom:.75rem}.dt-empty__title{color:var(--color-label,#475569);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.dt-empty__text{color:var(--color-muted,#94a3b8);margin:0;font-size:.85rem}.dt-loading{padding:1.5rem}.dt-loading__row{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;height:18px;margin-bottom:.75rem;animation:1.5s infinite dt-shimmer}.dt-loading__row:nth-child(2n){width:85%}.dt-loading__row:nth-child(odd){width:95%}@keyframes dt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dt-pagination{color:var(--color-muted,#94a3b8);border-top:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.8rem;display:flex}.dt-pagination__info{font-weight:500}.dt-pagination__controls{gap:.35rem;display:flex}.dt-pagination__btn{border:1px solid var(--color-border,#e2e8f0);color:var(--color-label,#475569);cursor:pointer;background:#fff;border-radius:6px;padding:.35rem .65rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .12s}.dt-pagination__btn:hover:not(:disabled){border-color:var(--color-accent,#0e6b75);color:var(--color-accent,#0e6b75)}.dt-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.badge{white-space:nowrap;text-transform:capitalize;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;line-height:1.4;display:inline-flex}.badge--status-open{color:#1d4ed8;background:#dbeafe}.badge--status-assigned{color:#4338ca;background:#e0e7ff}.badge--status-in_progress{color:#b45309;background:#fef3c7}.badge--status-waiting_for_customer{color:#be185d;background:#fce7f3}.badge--status-resolved{color:#059669;background:#d1fae5}.badge--status-closed{color:#64748b;background:#f1f5f9}.badge--status-reopened{color:#92400e;background:#fde68a}.badge--priority-low{color:#22c55e;background:#f0fdf4}.badge--priority-medium{color:#ca8a04;background:#fef9c3}.badge--priority-high{color:#dc2626;background:#fee2e2}.badge--priority-critical{color:#fecaca;background:#7f1d1d}.badge--role-superadmin{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8)}.badge--role-admin{color:#1e40af;background:#dbeafe}.badge--role-manager{color:#4338ca;background:#e0e7ff}.badge--role-lead{color:#7c3aed;background:#ede9fe}.badge--role-agent{color:#059669;background:#d1fae5}.badge--role-director{color:#b45309;background:#fef3c7}.badge--role-customer{color:#64748b;background:#f1f5f9}.badge--sla-on_track{color:#059669;background:#d1fae5}.badge--sla-paused{color:#6d28d9;background:#ede9fe}.badge--sla-at_risk{color:#b45309;background:#fef3c7}.badge--sla-breached{color:#dc2626;background:#fee2e2}.badge--sla-na{color:#94a3b8;background:#f1f5f9}.badge--active-true{color:#059669;background:#d1fae5}.badge--active-false,.badge--issue-bug{color:#dc2626;background:#fee2e2}.badge--issue-feature{color:#2563eb;background:#dbeafe}.badge--issue-query{color:#4f46e5;background:#e0e7ff}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-card-bg,#fff);border-radius:var(--radius-card,12px);width:100%;max-width:540px;max-height:90vh;animation:.25s cubic-bezier(.4,0,.2,1) modal-slide-up;overflow-y:auto;box-shadow:0 24px 48px #0f172a26}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal__header{border-bottom:1px solid var(--color-border,#e2e8f0);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .75rem;display:flex}.modal__title{font-size:1.1rem;font-weight:700;font-family:var(--font-heading,inherit);margin:0}.modal__close{cursor:pointer;color:var(--color-muted,#94a3b8);background:0 0;border:none;border-radius:6px;padding:.25rem;font-size:1.25rem;line-height:1;transition:all .12s}.modal__close:hover{color:var(--color-label,#475569);background:#f1f5f9}.modal__body{padding:1.25rem 1.5rem}.modal__footer{border-top:1px solid var(--color-border,#e2e8f0);justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem 1.25rem;display:flex}.form-group{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--color-label,#475569);font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border,#e2e8f0);color:var(--color-label,#475569);background:#fff;border-radius:8px;padding:.55rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent,#0e6b75);outline:none;box-shadow:0 0 0 3px #0e6b751a}.section-card{background:var(--color-card-bg,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-card,12px);box-shadow:0 1px 3px #0f172a0a}.section-card--clickable{cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}.section-card--clickable:hover{border-color:#0e6b7538;transform:translateY(-1px);box-shadow:0 10px 28px #0f172a14}.section-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem .75rem;display:flex}.section-card__identity{align-items:center;gap:.9rem;display:flex}.section-card__icon{width:42px;height:42px;color:var(--color-accent,#0e6b75);background:linear-gradient(135deg,#0e6b751f,#3b82f61f);border-radius:12px;flex:none;place-items:center;display:grid}.section-card__title{color:var(--color-label,#0f172a);margin:0;font-size:1rem;font-weight:700}.section-card__subtitle{color:var(--color-muted,#64748b);margin:.2rem 0 0;font-size:.85rem}.section-card__body{padding:0 1.1rem 1.1rem}.action-menu{position:relative}.action-menu__trigger{border:1px solid var(--color-border,#e2e8f0);width:34px;height:34px;color:var(--color-label,#334155);cursor:pointer;background:#fff;border-radius:10px;font-size:1.2rem;line-height:1}.action-menu__trigger:hover{border-color:var(--color-accent,#0e6b75);color:var(--color-accent,#0e6b75)}.action-menu__panel{border:1px solid var(--color-border,#e2e8f0);z-index:5;background:#fff;border-radius:14px;min-width:180px;padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 20px 40px #0f172a1f}.action-menu__item{width:100%;color:var(--color-label,#334155);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:10px;padding:.7rem .8rem}.action-menu__item:hover{background:#f8fafc}.action-menu__item--danger{color:#dc2626}.settings-entry-card{padding-bottom:.75rem}.settings-entry-card__meta{flex-wrap:wrap;gap:.5rem;display:flex}.settings-entry-card__pill{color:#0e7490;background:#ecfeff;border:1px solid #0e749029;border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.tenant-card .section-card__body{padding-top:0}.tenant-card__body{flex-direction:column;gap:.65rem;display:flex}.tenant-card__row{color:var(--color-label,#334155);justify-content:space-between;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.settings-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.settings-summary-value{color:var(--color-label,#0f172a);font-size:1.65rem;font-weight:700}.settings-workspace{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start;gap:1rem;display:grid}.settings-panel,.settings-panel--wide{min-height:100%}.settings-form{flex-direction:column;gap:.9rem;display:flex}.settings-toggle{color:var(--color-label,#334155);align-items:center;gap:.6rem;font-size:.88rem;display:flex}.settings-empty{color:var(--color-muted,#64748b);padding:1rem 0;font-size:.9rem}.policy-list{flex-direction:column;gap:.75rem;display:flex}.policy-row{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.95rem 1rem;display:flex}.policy-row__main{flex-direction:column;flex:1;gap:.4rem;display:flex}.policy-row__title{color:var(--color-label,#0f172a);align-items:center;gap:.5rem;font-weight:700;display:flex}.policy-row__meta{color:var(--color-muted,#64748b);flex-wrap:wrap;gap:.85rem;font-size:.84rem;display:flex}.policy-row__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.policy-row__input{width:92px}@media (width<=960px){.settings-workspace{grid-template-columns:1fr}}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent,#0e6b75);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover,#0a565e)}.btn--secondary{color:var(--color-label,#475569);border-color:var(--color-border,#e2e8f0);background:#f1f5f9}.btn--secondary:hover:not(:disabled){background:#e2e8f0}.btn--danger{color:#dc2626;background:#fee2e2;border-color:#0000}.btn--danger:hover:not(:disabled){background:#fecaca}.btn--ghost{color:var(--color-accent,#0e6b75);border-color:var(--color-border,#e2e8f0);background:0 0}.btn--ghost:hover:not(:disabled){border-color:var(--color-accent,#0e6b75);background:#0e6b750f}.btn--sm{padding:.35rem .65rem;font-size:.78rem}.toast-container{z-index:300;flex-direction:column;gap:.5rem;max-width:380px;display:flex;position:fixed;top:1rem;right:1rem}.toast{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.85rem;animation:.3s cubic-bezier(.4,0,.2,1) toast-in;display:flex;box-shadow:0 8px 24px #0f172a1f}.toast--success{border-left:3px solid #22c55e}.toast--error{border-left:3px solid #ef4444}.toast--info{border-left:3px solid #3b82f6}.toast__icon{flex-shrink:0;font-size:1rem;line-height:1.4}.toast__message{color:var(--color-label,#475569);flex:1;line-height:1.4}.toast__close{cursor:pointer;color:var(--color-muted,#94a3b8);background:0 0;border:none;padding:0;font-size:1rem;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.page-header__title{font-family:var(--font-heading,inherit);color:var(--color-right-heading,#1e293b);margin:0;font-size:1.5rem;font-weight:700}.page-header__subtitle{color:var(--color-muted,#94a3b8);margin:.15rem 0 0;font-size:.9rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--color-card-bg,#fff);border-radius:var(--radius-card,12px);border:1px solid var(--color-border,#e2e8f0);flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.stat-card__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted,#94a3b8);font-size:.75rem;font-weight:600}.stat-card__value{color:var(--color-right-heading,#1e293b);font-size:1.75rem;font-weight:800;font-family:var(--font-heading,inherit);line-height:1.2}.stat-card--accent .stat-card__value{color:var(--color-accent,#0e6b75)}.stat-card--warn .stat-card__value{color:#f59e0b}.stat-card--danger .stat-card__value{color:#ef4444}.stat-card--success .stat-card__value{color:#22c55e}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem 2rem;display:flex}.error-page__code{color:var(--color-border,#e2e8f0);font-size:6rem;font-weight:900;line-height:1;font-family:var(--font-heading,inherit);margin-bottom:.5rem}.error-page__title{color:var(--color-label,#475569);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.error-page__text{color:var(--color-muted,#94a3b8);max-width:420px;margin:0 0 1.5rem;font-size:.95rem}.filter-bar{background:var(--color-card-bg,#fff);border-radius:var(--radius-card,12px);border:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.filter-bar__field{flex-direction:column;flex:1;gap:.2rem;min-width:140px;display:flex}.filter-bar__field label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted,#94a3b8);font-size:.72rem;font-weight:600}.filter-bar__field input,.filter-bar__field select{border:1px solid var(--color-border,#e2e8f0);background:#fff;border-radius:6px;padding:.45rem .65rem;font-family:inherit;font-size:.85rem;transition:border-color .15s}.filter-bar__field input:focus,.filter-bar__field select:focus{border-color:var(--color-accent,#0e6b75);outline:none}.tix-page{font-family:var(--font-body);color:var(--color-right-heading)}.tix-page--dashboard{max-width:1280px;margin:0 auto}.tix-dash-hero{gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:linear-gradient(135deg, var(--color-card-bg) 0%, #0e6b750a 100%);border:1px solid var(--color-border);border-radius:var(--radius-card);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0f172a0f}.tix-dash-hero:before{content:"";background:linear-gradient(180deg, var(--color-accent) 0%, #0e6b7573 100%);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.tix-dash-hero__main{padding-left:var(--space-sm)}.tix-dash-hero__eyebrow{margin:0 0 var(--space-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-size:.75rem;font-weight:700}.tix-dash-hero__title{font-family:var(--font-heading);margin:0 0 var(--space-sm);letter-spacing:-.02em;color:var(--color-right-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:1.2}.tix-dash-hero__sub{max-width:52ch;color:var(--color-label);margin:0;font-size:.95rem;line-height:1.55}.tix-dash-stats{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=720px){.tix-dash-stats{grid-template-columns:repeat(4,1fr)}}.tix-dash-stat{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-md);flex-direction:column;justify-content:center;gap:4px;min-height:4.5rem;transition:border-color .15s,box-shadow .15s;display:flex}.tix-dash-stat:hover{border-color:#0e6b7540;box-shadow:0 2px 12px #0f172a0f}.tix-dash-stat--accent{background:#0e6b750f;border-color:#0e6b7559}.tix-dash-stat--warn{background:#f973160f;border-color:#f9731659}.tix-dash-stat__value{font-family:var(--font-heading);color:var(--color-right-heading);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1}.tix-dash-stat__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.tix-hero{margin-bottom:var(--space-lg)}.tix-hero__title{font-family:var(--font-heading);margin:0 0 var(--space-xs);font-size:1.75rem;font-weight:700}.tix-hero__sub{color:var(--color-label);margin:0}.tix-muted{color:var(--color-muted);font-size:.9rem}.tix-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 20px #0f172a0f}.tix-card--dashboard{padding:0;overflow:hidden}.tix-card--dashboard>.tix-card__head{padding:var(--space-lg) var(--space-lg) 0}.tix-card--dashboard>.tix-filter-bar,.tix-card--dashboard>.tix-alert{margin:0 var(--space-lg) var(--space-md)}.tix-card--dashboard>.tix-results-meta{margin:0 var(--space-lg) var(--space-sm)}.tix-card--dashboard>.tix-skeleton,.tix-card--dashboard>.tix-empty,.tix-card--dashboard>.tix-table-wrap{margin:0 var(--space-lg) var(--space-lg)}.tix-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.tix-card__head--dashboard{align-items:center}.tix-card__hint{margin:var(--space-xs) 0 0;color:var(--color-muted);max-width:42rem;font-size:.875rem;line-height:1.45}.tix-card__head-actions{flex-shrink:0}.tix-card__title{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.tix-link{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:700}.tix-link:hover{text-decoration:underline}.tix-link--muted{color:var(--color-muted);font-weight:600}.tix-link--muted:hover{color:var(--color-accent)}.tix-filter-bar{gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-card);background:#f8fafc;grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(140px,1fr));display:grid}@media (width<=1024px){.tix-filter-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.tix-filter-bar{grid-template-columns:1fr}}.tix-filters{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tix-field{gap:var(--label-margin-bottom);font-size:var(--font-size-label);color:var(--color-label);flex-direction:column;display:flex}.tix-field--search .tix-field__input-wrap{align-items:center;display:flex;position:relative}.tix-field__icon{color:var(--color-muted);pointer-events:none;display:flex;position:absolute;left:12px}.tix-field--search input{padding-left:2.5rem}.tix-field input,.tix-field select,.tix-row input,.tix-row select{min-height:42px;font-family:inherit;font-size:var(--font-size-input);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-card-bg);padding:0 .75rem;transition:border-color .15s,box-shadow .15s}.tix-field input:focus,.tix-field select:focus,.tix-row input:focus,.tix-row select:focus,.tix-textarea:focus{border-color:var(--focus-border);box-shadow:var(--focus-shadow);outline:none}.tix-alert{border-radius:var(--radius-control);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.tix-alert--error{color:var(--color-error);background:#e53e3e14;border:1px solid #e53e3e59}.tix-btn{border-radius:var(--radius-control);border:1px solid var(--color-border);background:var(--color-card-bg);min-height:36px;color:var(--color-label);cursor:pointer;padding:0 .85rem;font-weight:700}.tix-btn:disabled{opacity:.55;cursor:not-allowed}.tix-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tix-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.tix-btn--outline{color:var(--color-error);background:#e53e3e0f;border-color:#e53e3e73}.tix-btn--outline:hover:not(:disabled){background:#e53e3e1f}.tix-btn--sm{min-height:32px;padding:0 .75rem;font-size:.8125rem;font-weight:700}.tix-btn--ghost-accent{color:var(--color-accent);background:0 0;border:1px solid #0e6b7559}.tix-btn--ghost-accent:hover:not(:disabled){border-color:var(--color-accent);background:#0e6b7514}.tix-results-meta{color:var(--color-muted);font-size:.875rem}.tix-results-meta strong{color:var(--color-label);font-weight:700}.tix-empty{text-align:center;padding:var(--space-xl) var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius-card);background:#fafbfc}.tix-empty__icon{color:#0e6b7559;margin-bottom:var(--space-md)}.tix-empty__title{margin:0 0 var(--space-xs);font-family:var(--font-heading);color:var(--color-right-heading);font-size:1.1rem;font-weight:700}.tix-empty__text{margin:0 0 var(--space-md);color:var(--color-muted);max-width:28rem;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.5}.tix-table-wrap{border-radius:var(--radius-card);border:1px solid var(--color-border);overflow-x:auto}.tix-table-wrap--dashboard{border-radius:var(--radius-control);box-shadow:inset 0 1px #fffc}.tix-table{border-collapse:collapse;width:100%;font-size:.875rem}.tix-table--dashboard{font-size:.8125rem}.tix-table th,.tix-table td{padding:.75rem var(--space-md);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.tix-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);white-space:nowrap;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);font-size:.7rem;font-weight:700}.tix-table--dashboard thead th{padding-top:.65rem;padding-bottom:.65rem}.tix-table tbody tr{transition:background .12s}.tix-table tbody tr:nth-child(2n){background:#f8fafca6}.tix-table tbody tr:hover{background:#0e6b750f}.tix-table tbody tr:last-child td{border-bottom:none}.tix-col-ticket{min-width:7.5rem}.tix-col-action{white-space:nowrap;text-align:right;width:1%}.tix-cell-muted{color:var(--color-label)}.tix-cell-assignee{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.tix-cell-date{white-space:nowrap;color:var(--color-muted);font-variant-numeric:tabular-nums}.tix-mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:.85rem}.tix-ellipsis{white-space:nowrap;text-overflow:ellipsis;max-width:360px;overflow:hidden}.tix-badge{text-transform:capitalize;border:1px solid #0000;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:800;display:inline-block}.tix-badge--priority-low{color:#2f855a;background:#38a1691f;border-color:#38a16959}.tix-badge--priority-medium{color:#b45309;background:#f59e0b24;border-color:#f59e0b73}.tix-badge--priority-high{color:#c2410c;background:#f9731624;border-color:#f9731673}.tix-badge--priority-critical{color:#c53030;background:#e53e3e1a;border-color:#e53e3e66}.tix-badge--status-open{color:#1d4ed8;background:#3b82f61f;border-color:#3b82f659}.tix-badge--status-in_progress{color:#6d28d9;background:#7c3aed1f;border-color:#7c3aed59}.tix-badge--status-resolved{color:#2f855a;background:#38a1691f;border-color:#38a16959}.tix-badge--status-closed{color:#374151;background:#6b72801f;border-color:#6b728059}.tix-badge--status-assigned{color:var(--color-accent);background:#0e6b751a;border-color:#0e6b754d}.tix-badge--status-waiting_for_customer{color:#b45309;background:#f59e0b1f;border-color:#f59e0b66}.tix-badge--status-reopened{color:#1d4ed8;background:#3b82f61a;border-color:#3b82f64d}.tix-badge--sla-on_track{color:#2f855a;background:#38a1691f;border-color:#38a16959}.tix-badge--sla-paused{color:#6d28d9;background:#7c3aed1a;border-color:#7c3aed59}.tix-badge--sla-at_risk{color:#c2410c;background:#f9731624;border-color:#f9731673}.tix-badge--sla-breached{color:#c53030;background:#e53e3e1a;border-color:#e53e3e66}.tix-badge--sla-na,.tix-badge--issue-na{color:#6b7280;background:#6b72801a;border-color:#6b728040}.tix-badge--issue-bug,.tix-badge--issue-feature,.tix-badge--issue-query{color:var(--color-accent);background:#0e6b7514;border-color:#0e6b7540}.tix-back{color:var(--color-accent);cursor:pointer;margin-bottom:var(--space-md);background:0 0;border:none;padding:0;font-weight:800}.tix-back:hover{text-decoration:underline}.tix-header{margin-bottom:var(--space-lg)}.tix-title{font-family:var(--font-heading);margin:0;font-size:1.6rem;line-height:1.25}.tix-badges{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.tix-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=980px){.tix-grid{grid-template-columns:1fr 320px}}.tix-description{white-space:pre-wrap;margin:0;line-height:1.55}.tix-meta{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.tix-meta div{gap:var(--space-sm);grid-template-columns:110px 1fr;font-size:.9rem;display:grid}.tix-meta dt{color:var(--color-muted)}.tix-meta dd{margin:0}.tix-action{border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-md)}.tix-action__title{margin:0 0 var(--space-sm);color:var(--color-label);font-size:.95rem}.tix-row{gap:var(--space-sm);align-items:center;display:flex}.tix-row>*{flex:1;min-width:0}.tix-row select,.tix-row input{min-width:0}.tix-row button{white-space:nowrap;flex:none}@media (width<=640px){.tix-row{flex-direction:column;align-items:stretch}.tix-row button{width:100%}}.tix-feed{margin:0;padding:0;list-style:none}.tix-feed__item{padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.tix-feed__item:last-child{border-bottom:none}.tix-feed__metaJson{border-radius:var(--radius-control);padding:var(--space-sm);margin:var(--space-sm) 0 0;background:#0e6b750a;border:1px solid #0e6b751f;font-size:.8rem;overflow:auto}.tix-split{border-top:1px solid var(--color-border);margin:var(--space-md) 0}.tix-form{margin-top:var(--space-sm)}.tix-textarea{box-sizing:border-box;width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-control);font-family:inherit;font-size:var(--font-size-input);resize:vertical;margin-bottom:var(--space-sm)}.tix-form--note{border-radius:var(--radius-card);padding:var(--space-md);margin-top:var(--space-md);background:#fffbeb;border:1px solid #f59e0b}.tix-inline-error{margin:0 0 var(--space-sm);color:var(--color-error);font-size:.9rem}.tix-attachments{margin:0 0 var(--space-sm);padding:0;list-style:none}.tix-attachments__item{justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-border);padding:.5rem 0;display:flex}.tix-attachments__item:last-child{border-bottom:none}.tix-attachment-layout{gap:var(--space-md);grid-template-columns:minmax(180px,240px) 1fr;display:grid}.tix-attachment-pill{text-align:left;border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:10px;width:100%;padding:.45rem .65rem;font-size:.88rem}.tix-attachment-pill.is-active{border-color:#0e6b75;box-shadow:0 0 0 2px #0e6b7526}.tix-attachment-preview{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-sm);background:#fbfcfe;min-height:280px}.tix-attachment-preview__meta{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.tix-attachment-preview__media{border:1px solid var(--color-border);object-fit:contain;background:#fff;border-radius:10px;width:100%;height:420px}@media (width<=920px){.tix-attachment-layout{grid-template-columns:1fr}.tix-attachment-preview__media{height:320px}}.tix-upload{gap:var(--space-sm);align-items:center;display:flex}.tix-skeleton__row{background:linear-gradient(90deg,#0e6b750d,#0e6b751f,#0e6b750d);border-radius:8px;height:14px;margin:10px 0;animation:1.2s infinite tixShimmer}.tix-skeleton__row--lg{border-radius:var(--radius-control);height:44px}.tix-skeleton--table{padding:var(--space-sm) 0}@keyframes tixShimmer{0%{filter:brightness()}50%{filter:brightness(1.2)}to{filter:brightness()}}