:root,[data-theme=light]{--brand-primary:#8b5cf6;--brand-primary-hover:#7c3aed;--brand-primary-bright:#a855f7;--brand-primary-rgb:139,92,246;--brand-accent:#06b6d4;--brand-accent-hover:#0891b2;--brand-accent-bright:#22d3ee;--brand-accent-rgb:6,182,212;--brand-navy:var(--brand-primary);--brand-navy-dark:var(--brand-primary-hover);--brand-green:var(--brand-accent);--brand-green-hover:var(--brand-accent-hover);--brand-green-bright:var(--brand-accent-bright);--bg-white:#fff;--bg-offwhite:#fafafa;--bg-light:#f3f4f6;--bg-section:#f8f9fa;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-placeholder:#9ca3af;--text-disabled:#d1d5db;--border-default:#e5e7eb;--border-light:#f3f4f6;--color-error:#ef4444;--color-error-bg:var(--color-error-bg);--color-error-text:var(--color-error-text);--color-warning:#f59e0b;--color-warning-bg:var(--color-warning-bg);--color-warning-text:var(--color-warning-text);--color-warning-dark:#9a3412;--color-success:#10b981;--color-success-bg:#d1fae5;--color-success-text:#065f46;--color-info:var(--brand-primary);--focus-ring:var(--brand-primary);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #00000026;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px}[data-theme=dark]{--brand-primary:#a78bfa;--brand-primary-hover:#c4b5fd;--brand-primary-bright:#c084fc;--brand-primary-rgb:167,139,250;--brand-accent:#22d3ee;--brand-accent-hover:#67e8f9;--brand-accent-bright:#a5f3fc;--brand-accent-rgb:34,211,238;--bg-white:#1a1a1a;--bg-offwhite:#0a0a0a;--bg-light:#1f1f1f;--bg-section:#171717;--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-placeholder:#a3a3a3;--text-disabled:#737373;--border-default:#525252;--border-light:#404040;--color-error:#f87171;--color-error-bg:#f8717126;--color-error-text:#fca5a5;--color-warning:#fbbf24;--color-warning-bg:#fbbf2426;--color-warning-text:#fcd34d;--color-warning-dark:#fdba74;--color-success:#34d399;--color-success-bg:#34d39926;--color-success-text:#6ee7b7;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 2px 6px #00000073;--shadow-lg:0 6px 14px #0000008c}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--bg-offwhite);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .2s ease,color .2s ease}body,input,select,textarea{color:#1a1a1a;color:var(--text-primary)}input,select,textarea{background-color:#fff;background-color:var(--bg-white);color-scheme:light dark}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-placeholder)}.loading{color:#4b5563;display:flex;font-size:18px;height:100vh}.loading,.theme-toggle{align-items:center;justify-content:center}.theme-toggle{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text-primary);cursor:pointer;display:inline-flex;height:36px;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:36px}.theme-toggle:hover{background:#8b5cf6;background:var(--brand-primary);border-color:#8b5cf6;border-color:var(--brand-primary);color:#fff}.theme-toggle:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle--floating{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-md);position:fixed;right:16px;top:16px;z-index:100}.dashboard-container{display:flex;height:100vh}.sidebar{background-color:var(--brand-navy);box-shadow:4px 0 12px #0000001a;color:#fff;display:flex;flex-direction:column;width:280px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.sidebar-header h1{color:#fff;font-size:24px;font-weight:700}.sidebar-nav{flex:1 1;padding:20px 12px}.nav-link{align-items:center;background:none;border:none;border-radius:8px;color:#f1f5f9;cursor:pointer;display:flex;font-size:16px;gap:12px;margin-bottom:4px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .2s;width:100%}.nav-link:hover{background-color:#ffffff1a;color:#fff}.nav-link.active{background-color:var(--brand-green);color:#fff}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.user-info{margin-bottom:12px}.user-name{font-size:16px;font-weight:600;margin-bottom:4px}.user-role{color:#ffffffb3;font-size:13px;text-transform:capitalize}.btn-logout{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:all .2s;width:100%}.btn-logout:hover{background-color:#ffffff26}.notification-badge{align-items:center;background-color:var(--color-error);border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}.main-content{background-color:var(--bg-offwhite);flex:1 1;overflow-y:auto;padding:40px}.hamburger-btn{align-items:center;background:var(--brand-navy);border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:none;font-size:22px;height:44px;justify-content:center;left:12px;position:fixed;top:12px;width:44px;z-index:1001}.sidebar-overlay{display:none}@media (max-width:768px){.hamburger-btn{display:flex}.sidebar{height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;z-index:1000}.sidebar.sidebar--open{left:0}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.main-content{padding:60px 16px 16px}}@media (max-width:480px){.main-content{padding:56px 12px 12px}}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.toast-message{color:#fff;flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.toast-close:hover{color:#fff}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-error);color:#fff}.toast-warning{background:var(--color-warning);color:#fff}.toast-info{background:var(--brand-navy);color:#fff}@media (max-width:640px){.toast-container{left:10px;right:10px;top:10px}.toast{min-width:0;min-width:auto;width:100%}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-accent) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}[data-theme=dark] .auth-container{background:radial-gradient(circle at 20% 20%,rgba(var(--brand-primary-rgb),.18) 0,#0000 45%),radial-gradient(circle at 80% 80%,rgba(var(--brand-accent-rgb),.18) 0,#0000 45%),#0a0a0a}.auth-card{background:var(--bg-white);border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:var(--brand-navy);font-size:28px;font-weight:700;margin-bottom:8px}.auth-header h2{color:var(--text-secondary);font-size:20px;font-weight:500}.error-message{border-left:4px solid var(--color-error)}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600}.form-group input{border:1px solid var(--border-default);border-radius:8px;font-size:15px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1);outline:none}.form-group input:disabled{background-color:#f1f5f9;cursor:not-allowed}.btn{border-radius:8px;font-size:15px;font-weight:600;padding:12px 24px}.btn-primary{background-color:var(--brand-navy);margin-top:8px}.btn-primary:hover:not(:disabled){background-color:var(--brand-navy-dark);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3);transform:translateY(-1px)}.btn-primary:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none}.auth-footer{color:var(--text-secondary);font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:var(--brand-green);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:24px 16px}.auth-header h1{font-size:22px}}.agent-dashboard{margin:0 auto;max-width:1200px}.agent-dashboard h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:24px}.agent-dashboard .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.stat-card-red{border-left:4px solid var(--color-error)}.stat-card-red .stat-value{color:var(--color-error)}.empty-state{font-size:15px;padding:40px 20px}@media (max-width:768px){.agent-dashboard .stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:12px;padding:16px}.stat-icon{font-size:32px}.stat-value{font-size:24px}.stat-label{font-size:12px}.ticket-item{align-items:flex-start;flex-direction:column;gap:12px}.ticket-date{margin-left:0}}@media (max-width:480px){.agent-dashboard .stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.employee-dashboard{margin:0 auto;max-width:1000px}.employee-dashboard h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:24px}.loading-text{font-size:16px;padding:40px 0;text-align:center}.error-message{border-radius:8px;padding:16px}.employee-dashboard .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{align-items:center;background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{font-size:40px;line-height:1}.stat-content{flex:1 1}.stat-value{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-card-blue{border-left:4px solid var(--brand-navy)}.stat-card-blue .stat-value{color:var(--brand-navy)}.stat-card-orange{border-left:4px solid var(--color-warning)}.stat-card-orange .stat-value{color:var(--color-warning)}.stat-card-green{border-left:4px solid var(--color-success)}.stat-card-green .stat-value{color:var(--color-success)}.create-ticket-section{margin-bottom:32px;text-align:center}.btn-create-ticket{border-radius:8px;display:inline-block;font-size:16px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .2s}.btn{text-align:center}.btn-primary:hover{box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3);transform:translateY(-1px)}.dashboard-section{background:var(--bg-white);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.section-header{align-items:center;border-bottom:2px solid var(--bg-light);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.section-header h3:after{background:var(--brand-green);border-radius:2px;content:"";display:block;height:3px;margin-top:8px;width:50px}.view-all-link{color:var(--brand-navy);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.view-all-link:hover{color:var(--brand-navy-dark);text-decoration:underline}.ticket-list{display:flex;flex-direction:column;gap:12px}.ticket-item{align-items:center;background:var(--bg-section);border:1px solid var(--border-light);border-radius:8px;color:inherit;display:flex;justify-content:space-between;padding:16px;text-decoration:none;transition:all .2s}.ticket-item:hover{background:var(--bg-light);border-color:var(--brand-navy);transform:translateX(4px)}.ticket-main{flex:1 1;min-width:0}.ticket-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-meta{flex-wrap:wrap;gap:8px}.ticket-category{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-navy)}.ticket-category,.ticket-priority{border-radius:4px;font-size:13px;padding:4px 10px}.ticket-priority{font-weight:500}.ticket-priority.priority-low{background:var(--bg-light);color:var(--text-secondary)}.ticket-priority.priority-high,.ticket-priority.priority-medium{background:var(--color-warning-bg);color:var(--color-warning-text)}.ticket-priority.priority-urgent{background:var(--color-error-bg);color:var(--color-error-text)}.status-badge,.ticket-status{border-radius:var(--radius-full);font-size:13px;font-weight:500;padding:4px 10px}.status-badge-open{background:var(--brand-navy);color:#fff}.status-badge-in-progress{background:var(--color-warning);color:#fff}.status-badge-resolved{background:var(--color-success);color:#fff}.status-badge-closed{background:var(--text-secondary);color:#fff}.ticket-date{font-size:13px;margin-left:16px;white-space:nowrap}.empty-state{color:var(--text-secondary)}.empty-state .btn{border-radius:8px;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none}@media (max-width:768px){.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{gap:12px;padding:16px}.stat-icon{font-size:32px}.stat-value{font-size:24px}.stat-label{font-size:12px}.ticket-item{align-items:flex-start;flex-direction:column;gap:12px}.ticket-date{margin-left:0}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.ticket-list-page{padding:20px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.tickets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ticket-card{background:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;padding:20px;transition:box-shadow .2s,transform .2s}.ticket-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ticket-card-header{margin-bottom:12px}.ticket-card-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 10px}.ticket-badges{gap:8px}.priority-badge,.status-badge{font-size:12px;padding:4px 12px}.status-badge{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-navy)}.status-open{background:var(--brand-navy)}.status-in-progress{background:var(--color-warning)}.status-resolved{background:var(--color-success)}.status-closed{background:var(--text-secondary)}.priority-badge{background:var(--bg-light)}.priority-badge,.ticket-card-body{color:var(--text-secondary)}.ticket-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.ticket-meta{align-items:center;border-top:1px solid var(--bg-light);color:var(--text-placeholder);display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.ticket-category{color:var(--text-secondary);font-weight:500}.ticket-date{color:var(--text-placeholder)}.status-counters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.counter-card{background:var(--bg-white);border:2px solid var(--border-default);border-radius:8px;cursor:pointer;flex:1 1;min-width:120px;padding:16px;text-align:center;transition:all .2s}.counter-card:hover{border-color:var(--brand-navy);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.1);transform:translateY(-2px)}.counter-card.active{background:rgba(var(--brand-primary-rgb),.05);border-color:var(--brand-navy)}.counter-value{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:4px}.counter-label{color:var(--text-secondary);font-size:13px;font-weight:500}.filters-bar{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-select{min-width:150px}.results-count{margin-left:auto}@media (max-width:768px){.tickets-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:16px}.page-header,.status-counters{flex-direction:column}.counter-card{min-width:100%}.filter-group,.filters-bar{align-items:stretch;flex-direction:column}.filter-select{width:100%}.results-count{margin-left:0;text-align:center}}@media (max-width:480px){.tickets-grid{grid-template-columns:minmax(280px,1fr)}.page-header h2{font-size:22px}}.admin-integrations-page{margin:0 auto;max-width:1100px;padding:24px}.admin-integrations-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-integrations-page h2{color:var(--brand-navy);display:inline-block;padding-bottom:8px;position:relative}.admin-integrations-page h2:after{background:var(--brand-green);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.tokens-table{background:var(--bg-white);border:1px solid var(--border-light);border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;width:100%}.tokens-table th{background:var(--bg-section);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}.tokens-table td,.tokens-table th{border-bottom:1px solid var(--border-light)}.tokens-table td{font-size:14px;padding:14px;vertical-align:middle}.tokens-table tr:last-child td{border-bottom:none}.tokens-table tr.revoked{background:#fafafa;color:var(--text-disabled)}.token-prefix{background:var(--bg-section);border-radius:var(--radius-sm);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;padding:2px 6px}.token-status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.token-status-active{background:var(--color-success);color:#fff}.token-status-revoked{background:var(--text-disabled);color:#fff}.token-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{align-items:center;background:var(--bg-white);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 10px;transition:background .15s}.btn-sm:hover:not(:disabled){background:var(--bg-section)}.btn-sm.btn-danger{border-color:var(--color-error);color:var(--color-error)}.btn-sm.btn-danger:hover:not(:disabled){background:var(--color-error);color:#fff}.btn-sm:disabled{cursor:not-allowed;opacity:.5}.integrations-section{margin-top:32px}.integrations-section h3{color:var(--brand-navy);font-size:18px;margin-bottom:12px}.snippet-box{background:#1e1e1e;border-radius:var(--radius-md);color:#e6e6e6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto;padding:16px;position:relative;white-space:pre}.snippet-copy-btn{align-items:center;background:var(--brand-navy);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:6px 10px;position:absolute;right:10px;top:10px}.modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-box{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;max-width:560px;overflow-y:auto;padding:24px;width:90%}.modal-box h3{color:var(--brand-navy);margin-bottom:16px}.form-row{margin-bottom:14px}.form-row label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.form-row input,.form-row select{border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;padding:8px 10px;width:100%}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.token-reveal-box{background:var(--bg-section);border:2px dashed var(--brand-green);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;padding:16px;position:relative;word-break:break-all}.token-reveal-warning{color:var(--color-warning);font-size:13px;font-weight:600;margin:10px 0}.source-badge{align-items:center;background:var(--brand-navy);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.agent-ticket-board{display:flex;flex-direction:column;height:100%;padding:20px}.board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.board-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.board-filters{background:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.board-filters,.filter-group{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.filter-select{background:var(--bg-white);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px;transition:border-color .2s}.filter-select:hover{border-color:var(--text-placeholder)}.filter-select:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1);outline:none}.search-group{flex:1 1;min-width:250px;position:relative}.search-input{border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 32px 8px 12px;transition:border-color .2s;width:100%}.search-input:hover{border-color:var(--text-placeholder)}.search-input:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1);outline:none}.clear-search{background:none;border:none;color:var(--text-placeholder);cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search:hover,.results-count{color:var(--text-secondary)}.results-count{font-size:14px;font-weight:500;white-space:nowrap}.kanban-board{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(4,1fr);min-height:500px;overflow-x:auto}.kanban-column{background:var(--bg-section);border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 280px);min-width:280px}.kanban-column-header{align-items:center;border-radius:8px 8px 0 0;display:flex;font-weight:600;justify-content:space-between;padding:16px}.kanban-column-header h3{color:#fff;font-size:16px;margin:0}.column-count{background:#ffffff4d;border-radius:12px;color:#fff;font-size:14px;font-weight:600;padding:4px 10px}.kanban-header-open{background:var(--brand-navy)}.kanban-header-in-progress{background:var(--color-warning)}.kanban-header-resolved{background:var(--color-success)}.kanban-header-closed{background:var(--text-secondary)}.kanban-column-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.kanban-card{background:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;padding:16px;transition:all .2s}.kanban-card:hover{border-color:var(--brand-navy);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card-dragging{box-shadow:var(--shadow-lg);opacity:.4;transform:rotate(2deg)}.kanban-column-drag-over{background:rgba(var(--brand-primary-rgb),.05);outline:2px dashed var(--brand-navy);outline-offset:-2px}.kanban-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:15px;font-weight:600;line-height:1.4;margin:0 0 12px;overflow:hidden}.kanban-card-meta{margin-bottom:12px}.kanban-card-creator{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:4px}.kanban-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.category-badge,.priority-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:4px 10px}.priority-low{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-navy)}.priority-high,.priority-medium{background:var(--color-warning-bg)}.priority-high{color:var(--color-warning-dark)}.priority-urgent{background:var(--color-error-bg);color:var(--color-error-text)}.category-badge{background:var(--bg-light);color:var(--text-secondary)}.kanban-card-date{border-top:1px solid var(--bg-light);color:var(--text-placeholder);font-size:12px;padding-top:8px}.kanban-empty{color:var(--text-placeholder);font-size:14px;font-style:italic;padding:20px;text-align:center}.btn-primary:hover{background:var(--brand-navy-dark)}.loading{font-size:16px;padding:40px}.empty-state{background:var(--bg-white)}.empty-state p{font-size:16px;margin-bottom:20px}@media (max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kanban-board{grid-template-columns:1fr}.board-header{align-items:flex-start;flex-direction:column;gap:16px}.board-filters,.filter-group{align-items:stretch;flex-direction:column}.filter-select,.search-group{width:100%}.results-count{text-align:center}.kanban-column{max-height:400px;min-width:100%}}@media (max-width:480px){.agent-ticket-board{padding:12px}.board-header h2{font-size:22px}}.create-ticket-page{margin:0 auto;max-width:800px;padding:20px}.create-ticket-page h2{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:30px}.ticket-form{background:var(--bg-white);border-radius:8px;box-shadow:var(--shadow-sm);padding:30px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-default);border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-placeholder)}.form-actions{border-top:1px solid var(--border-default);display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn{font-size:14px;padding:10px 20px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--brand-navy);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-navy-dark)}.btn-secondary{background:var(--border-default);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--border-light)}.error-message{background:var(--color-error-bg);border:1px solid var(--color-error-text);font-size:14px;margin-bottom:20px;padding:12px 16px}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:var(--color-error)}.form-group.has-error input:focus,.form-group.has-error select:focus,.form-group.has-error textarea:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.error-message-inline{color:var(--color-error);display:block;font-size:13px;font-weight:500;margin-top:6px}.loading-text{color:var(--text-secondary);display:inline-block;font-size:13px;font-style:italic;margin-left:8px}@media (max-width:768px){.create-ticket-page{max-width:100%;padding:12px}.create-ticket-page h2{font-size:22px}.ticket-form{padding:16px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.discussion-thread{border-top:1px solid var(--border-default);padding:1.5rem 2rem}.discussion-thread h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1.5rem}.loading{font-size:.875rem;padding:2rem}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.empty-messages{color:var(--text-secondary);padding:3rem 1rem;text-align:center}.empty-messages p{font-size:.875rem;margin:.5rem 0}.empty-messages-hint{color:var(--text-placeholder);font-size:.75rem}.messages-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.message-item{border-left:3px solid #0000;border-radius:8px;padding:1rem}.message-agent{background-color:#02376b0d;border-left-color:var(--brand-navy)}.message-employee{background-color:var(--bg-section);border-left-color:#9ca3af}.message-header{gap:1rem;justify-content:space-between;margin-bottom:.75rem}.message-author,.message-header{align-items:center;display:flex;flex-wrap:wrap}.message-author{gap:.5rem}.author-name{color:#111827;font-size:.875rem;font-weight:600}.role-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.role-agent{background-color:#02376b1a;color:var(--brand-navy)}.role-employee{background-color:var(--bg-light);color:var(--text-secondary)}.message-date{color:var(--text-secondary);font-size:.75rem}.message-content{word-wrap:break-word;color:var(--text-primary);font-size:.875rem;line-height:1.5;white-space:pre-wrap}.message-form{border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.message-input{border:1px solid var(--border-default);border-radius:6px;font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.message-input:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px #02376b1a;outline:none}.message-input:disabled{background-color:var(--bg-section);cursor:not-allowed}.message-input::placeholder{color:var(--text-placeholder)}.message-form .btn{align-self:flex-end;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.message-form .btn-primary{background-color:var(--brand-navy);color:#fff}.message-form .btn-primary:hover:not(:disabled){background-color:var(--brand-navy-dark)}.message-form .btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.discussion-thread{padding:1.5rem 1rem}.message-header{align-items:flex-start;flex-direction:column;gap:.5rem}.message-input{min-height:100px}}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{animation:slideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.confirm-modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.confirm-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.confirm-modal-close:hover{background-color:var(--bg-light);color:var(--text-primary)}.confirm-modal-body{padding:24px}.confirm-modal-body p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.confirm-modal-footer{border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-modal-danger .confirm-modal-header{border-bottom-color:#fee2e2}.confirm-modal-warning .confirm-modal-header{border-bottom-color:#fef3c7}.confirm-modal-info .confirm-modal-header{border-bottom-color:#02376b1a}.confirm-modal-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-modal-footer .btn-secondary{background-color:var(--bg-light);color:var(--text-secondary)}.confirm-modal-footer .btn-secondary:hover{background-color:var(--border-light)}.confirm-modal-footer .btn-danger{background-color:var(--color-error);color:#fff}.confirm-modal-footer .btn-danger:hover{background-color:#dc2626}.confirm-modal-footer .btn-warning{background-color:var(--color-warning);color:#fff}.confirm-modal-footer .btn-warning:hover{background-color:#d97706}.confirm-modal-footer .btn-primary{background-color:var(--brand-navy);color:#fff}.confirm-modal-footer .btn-primary:hover{background-color:var(--brand-navy-dark)}@media (max-width:640px){.confirm-modal{width:95%}.confirm-modal-body,.confirm-modal-footer,.confirm-modal-header{padding:16px}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-footer .btn{width:100%}}.agent-ticket-actions{background-color:var(--bg-section);border-top:1px solid var(--border-default);padding:1.5rem 2rem}.agent-ticket-actions h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1.5rem}.actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-field{display:flex;flex-direction:column;gap:.5rem}.action-field label{color:var(--text-primary);font-size:.875rem;font-weight:500}.action-select{background-color:#fff;border:1px solid var(--border-default);border-radius:6px;color:#111827;cursor:pointer;font-size:.875rem;padding:.625rem .75rem;transition:all .2s}.action-select:hover:not(:disabled){border-color:#9ca3af}.action-select:focus{border-color:var(--brand-navy);box-shadow:0 0 0 3px #02376b1a;outline:none}.action-select:disabled{background-color:var(--bg-light);border-color:var(--border-light);color:var(--text-placeholder);cursor:not-allowed}.field-hint{color:var(--text-secondary);font-size:.75rem;font-style:italic}@media (max-width:768px){.agent-ticket-actions{padding:1.5rem 1rem}.actions-grid{gap:1rem;grid-template-columns:1fr}}.ticket-timeline{background:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;margin-top:24px;padding:24px}.ticket-timeline h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.ticket-timeline h3:after{background:var(--brand-green);border-radius:2px;content:"";display:block;height:3px;margin-top:8px;width:50px}.timeline-container{padding-left:20px;position:relative}.timeline-container:before{background:var(--border-default);bottom:10px;content:"";left:15px;position:absolute;top:10px;width:2px}.timeline-entry{border-bottom:1px solid var(--bg-light);display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;position:relative}.timeline-entry:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.timeline-icon{align-items:center;background:var(--bg-white);border:2px solid var(--brand-navy);border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;left:0;position:absolute;top:0;width:32px;z-index:1}.timeline-content{flex:1 1;margin-left:40px}.timeline-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.timeline-description{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.5}.timeline-timestamp{color:var(--text-secondary);flex-shrink:0;font-size:12px;white-space:nowrap}.timeline-user{color:var(--text-secondary);font-size:13px;font-style:italic}.timeline-loading{color:var(--text-secondary)}.timeline-error,.timeline-loading{font-size:14px;padding:40px 20px;text-align:center}.timeline-error{background:var(--color-error-bg);border:1px solid var(--color-error-bg);border-radius:6px;color:var(--color-error)}.timeline-empty{background:var(--bg-section);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:14px;padding:40px 20px;text-align:center}@media (max-width:768px){.ticket-timeline{padding:16px}.timeline-header{align-items:flex-start;flex-direction:column;gap:6px}.timeline-timestamp{font-size:11px}.timeline-description{font-size:13px}.timeline-icon{font-size:14px;height:28px;width:28px}.timeline-content{margin-left:36px}.timeline-container{padding-left:16px}.timeline-container:before{left:13px}}.timeline-entry[data-action=created] .timeline-icon{background:#ecfdf5;border-color:var(--color-success)}.timeline-entry[data-action=status_change] .timeline-icon{background:rgba(var(--brand-primary-rgb),.05);border-color:var(--brand-navy)}.timeline-entry[data-action=priority_change] .timeline-icon{background:var(--color-warning-bg);border-color:var(--color-warning)}.timeline-entry[data-action=category_change] .timeline-icon{background:#f5f3ff;border-color:#8b5cf6}.timeline-entry[data-action=message] .timeline-icon{background:#eef2ff;border-color:#6366f1}.ticket-detail-page{margin:0 auto;max-width:1200px;padding:2rem}.ticket-detail-page .page-header{margin-bottom:2rem}.ticket-detail-container{background:var(--bg-white);border-radius:8px;box-shadow:var(--shadow-md);overflow:hidden}.ticket-header{background:var(--bg-section);border-bottom:1px solid var(--border-default);padding:2rem}.ticket-title-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.ticket-title-row h1{color:var(--text-primary);flex:1 1;font-size:1.75rem;font-weight:600;margin:0}.ticket-badges{display:flex;flex-wrap:wrap;gap:.5rem}.priority-badge,.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:.875rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.status-open{background-color:var(--brand-navy);color:#fff}.status-in-progress{background-color:var(--color-warning);color:#fff}.status-resolved{background-color:var(--color-success);color:#fff}.status-closed{background-color:var(--text-secondary);color:#fff}.priority-low{background-color:var(--bg-light);color:var(--text-secondary)}.priority-medium{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.priority-high{color:var(--color-error-text)}.priority-high,.priority-urgent{background-color:var(--color-error-bg)}.priority-urgent{color:#7f1d1d;font-weight:600}.ticket-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.ticket-category-badge{background-color:rgba(var(--brand-primary-rgb),.1);border-radius:4px;color:var(--brand-navy);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.ticket-date{color:var(--text-secondary);font-size:.875rem}.ticket-creator-info,.ticket-description-section{border-bottom:1px solid var(--border-default);padding:1.5rem 2rem}.ticket-creator-info h3,.ticket-description-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.creator-details{display:flex;flex-direction:column;gap:.25rem}.creator-name{color:var(--text-primary);font-size:1rem;font-weight:500}.creator-email{color:var(--text-secondary);font-size:.875rem}.ticket-description-content{word-wrap:break-word;color:var(--text-primary);font-size:1rem;line-height:1.6;white-space:pre-wrap}.error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.error-message{border:1px solid var(--color-error-bg);border-radius:6px;color:var(--color-error-text);font-size:.875rem;margin-bottom:1rem;padding:1rem 1.5rem}.loading{color:var(--text-secondary);font-size:1rem;padding:3rem;text-align:center}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-secondary{background-color:var(--bg-light);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-light)}.employee-close-section{background-color:var(--color-warning-bg);border-bottom:1px solid var(--border-default);border-left:4px solid var(--color-warning);padding:1.5rem 2rem}.close-section-hint{color:#78350f;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.btn-close-ticket{background-color:var(--color-success);color:#fff;font-weight:500}.btn-close-ticket:hover:not(:disabled){background-color:var(--brand-green-hover);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-close-ticket:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:768px){.ticket-detail-page{padding:1rem}.ticket-header{padding:1.5rem 1rem}.ticket-title-row{align-items:flex-start;flex-direction:column}.ticket-title-row h1{font-size:1.5rem}.ticket-creator-info,.ticket-description-section{padding:1.5rem 1rem}}@media (max-width:480px){.ticket-title-row h1{font-size:1.25rem}.ticket-creator-info,.ticket-description-section{padding:1rem .75rem}}.notifications-container{margin:0 auto;max-width:900px}.notifications-header{align-items:center;border-bottom:2px solid var(--border-default);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left{align-items:center;display:flex;gap:12px}.notifications-header h2{color:var(--text-primary);font-size:28px;font-weight:600;margin:0}.unread-count-badge{align-items:center;background-color:rgba(var(--brand-primary-rgb),.1);border-radius:12px;color:var(--brand-navy);display:inline-flex;font-size:14px;font-weight:600;padding:4px 12px}.btn-mark-all-read{background-color:var(--brand-navy);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-mark-all-read:hover{background-color:var(--brand-navy-dark);transform:translateY(-1px)}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:flex-start;background-color:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:16px;position:relative;transition:all .2s}.notification-item:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notification-item.unread{background-color:rgba(var(--brand-primary-rgb),.04);border-color:rgba(var(--brand-primary-rgb),.2)}.notification-item.read{opacity:.8}.notification-icon{flex-shrink:0;font-size:24px;line-height:1}.notification-content{flex:1 1}.notification-message{color:var(--text-primary);font-size:15px;line-height:1.5;margin-bottom:4px}.notification-ticket-title{color:var(--text-secondary);font-size:13px;font-style:italic;margin-bottom:6px}.notification-date{color:var(--text-placeholder);font-size:13px}.unread-indicator{background-color:var(--brand-green);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.empty-state{background-color:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:15px}.error-message,.loading-message{background-color:var(--bg-white);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:16px;padding:40px;text-align:center}.error-message{background-color:var(--color-error-bg);border-color:var(--color-error-bg);color:var(--color-error)}@media (max-width:768px){.notifications-header{gap:12px}.header-left,.notifications-header{align-items:flex-start;flex-direction:column}.btn-mark-all-read{width:100%}.notification-item{gap:12px;padding:12px}.notification-icon{font-size:20px}}@media (max-width:480px){.notifications-header h2{font-size:22px}}