:root{--color-navy:#273c59;--color-navy-dark:#1a2940;--color-navy-light:#4a6d94;--color-coral:#f55364;--color-coral-dark:#e13950;--color-cream:#dad3cc;--color-black:#14181f;--color-white:#fff;--color-status-new:#4a6d94;--color-status-in-progress:#273c59;--color-status-resolved:#3f8f63;--color-status-resolved-dark:#357952;--color-status-rejected:#7a746c;--color-priority-critical:#d0342c;--color-priority-normal:#e07b1a;--color-priority-low:#7a5230;--color-bg:#faf9f7;--color-surface:#fff;--color-border:#e3ddd5;--color-text:#23262b;--color-text-muted:#6b6862;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:6px;--radius-md:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #14181f0f, 0 1px 3px #14181f14;--shadow-md:0 4px 12px #14181f1a}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-family);color:var(--color-navy);margin:0 0 var(--space-4);font-weight:600;line-height:1.25}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-lg);margin-top:var(--space-6)}p{margin:0 0 var(--space-3);line-height:1.55}a{color:var(--color-navy);text-decoration:none}a:hover{color:var(--color-coral);text-decoration:underline}.link-button{font:inherit;cursor:pointer;color:var(--color-navy);background:0 0;border:none;padding:0;text-decoration:none}.link-button:hover{color:var(--color-coral);text-decoration:underline}ul{margin:0 0 var(--space-4);padding-left:0;list-style:none}.app-main{max-width:960px;min-height:calc(100vh - 64px);padding:var(--space-6) var(--space-4) var(--space-8);margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--color-navy);height:64px;color:var(--color-white);display:flex}.app-brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--color-white);white-space:nowrap;flex-shrink:0;display:flex}.app-brand-logo{width:auto;height:22px;display:block}.app-nav{align-items:center;gap:var(--space-4);padding-left:var(--space-4);flex:1;min-width:0;display:flex;overflow-x:auto}.app-nav a{color:#ffffffd1;font-weight:500;font-size:var(--font-size-sm);white-space:nowrap;padding-bottom:var(--space-1);border-bottom:2px solid #0000}.app-nav a:hover{color:var(--color-white);text-decoration:none}.app-nav a.active{color:var(--color-white);border-bottom-color:var(--color-coral);font-weight:700;text-decoration:none}.app-profile{flex-shrink:0;position:relative}.app-profile-label{white-space:nowrap}.app-profile-trigger{align-items:center;gap:var(--space-2);color:var(--color-white);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-pill);background:0 0;border:none;display:flex}.app-profile-trigger:hover{background:#ffffff1a}.avatar{background:var(--color-coral);width:32px;height:32px;color:var(--color-white);font-size:var(--font-size-xs);object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar-lg{width:72px;height:72px;font-size:var(--font-size-lg)}.app-profile-menu{right:0;top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;min-width:180px;right:0;top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;min-width:180px;position:absolute;overflow:hidden}.dropdown{display:inline-block;position:relative}.dropdown-menu{left:0;top:calc(100% + var(--space-2));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:20;min-width:280px;position:absolute;overflow:hidden}.dropdown-item{text-align:left;width:100%;padding:var(--space-3) var(--space-4);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border-radius:0;display:block}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item:focus-visible{background:var(--color-cream);outline:none;text-decoration:none}button{font-family:var(--font-family)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);cursor:pointer;border:1px solid #0000;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-coral);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-coral-dark)}.btn-secondary{background:var(--color-white);color:var(--color-navy);border-color:var(--color-navy)}.btn-secondary:hover:not(:disabled){background:var(--color-cream)}.btn-ghost{color:var(--color-navy);border-color:var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-cream)}.btn-danger{background:var(--color-white);color:var(--color-coral-dark);border-color:var(--color-coral)}.btn-danger:hover:not(:disabled){background:var(--color-coral);color:var(--color-white)}.btn-success{background:var(--color-status-resolved);color:var(--color-white)}.btn-success:hover:not(:disabled){background:var(--color-status-resolved-dark)}button:not([class]){border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);border:1px solid var(--color-navy);background:var(--color-white);color:var(--color-navy);cursor:pointer;font-weight:600}button:not([class]):hover:not(:disabled){background:var(--color-cream)}button:not([class])[type=submit]{background:var(--color-coral);color:var(--color-white);border-color:#0000}button:not([class])[type=submit]:hover:not(:disabled){background:var(--color-coral-dark)}form{gap:var(--space-1);flex-direction:column;max-width:640px;display:flex}label{font-size:var(--font-size-sm);color:var(--color-navy);margin-top:var(--space-3);font-weight:600}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:100%;padding:var(--space-2) var(--space-3)}optgroup{color:var(--color-navy);font-weight:700}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-navy-light);outline-offset:1px;border-color:var(--color-navy-light)}textarea{resize:vertical;min-height:6rem}input[type=checkbox]{width:auto;margin-right:var(--space-2)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}legend{color:var(--color-navy);padding:0 var(--space-2);font-weight:600}.dynamic-field{gap:var(--space-1);flex-direction:column;display:flex}.dynamic-field:not(:first-child){margin-top:var(--space-3)}.dynamic-field label{margin-top:0}[role=alert]{color:#a8283a;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);margin:var(--space-1) 0;background:#fdecee;border:1px solid #f4c2c9}[role=note]{background:var(--color-cream);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0}[role=dialog]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-5);margin:var(--space-4) 0;max-width:480px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}section{margin-top:var(--space-6)}.profile-photo-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.profile-photo-field{flex:220px;min-width:0}.badge{justify-content:center;align-items:center;gap:var(--space-1);padding:.15rem var(--space-3);border-radius:var(--radius-pill);min-width:5.5rem;font-size:var(--font-size-xs);white-space:nowrap;background:var(--badge-color);color:var(--color-white);border:1px solid #0000;font-weight:600;display:inline-flex}.badge-outline{background:var(--color-white);color:var(--badge-color);border-color:var(--badge-color)}.badge-status-new{--badge-color:var(--color-status-new)}.badge-status-in_progress{--badge-color:var(--color-status-in-progress)}.badge-status-resolved{--badge-color:var(--color-status-resolved)}.badge-status-rejected{--badge-color:var(--color-status-rejected)}.badge-priority-critical{--badge-color:var(--color-priority-critical)}.badge-priority-normal{--badge-color:var(--color-priority-normal)}.badge-priority-low{--badge-color:var(--color-priority-low)}.priority-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:.65rem;border:none;padding-right:1.75rem}.priority-select:hover:not(:disabled){filter:brightness(.92)}.priority-select:disabled{cursor:not-allowed;opacity:.7}.status-select{appearance:none;cursor:pointer;background-repeat:no-repeat;background-position:right var(--space-2) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:.65rem;padding-right:1.75rem}.status-select.badge-outline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2323262b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.status-select:hover:not(:disabled){filter:brightness(.95)}.status-select:disabled{cursor:not-allowed;opacity:.7}.detail-meta-line{align-items:center;gap:var(--space-2);display:flex}.detail-meta-line select{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.time-open{padding:.15rem var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-cream);white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.filters-bar{align-items:flex-end;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.filters-bar label,.filters-bar legend{margin-top:0;margin-bottom:var(--space-1);display:block}.filters-bar>div,.filters-bar>fieldset{flex-direction:column;flex:200px;min-width:160px;max-width:260px;display:flex}.filters-bar select,.filters-bar input{width:100%;height:42px}.filters-bar fieldset{border:none;margin:0;padding:0}.filters-bar legend{font-size:var(--font-size-sm);color:var(--color-navy);padding:0;font-weight:600}.date-range-inputs{align-items:center;gap:var(--space-2);display:flex}.date-range-inputs input{flex:1 1 0;min-width:0}.ticket-list{gap:var(--space-2);flex-direction:column;display:flex}.ticket-row{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:box-shadow .15s,border-color .15s;display:flex}.ticket-row:hover{box-shadow:var(--shadow-sm);border-color:var(--color-navy-light)}.ticket-row-title{color:var(--color-navy);font-weight:600}.ticket-row-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;display:flex}.detail-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.action-bar{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.comment{border-top:1px solid var(--color-border);padding:var(--space-3) 0}.comment:first-child{border-top:none}.comment-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.stats-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stats-grid section{margin-top:0}.bar-chart{margin:0;padding:0;list-style:none}.bar-chart-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);grid-template-columns:minmax(72px,auto) 1fr auto;display:grid}.bar-chart-row:last-child{border-bottom:none}.bar-chart-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bar-chart-track{border-radius:var(--radius-pill);background:var(--color-cream);height:10px;display:block;overflow:hidden}.bar-chart-bar{border-radius:var(--radius-pill);background:var(--color-navy);height:100%;display:block}.bar-chart-value{color:var(--color-text);text-align:right;min-width:1.5em;font-weight:600}.days-open{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;font-weight:600}.days-open-aging{color:var(--color-priority-normal)}.days-open-stale{color:var(--color-priority-critical)}.category-group{margin-top:var(--space-6)}.category-group-title{font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin:0 0 var(--space-3)}.category-list li button{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);color:var(--color-text);font-weight:500}.category-list li button:hover{border-color:var(--color-navy-light);background:var(--color-cream)}.config-tabs{gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.config-tab{padding:var(--space-3) var(--space-4);color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-base);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.config-tab:hover{color:var(--color-navy)}.config-tab.active{color:var(--color-navy);border-bottom-color:var(--color-coral)}.user-role-list{margin:0;padding:0;list-style:none}.user-role-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.user-role-row:last-child{border-bottom:none}.user-role-identity{flex-direction:column;gap:2px;display:flex}.user-role-name{color:var(--color-text);font-weight:500}.user-role-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.user-role-row select{flex-shrink:0}.user-role-row select:disabled{opacity:.6;cursor:not-allowed}.login-screen{justify-content:center;align-items:center;gap:var(--space-6);background:var(--color-navy);min-height:100vh;color:var(--color-white);text-align:center;padding:var(--space-4);flex-direction:column;display:flex}.login-screen p{font-size:var(--font-size-xl);margin:0;font-weight:600}@media (width<=640px){.app-profile-label,.app-brand-text{display:none}}@media (width<=720px){.app-header{padding:0 var(--space-4)}.app-nav{gap:var(--space-3);padding-left:var(--space-3)}.filters-bar{flex-direction:column;align-items:stretch}.ticket-row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}}