@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0;padding:0}#root{width:100%;min-height:100vh;margin:0;padding:0}:root,[data-bs-theme=light]{--cn-primary:#1e3a8a;--cn-primary-600:#1e40af;--cn-primary-50:#eff6ff;--cn-accent:#06b6d4;--cn-success:#10b981;--cn-warning:#f59e0b;--cn-danger:#ef4444;--cn-info:#0ea5e9;--cn-bg:#f8fafc;--cn-surface:#fff;--cn-surface-secondary:#f1f5f9;--cn-border:#e2e8f0;--cn-text:#0f172a;--cn-text-muted:#64748b;--cn-table-head-bg:#f1f5f9;--cn-table-head-border:#e2e8f0;--cn-table-row-hover:#f8fafc;--cn-stats-new-bg:#e0f2fe;--cn-stats-new-color:#0284c7;--cn-stats-open-bg:#dbeafe;--cn-stats-open-color:#1e40af;--cn-stats-prog-bg:#fef3c7;--cn-stats-prog-color:#b45309;--cn-stats-res-bg:#d1fae5;--cn-stats-res-color:#047857;--cn-nav-hover-bg:#eff6ff;--cn-brand-color:#1e3a8a;--cn-title-color:#0f172a;--cn-radius:12px;--cn-radius-sm:8px;--cn-shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--cn-shadow:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0d;--cn-shadow-lg:0 20px 40px -8px #0f172a2e;--cn-gradient:linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);--cn-bg-gradient:linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%)}[data-bs-theme=dark]{--cn-primary:#1e3a8a;--cn-primary-600:#2563eb;--cn-primary-50:#eff6ff;--cn-accent:#06b6d4;--cn-success:#10b981;--cn-warning:#f59e0b;--cn-danger:#ef4444;--cn-info:#0ea5e9;--cn-bg:#0f172a;--cn-surface:#1e293b;--cn-surface-secondary:#16213e;--cn-border:#334155;--cn-text:#f1f5f9;--cn-text-muted:#94a3b8;--cn-table-head-bg:#1a2744;--cn-table-head-border:#334155;--cn-table-row-hover:#ffffff0d;--cn-stats-new-bg:#0c2a3d;--cn-stats-new-color:#38bdf8;--cn-stats-open-bg:#1e2f5a;--cn-stats-open-color:#93c5fd;--cn-stats-prog-bg:#3a2800;--cn-stats-prog-color:#fbbf24;--cn-stats-res-bg:#052e1a;--cn-stats-res-color:#34d399;--cn-nav-hover-bg:#63b3ed1f;--cn-brand-color:#fff;--cn-title-color:#fff;--cn-shadow-sm:0 1px 3px #0000004d;--cn-shadow:0 4px 12px #0006;--cn-shadow-lg:0 20px 50px #0009;--cn-gradient:linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%);--cn-bg-gradient:linear-gradient(135deg, #0f172a 0%, #16213e 50%, #1e293b 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cn-bg);color:var(--cn-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.5;transition:background-color .2s,color .2s}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.flex-1{flex:1}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.py-0{padding-top:.2rem!important;padding-bottom:.2rem!important}.py-1{padding-top:.35rem!important;padding-bottom:.35rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.p-0{padding:0!important}.text-nowrap{white-space:nowrap!important}.text-center{text-align:center}.text-muted{color:var(--cn-text-muted)!important}.text-info{color:var(--cn-info)!important}.text-warning{color:var(--cn-warning)!important}.text-danger{color:var(--cn-danger)!important}.text-primary{color:#2563eb!important}.text-success{color:var(--cn-success)!important}.fw-normal{font-weight:400!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.small{font-size:.825rem}.fs-5{font-size:1.25rem!important}.lh-1{line-height:1!important}.row{flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem;display:flex}.g-2{margin-left:-.35rem;margin-right:-.35rem}.g-2>[class*=col-]{padding-left:.35rem;padding-right:.35rem}.col-12{flex:0 0 100%;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-6,.col-md-6{flex:0 0 50%;width:50%;max-width:50%;padding-left:.5rem;padding-right:.5rem}.col-md-3{flex:0 0 25%;width:25%;max-width:25%;padding-left:.5rem;padding-right:.5rem}@media (width<=768px){.col-md-6{flex:0 0 100%;width:100%;max-width:100%}.col-md-3{flex:0 0 50%;width:50%;max-width:50%}}.cn-navbar{background:var(--cn-surface);border-bottom:1px solid var(--cn-border);box-shadow:var(--cn-shadow-sm);z-index:50;transition:background-color .2s,border-color .2s;position:sticky;top:0}.cn-navbar-container{justify-content:space-between;align-items:center;max-width:1360px;margin:0 auto;padding:.65rem 1.5rem;display:flex}.cn-brand-wrap{align-items:center;gap:2rem;display:flex}.cn-brand-link{color:var(--cn-brand-color);letter-spacing:-.01em;cursor:pointer;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--cn-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:inline-flex;box-shadow:0 2px 6px #0ea5e959}.brand-text{color:var(--cn-brand-color);font-weight:700}.brand-text-sub{color:var(--cn-text-muted);font-weight:400}.cn-nav-links{align-items:center;gap:.25rem;display:flex}.cn-nav-item{color:var(--cn-text-muted);border-radius:var(--cn-radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.92rem;font-weight:500;transition:all .15s;display:inline-flex}.cn-nav-item:hover{color:var(--cn-primary-600);background:var(--cn-nav-hover-bg)}.cn-nav-item.active{color:var(--cn-primary-600);background:var(--cn-nav-hover-bg);font-weight:600}.cn-nav-actions{align-items:center;gap:.75rem;display:flex}.theme-toggle-btn{border:1px solid var(--cn-border);color:var(--cn-text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:inline-flex}.theme-toggle-btn:hover{color:var(--cn-text);background:var(--cn-nav-hover-bg);border-color:var(--cn-primary-600)}.user-dropdown-wrap{position:relative}.user-dropdown-btn{color:var(--cn-text);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.45rem;padding:.35rem .6rem;font-size:.875rem;font-weight:500;display:inline-flex}.user-dropdown-btn:hover{background:var(--cn-nav-hover-bg)}.user-circle-icon,.user-chevron{color:var(--cn-text-muted)}.user-dropdown-menu{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius-sm);box-shadow:var(--cn-shadow);z-index:100;min-width:200px;padding:.5rem;position:absolute;top:calc(100% + 6px);right:0}.dropdown-user-info{flex-direction:column;padding:.4rem .6rem;display:flex}.dropdown-user-info .info-name{color:var(--cn-text);font-size:.875rem;font-weight:600}.dropdown-user-info .info-role{color:var(--cn-text-muted);font-size:.75rem}.dropdown-divider{background:var(--cn-border);height:1px;margin:.35rem 0}.dropdown-item{width:100%;color:var(--cn-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.85rem;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--cn-nav-hover-bg);color:var(--cn-primary-600)}.dropdown-item.logout-item{color:#ef4444}.dropdown-item.logout-item:hover{color:#dc2626;background:#ef44441a}.dashboard-layout{flex-direction:column;min-height:100vh;display:flex}.dashboard-container{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:1.5rem 1.5rem 2rem}.dashboard-header{border-bottom:1px solid var(--cn-border);justify-content:space-between;align-items:center;width:100%;margin-bottom:1.75rem;padding:1.5rem 0 1.25rem;display:flex}.dashboard-header h1,.dashboard-header .h1,.dashboard-header .h2,.dashboard-header .h3,.dashboard-header-title-block h1,.dashboard-header-title-block .h2,.dashboard-header-title-block .h3{letter-spacing:-.01em;color:var(--cn-title-color);text-align:left;margin:0;font-size:1.55rem!important;font-weight:700!important}.dashboard-header p,.dashboard-header .subtitle,.dashboard-header-title-block p,.dashboard-header-title-block .subtitle{text-align:left;color:var(--cn-text-muted)!important;margin-top:.25rem!important;margin-bottom:0!important;font-size:.9rem!important}.stats-cards-row{margin-bottom:1.25rem}.stats-card{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius);box-shadow:var(--cn-shadow-sm);-webkit-user-select:none;user-select:none;transition:all .15s}.stats-card:hover{box-shadow:var(--cn-shadow);border-color:#3b82f6;transform:translateY(-2px)}.stats-card.active-kpi-card{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.stat-count-num{color:var(--cn-text);font-size:1.3rem;font-weight:700;line-height:1}.stat-label-txt{color:var(--cn-text-muted);margin-top:3px;font-size:.8rem}.card,.cn-card{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius);box-shadow:var(--cn-shadow-sm);overflow:hidden}.card-header{background:var(--cn-surface);border-bottom:1px solid var(--cn-border);color:var(--cn-text);padding:.75rem 1.25rem;font-size:.95rem;font-weight:600}.client-overview-header:hover{background:var(--cn-nav-hover-bg)}.table-responsive{overflow-x:auto}.table,.cn-table{border-collapse:collapse;text-align:left;--bs-table-bg:var(--cn-surface);--bs-table-color:var(--cn-text);--bs-table-border-color:var(--cn-border);width:100%;margin-bottom:0}.table thead th,.table thead.table-light th,.table-light,.table-light>th,.table-light>td,.table-light-header th,.cn-table thead th{text-transform:uppercase;letter-spacing:.06em;padding:.85rem 1rem;font-size:.72rem;font-weight:600;background:var(--cn-table-head-bg)!important;background-color:var(--cn-table-head-bg)!important;color:var(--cn-text-muted)!important;border-bottom:1px solid var(--cn-border)!important}[data-bs-theme=dark] .table-light,[data-bs-theme=dark] .table-light>th,[data-bs-theme=dark] .table-light>td,[data-bs-theme=dark] .table thead th,[data-bs-theme=light] .table-light,[data-bs-theme=light] .table-light>th,[data-bs-theme=light] .table-light>td,[data-bs-theme=light] .table thead th{--bs-table-bg:var(--cn-table-head-bg)!important;background-color:var(--cn-table-head-bg)!important;color:var(--cn-text-muted)!important;border-color:var(--cn-border)!important}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--cn-text)!important}.table tbody td,.cn-table tbody td{vertical-align:middle;border-bottom:1px solid var(--cn-border);color:var(--cn-text);background-color:var(--cn-surface);padding:.85rem 1rem;font-size:.9rem}.table tbody tr:hover td,.cn-table tbody tr:hover td{background-color:var(--cn-table-row-hover)!important}.row-selected td{background-color:#2563eb14!important}.company-name-cell{color:var(--cn-text);font-weight:600}.ticket-row-title{color:var(--cn-text);font-weight:500}.badge{text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;padding:.28em .6em;font-size:.75rem;font-weight:600;line-height:1;display:inline-block}.badge.bg-primary{color:#fff!important;background-color:#2563eb!important}.badge.bg-info{color:#fff!important;background-color:#0284c7!important}.badge.bg-warning{color:#fff!important;background-color:#d97706!important}.badge.bg-danger{color:#fff!important;background-color:#dc2626!important}.badge.bg-success{color:#fff!important;background-color:#16a34a!important}.badge.bg-secondary{color:#fff!important;background-color:#64748b!important}.badge.bg-dark{color:#f1f5f9!important;background-color:#334155!important}.ticket-count-pill{border-radius:999px;padding:.25em .6em;font-size:.75rem;color:#fff!important;background-color:#2563eb!important}.closed-hidden-badge{border-radius:4px;padding:.2em .5em;font-size:.7rem;font-weight:400;color:#f1f5f9!important;background-color:#64748b!important}.btn{border-radius:var(--cn-radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.btn-primary:hover{background:#1e40af;border-color:#1e40af}.btn-outline-primary{color:#3b82f6;background:0 0;border-color:#1e40af}.btn-outline-primary:hover{color:#fff;background:#1e3a8a;border-color:#1e3a8a}.btn-outline-secondary{border-color:var(--cn-border);color:var(--cn-text-muted);background:0 0}.btn-outline-secondary:hover{background:var(--cn-nav-hover-bg);color:var(--cn-text);border-color:var(--cn-text-muted)}.filter-btn,.view-ticket-btn,.clear-filter-btn{border-radius:6px!important;padding:.2rem .65rem!important;font-size:.78rem!important}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.form-label{color:var(--cn-text);text-align:left;margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.form-select,.form-control{background-color:var(--cn-surface);border:1px solid var(--cn-border);width:100%;color:var(--cn-text);border-radius:var(--cn-radius-sm);outline:none;padding:.55rem .85rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s;display:block}.form-select-sm,.cn-select-sm{background-color:var(--cn-surface);border:1px solid var(--cn-border);color:var(--cn-text);outline:none;border-radius:6px!important;width:auto!important;padding:.25rem .65rem!important;font-size:.825rem!important;display:inline-block!important}.tickets-filter-group{flex-flow:wrap!important;align-items:center!important;gap:.5rem!important;display:flex!important}.tickets-filter-group .form-select,.tickets-filter-group select{flex:none!important;width:auto!important;display:inline-block!important}.form-select:focus,.form-control:focus{background-color:var(--cn-surface);color:var(--cn-text);border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.form-check-input{cursor:pointer;accent-color:#2563eb}.cn-footer{border-top:1px solid var(--cn-border);background:var(--cn-surface);color:var(--cn-text-muted);margin-top:auto;padding:1.1rem 0;font-size:.825rem;transition:background-color .2s,border-color .2s}.cn-footer .container{justify-content:space-between;align-items:center;max-width:1360px;margin:0 auto;padding:0 1.5rem;display:flex}.auth-page-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)!important}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;margin:0 auto;overflow:hidden;color:#0f172a!important;background:#fffffff7!important;border:none!important;border-radius:1rem!important;max-width:480px!important;box-shadow:0 20px 60px #0006!important}.login-brand{text-align:center;color:#fff!important;background:linear-gradient(135deg,#0f3460,#16213e)!important;border-radius:1rem 1rem 0 0!important;padding:1.85rem 2rem!important}.login-brand .brand-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto .75rem;display:inline-flex;background:#ffffff26!important}.login-brand h4,.login-brand h2{margin:0;font-size:1.45rem;font-weight:700;color:#fff!important}.login-brand p{margin-top:.25rem;font-size:.85rem;color:#ffffffb3!important}.login-card .card-body,[data-bs-theme=dark] .login-card .card-body{color:#0f172a!important;background:#fff!important;padding:1.85rem 2.25rem 2rem!important}.login-card .form-label,[data-bs-theme=dark] .login-card .form-label{color:#0f172a!important;margin-bottom:.35rem!important;font-size:.875rem!important;font-weight:500!important}.login-card .input-group-text,[data-bs-theme=dark] .login-card .input-group-text{color:#64748b!important;background-color:#f8fafc!important;border-color:#cbd5e1!important;padding:.65rem .85rem!important}.login-card .form-control,[data-bs-theme=dark] .login-card .form-control{color:#0f172a!important;background-color:#f8fafc!important;border-color:#cbd5e1!important;padding:.65rem .9rem!important;font-size:.95rem!important}.login-card .form-control:focus,[data-bs-theme=dark] .login-card .form-control:focus{box-shadow:none!important;background-color:#fff!important;border-color:#0f3460!important}.login-card .input-group:focus-within{border-radius:var(--cn-radius-sm);box-shadow:0 0 0 .2rem #0f346033!important}.login-card .input-group:focus-within .input-group-text,.login-card .input-group:focus-within .form-control{border-color:#0f3460!important}.login-card input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #eff6ff!important}.login-card input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #eff6ff!important}.login-card input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #eff6ff!important}[data-bs-theme=dark] .login-card input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #eff6ff!important}.btn-login{letter-spacing:.03em;transition:opacity .2s;color:#fff!important;background:linear-gradient(135deg,#0f3460,#16213e)!important;border:none!important;border-radius:8px!important;padding:.65rem!important;font-size:1rem!important}.btn-login:hover{opacity:.88}.form-group{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.form-group label{color:var(--cn-text-muted);font-size:.825rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background-color:var(--cn-bg);border:1px solid var(--cn-border);width:100%;color:var(--cn-text);border-radius:var(--cn-radius-sm);outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius);width:100%;max-width:540px;box-shadow:var(--cn-shadow-lg);overflow:hidden}.modal-header{border-bottom:1px solid var(--cn-border);justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.modal-form{padding:1.4rem}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.ticket-modal-card{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius);width:100%;max-width:1100px;max-height:90vh;box-shadow:var(--cn-shadow-lg);flex-direction:column;display:flex;overflow:hidden}.ticket-modal-header{background:var(--cn-table-head-bg);border-bottom:1px solid var(--cn-border);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.6rem;display:flex}.ticket-modal-badges{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.ticket-modal-num{color:#2563eb;font-family:monospace;font-size:.95rem;font-weight:700}.ticket-modal-header h2{color:var(--cn-text);margin:0;font-size:1.35rem;font-weight:700}.ticket-modal-layout-grid{flex:1;grid-template-columns:1fr 340px;display:grid;overflow-y:auto}@media (width<=880px){.ticket-modal-layout-grid{grid-template-columns:1fr}}.ticket-modal-left-col{border-right:1px solid var(--cn-border);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.ticket-modal-right-col{background:var(--cn-bg);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.ticket-description-box{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius-sm);padding:1rem 1.25rem}.box-title{text-transform:uppercase;letter-spacing:.06em;color:var(--cn-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.box-content{color:var(--cn-text);font-size:.925rem;line-height:1.6}.ticket-detail-tabs{border-bottom:1px solid var(--cn-border);gap:.5rem;padding-bottom:.6rem;display:flex}.tab-link{color:var(--cn-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.875rem;font-weight:600;display:inline-flex}.tab-link.active{background:var(--cn-nav-hover-bg);color:var(--cn-primary-600)}.comments-scroll-list{flex-direction:column;gap:.85rem;max-height:280px;margin-bottom:1rem;display:flex;overflow-y:auto}.comment-card{border-radius:var(--cn-radius-sm);border:1px solid var(--cn-border);padding:.9rem 1.1rem}.public-comment-card{background:var(--cn-surface)}.internal-note-card{background:#f59e0b14;border-color:#f59e0b66}.comment-card-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.8rem;display:flex}.author-wrap{align-items:center;gap:.45rem;display:flex}.internal-pill{color:#000;background:#eab308;border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:800}.comment-card-body{white-space:pre-line;font-size:.9rem;line-height:1.5}.comment-post-box{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius-sm);flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.internal-checkbox-label{color:#d97706;cursor:pointer;align-items:center;gap:.4rem;font-size:.825rem;font-weight:600;display:inline-flex}.comment-textarea{color:var(--cn-text);resize:vertical;background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem}.comment-post-footer{justify-content:flex-end;display:flex}.sidebar-control-card{background:var(--cn-surface);border:1px solid var(--cn-border);border-radius:var(--cn-radius-sm);padding:1.1rem}.sidebar-control-card h4{text-transform:uppercase;letter-spacing:.06em;color:var(--cn-text-muted);margin-bottom:.85rem;font-size:.75rem;font-weight:700}.metadata-list{flex-direction:column;gap:.6rem;font-size:.85rem;display:flex}.meta-row{justify-content:space-between;display:flex}.meta-label{color:var(--cn-text-muted)}.meta-value{color:var(--cn-text)}.activity-timeline-list{flex-direction:column;gap:.85rem;max-height:350px;display:flex;overflow-y:auto}.timeline-item{align-items:flex-start;gap:.75rem;display:flex}.timeline-dot{background:#2563eb;border-radius:50%;width:8px;height:8px;margin-top:5px}.timeline-desc{font-size:.875rem;font-weight:500}.timeline-meta{color:var(--cn-text-muted);font-size:.75rem}.alert{border-radius:var(--cn-radius-sm);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert-error{color:#dc2626;background:#ef444426;border:1px solid #ef4444}.alert-success{color:#16a34a;background:#22c55e26;border:1px solid #22c55e}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ticket-breadcrumb-nav{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.95rem;display:flex}.btn-breadcrumb-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s}.btn-breadcrumb-link:hover{color:#60a5fa;text-decoration:underline}.breadcrumb-separator{color:var(--cn-text-muted);font-size:.9rem}.breadcrumb-current{color:var(--cn-text-muted);font-weight:500}.badge-pill-status-new{color:#fff;letter-spacing:.02em;background-color:#0284c7;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pill-critical{color:#fff;letter-spacing:.02em;background-color:#ef4444;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pill-high{color:#fff;letter-spacing:.02em;background-color:#f59e0b;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pill-medium{color:#fff;letter-spacing:.02em;background-color:#0ea5e9;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pill-low{color:#fff;letter-spacing:.02em;background-color:#64748b;border-radius:6px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.btn-add-comment-green{color:#fff;border-radius:var(--cn-radius-sm);cursor:pointer;background-color:#10b981;border:none;font-size:.9rem;font-weight:500;transition:all .2s}.btn-add-comment-green:hover:not(:disabled){color:#fff;background-color:#059669;box-shadow:0 2px 8px #10b9814d}.btn-add-comment-green:disabled{opacity:.6;cursor:not-allowed}.btn-assign-gray{color:#f1f5f9;border-radius:var(--cn-radius-sm);cursor:pointer;background-color:#334155;border:1px solid #475569;font-size:.875rem;font-weight:500;transition:all .2s}.btn-assign-gray:hover:not(:disabled){color:#fff;background-color:#475569}.btn-assign-gray:disabled{opacity:.6;cursor:not-allowed}.spinner-rotate{animation:1s linear infinite spin}.alert-floating{z-index:1050;min-width:280px;position:fixed;top:1.5rem;right:1.5rem}.ticket-layout-grid-wrap{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1.5rem;width:100%;display:grid}@media (width<=992px){.ticket-layout-grid-wrap{grid-template-columns:1fr}}.ticket-main-column,.ticket-sidebar-column{flex-direction:column;min-width:0;display:flex}.cn-panel-card{background:var(--cn-surface,#1e293b);border:1px solid var(--cn-border,#334155);border-radius:var(--cn-radius,12px);overflow:hidden}.comment-green-box{background:#10b9810a;border:1px solid #10b981;border-radius:8px;transition:border-color .15s,background-color .15s}.badge-role-tag{color:#f1f5f9;background:#334155;border-radius:4px;padding:1px 7px;font-size:.72rem;font-weight:500}.btn-comment-action{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:color .15s,background .15s;display:inline-flex}.btn-comment-action:hover{color:#fff;background:#ffffff1a}.btn-comment-del:hover{color:#ef4444}.cn-textarea{border-radius:var(--cn-radius-sm,8px);background:var(--cn-bg,#0f172a)!important;border:1px solid var(--cn-border,#334155)!important;color:var(--cn-text,#f1f5f9)!important}.cn-textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.cn-file-input{border-radius:var(--cn-radius-sm,8px);background:var(--cn-bg,#0f172a)!important;border:1px solid var(--cn-border,#334155)!important;color:var(--cn-text-muted,#94a3b8)!important}.comment-attachment-pill{background:#0f172ab3;border:1px solid #ffffff1f;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;transition:all .15s;display:flex}.comment-attachment-pill:hover{background:#0f172ae6;border-color:#10b98166}.btn-download-attachment{cursor:pointer;background:#2563eb;border:none;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex;color:#fff!important}.btn-download-attachment:hover{background:#1d4ed8;text-decoration:none;color:#fff!important}.btn-view-attachment{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-view-attachment:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d}.attachment-name-hover:hover{color:#38bdf8;text-decoration:underline}.preview-modal-dialog{background:#131b2e;border:1px solid #243356;border-radius:12px;flex-direction:column;width:95vw;max-width:1400px;height:92vh;max-height:92vh;animation:.15s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -12px #000000d9}.preview-modal-header{background:#1e293b;border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex}.preview-modal-body{background:#0f172a;flex-direction:column;flex:1;padding:1.75rem;display:flex;overflow-y:auto}.preview-pdf-iframe{background:#fff;border:none;border-radius:8px;flex:1;width:100%;height:100%;min-height:500px}.preview-image-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:auto}.preview-image-element{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 16px #0006}.preview-text-container{background:0 0;border:none;flex:1;width:100%;height:100%;padding:0;overflow-y:auto}.preview-preformatted-code{color:#f1f5f9;white-space:pre-wrap;word-break:break-word;background:0 0;margin:0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;line-height:1.7}