@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#64748b;--accent:#38bdf8;--bg-main:#fff;--bg-soft:#f8fafc;--bg-card:#fff;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-focus:var(--primary);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-soft:0 10px 15px -3px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-main:"Inter",sans-serif;--transition-base:all 0.2s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-soft);color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-main);line-height:1.5}body,html{overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:700}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.625rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.btn-primary{background-color:#4f46e5;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#4338ca;background-color:var(--primary-hover)}.btn-secondary{background-color:#f8fafc;background-color:var(--bg-soft);border-color:#e2e8f0;border-color:var(--border-light);color:#475569;color:var(--text-secondary)}.btn-secondary:hover{background-color:#e2e8f0;background-color:var(--border-light);color:#0f172a;color:var(--text-primary)}.btn-outline{background-color:initial;border-color:#e2e8f0;border-color:var(--border-light);color:#475569;color:var(--text-secondary)}.btn-outline:hover{background-color:#4f46e50d;border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.btn-icon{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.btn-icon:hover{background-color:#f8fafc;background-color:var(--bg-soft);color:#4f46e5;color:var(--primary)}.modal-overlay{background-color:#0f172a80}.modal-content{animation:slideUp .3s ease-out;background-color:#fff;background-color:var(--bg-card);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.125rem;margin:0}.close-btn{background:none;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.detail-item{margin-bottom:1rem}.detail-item label{color:#94a3b8;color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.detail-item .value{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.input{background-color:#fff;background-color:var(--bg-main);border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;padding:.625rem .875rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-dropdown{position:relative;width:100%}.filter-dropdown-trigger{align-items:center;background-color:#fff;background-color:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);box-sizing:border-box;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8125rem;gap:.75rem;height:38px;justify-content:space-between;padding:0 .875rem;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:100%}.filter-dropdown-trigger:focus,.filter-dropdown.open .filter-dropdown-trigger{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.filter-dropdown-value{line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-dropdown-chevron{border-bottom:2px solid;border-right:2px solid;color:#475569;color:var(--text-secondary);flex:0 0 auto;height:8px;margin-top:-4px;transform:rotate(45deg);width:8px}.filter-dropdown.open .filter-dropdown-chevron{margin-top:4px;transform:rotate(225deg)}.filter-dropdown-menu{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);left:0;max-height:220px;overflow-y:auto;padding:.25rem;position:absolute;right:0;top:calc(100% + .35rem);z-index:30}.filter-dropdown-option{align-items:center;background-color:initial;border:0;border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8125rem;height:36px;line-height:1;padding:0 .75rem;text-align:left;width:100%}.filter-dropdown-option:hover{background-color:#f8fafc;background-color:var(--bg-soft)}.filter-dropdown-option.selected{background-color:#4f46e51a;color:#4f46e5;color:var(--primary);font-weight:700}.input:focus{border-color:#4f46e5}.card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.tickets-page{margin:0 auto;max-width:1560px;padding:1rem}.tickets-header{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.85rem}.tickets-title-block{min-width:0}.tickets-kicker{color:#4f46e5;color:var(--primary);font-size:.72rem;font-weight:800;letter-spacing:0;margin-bottom:.2rem;text-transform:uppercase}.tickets-title-block h2{color:#0f172a;color:var(--text-primary);font-size:1.45rem;line-height:1.2;margin:0}.tickets-title-block p{color:#475569;color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.tickets-create-btn{min-height:42px;white-space:nowrap}.tickets-summary-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:.85rem}.tickets-summary-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.45rem;justify-content:space-between;min-height:78px;padding:.85rem .95rem}.tickets-summary-card span{color:#475569;color:var(--text-secondary);font-size:.76rem;font-weight:800}.tickets-summary-card strong{color:#0f172a;color:var(--text-primary);font-size:1.35rem;line-height:1}.tickets-toolbar{border-radius:12px;margin-bottom:.85rem;padding:.9rem}.tickets-toolbar-top{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(260px,1fr) auto}.tickets-search{min-width:0;position:relative}.tickets-search svg{color:#94a3b8;color:var(--text-muted);height:16px;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.tickets-search .input{min-height:42px;padding-left:2.35rem}.tickets-quick-filters{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.tickets-quick-filter{background-color:#fff;background-color:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:999px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:800;min-height:34px;padding:0 .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.tickets-quick-filter:hover{border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.tickets-quick-filter.active{background-color:#4f46e51a;border-color:#4f46e538;color:#4f46e5;color:var(--primary)}.tickets-filter-grid{grid-gap:.65rem;align-items:end;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;margin-top:.8rem;padding-top:.8rem}.tickets-filter-field{grid-gap:.3rem;display:grid;gap:.3rem;min-width:0}.tickets-filter-field span{color:#475569;color:var(--text-secondary);font-size:.68rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.tickets-filter-field .input{min-height:42px}.tickets-clear-btn{min-height:42px;white-space:nowrap}.tickets-clear-btn:disabled{cursor:not-allowed;opacity:.55}.tickets-table-card{border-radius:12px;overflow:hidden}.tickets-table-header{align-items:center;background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:1rem;justify-content:space-between;padding:.95rem 1rem}.tickets-table-header h3{font-size:.98rem;line-height:1.2;margin:0}.tickets-table-header p{color:#475569;color:var(--text-secondary);font-size:.78rem;margin:.2rem 0 0}.tickets-loading-pill{align-items:center;background-color:#0ea5e91a;border-radius:999px;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:800;min-height:28px;padding:0 .65rem}.tickets-table-scroll{overflow-x:auto}.tickets-table{border-collapse:initial;border-spacing:0;min-width:1080px;table-layout:fixed;width:100%}.tickets-table td,.tickets-table th{text-align:left}.tickets-table td:first-child,.tickets-table th:first-child{width:32%}.tickets-table td:nth-child(2),.tickets-table th:nth-child(2){width:10%}.tickets-table td:nth-child(3),.tickets-table th:nth-child(3){width:7%}.tickets-table td:nth-child(4),.tickets-table th:nth-child(4){width:11%}.tickets-table td:nth-child(5),.tickets-table td:nth-child(6),.tickets-table th:nth-child(5),.tickets-table th:nth-child(6){width:10%}.tickets-table td:nth-child(7),.tickets-table th:nth-child(7){width:12%}.tickets-table td:nth-child(8),.tickets-table th:nth-child(8){width:8%}.tickets-table th{background-color:#f8fafc;background-color:var(--bg-soft);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#475569;color:var(--text-secondary);font-size:.72rem;font-weight:900;letter-spacing:0;padding:.72rem .8rem;text-transform:uppercase}.tickets-actions-heading{text-align:right!important}.tickets-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);color:#475569;color:var(--text-secondary);font-size:.84rem;padding:.78rem .8rem;vertical-align:middle}.tickets-row{background-color:#fff;background-color:var(--bg-card)}.tickets-row:hover{background-color:#fdfeff}.tickets-row td:first-child{border-left:3px solid #0000}.tickets-row-active td:first-child{border-left-color:#4f46e5;border-left-color:var(--primary)}.tickets-row-success td:first-child{border-left-color:#10b981;border-left-color:var(--success)}.tickets-row-warning td:first-child{border-left-color:#f59e0b;border-left-color:var(--warning)}.tickets-row-danger td:first-child{border-left-color:#ef4444;border-left-color:var(--error)}.tickets-name-cell{max-width:none;min-width:0}.tickets-row-title{color:#0f172a;color:var(--text-primary);font-size:.9rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.tickets-row-subtitle{color:#94a3b8;color:var(--text-muted);font-size:.76rem;line-height:1.35;margin-top:.2rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-status-pill,.tickets-type-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:900;justify-content:center;line-height:1.1;max-width:132px;min-height:26px;padding:.24rem .58rem;text-align:center;text-transform:uppercase;white-space:normal}.tickets-chip-primary{background-color:#4f46e51a;color:#4f46e5;color:var(--primary)}.tickets-chip-active,.tickets-chip-info{background-color:#0ea5e91a;color:#0369a1}.tickets-chip-success{background-color:#10b9811f;color:#047857}.tickets-chip-warning{background-color:#f59e0b26;color:#b45309}.tickets-chip-danger{background-color:#ef44441c;color:#dc2626}.tickets-code-pill{align-items:center;background-color:#f8fafc;background-color:var(--bg-soft);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:999px;color:#0f172a;color:var(--text-primary);display:inline-flex;font-size:.76rem;font-weight:800;min-height:26px;padding:0 .55rem}.tickets-provider{color:#475569;color:var(--text-secondary);display:inline-block;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-status-neutral{background-color:#64748b1a;color:#475569;color:var(--text-secondary)}.tickets-status-active{background-color:#4f46e51a;color:#4f46e5;color:var(--primary)}.tickets-status-success{background-color:#10b9811f;color:#047857}.tickets-status-warning{background-color:#f59e0b26;color:#b45309}.tickets-status-danger{background-color:#ef44441c;color:#dc2626}.tickets-owner{align-items:center;color:#0f172a;color:var(--text-primary);display:inline-flex;font-weight:700;gap:.45rem;max-width:100%;min-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tickets-owner-empty{color:#94a3b8;color:var(--text-muted);font-weight:700}.tickets-owner-initial{align-items:center;background-color:#4f46e51a;border-radius:999px;color:#4f46e5;color:var(--primary);display:inline-flex;font-size:.7rem;font-weight:900;height:22px;justify-content:center;width:22px}.tickets-owner-empty .tickets-owner-initial{background-color:#f8fafc;background-color:var(--bg-soft);color:#94a3b8;color:var(--text-muted)}.tickets-date{color:#475569;color:var(--text-secondary);white-space:nowrap}.tickets-table td.tickets-actions{text-align:right;white-space:nowrap}.tickets-action-btn{background-color:#fff;background-color:var(--bg-main);border-color:#e2e8f0;border-color:var(--border-light);font-size:.7rem;font-weight:800;margin-left:.28rem;min-height:30px;padding:0;white-space:nowrap;width:32px}.tickets-action-btn svg{flex:0 0 auto}.tickets-view-btn{color:#0369a1}.tickets-merchant-btn{color:#4f46e5;color:var(--primary)}.tickets-action-btn:hover{background-color:#f8fafc;background-color:var(--bg-soft);border-color:currentColor}.tickets-empty{color:#94a3b8;color:var(--text-muted);font-size:.88rem;padding:2.4rem 1rem;text-align:center}@media (max-width:1080px){.tickets-toolbar-top{grid-template-columns:1fr}.tickets-quick-filters{justify-content:flex-start}.tickets-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.tickets-page{padding:.75rem}.tickets-header{align-items:stretch;flex-direction:column}.tickets-create-btn{width:100%}.tickets-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tickets-filter-grid{grid-template-columns:1fr}.tickets-clear-btn{width:100%}.tickets-table-header{align-items:flex-start;flex-direction:column}}.ticket-detail-page{--ticket-journal-top:calc(108px + 1rem);--ticket-journal-bottom-gap:1.5rem;--ticket-journal-gap:2.25rem;--ticket-journal-width:320px;--ticket-journal-height:calc(100vh - var(--ticket-journal-top) - var(--ticket-journal-bottom-gap));margin:0 auto;max-width:1500px;padding:1rem}.ticket-detail-shell{grid-gap:var(--ticket-journal-gap);align-items:start;display:grid;gap:var(--ticket-journal-gap);grid-template-columns:minmax(0,1fr) var(--ticket-journal-width)}.ticket-detail-main{min-width:0}.ticket-journal-panel{background:#0000;border:0;box-shadow:none;display:flex;flex-direction:column;height:var(--ticket-journal-height);min-height:0;overflow:hidden;padding:.25rem 0 .25rem .25rem;position:fixed;right:max(2rem,calc(50vw - 880px));top:var(--ticket-journal-top);width:var(--ticket-journal-width);z-index:20}.ticket-journal-scroll{min-height:0;overflow-y:auto;padding-right:.15rem}@media (max-width:1280px){.ticket-detail-page{max-width:1100px}.ticket-detail-shell{grid-template-columns:1fr}.ticket-journal-panel{height:auto;max-height:none;position:static;width:auto}.ticket-journal-scroll{overflow:visible;padding-right:0}}@supports selector(body:has(.main-content.expanded)){body:has(.main-content.expanded) .ticket-journal-panel{right:max(2rem,calc(50vw - 750px))}}.hidden-horizontal-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden-horizontal-scrollbar::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-soft)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e2e8f0;background-color:var(--border-light);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 2px #0000001a;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#10b981;background-color:var(--success)}input:focus+.slider{box-shadow:0 0 0 3px #10b9811a}input:checked+.slider:before{transform:translateX(20px)}.pagination{align-items:center;background-color:#fff;background-color:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem}.page-btn{background-color:#fff;background-color:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--radius-sm);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.4rem .8rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.page-btn:hover:not(:disabled){border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.active{background-color:#4f46e5;background-color:var(--primary);border-color:#4f46e5;border-color:var(--primary);color:#fff}.search-container{max-width:320px;position:relative;width:100%}.search-input{background-color:#fff;background-color:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:10px;border-radius:var(--radius-md);font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:100%}.search-input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.search-icon-wrapper{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-container{align-items:center;background-color:var(--bg-soft);display:flex;font-family:var(--font-main);justify-content:center;min-height:100vh;padding:1.5rem}.login-card{animation:fadeIn .5s ease-out;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);max-width:420px;padding:3rem 2.5rem;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-logo{margin-bottom:1.5rem;max-height:50px}.login-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.875rem;font-weight:500}.form-group label,.input{color:var(--text-primary)}.input{background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;padding:.75rem 1rem;transition:var(--transition-base);width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.input::placeholder{color:var(--text-muted)}.login-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.5rem;padding:.75rem 1rem;transition:var(--transition-base)}.login-btn:hover:not(:disabled){background:var(--primary-hover)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.remember-row{margin-top:-.5rem}.remember-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.5rem}.remember-label input[type=checkbox]{accent-color:var(--primary);height:1rem;margin:0;width:1rem}.error-message{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:var(--radius-md);color:var(--error);font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.layout-container{background-color:var(--bg-soft);display:flex;min-height:100vh}.sidebar-backdrop{display:none}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:transform .3s ease,width .3s ease;white-space:nowrap;width:260px;z-index:1000}.sidebar.collapsed{border-right:none;pointer-events:none;transform:translateX(-100%);visibility:hidden;width:0}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;min-height:100px;overflow:hidden;padding:1rem 1.25rem}.sidebar-brand-card{grid-gap:.25rem;display:grid;gap:.25rem;min-width:0;width:100%}.sidebar-logo{flex-shrink:0;height:30px;max-width:100%;object-fit:contain;object-position:left center}.sidebar-brand-copy{color:var(--text-muted);font-size:.72rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.85rem .75rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:.85rem}.nav-section:last-child{margin-bottom:0}.nav-item{grid-gap:.55rem;align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-secondary);display:grid;gap:.55rem;grid-template-columns:28px minmax(0,1fr);margin-bottom:.12rem;min-height:40px;overflow:hidden;padding:.45rem .55rem;position:relative;text-decoration:none;transition:var(--transition-base)}.nav-item:before{background:#0000;border-radius:999px;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-section-title{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:0;padding:.45rem .55rem .35rem;text-transform:uppercase}.nav-item:hover{background:var(--bg-soft);color:var(--text-primary)}.nav-item.active{background:#4f46e514;border-color:#4f46e51f;color:var(--primary)}.nav-item.active:before{background:var(--primary)}.nav-icon{align-items:center;background:#0000;border-radius:var(--radius-sm);color:inherit;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.nav-icon svg{height:18px;width:18px}.nav-text{font-size:.84rem;font-weight:600;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.72rem;font-weight:600;padding:.85rem 1.25rem}.header{align-items:center;background-color:var(--bg-card);border-bottom:1px solid var(--border-light);display:flex;height:58px;justify-content:space-between;left:260px;padding:0 1.5rem;position:fixed;right:0;top:0;transition:left .3s ease;z-index:900}.header.full-width{left:0}.header.with-workspace-tabs{box-shadow:0 -1px 0 var(--bg-card);top:42px}.workspace-tab-bar{background:linear-gradient(180deg,var(--bg-soft) 0,#f8fafc 100%);border-bottom:none;height:42px;left:260px;overflow:hidden;position:fixed;right:0;top:0;transition:left .3s ease;z-index:920}.workspace-tab-bar.full-width{left:0}.workspace-tab-list{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;gap:.15rem;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.workspace-tab-list::-webkit-scrollbar{display:none}.workspace-tab{align-items:center;border:1px solid #0000;border-bottom:none;border-radius:0;box-shadow:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex:0 0 auto;gap:.4rem;height:100%;max-width:232px;min-width:148px;padding:0 .32rem 0 .58rem;position:relative;transition:var(--transition-base)}.workspace-tab.dragging{opacity:.55}.workspace-tab:not(.active):has(+.workspace-tab:not(.active)):before{background-color:#94a3b86b;bottom:.55rem;content:"";position:absolute;right:-.08rem;top:.65rem;width:1px}.workspace-tab.drag-over{background-color:#4f46e51a;border-color:#4f46e547}.workspace-tab:hover{background-color:#ffffffdb;color:var(--text-primary)}.workspace-tab.active{background-color:var(--bg-card);border-color:var(--border-light);box-shadow:0 -1px 10px #0f172a12;color:var(--text-primary);height:100%;z-index:1}.workspace-tab.active:after{background:var(--bg-card);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.workspace-tab-icon{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center}.workspace-tab-icon svg{height:13px;width:13px}.workspace-tab-text{display:flex;flex-direction:column;line-height:1.02;min-width:0;text-align:left}.workspace-tab-subtitle,.workspace-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tab-title{color:inherit;font-size:.78rem;font-weight:700}.workspace-tab-subtitle{color:var(--text-muted);font-size:.62rem;font-weight:600;margin-top:.08rem}.workspace-tab-dirty{background-color:var(--warning);border-radius:9999px;flex:0 0 auto;height:6px;width:6px}.workspace-tab-close{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;flex:0 0 auto;height:24px;justify-content:center;margin-left:auto;padding:0;width:24px}.workspace-tab-close,.workspace-tab.active .workspace-tab-close{color:var(--text-muted)}.workspace-tab-close svg{height:13px;width:13px}.workspace-tab-close:hover{background-color:#ef444414;color:var(--error)}.header-left{gap:.85rem;min-width:0}.header-left,.toggle-btn{align-items:center;display:flex}.toggle-btn{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;padding:0;transition:var(--transition-base);width:36px}.toggle-btn:hover{background-color:var(--bg-soft);border-color:var(--border-light);color:var(--primary)}.header-title-block{display:flex;flex-direction:column;gap:.08rem;min-width:0}.header-section{color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:0;line-height:1.1;text-transform:uppercase}.header-title{color:var(--text-primary);font-size:.98rem;font-weight:700;line-height:1.15;max-width:min(46vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right{align-items:center;display:flex;gap:.75rem}.notification-wrapper{align-items:center;display:flex;position:relative}.notification-trigger{align-items:center;background-color:initial;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:relative;transition:var(--transition-base);width:36px}.notification-trigger.active,.notification-trigger:hover{background-color:var(--bg-soft);border-color:var(--border-light);color:var(--primary)}.notification-badge{background-color:var(--error);border:2px solid var(--bg-card);border-radius:999px;color:#fff;font-size:.62rem;font-weight:800;height:18px;line-height:14px;min-width:18px;padding:0 5px;position:absolute;right:-3px;text-align:center;top:-3px}.notification-menu{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 16px 36px #0f172a1f;display:flex;flex-direction:column;max-height:min(480px,calc(100vh - 96px));overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 2rem));z-index:1200}.notification-menu-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;justify-content:space-between;padding:.9rem 1rem}.notification-menu-title{color:var(--text-primary);font-size:.92rem;font-weight:800;line-height:1.2}.notification-menu-subtitle{color:var(--text-muted);font-size:.74rem;font-weight:600;margin-top:.16rem}.notification-mark-all{background:#0000;border:none;color:var(--primary);cursor:pointer;font-size:.74rem;font-weight:800;padding:.2rem 0;white-space:nowrap}.notification-mark-all:hover{color:var(--primary-hover)}.notification-list{max-height:410px;overflow-y:auto}.notification-empty{color:var(--text-muted);font-size:.84rem;padding:1.5rem 1rem;text-align:center}.notification-loading-more{border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.74rem;font-weight:700;padding:.8rem 1rem;text-align:center}.notification-item{grid-gap:.7rem;background-color:var(--bg-card);border:none;border-bottom:1px solid var(--border-light);color:inherit;cursor:pointer;display:grid;gap:.7rem;grid-template-columns:8px minmax(0,1fr);padding:.85rem 1rem;text-align:left;width:100%}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-soft)}.notification-item.unread{background-color:#4f46e50d}.notification-dot{background-color:initial;border-radius:999px;height:8px;margin-top:.35rem;width:8px}.notification-item.unread .notification-dot{background-color:var(--primary)}.notification-content{grid-gap:.18rem;display:grid;gap:.18rem;min-width:0}.notification-title{color:var(--text-primary);font-size:.84rem;font-weight:800;line-height:1.25}.notification-message{color:var(--text-secondary);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.notification-time{color:var(--text-muted);font-size:.7rem;line-height:1.25}.user-profile{align-items:center;background-color:initial;border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:.65rem;min-height:38px;padding:.25rem .35rem;transition:var(--transition-base)}.user-profile:hover{background-color:var(--bg-soft);border-color:var(--border-light)}.user-avatar{align-items:center;background:#4f46e51a;border-radius:50%;color:var(--primary);display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:30px;justify-content:center;width:30px}.user-info{display:flex;flex-direction:column;min-width:0;text-align:left}.user-name{color:var(--text-primary);font-size:.8125rem;font-weight:700;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-muted);font-size:.75rem;text-transform:capitalize}.user-divider{background-color:var(--border-light);height:20px;width:1px}.logout-icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:30px;justify-content:center;padding:4px;transition:var(--transition-base);width:30px}.logout-icon-btn:hover{background-color:#ef44440f;color:var(--error)}.main-content{flex:1 1;margin-left:260px;max-width:calc(100vw - 260px);min-height:100vh;overflow-x:hidden;padding:78px 2rem 2rem;transition:margin-left .3s ease}.main-content.expanded{margin-left:0;max-width:100vw}.main-content.with-workspace-tabs{padding-top:120px}@media (max-width:900px){.header{padding:0 1rem}.header-left{gap:.65rem}.header-title{max-width:44vw}.header-right{gap:.5rem}.user-divider,.user-info{display:none}.user-profile{gap:.35rem;padding:.3rem}}@media (max-width:768px){.layout-container{display:block}.sidebar{border-right:1px solid var(--border-light);box-shadow:18px 0 40px #0f172a29;max-width:280px;transform:translateX(0);width:min(82vw,280px)}.sidebar.collapsed{pointer-events:none;transform:translateX(-100%);visibility:hidden;width:min(82vw,280px)}.sidebar-backdrop{background:#0f172a47;border:none;cursor:pointer;display:block;inset:0;padding:0;position:fixed;z-index:950}.header,.header.full-width,.workspace-tab-bar,.workspace-tab-bar.full-width{left:0}.main-content,.main-content.expanded{margin-left:0;max-width:100vw}}@media (max-width:640px){.header{height:58px;padding:0 .75rem}.workspace-tab-bar{top:0}.workspace-tab{gap:.3rem;height:100%;max-width:164px;min-width:112px;padding:0 .25rem 0 .42rem}.workspace-tab.active{height:100%}.workspace-tab-subtitle{display:none}.header-title{max-width:34vw}.notification-menu{right:-3.2rem;width:calc(100vw - 1rem)}.main-content{padding:78px 1rem 1rem}.main-content.with-workspace-tabs{padding-top:120px}}.app-dialog-overlay{align-items:center;animation:appDialogFadeIn .16s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0f172a6b;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:3000}.app-dialog{grid-gap:.9rem;animation:appDialogSlideIn .18s ease-out;background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 24px 70px #0f172a38;display:grid;gap:.9rem;grid-template-columns:42px minmax(0,1fr);padding:1.15rem;width:min(100%,480px)}.app-dialog-icon{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.app-dialog-primary .app-dialog-icon{background-color:#4f46e51a;color:var(--primary)}.app-dialog-danger .app-dialog-icon{background-color:#ef44441a;color:var(--error)}.app-dialog-content{min-width:0}.app-dialog-title{color:var(--text-primary);font-size:1rem;line-height:1.35;margin:0}.app-dialog-message{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:.45rem 0 0}.app-dialog-details{grid-gap:.45rem;display:grid;gap:.45rem;margin:.9rem 0 0}.app-dialog-detail-row{grid-gap:.75rem;align-items:baseline;display:grid;gap:.75rem;grid-template-columns:minmax(92px,.55fr) minmax(0,1fr)}.app-dialog-detail-row dt{color:var(--text-muted);font-size:.76rem;font-weight:700}.app-dialog-detail-row dd{color:var(--text-primary);font-size:.84rem;font-weight:700;min-width:0;overflow-wrap:anywhere}.app-dialog-note{background-color:var(--bg-soft);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin:.9rem 0 0;padding:.75rem}.app-dialog-field{grid-gap:.4rem;color:var(--text-secondary);display:grid;font-size:.8rem;font-weight:700;gap:.4rem;margin-top:.9rem}.app-dialog-textarea{background-color:var(--bg-main);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font:inherit;font-weight:500;line-height:1.45;min-height:104px;padding:.7rem .8rem;resize:vertical;transition:var(--transition-base);width:100%}.app-dialog-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #4f46e51f;outline:none}.app-dialog-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.15rem}.app-dialog-cancel-btn,.app-dialog-confirm-btn{border-radius:8px;min-height:38px;min-width:88px;padding:.55rem 1rem}.app-dialog-cancel-btn{background-color:var(--bg-soft);border-color:var(--border-light);color:var(--text-secondary)}.app-dialog-cancel-btn:hover{background-color:var(--border-light);color:var(--text-primary)}.app-dialog-primary-btn{background-color:var(--primary);color:#fff}.app-dialog-primary-btn:hover{background-color:var(--primary-hover)}.app-dialog-danger-btn{background-color:var(--error);color:#fff}.app-dialog-danger-btn:hover{background-color:#dc2626}@keyframes appDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes appDialogSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:520px){.app-dialog{gap:.75rem;grid-template-columns:1fr}.app-dialog-actions{flex-direction:column-reverse}.app-dialog-cancel-btn,.app-dialog-confirm-btn{width:100%}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-container{animation:slideIn .3s cubic-bezier(.16,1,.3,1);background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:95%}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:var(--text-primary);font-size:1.125rem;font-weight:700}.modal-close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:var(--transition-base)}.modal-close-btn:hover{background-color:var(--bg-soft);color:var(--text-secondary)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-detail-page{margin:0 auto;max-width:1280px;padding:1rem 1.25rem 2rem}.user-detail-loading{color:var(--text-secondary);padding:2rem;text-align:center}.user-detail-header{grid-gap:1rem;align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:1rem;grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:1rem;padding:1rem}.user-detail-back-btn{align-items:center;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:var(--transition-base);width:40px}.user-detail-back-btn:hover{background:#4f46e50f;border-color:#4f46e547;color:var(--primary)}.user-detail-title-block{min-width:0}.user-detail-section-label{color:var(--primary);display:block;font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-bottom:.15rem;text-transform:uppercase}.user-detail-title-block h1{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.15;margin:0}.user-detail-subtitle{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.84rem;gap:.35rem .65rem;margin-top:.25rem}.user-detail-subtitle span+span{border-left:1px solid var(--border-light);padding-left:.65rem}.user-detail-status-pill{border-radius:999px;font-size:.78rem;font-weight:800;justify-self:end;min-width:88px;padding:.45rem .75rem;text-align:center}.user-detail-status-pill.is-active{background:#10b9811f;color:#047857}.user-detail-status-pill.is-inactive{background:#ef44441a;color:#b91c1c}.user-detail-alert{align-items:center;background:#ef444414;border:1px solid #ef444438;border-radius:var(--radius-md);color:var(--error);display:flex;font-size:.875rem;font-weight:650;gap:.75rem;margin-bottom:1rem;padding:.9rem 1rem}.user-detail-grid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 320px;margin-bottom:1rem}.user-detail-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.user-detail-access-card,.user-detail-identity-card,.user-detail-permissions-card{padding:1.25rem}.user-detail-card-header,.user-detail-permissions-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.user-detail-card-header.compact{margin-bottom:.85rem}.user-detail-card h2,.user-detail-permissions-header h2{font-size:1rem;line-height:1.25;margin:0}.user-detail-card p,.user-detail-permissions-header p{color:var(--text-secondary);font-size:.8rem;margin:.25rem 0 0}.user-detail-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.user-detail-field{grid-gap:.4rem;display:grid;gap:.4rem}.user-detail-field span{color:var(--text-secondary);font-size:.78rem;font-weight:750}.user-detail-status-control{align-items:center;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;margin-bottom:.9rem;padding:.85rem}.user-detail-stats span,.user-detail-status-control span{color:var(--text-muted);display:block;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.user-detail-stats strong,.user-detail-status-control strong{color:var(--text-primary);display:block;font-size:.98rem;margin-top:.15rem}.user-detail-stats{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.user-detail-stats>div{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.85rem}.user-detail-super-note{background:#10b9811a;border-radius:var(--radius-md);color:#047857;display:flex;font-size:.78rem;font-weight:700;gap:.5rem;margin-top:.9rem;padding:.75rem}.user-detail-permissions-card{overflow:hidden}.user-detail-permissions-header{align-items:center}.user-detail-permission-summary{align-items:center;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:999px;color:var(--text-secondary);display:inline-flex;flex:0 0 auto;font-size:.78rem;gap:.7rem;padding:.45rem .7rem;white-space:nowrap}.user-detail-permission-summary strong{color:var(--text-primary)}.permission-matrix-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);max-height:64vh;overflow:auto;width:100%}.permission-matrix{border-collapse:initial;border-spacing:0;min-width:1040px;table-layout:fixed;width:100%}.permission-matrix td,.permission-matrix th{border-bottom:1px solid var(--border-light);text-align:center}.permission-matrix th{background:var(--bg-soft);color:var(--text-secondary);font-size:.72rem;font-weight:800;line-height:1.2;padding:.7rem .55rem;position:-webkit-sticky;position:sticky;top:0;z-index:3}.permission-matrix td{background:var(--bg-card);height:50px;padding:.55rem}.permission-matrix tbody tr:hover td{background:#fbfdff}.permission-module-col{box-shadow:1px 0 0 var(--border-light);left:0;min-width:230px;position:-webkit-sticky;position:sticky;text-align:left!important;width:230px;z-index:2}.permission-matrix th.permission-module-col{z-index:4}.permission-module-cell{align-items:center;display:flex;gap:.7rem}.permission-module-cell span{color:var(--text-primary);display:block;font-size:.84rem;font-weight:750;line-height:1.2}.permission-module-cell small{color:var(--text-muted);display:block;font-size:.7rem;font-weight:650;margin-top:.12rem}.permission-group-row td{background:#f1f5f9;color:var(--text-secondary);font-size:.7rem;font-weight:850;height:34px;left:0;letter-spacing:.06em;padding:.55rem .75rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;z-index:1}.permission-checkbox{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.permission-checkbox:disabled{cursor:not-allowed;opacity:.48}.permission-unavailable{color:var(--text-muted);font-size:.8rem}.user-detail-actions{background:linear-gradient(180deg,#f8fafc00,var(--bg-soft) 35%);bottom:0;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding:1rem 0 .25rem;position:-webkit-sticky;position:sticky;z-index:5}.user-detail-actions .btn{min-width:132px}@media (max-width:980px){.user-detail-grid{grid-template-columns:1fr}.user-detail-access-card{order:-1}}@media (max-width:720px){.user-detail-page{padding:.75rem .75rem 1.5rem}.user-detail-header{grid-template-columns:auto minmax(0,1fr)}.user-detail-status-pill{grid-column:1/-1;justify-self:start}.user-detail-fields{grid-template-columns:1fr}.user-detail-permissions-header{align-items:flex-start;flex-direction:column}.user-detail-permission-summary{justify-content:space-between;width:100%}.permission-matrix-wrap{max-height:58vh}.user-detail-actions{justify-content:stretch}.user-detail-actions .btn{flex:1 1;min-width:0}}
/*# sourceMappingURL=main.c101a021.css.map*/