.login-page{position:relative;height:100vh;max-height:100vh;width:100%;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,#0f2a4a,#080f1c 60%);display:flex;flex-direction:column}.login-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.login-gradient-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(108deg,transparent 0%,transparent 32%,rgba(160,195,225,.06) 44%,rgba(195,218,238,.2) 54%,rgba(218,232,244,.52) 64%,rgba(232,240,248,.8) 74%,rgba(241,246,251,.94) 84%,#EEF4FA 100%)}.login-topbar{position:relative;z-index:10;padding:22px 60px;flex-shrink:0}.login-brand{display:flex;align-items:center;gap:11px}.login-brand-logo{height:52px;width:auto;object-fit:contain;border-radius:8px}.login-inner{flex:1;position:relative;z-index:2;display:flex;align-items:center;padding:0 60px 40px;gap:64px;max-width:1160px;width:100%;margin:0 auto;overflow:hidden}.login-left{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.login-left-logo{width:260px;height:auto;object-fit:contain;margin-bottom:20px;border-radius:20px;filter:drop-shadow(0 12px 40px rgba(232,93,4,.45)) drop-shadow(0 4px 16px rgba(0,0,0,.4))}.login-welcome{color:#ffffffa6;font-size:19px;font-weight:300;margin-bottom:6px;letter-spacing:.2px}.login-title{color:#fff;font-size:58px;font-weight:800;line-height:1.05;margin-bottom:10px;letter-spacing:-1px}.login-title-orange{color:#e85d04;background:linear-gradient(135deg,#e85d04,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:#ffffff8c;font-size:15.5px;font-weight:400;margin-bottom:22px;letter-spacing:.2px}.login-rule{width:50px;height:3px;background:linear-gradient(90deg,#e85d04,#ff8c42);border-radius:99px;margin-bottom:20px}.login-tagline{display:flex;align-items:flex-start;gap:10px;color:#ffffff85;font-size:13.5px;line-height:1.7;margin-bottom:28px}.login-tagline-sub{opacity:.65}.login-badges{display:flex;flex-wrap:wrap;gap:10px}.login-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:99px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffffa6;font-size:12.5px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.2px}.login-right{width:440px;flex-shrink:0;position:relative}.login-right:before{content:"";position:absolute;top:-40px;right:-30px;bottom:-40px;left:-30px;background:radial-gradient(ellipse at center,rgba(232,93,4,.06) 0%,transparent 70%);z-index:-1;pointer-events:none}.login-card{background:#fff;border-radius:24px;padding:36px 40px 32px;position:relative;overflow:hidden;width:100%;box-shadow:0 0 0 1px #0e1e370f,0 2px 4px #0e1e370a,0 8px 24px #0e1e3714,0 24px 56px #0e1e371f,0 48px 96px #0e1e3714}.login-card:before{display:none}.login-card:after{content:"";position:absolute;top:-60%;right:-30%;width:55%;height:160%;background:linear-gradient(135deg,transparent 0%,rgba(232,93,4,.018) 45%,rgba(255,160,80,.028) 50%,transparent 55%);pointer-events:none}.login-card-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#fff0e6,#ffe4cc);border:2px solid rgba(232,93,4,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 14px #e85d0426}.login-card-title{text-align:center;font-size:20px;font-weight:700;color:#0d1b2a;margin-bottom:5px;letter-spacing:-.2px}.login-card-sub{text-align:center;font-size:13px;color:#64748b;margin-bottom:22px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:13px;font-weight:600;color:#374151;letter-spacing:.1px}.req{color:#e85d04}.input-wrap{display:flex;align-items:center;border:1.5px solid #E5EAF0;border-radius:10px;padding:0 14px;background:#fafbfc;transition:border-color .18s,background .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#e85d04;background:#fff;box-shadow:0 0 0 3.5px #e85d041a}.input-icon{color:#b0bfcc;flex-shrink:0}.input-wrap input{flex:1;padding:10px 9px;border:none;outline:none;font-size:14px;color:#0d1b2a;background:transparent;font-family:inherit}.input-wrap input::placeholder{color:#c4cdd8}.input-eye{background:none;border:none;color:#b0bfcc;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.input-eye:hover{color:#64748b}.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.remember-me{display:flex;align-items:center;gap:7px;font-size:13px;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{accent-color:#E85D04;width:15px;height:15px;cursor:pointer}.forgot-link{background:none;border:none;color:#e85d04;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.forgot-link:hover{opacity:.75;text-decoration:underline}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(135deg,#e85d04,#d04f00);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 18px #e85d0461,0 1px 3px #e85d0433;transition:all .18s ease}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#d05100,#b84500);box-shadow:0 6px 24px #e85d047a,0 2px 6px #e85d0440;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-or{display:flex;align-items:center;gap:12px;color:#b0bfcc;font-size:12px;font-weight:500;letter-spacing:.5px}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#E5EAF0,transparent)}.sso-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:#fff;color:#374151;border:1.5px solid #E5EAF0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;letter-spacing:.1px}.sso-btn:hover{border-color:#c8d4e0;background:#f8fafc;box-shadow:0 2px 8px #0000000d}.login-footer{text-align:center;font-size:12px;color:#a0aebe;margin-top:18px;letter-spacing:.1px}@media(max-width:1100px){.login-inner{padding:0 32px 0 40px;gap:36px}.login-title{font-size:40px}.login-right{width:400px}}@media(max-width:800px){.login-left{display:none}.login-gradient-overlay{background:#080f1c8c}.login-inner{justify-content:center;padding:0 24px}.login-right{width:100%;max-width:440px}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--navy);display:flex;flex-direction:column;transition:width .25s ease;z-index:100;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.08);min-height:76px}.sidebar-logo-img{width:130px;height:60px;object-fit:contain;object-position:center;border-radius:8px}.sidebar-logo-sm{width:40px;height:40px;object-fit:cover;object-position:center top;border-radius:8px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:#fff9;font-size:13.5px;font-weight:450;margin-bottom:2px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:#e85d0426;color:#fff;border-left:3px solid var(--orange);padding-left:9px}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:1px;color:#ffffff40;text-transform:uppercase;padding:12px 12px 4px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:12px 8px 8px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff0d;margin-bottom:8px}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{color:#fff;font-size:13px;font-weight:500;truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#fff6;font-size:11px}.sidebar-logout-btn{background:none;border:none;color:#fff6;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center}.sidebar-logout-btn:hover{color:#fff;background:#ffffff1a}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:6px;border-radius:6px;background:none;border:none;color:#ffffff4d;cursor:pointer}.sidebar-collapse-btn:hover{background:#ffffff12;color:#fff}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.badge-green{background:#dcfce7;color:#15803d}.badge-teal{background:#ccfbf1;color:#0f766e}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-indigo{background:#e0e7ff;color:#4338ca}.badge-amber{background:#fef3c7;color:#b45309}.badge-orange{background:#ffedd5;color:#c2410c}.badge-red{background:#fee2e2;color:#dc2626}.badge-purple{background:#f3e8ff;color:#7c3aed}.badge-gray{background:#f1f5f9;color:#475569}.badge-slate{background:#f1f5f9;color:#334155}.topbar{height:var(--topbar-height);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:50}.topbar-menu-btn{background:none;border:none;color:var(--text-muted);display:flex;align-items:center;padding:6px;border-radius:6px}.topbar-menu-btn:hover{background:var(--bg);color:var(--text)}.topbar-search{flex:1;max-width:480px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px;position:relative;transition:border-color .15s,box-shadow .15s}.topbar-search.search-active{border-color:var(--orange);box-shadow:0 0 0 3px #e85d0414;background:#fff}.search-icon{color:var(--text-light);flex-shrink:0}.search-spin{animation:spin .7s linear infinite}.topbar-search input{flex:1;background:none;border:none;outline:none;font-size:13.5px;color:var(--text)}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search kbd{font-size:11px;color:var(--text-light);background:var(--border);border-radius:4px;padding:1px 5px;font-family:inherit;white-space:nowrap;flex-shrink:0}.search-clear{background:none;border:none;color:var(--text-light);font-size:12px;cursor:pointer;padding:2px 5px;border-radius:4px;flex-shrink:0;line-height:1}.search-clear:hover{background:var(--border);color:var(--text)}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #0e1e3724,0 2px 8px #0e1e3714;z-index:500;max-height:360px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#D1D5DB transparent}.search-dropdown::-webkit-scrollbar{width:4px}.search-dropdown::-webkit-scrollbar-track{background:transparent}.search-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}.search-result{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;border-bottom:1px solid #F1F5F9;transition:background .1s}.search-result:last-of-type{border-bottom:none}.search-result:hover,.search-result-focused{background:#fff7f3}.sr-num{font-size:12.5px;font-weight:700;color:var(--orange);white-space:nowrap;min-width:84px;flex-shrink:0}.sr-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sr-subj{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-customer{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-badges{display:flex;gap:5px;flex-shrink:0;align-items:center}.search-empty{padding:20px 16px;text-align:center;font-size:13px;color:var(--text-muted)}.search-footer{padding:8px 14px;font-size:11.5px;color:var(--text-light);background:#fafbfc;border-top:1px solid var(--border);border-radius:0 0 10px 10px;text-align:center}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.topbar-icon-btn{background:none;border:none;color:var(--text-muted);padding:8px;border-radius:8px;position:relative;display:flex;align-items:center}.topbar-icon-btn:hover{background:var(--bg)}.notif-badge{position:absolute;top:3px;right:3px;background:var(--orange);color:#fff;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.topbar-user{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;position:relative}.topbar-user:hover{background:var(--bg)}.topbar-avatar{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.topbar-user-name{font-size:13px;font-weight:600}.topbar-user-role{font-size:11px;color:var(--text-muted)}.topbar-chevron{color:var(--text-muted);transition:transform .2s}.topbar-chevron.open{transform:rotate(180deg)}.topbar-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);min-width:160px;z-index:200;overflow:hidden}.topbar-dropdown button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;font-size:13.5px;color:var(--text);text-align:left}.topbar-dropdown button:hover{background:var(--bg)}.topbar-dropdown hr{border:none;border-top:1px solid var(--border);margin:2px 0}.topbar-dropdown .logout-item{color:var(--danger)}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left .25s ease}.sidebar-collapsed .app-main{margin-left:64px}.app-content{flex:1;overflow-y:auto;padding:24px;background:var(--bg)}.dashboard{max-width:1400px}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.dash-welcome{font-size:24px;font-weight:700;color:var(--text)}.dash-sub{font-size:13.5px;color:var(--text-muted);margin-top:2px}.dash-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.date-picker-wrap{position:relative}.date-picker-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:13px;color:var(--text-muted);cursor:pointer;transition:border-color .15s,box-shadow .15s}.date-picker-btn:hover{border-color:var(--orange);color:var(--text)}.date-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 8px 32px #00000021;z-index:200;min-width:220px;overflow:hidden}.date-picker-presets{padding:8px;display:flex;flex-direction:column;gap:2px}.date-preset-btn{width:100%;text-align:left;padding:9px 12px;border:none;background:none;border-radius:7px;font-size:13px;color:#334155;cursor:pointer;transition:background .1s,color .1s}.date-preset-btn:hover{background:#fff4ee;color:var(--orange)}.date-preset-btn.active{background:#fff4ee;color:var(--orange);font-weight:600}.date-picker-divider{height:1px;background:#f1f5f9;margin:0}.date-picker-custom{padding:12px}.date-custom-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.date-custom-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.date-custom-row label{font-size:12px;color:#64748b;width:30px;flex-shrink:0}.date-custom-row input[type=date]{flex:1;padding:6px 8px;border:1px solid #E2E8F0;border-radius:7px;font-size:12.5px;color:#334155;outline:none;cursor:pointer}.date-custom-row input[type=date]:focus{border-color:var(--orange)}.date-apply-btn{width:100%;margin-top:4px;padding:8px;background:var(--orange);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.date-apply-btn:hover:not(:disabled){background:var(--orange-hover)}.date-apply-btn:disabled{opacity:.45;cursor:not-allowed}.btn-create-ticket{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:8px;background:var(--orange);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s}.btn-create-ticket:hover{background:var(--orange-hover)}.dash-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}@media(max-width:1200px){.dash-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.dash-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.stat-card-top{display:flex;gap:12px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.stat-value{font-size:22px;font-weight:700;color:var(--text);line-height:1.2}.stat-change{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;margin-top:2px}.stat-change.up{color:#10b981}.stat-change.down{color:#ef4444}.stat-vs{color:var(--text-muted);font-weight:400;margin-left:2px}.stat-sparkline{display:flex}.dash-middle{display:grid;grid-template-columns:1fr 280px 260px;gap:16px;margin-bottom:24px}@media(max-width:1100px){.dash-middle{grid-template-columns:1fr 1fr}.dash-right-panel{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}.dash-chart-card,.dash-donut-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column}.dash-chart-body{flex:1;min-height:200px}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dash-card-header h3{font-size:15px;font-weight:600;color:var(--text)}.chart-filter-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer}.donut-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-total{font-size:22px;font-weight:700;color:var(--text)}.donut-label{font-size:11px;color:var(--text-muted)}.donut-legend{width:100%;display:flex;flex-direction:column;gap:8px}.donut-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.donut-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.donut-legend-label{flex:1;color:var(--text)}.donut-legend-val{color:var(--text-muted);font-size:11px}.view-report-link{display:block;text-align:center;font-size:12.5px;font-weight:500;color:var(--orange);margin-top:12px;text-decoration:none}.view-report-link:hover{text-decoration:underline}.dash-right-panel{display:flex;flex-direction:column;gap:12px}.dash-panel-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow)}.panel-title{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:12px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-header .panel-title{margin-bottom:0}.view-all{font-size:12px;color:var(--orange);text-decoration:none}.view-all:hover{text-decoration:underline}.quick-action-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text);text-decoration:none;transition:background .1s}.quick-action-item:hover{background:var(--bg)}.qa-icon{width:28px;height:28px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--orange);flex-shrink:0}.qa-badge{background:var(--orange);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}.qa-chevron{color:var(--text-light);margin-left:auto}.sla-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid var(--border)}.sla-item:last-child{border-bottom:none}.sla-info{flex:1;min-width:0}.sla-id{font-size:11.5px;font-weight:600;color:var(--text)}.sla-title{font-size:11px;color:var(--text-muted)}.sla-time{text-align:right;font-size:12px;font-weight:600;color:#374151;flex-shrink:0}.sla-overdue{font-size:10px;color:#ef4444;font-weight:500}.announcement{display:flex;gap:10px;align-items:flex-start}.announcement-icon{width:32px;height:32px;border-radius:8px;background:var(--orange-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.announcement-title{font-size:13px;font-weight:600;margin-bottom:4px}.announcement-body{font-size:12px;color:var(--text-muted);line-height:1.5}.dash-recent{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.recent-table-wrap{overflow-x:auto;overflow-y:auto;max-height:480px;margin-top:4px}.recent-table-wrap::-webkit-scrollbar{width:5px;height:5px}.recent-table-wrap::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.recent-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.recent-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.recent-table thead th{position:sticky;top:0;background:#fff;z-index:1;box-shadow:0 1px #e2e8f0}.recent-table{width:100%;border-collapse:collapse;font-size:13px}.recent-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.recent-table td{padding:12px;border-bottom:1px solid #F8FAFC;vertical-align:middle}.recent-table tr:last-child td{border-bottom:none}.recent-table tr:hover td{background:#fafbfc}.td-subject{max-width:260px}.td-subject .truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-updated{color:var(--text-muted);font-size:12px}.mini-avatar{width:26px;height:26px;border-radius:50%;background:var(--navy-mid);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.action-btns{display:flex;align-items:center;gap:4px}.action-btn{padding:5px;border-radius:5px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center}.action-btn:hover{background:var(--bg);color:var(--text)}.ticket-list-page{max-width:1400px}.tl-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.tl-header h1{font-size:22px;font-weight:700}.tl-header p{font-size:13px;color:var(--text-muted);margin-top:2px}.btn-create{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;background:var(--orange);color:#fff;font-size:13.5px;font-weight:600;text-decoration:none}.btn-create:hover{background:var(--orange-hover)}.tl-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.tl-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;flex:1;min-width:260px}.tl-search input{flex:1;border:none;outline:none;font-size:13.5px;background:transparent}.tl-search svg{color:var(--text-light)}.tl-filters select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff;color:var(--text);cursor:pointer;outline:none}.tl-filters select:focus{border-color:var(--orange)}.tl-table-wrap{background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);overflow-x:auto}.tl-table{width:100%;border-collapse:collapse;font-size:13px}.tl-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);padding:10px 14px;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#fafbfc}.tl-table td{padding:13px 14px;border-bottom:1px solid #F8FAFC;vertical-align:middle}.tl-table tr:last-child td{border-bottom:none}.tl-table tr:hover td{background:#fafbfc}.tl-empty{text-align:center;padding:40px!important;color:#94a3b8}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--orange)}.sort-icon{vertical-align:middle;margin-left:4px}.sort-icon-idle{color:#cbd5e1}.sort-icon-active{color:var(--orange)}.ticket-id-link{color:var(--orange);font-weight:600;font-size:12.5px}.ticket-id-link:hover{text-decoration:underline}.td-subj{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-updated{white-space:nowrap}.td-updated-rel{display:block;color:var(--text-muted);font-size:12px}.td-updated-abs{display:block;color:#94a3b8;font-size:10.5px;margin-top:2px;font-variant-numeric:tabular-nums}.assigned-cell{display:flex;align-items:center;gap:7px}.mini-av{width:26px;height:26px;border-radius:50%;background:var(--navy-mid);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.tl-actions{display:flex;gap:4px}.tl-action-btn{padding:5px;border-radius:5px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;text-decoration:none}.tl-action-btn:hover{background:var(--bg);color:var(--text)}.tl-action-btn.danger:hover{background:#fee2e2;color:var(--danger)}.tl-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:16px;flex-wrap:wrap}.tl-pag-info{font-size:13px;color:var(--text-muted)}.tl-pag-info strong{color:var(--text);font-weight:600}.tl-pag-pages{display:flex;align-items:center;gap:4px}.tl-pag-btn{min-width:34px;height:34px;padding:0 6px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.tl-pag-btn:hover:not(:disabled){background:#fff4ee;border-color:var(--orange);color:var(--orange)}.tl-pag-btn.active{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.tl-pag-btn:disabled{opacity:.35;cursor:not-allowed}.tl-pag-nav{color:var(--text-muted)}.tl-pag-ellipsis{min-width:28px;height:34px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.ticket-detail{max-width:1200px}.td-loading{padding:48px;text-align:center;color:var(--text-muted)}.td-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.td-breadcrumb{font-size:12.5px;color:var(--text-muted);margin-bottom:4px}.td-breadcrumb a{color:var(--orange);text-decoration:none}.td-title{font-size:22px;font-weight:700}.td-header-actions{display:flex;gap:10px;flex-shrink:0}.td-btn-edit{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:13px;font-weight:500;color:var(--text);text-decoration:none;cursor:pointer}.td-btn-edit:hover{background:var(--bg)}.td-btn-delete{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:7px;border:none;background:#fee2e2;color:var(--danger);font-size:13px;font-weight:500;cursor:pointer}.td-btn-delete:hover{background:#fecaca}.td-body{display:grid;grid-template-columns:1fr 300px;gap:20px}@media(max-width:900px){.td-body{grid-template-columns:1fr}}.td-main,.td-sidebar{display:flex;flex-direction:column;gap:16px}.td-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px;box-shadow:var(--shadow)}.td-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.td-card-header h3{font-size:14px;font-weight:600}.td-card-title{font-size:14px;font-weight:600;margin-bottom:14px}.td-status-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.td-subject{font-size:17px;font-weight:600;margin-bottom:8px}.td-desc{font-size:13.5px;color:var(--text-muted);line-height:1.7;margin-bottom:20px}.td-fields-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media(max-width:700px){.td-fields-grid{grid-template-columns:1fr 1fr}}.td-field{display:flex;flex-direction:column;gap:2px}.td-field-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.td-field-value{font-size:13.5px;color:var(--text)}.td-upload-btn{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 12px;border-radius:6px;border:1px solid var(--border);font-size:12.5px;font-weight:500;background:#fff;color:var(--text)}.td-upload-btn:hover{background:var(--bg)}.td-empty{font-size:13px;color:var(--text-muted);padding:8px 0}.comment-type-sel{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;outline:none}.comments-list{margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;gap:10px}.comment-item.work-note{background:#fffbeb;border-radius:8px;padding:10px;margin:-4px}.comment-avatar{width:30px;height:30px;border-radius:50%;background:var(--navy-mid);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.comment-body{flex:1}.comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:13px}.wn-tag{background:#fef3c7;color:#b45309;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:999px}.comment-date{color:var(--text-muted);font-size:12px;margin-left:auto}.comment-body p{font-size:13.5px;line-height:1.6}.comment-form textarea{width:100%;padding:10px;border:1.5px solid var(--border);border-radius:7px;font-size:13.5px;font-family:inherit;outline:none;resize:vertical;min-height:80px;box-sizing:border-box}.comment-form textarea:focus{border-color:var(--orange)}.comment-form button{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;border-radius:6px;border:none;background:var(--orange);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.audit-list{display:flex;flex-direction:column;gap:0;max-height:420px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#D1D5DB transparent}.audit-list::-webkit-scrollbar{width:4px}.audit-list::-webkit-scrollbar-track{background:transparent}.audit-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}.audit-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);position:relative}.audit-item:last-child{border-bottom:none}.audit-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);flex-shrink:0;margin-top:5px}.audit-content{flex:1;min-width:0}.audit-action{font-size:13px;font-weight:600;color:var(--text)}.audit-change{font-size:12px;color:var(--text-muted);margin-top:2px;word-break:break-all;overflow-wrap:anywhere;white-space:normal}.audit-field{font-weight:500;color:var(--text)}.audit-old{text-decoration:line-through;color:var(--danger);word-break:break-all}.audit-new{color:var(--success);word-break:break-all}.audit-meta{font-size:11.5px;color:var(--text-muted);margin-top:3px}.modal-box{background:#fff;border-radius:12px;padding:28px;max-width:400px;width:90%;box-shadow:0 20px 60px #0003}.modal-box p{font-size:13.5px;color:var(--text-muted);line-height:1.6;margin-bottom:22px}.btn-delete{padding:8px 18px;border-radius:7px;border:none;background:var(--danger);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.upload-queue{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}.upload-item-name{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.ticket-form-page{max-width:900px}.tf-header{margin-bottom:20px}.tf-header h1{font-size:22px;font-weight:700}.tf-header p{font-size:13.5px;color:var(--text-muted);margin-top:4px}.tf-form{display:flex;flex-direction:column;gap:20px}.tf-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:24px;box-shadow:var(--shadow)}.tf-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.tf-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:700px){.tf-grid{grid-template-columns:1fr 1fr}}.form-group.full{grid-column:1 / -1}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:13.5px;font-family:inherit;outline:none;background:#fff;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #e85d0414}.form-group textarea{resize:vertical;min-height:120px}.req{color:var(--orange)}.tf-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:9px 20px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:13.5px;cursor:pointer}.btn-submit{padding:9px 24px;border-radius:7px;border:none;background:var(--orange);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer}.btn-submit:hover:not(:disabled){background:var(--orange-hover)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.tf-owner-info{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#f8fafc;border:1.5px solid #E5EAF0;border-radius:10px}.tf-owner-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#e85d04,#ff8c42);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tf-owner-label{font-size:11.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.tf-owner-name{font-size:15px;font-weight:700;color:#0d1b2a}.tf-owner-note{font-size:12px;color:#94a3b8;margin-top:2px}.tf-readonly-field{padding:9px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:13.5px;color:#374151;background:#f8fafc}.tf-attach-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.tf-optional{font-size:12px;font-weight:400;color:#94a3b8;margin-left:6px}.tf-attach-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:700;margin-left:8px;vertical-align:middle}.tf-attach-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:12.5px;font-weight:500;color:var(--text);cursor:pointer;transition:background .15s;flex-shrink:0}.tf-attach-btn:hover{background:var(--bg)}.tf-attach-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 0;color:#94a3b8}.tf-attach-empty p{font-size:13px;text-align:center}.tf-attach-list{display:flex;flex-direction:column;gap:2px}.tf-attach-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8fafc;border:1px solid #E5EAF0;border-radius:7px}.tf-attach-info{flex:1;min-width:0}.tf-attach-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-attach-size{font-size:11.5px;color:#94a3b8}.tf-attach-remove{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:4px;display:flex;transition:color .15s}.tf-attach-remove:hover{color:var(--danger);background:#fee2e2}.att-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.att-row:last-child{border-bottom:none}.att-icon{font-size:18px;flex-shrink:0}.att-info{flex:1;min-width:0}.att-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-meta{font-size:11.5px;color:var(--text-muted)}.att-btn{padding:5px;border-radius:5px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;text-decoration:none}.att-btn:hover{background:var(--bg);color:var(--text)}.att-btn.danger:hover{background:#fee2e2;color:var(--danger)}.upload-queue{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid var(--border)}.upload-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:12.5px}.upload-item-name{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-icon{font-size:13px;flex-shrink:0}.upload-uploading .upload-icon{color:#3b82f6}.upload-done .upload-icon{color:#22c55e}.upload-error .upload-icon{color:var(--danger)}.upload-bar-wrap{width:120px;height:5px;background:#e5eaf0;border-radius:99px;overflow:hidden;flex-shrink:0}.upload-bar{height:100%;background:linear-gradient(90deg,#e85d04,#ff8c42);border-radius:99px;transition:width .2s ease}.upload-done .upload-bar{background:#22c55e}.upload-error .upload-bar{background:var(--danger)}.upload-pct{font-size:11.5px;font-weight:600;width:44px;text-align:right;flex-shrink:0;color:var(--text-muted)}.upload-done .upload-pct{color:#22c55e}.upload-error .upload-pct{color:var(--danger)}.admin-page{max-width:1100px}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.admin-header h1{font-size:22px;font-weight:700}.admin-header p{font-size:13px;color:var(--text-muted);margin-top:2px}.btn-admin-create{padding:9px 18px;border-radius:8px;background:var(--orange);color:#fff;border:none;font-size:13.5px;font-weight:600;cursor:pointer}.admin-form-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}.admin-form-card h3{font-size:15px;font-weight:600;margin-bottom:16px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12.5px;font-weight:500;color:#374151}.form-group input,.form-group select{padding:8px 10px;border:1.5px solid var(--border);border-radius:6px;font-size:13.5px;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--orange)}.admin-form-actions{display:flex;gap:10px;justify-content:flex-end}.admin-form-actions button{padding:8px 18px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:13.5px;cursor:pointer}.btn-save{background:var(--orange)!important;color:#fff!important;border-color:var(--orange)!important;font-weight:600!important}.admin-table-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);padding:10px 16px;border-bottom:1px solid var(--border);background:#fafbfc;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:12px 16px;border-bottom:1px solid #F8FAFC}.admin-table tr:last-child td{border-bottom:none}.role-badge{padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.role-badge.admin{background:#fee2e2;color:#dc2626}.role-badge.employee{background:#dbeafe;color:#1d4ed8}.status-pill{padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.inactive{background:#f1f5f9;color:#475569}.toggle-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:#fff;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.toggle-btn:hover{background:var(--bg)}.toggle-btn.delete-btn{border-color:#fecaca;color:#dc2626}.toggle-btn.delete-btn:hover{background:#fef2f2}.user-row-clickable{cursor:pointer;transition:background .1s}.user-row-clickable:hover td{background:#f8fafc}.user-ticket-count{display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;min-width:28px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:12px;padding:28px;max-width:420px;width:90%;box-shadow:0 20px 60px #0003}.modal-box h3{font-size:17px;font-weight:700;margin-bottom:10px}.modal-box p{font-size:13.5px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-cancel{padding:8px 18px;border-radius:7px;border:1px solid var(--border);background:#fff;font-size:13.5px;cursor:pointer}.uwt-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 12px;min-width:220px}.uwt-search-wrap:focus-within{border-color:var(--orange)}.uwt-search-icon{color:var(--text-muted);flex-shrink:0}.uwt-search{border:none;outline:none;font-size:13px;background:transparent;width:100%}.uwt-grid{display:flex;flex-direction:column;gap:10px}.uwt-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 20px;cursor:pointer;transition:border-color .15s,box-shadow .15s;gap:16px}.uwt-card:hover{border-color:var(--orange);box-shadow:0 2px 12px #e85d0414}.uwt-card-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.uwt-avatar{width:40px;height:40px;border-radius:50%;background:#1a2b3c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.uwt-user-info{min-width:0}.uwt-name{font-size:14px;font-weight:600;color:var(--text)}.uwt-meta{font-size:12px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uwt-card-right{display:flex;align-items:center;gap:14px;flex-shrink:0}.uwt-stats{display:flex;gap:20px}.uwt-stat{text-align:center}.uwt-stat-num{font-size:18px;font-weight:700;color:var(--text);line-height:1}.uwt-stat-num.orange{color:var(--orange)}.uwt-stat-num.green{color:#16a34a}.uwt-stat-num.red{color:var(--danger)}.uwt-stat-lbl{font-size:10.5px;color:var(--text-muted);margin-top:3px;font-weight:500}.uwt-chevron{color:var(--text-muted);flex-shrink:0}.uwt-card:hover .uwt-chevron{color:var(--orange)}.ud-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--text-muted);flex-shrink:0}.ud-back-btn:hover{background:var(--bg);color:var(--text)}.ud-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:0}@media(max-width:700px){.ud-stat-cards{grid-template-columns:1fr 1fr}}.ud-stat-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 20px;box-shadow:var(--shadow);text-align:center}.ud-stat-num{font-size:28px;font-weight:700;color:var(--text);line-height:1}.ud-stat-num.orange{color:var(--orange)}.ud-stat-num.green{color:#16a34a}.ud-stat-num.red{color:var(--danger)}.ud-stat-label{font-size:12px;color:var(--text-muted);margin-top:6px;font-weight:500}.ud-tickets-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--border)}.ud-tickets-header h2{font-size:14px;font-weight:600}.ud-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ud-search-wrap{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.ud-search-wrap:focus-within{border-color:var(--orange)}.ud-search-icon{color:var(--text-muted);flex-shrink:0}.ud-search{border:none;outline:none;font-size:13px;min-width:160px;background:transparent}.ud-filters select{padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;outline:none;background:#fff}.ud-filters select:focus{border-color:var(--orange)}.ud-ticket-row:hover td{background:#fafbfc}.ud-subj-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ud-ticket-link{color:var(--orange);font-weight:700;text-decoration:none;font-size:12.5px}.ud-ticket-link:hover{text-decoration:underline}.ud-action-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted)}.ud-action-btn:hover{color:var(--text)}.ud-pagination{display:flex;align-items:center;gap:12px;justify-content:center;padding:14px 16px;border-top:1px solid var(--border)}.ud-pagination button{padding:6px 14px;border-radius:6px;border:1px solid var(--border);background:#fff;font-size:13px;cursor:pointer}.ud-pagination button:hover:not(:disabled){background:var(--bg)}.ud-pagination button:disabled{opacity:.5;cursor:not-allowed}.ud-pagination span{font-size:13px;color:var(--text-muted)}.cfg-tabs{display:flex;gap:4px;border-bottom:2px solid #1e3a5f;margin-bottom:24px}.cfg-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:none;border:none;color:#94a3b8;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.cfg-tab:hover{color:#e2e8f0}.cfg-tab.active{color:#e85d04;border-bottom-color:#e85d04}.cfg-tab-count{background:#1e3a5f;color:#94a3b8;font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}.cfg-tab.active .cfg-tab-count{background:#e85d0426;color:#e85d04}.cfg-section{display:flex;flex-direction:column;gap:16px}.cfg-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cfg-section-desc{color:#64748b;font-size:.8rem;margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cfg-lock-inline{vertical-align:middle;color:#94a3b8}.cfg-btn-primary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#e85d04;color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.cfg-btn-primary:hover{background:#d14d00}.cfg-btn-reset{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #2a4a73;border-radius:8px;color:#94a3b8;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.cfg-btn-reset:hover{border-color:#f59e0b;color:#f59e0b;background:#f59e0b0f}.cfg-table-wrap{overflow-x:auto;background:#0d1b2a;border:1px solid #1e3a5f;border-radius:12px}.cfg-table{width:100%;border-collapse:collapse;font-size:.8rem}.cfg-table thead th{padding:10px 14px;text-align:left;color:#64748b;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:#0a1628;border-bottom:1px solid #1e3a5f}.cfg-table tbody tr{border-bottom:1px solid #1e3a5f;transition:background .1s}.cfg-table tbody tr:last-child{border-bottom:none}.cfg-table tbody tr:hover{background:#112030}.cfg-table tbody tr.cfg-row-inactive{opacity:.55}.cfg-table td{padding:11px 14px;color:#cbd5e1;vertical-align:middle}.cfg-td-order{width:42px;padding:0 8px!important}.cfg-order-btns{display:flex;flex-direction:column;gap:2px}.cfg-order-btns button{background:none;border:1px solid #1e3a5f;border-radius:4px;padding:2px 3px;color:#64748b;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}.cfg-order-btns button:hover:not(:disabled){color:#e2e8f0;border-color:#4a6fa5}.cfg-order-btns button:disabled{opacity:.3;cursor:not-allowed}.cfg-field-label{display:flex;align-items:center;gap:6px;font-weight:500;color:#e2e8f0}.cfg-lock{color:#64748b;flex-shrink:0}.cfg-placeholder-hint{font-size:.7rem;color:#4a6fa5;font-weight:400;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.cfg-type-badge{display:inline-block;padding:2px 8px;background:#1e3a5f;color:#7db9f0;border-radius:4px;font-size:.7rem;font-weight:600}.cfg-opts-count{font-size:.75rem;color:#94a3b8;background:#1a2d45;padding:2px 8px;border-radius:4px}.cfg-opts-none{color:#374151}.cfg-toggle{display:inline-flex;align-items:center;cursor:pointer;position:relative}.cfg-toggle input{opacity:0;width:0;height:0;position:absolute}.cfg-toggle-track{width:34px;height:18px;background:#1e3a5f;border-radius:9px;transition:background .2s;position:relative}.cfg-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#64748b;border-radius:50%;transition:transform .2s,background .2s}.cfg-toggle input:checked+.cfg-toggle-track{background:#e85d044d}.cfg-toggle input:checked+.cfg-toggle-track:after{transform:translate(16px);background:#e85d04}.cfg-actions{display:flex;gap:6px;align-items:center}.cfg-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#1e3a5f;border:1px solid #2a4a73;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .15s}.cfg-btn-icon:hover{background:#2a4a73;color:#e2e8f0}.cfg-btn-icon.cfg-btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef4444;color:#ef4444}.cfg-btn-icon.cfg-btn-del-disabled{opacity:.3;cursor:not-allowed}.cfg-btn-icon:disabled{cursor:not-allowed}.cfg-btn-icon.cfg-btn-locked-on{background:#f59e0b1f;border-color:#f59e0b66;color:#f59e0b}.cfg-btn-icon.cfg-btn-locked-on:hover{background:#f59e0b38;border-color:#f59e0b;color:#fbbf24}.cfg-btn-icon.cfg-btn-unlocked{background:#22c55e14;border-color:#22c55e40;color:#4ade80}.cfg-btn-icon.cfg-btn-unlocked:hover{background:#f59e0b1f;border-color:#f59e0b66;color:#f59e0b}.cfg-status-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600}.cfg-status-pill.active{background:#22c55e26;color:#22c55e}.cfg-status-pill.inactive{background:#64748b26;color:#64748b}.cfg-empty-row{color:#4a6fa5;text-align:center;padding:32px!important}.cfg-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.cfg-modal{background:#0d1b2a;border:1px solid #1e3a5f;border-radius:14px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.cfg-modal-sm{max-width:360px}.cfg-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #1e3a5f}.cfg-modal-header h3{font-size:1rem;font-weight:600;color:#e2e8f0;margin:0}.cfg-modal-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;border-radius:6px;transition:color .15s}.cfg-modal-close:hover{color:#e2e8f0}.cfg-modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:16px}.cfg-form-row{display:flex;flex-direction:column;gap:6px}.cfg-form-row label{font-size:.78rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.cfg-form-row input:not([type=checkbox]),.cfg-form-row select{background:#0a1628;border:1px solid #1e3a5f;border-radius:8px;color:#e2e8f0;padding:9px 12px;font-size:.85rem;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.cfg-form-row input:focus,.cfg-form-row select:focus{border-color:#e85d04}.cfg-form-check label{font-size:.85rem;text-transform:none;letter-spacing:0;cursor:pointer}.cfg-req-note{font-size:.75rem;color:#4a6fa5;font-weight:400}.cfg-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid #1e3a5f}.cfg-btn-cancel{padding:8px 18px;background:#1e3a5f;border:1px solid #2a4a73;border-radius:8px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .15s}.cfg-btn-cancel:hover{background:#2a4a73;color:#e2e8f0}.cfg-btn-save{padding:8px 20px;background:#e85d04;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.cfg-btn-save:hover:not(:disabled){background:#d14d00}.cfg-btn-save:disabled{opacity:.6;cursor:not-allowed}.cfg-btn-danger-solid{padding:8px 20px;background:#ef4444;border:none;border-radius:8px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.cfg-btn-danger-solid:hover{background:#dc2626}.cfg-option-editor{display:flex;flex-direction:column;gap:8px}.cfg-option-list{background:#0a1628;border:1px solid #1e3a5f;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.cfg-no-opts{color:#4a6fa5;font-size:.78rem;text-align:center;margin:8px 0}.cfg-option-row{display:flex;align-items:center;gap:8px}.cfg-option-input{flex:1;background:#112030!important;border:1px solid #1e3a5f!important;border-radius:6px!important;color:#e2e8f0!important;padding:5px 8px!important;font-size:.8rem!important}.cfg-option-value{font-size:.7rem;color:#4a6fa5;font-family:monospace;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-option-del{background:none;border:1px solid #1e3a5f;border-radius:4px;color:#64748b;cursor:pointer;padding:3px;display:flex;flex-shrink:0;transition:all .15s}.cfg-option-del:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.cfg-option-add-row{display:flex;gap:8px}.cfg-btn-add-opt{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#1e3a5f;border:1px solid #2a4a73;border-radius:6px;color:#94a3b8;font-size:.78rem;cursor:pointer;white-space:nowrap;transition:all .15s}.cfg-btn-add-opt:hover{background:#2a4a73;color:#e2e8f0}.sso-page{max-width:860px;display:flex;flex-direction:column;gap:20px}.sso-loading{display:flex;align-items:center;gap:10px;color:#64748b;font-size:14px;padding:40px}.sso-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sso-title{font-size:22px;font-weight:700;color:#0d1b2a}.sso-sub{font-size:13px;color:#64748b;margin-top:3px}.sso-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0;margin-top:4px}.sso-status-active{background:#dcfce7;color:#16a34a}.sso-status-disabled{background:#fef9c3;color:#a16207}.sso-status-none{background:#f1f5f9;color:#64748b}.sso-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:22px 24px;box-shadow:0 1px 4px #0000000d}.sso-card-title{font-size:13.5px;font-weight:600;color:#0f172a;margin-bottom:16px}.sso-presets{display:flex;gap:10px;flex-wrap:wrap}.sso-preset-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:all .15s}.sso-preset-btn:hover{border-color:#e85d04;color:#e85d04;background:#fff7f0}.sso-preset-btn.active{border-color:#e85d04;background:#fff7f0;color:#e85d04}.sso-preset-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sso-preset-letter{width:18px;height:18px;border-radius:4px;background:#e85d04;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.sso-preset-hint{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:#64748b}.sso-form{display:flex;flex-direction:column;gap:18px}.sso-field-group{display:flex;flex-direction:column;gap:6px}.sso-label{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#334155}.sso-req{color:#e85d04}.sso-hint-inline{font-size:11.5px;font-weight:400;color:#94a3b8}.sso-input{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:13px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s;box-sizing:border-box}.sso-input:focus{border-color:#e85d04}.sso-input-row{display:flex;gap:10px}.sso-input-row .sso-input{flex:1}.sso-test-btn{display:flex;align-items:center;gap:6px;padding:0 16px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;background:#f8fafc;color:#475569;flex-shrink:0}.sso-test-btn:hover{border-color:#e85d04;color:#e85d04;background:#fff7f0}.sso-test-btn.loading{opacity:.7;cursor:not-allowed}.sso-test-btn.ok{border-color:#16a34a;color:#16a34a;background:#f0fdf4}.sso-test-btn.fail{border-color:#dc2626;color:#dc2626;background:#fef2f2}.sso-test-result{display:flex;align-items:center;gap:6px;font-size:12px;padding:7px 12px;border-radius:7px;margin-top:2px}.sso-test-result code{font-size:11.5px;background:transparent}.sso-test-result.ok{background:#f0fdf4;color:#15803d}.sso-test-result.fail{background:#fef2f2;color:#dc2626}.sso-secret-saved{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;font-size:13px;color:#16a34a}.sso-change-link{margin-left:auto;background:none;border:none;color:#e85d04;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline}.sso-input-wrap{position:relative}.sso-input-wrap .sso-input{padding-right:38px}.sso-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center}.sso-eye:hover{color:#475569}.sso-redirect-box{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px}.sso-redirect-box code{flex:1;font-size:12.5px;color:#334155;word-break:break-all}.sso-copy-btn{padding:4px 12px;border-radius:6px;background:#e85d04;color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:opacity .12s}.sso-copy-btn:hover{opacity:.85}.sso-toggles{display:flex;flex-direction:column;gap:14px;margin-top:4px}.sso-toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sso-toggle-label{font-size:13px;font-weight:600;color:#0f172a}.sso-toggle-sub{font-size:12px;color:#64748b;margin-top:2px;max-width:560px}.sso-toggle{position:relative;width:44px;height:24px;flex-shrink:0;background:#cbd5e1;border:none;border-radius:12px;cursor:pointer;transition:background .2s;margin-top:2px}.sso-toggle.on{background:#e85d04}.sso-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;display:block}.sso-toggle.on .sso-toggle-knob{transform:translate(20px)}.sso-actions{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #f1f5f9}.sso-save-btn{display:flex;align-items:center;gap:7px;padding:9px 22px;border-radius:8px;background:#e85d04;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .12s}.sso-save-btn:hover{opacity:.88}.sso-save-btn:disabled{opacity:.6;cursor:not-allowed}.sso-clear-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;background:none;border:1.5px solid #fecaca;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:all .12s;margin-left:auto}.sso-clear-btn:hover{background:#fef2f2}.sso-guide-card{background:#fafafa}.sso-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.sso-guide-item{padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.sso-guide-name{font-size:13px;font-weight:600;color:#0f172a;margin-bottom:4px}.sso-guide-url{font-size:11.5px;color:#64748b;word-break:break-all;display:block}.sso-guide-note{font-size:11.5px;color:#94a3b8;margin-top:4px}.sso-guide-steps{display:flex;flex-direction:column;gap:10px}.sso-guide-step{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#475569}.sso-guide-step span{width:22px;height:22px;border-radius:50%;background:#e85d04;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media(max-width:640px){.sso-guide-grid{grid-template-columns:1fr}.sso-input-row{flex-direction:column}}.al-page{max-width:1320px;display:flex;flex-direction:column;gap:20px}.al-header{display:flex;align-items:flex-start;justify-content:space-between}.al-title{font-size:22px;font-weight:700;color:var(--navy, #0d1b2a)}.al-sub{font-size:13px;color:var(--text-muted, #64748b);margin-top:3px}.al-body{display:flex;gap:20px;align-items:flex-start}.al-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.al-calendar{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000d}.al-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.al-cal-nav button{background:none;border:1px solid var(--border, #e2e8f0);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s}.al-cal-nav button:hover{background:#f1f5f9;color:#0f172a}.al-cal-month-label{font-size:13px;font-weight:600;color:#0f172a}.al-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.al-cal-dow{font-size:10px;font-weight:600;color:#94a3b8;text-align:center;padding:3px 0 5px}.al-cal-day{position:relative;background:none;border:none;border-radius:6px;padding:5px 0;font-size:12px;color:#475569;cursor:pointer;text-align:center;transition:background .12s,color .12s;line-height:1}.al-cal-day:hover{background:#f1f5f9;color:#0f172a}.al-cal-day.today{color:var(--orange, #e85d04);font-weight:700}.al-cal-day.has-activity{color:#1e293b;font-weight:600}.al-cal-day.selected{background:var(--orange, #e85d04)!important;color:#fff!important;font-weight:700}.al-cal-dot{position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--orange, #e85d04)}.al-cal-day.selected .al-cal-dot{background:#ffffffb3}.al-day-summary{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:14px;box-shadow:0 1px 4px #0000000d}.al-day-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.al-stat-rows{display:flex;flex-direction:column;gap:8px}.al-stat-row{display:flex;align-items:center;gap:9px}.al-stat-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.al-stat-text{font-size:12.5px;color:#0f172a;font-weight:500}.al-main{flex:1;min-width:0;background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:12px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;overflow:hidden}.al-table-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid var(--border, #e2e8f0);flex-shrink:0}.al-table-title{font-size:13.5px;font-weight:600;color:#0f172a}.al-count-chip{background:#eff6ff;color:#2563eb;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px}.al-table-scroll{overflow-y:auto;max-height:calc(100vh - 260px);min-height:300px}.al-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.al-tbl thead{position:sticky;top:0;z-index:1}.al-tbl th{text-align:left;font-size:10.5px;font-weight:600;color:#64748b;padding:9px 14px;background:#f8fafc;border-bottom:1px solid var(--border, #e2e8f0);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.al-tbl td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.al-tbl tr:last-child td{border-bottom:none}.al-tbl tr:hover td{background:#fafbfc}.al-row-alt td{background:#fdfdfe}.al-empty{text-align:center;padding:48px!important;color:#94a3b8;font-size:13px}.al-td-time{font-variant-numeric:tabular-nums;font-size:12px;color:#64748b;white-space:nowrap;display:flex;align-items:center}.al-employee{display:flex;align-items:center;gap:8px}.al-avatar{width:28px;height:28px;border-radius:50%;background:#0d1b2a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.al-emp-name{font-size:12.5px;font-weight:600;color:#0f172a;line-height:1.2}.al-emp-role{font-size:10.5px;color:#94a3b8;text-transform:capitalize}.al-badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.al-ticket-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;cursor:pointer;color:var(--orange, #e85d04);font-weight:600;font-size:12px;transition:opacity .12s}.al-ticket-btn:hover{opacity:.75}.al-ticket-btn-icon{opacity:.55}.al-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.al-modal{background:#fff;border-radius:14px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0003;overflow:hidden}.al-modal-head{padding:18px 20px 14px;border-bottom:1px solid var(--border, #e2e8f0);flex-shrink:0;position:relative}.al-modal-title-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.al-modal-icon{color:var(--orange, #e85d04);margin-top:3px;flex-shrink:0}.al-modal-ticket-num{font-size:16px;font-weight:700;color:var(--orange, #e85d04);font-variant-numeric:tabular-nums}.al-modal-subject{font-size:13px;color:#334155;margin-top:2px;line-height:1.4}.al-modal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.al-modal-meta-item{font-size:11.5px;color:#64748b}.al-modal-meta-sep{color:#cbd5e1}.al-modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .12s}.al-modal-close:hover{background:#e2e8f0;color:#0f172a}.al-modal-body{overflow-y:auto;padding:20px;flex:1}.al-modal-empty{text-align:center;padding:40px;color:#94a3b8;font-size:13px}.al-timeline{display:flex;flex-direction:column}.al-tl-row{display:flex;gap:14px;align-items:flex-start}.al-tl-spine{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:4px;width:16px}.al-tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.al-tl-line{width:2px;flex:1;min-height:24px;background:#e2e8f0;margin:4px 0}.al-tl-content{flex:1;padding-bottom:20px;min-width:0}.al-tl-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}.al-tl-emp{display:flex;align-items:center;gap:7px}.al-tl-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.al-tl-role{font-size:11px;color:#94a3b8;text-transform:capitalize}.al-tl-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#94a3b8;margin-left:auto;white-space:nowrap}.al-tl-change{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px;font-size:12.5px}.al-tl-field{font-weight:600;color:#475569;flex-shrink:0;min-width:80px}.al-tl-from{color:#dc2626;background:#fee2e2;border-radius:5px;padding:2px 8px;font-size:12px}.al-tl-arrow{color:#94a3b8;flex-shrink:0}.al-tl-to{color:#16a34a;background:#dcfce7;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.al-tl-note{font-size:12.5px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px}.al-tl-note-danger{border-color:#fecaca;background:#fff5f5;color:#dc2626}.al-td-field{color:#475569;font-size:12px}.al-td-val{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.al-td-old{color:#dc2626}.al-td-new{color:#16a34a;font-weight:500}.al-nil{color:#cbd5e1}.al-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-top:1px solid var(--border, #e2e8f0);flex-shrink:0}.al-pagination button{display:flex;align-items:center;gap:4px;padding:5px 12px;background:#f1f5f9;border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:12px;cursor:pointer;color:#475569;transition:all .12s}.al-pagination button:hover:not(:disabled){background:#e2e8f0}.al-pagination button:disabled{opacity:.4;cursor:not-allowed}.al-pagination span{font-size:12px;color:#64748b}.reports-page{padding:28px 32px;max-width:1400px}.rpt-mode-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px;width:fit-content;margin-bottom:24px}.rpt-mode-tab{display:flex;align-items:center;gap:7px;background:none;border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.rpt-mode-tab:hover{background:#fff;color:#334155}.rpt-mode-tab.active{background:#fff;color:#e85d04;font-weight:600;box-shadow:0 1px 4px #00000014}.rpt-global{padding-top:4px}.rpt-global-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.rpt-global-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px}.rpt-global-cards{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-bottom:20px}@media(max-width:1400px){.rpt-global-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.rpt-global-cards{grid-template-columns:repeat(2,1fr)}}.rpt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.rpt-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 4px}.rpt-sub{font-size:13px;color:#64748b;margin:0}.rpt-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.rpt-date-chip{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:7px 12px}.rpt-export-btn{display:flex;align-items:center;gap:7px;background:#e85d04;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.rpt-export-btn:hover:not(:disabled){background:#c94d02}.rpt-export-btn:disabled{opacity:.55;cursor:not-allowed}.rpt-export-sm{padding:7px 12px;font-size:12px}.rpt-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-bottom:24px}@media(max-width:1300px){.rpt-cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.rpt-cards{grid-template-columns:repeat(2,1fr)}}.rpt-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.rpt-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rpt-card-label{font-size:11px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.rpt-card-value{font-size:22px;font-weight:700;line-height:1}.rpt-charts-row{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-bottom:16px}@media(max-width:1100px){.rpt-charts-row{grid-template-columns:1fr}}.rpt-chart-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:20px 24px}.rpt-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rpt-chart-header h3{font-size:14px;font-weight:600;color:#0f172a;margin:0}.rpt-donut-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rpt-legend{display:flex;flex-direction:column;gap:6px;flex:1;min-width:110px}.rpt-legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.rpt-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rpt-legend-name{color:#475569;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.rpt-legend-val{font-weight:600;color:#0f172a;font-size:12px}.rpt-empty-chart{display:flex;align-items:center;justify-content:center;height:160px;font-size:13px;color:#94a3b8}.rpt-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:20px 24px;margin-bottom:32px}.rpt-table-wrap{overflow-x:auto}.rpt-table{width:100%;border-collapse:collapse;font-size:13px}.rpt-table th{padding:9px 12px;text-align:left;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #F1F5F9;white-space:nowrap}.rpt-table td{padding:11px 12px;border-bottom:1px solid #F8FAFC;color:#334155;vertical-align:middle}.rpt-table tr:last-child td{border-bottom:none}.rpt-table tr:hover td{background:#f8fafc}.rpt-ticket-num{font-weight:600;color:#6366f1!important;font-family:monospace;font-size:12px}.rpt-subject{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpt-date{color:#94a3b8!important;font-size:12px;white-space:nowrap}.rpt-empty-row{text-align:center;padding:40px!important;color:#94a3b8}.rpt-status-pill,.rpt-priority-pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.rpt-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:16px;flex-wrap:wrap}.rpt-pag-info{font-size:13px;color:#64748b}.rpt-pag-info strong{color:#0f172a;font-weight:600}.rpt-pag-pages{display:flex;align-items:center;gap:4px}.rpt-pag-btn{min-width:34px;height:34px;padding:0 6px;border-radius:7px;border:1px solid #E2E8F0;background:#fff;font-size:13px;font-weight:500;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s,color .12s}.rpt-pag-btn:hover:not(:disabled){background:#fff4ee;border-color:#e85d04;color:#e85d04}.rpt-pag-btn.active{background:#e85d04;border-color:#e85d04;color:#fff;font-weight:700}.rpt-pag-btn:disabled{opacity:.35;cursor:not-allowed}.rpt-pag-nav{color:#94a3b8}.rpt-pag-ellipsis{min-width:28px;height:34px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#94a3b8;-webkit-user-select:none;user-select:none}.kb-page{padding:28px 32px;max-width:1400px}.kb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.kb-header-left{display:flex;align-items:center;gap:14px}.kb-header-icon{width:46px;height:46px;border-radius:12px;background:#eef2ff;color:#6366f1;display:flex;align-items:center;justify-content:center}.kb-title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 3px}.kb-sub{font-size:13px;color:#64748b;margin:0}.kb-new-btn{display:flex;align-items:center;gap:7px;background:#e85d04;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.kb-new-btn:hover{background:#c94d02}.kb-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}@media(max-width:900px){.kb-layout{grid-template-columns:1fr}}.kb-sidebar{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;position:sticky;top:20px}.kb-sidebar-title{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.kb-cat-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:8px 10px;font-size:13px;color:#475569;cursor:pointer;transition:background .12s,color .12s;margin-bottom:2px}.kb-cat-btn:hover{background:#f8fafc}.kb-cat-btn.active{background:#eef2ff;color:#6366f1;font-weight:600}.kb-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.kb-cat-count{margin-left:auto;font-size:11px;background:#f1f5f9;color:#64748b;border-radius:10px;padding:1px 7px;font-weight:600}.kb-cat-btn.active .kb-cat-count{background:#c7d2fe;color:#4f46e5}.kb-main{min-width:0}.kb-search-wrap{position:relative;margin-bottom:16px}.kb-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.kb-search{width:100%;border:1px solid #E2E8F0;border-radius:10px;padding:10px 36px;font-size:13px;color:#0f172a;background:#fff;box-sizing:border-box;outline:none;transition:border-color .15s}.kb-search:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.kb-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#94a3b8;display:flex}.kb-active-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;margin-bottom:16px}.kb-filter-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.kb-filter-chip button{background:none;border:none;cursor:pointer;display:flex;align-items:center;color:inherit;opacity:.7;padding:0}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.kb-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:20px;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .1s}.kb-card:hover{box-shadow:0 4px 16px #00000014;border-color:#c7d2fe;transform:translateY(-1px)}.kb-card-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kb-cat-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.kb-draft-badge{background:#fef3c7;color:#d97706;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.5px}.kb-card-actions{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity .15s}.kb-card:hover .kb-card-actions{opacity:1}.kb-action-btn{width:28px;height:28px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.kb-action-btn.edit{background:#eef2ff;color:#6366f1}.kb-action-btn.edit:hover{background:#c7d2fe}.kb-action-btn.del{background:#fef2f2;color:#ef4444}.kb-action-btn.del:hover{background:#fecaca}.kb-card-title{font-size:15px;font-weight:600;color:#0f172a;margin:0 0 8px;line-height:1.4}.kb-card-excerpt{font-size:13px;color:#64748b;line-height:1.55;margin:0 0 14px}.kb-card-footer{display:flex;align-items:center;gap:8px;border-top:1px solid #F1F5F9;padding-top:12px;font-size:11px;color:#94a3b8}.kb-card-meta{flex:1}.kb-card-views{display:flex;align-items:center;gap:4px}.kb-card-arrow{color:#cbd5e1}.kb-loading,.kb-empty{text-align:center;padding:60px;color:#94a3b8;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.kb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.kb-modal{background:#fff;border-radius:14px;width:100%;max-width:760px;box-shadow:0 20px 60px #0000002e;display:flex;flex-direction:column}.kb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #F1F5F9}.kb-modal-header h2{font-size:16px;font-weight:700;color:#0f172a;margin:0}.kb-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;padding:4px;border-radius:6px}.kb-modal-close:hover{background:#f1f5f9;color:#475569}.kb-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.kb-field{display:flex;flex-direction:column;gap:6px}.kb-field label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:10px}.kb-field-hint{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;color:#94a3b8}.kb-field input,.kb-field select,.kb-field textarea{border:1px solid #E2E8F0;border-radius:8px;padding:9px 12px;font-size:13px;color:#0f172a;background:#fff;outline:none;font-family:inherit;transition:border-color .15s}.kb-field input:focus,.kb-field select:focus,.kb-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.kb-field textarea{resize:vertical;min-height:200px;font-family:Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.kb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kb-field-grow{flex:1}.kb-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.kb-btn-cancel{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;color:#475569;cursor:pointer}.kb-btn-cancel:hover{background:#f1f5f9}.kb-btn-save{background:#e85d04;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.kb-btn-save:hover:not(:disabled){background:#c94d02}.kb-btn-save:disabled{opacity:.55;cursor:not-allowed}.kba-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;margin-bottom:24px;flex-wrap:wrap}.kba-back-btn{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;color:#6366f1;font-size:13px;font-weight:500;padding:0}.kba-back-btn:hover{text-decoration:underline}.kba-breadcrumb-sep{color:#cbd5e1}.kba-breadcrumb-title{color:#0f172a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.kba-layout{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:start}@media(max-width:900px){.kba-layout{grid-template-columns:1fr}}.kba-article{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:32px 36px}.kba-article-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.kba-edit-btn{display:flex;align-items:center;gap:5px;margin-left:auto;background:#eef2ff;border:none;border-radius:7px;padding:6px 12px;font-size:12px;color:#6366f1;cursor:pointer;font-weight:600}.kba-edit-btn:hover{background:#c7d2fe}.kba-article-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.35}.kba-article-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8;flex-wrap:wrap}.kba-article-meta span{display:flex;align-items:center;gap:4px}.kba-divider{border:none;border-top:1px solid #F1F5F9;margin:20px 0}.kba-content{font-size:14px;color:#334155;line-height:1.7}.kb-content-h2{font-size:18px;font-weight:700;color:#0f172a;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid #F1F5F9}.kb-content-h3{font-size:15px;font-weight:600;color:#1e293b;margin:20px 0 8px}.kb-content-p{margin:0 0 12px}.kb-content-list{padding-left:22px;margin:0 0 12px}.kb-content-list li{margin-bottom:6px}.kba-meta-sidebar{display:flex;flex-direction:column;gap:12px}.kba-back-card{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:12px 14px;font-size:13px;color:#6366f1;font-weight:500;cursor:pointer;width:100%;transition:background .12s}.kba-back-card:hover{background:#eef2ff}.kba-info-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px}.kba-info-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #F8FAFC;flex-wrap:wrap}.kba-info-row:last-child{border-bottom:none}.kba-info-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.kba-info-val{font-size:12px;color:#334155;font-weight:500;text-align:right}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0D1B2A;--navy-mid: #1A2B3C;--navy-light: #243447;--orange: #E85D04;--orange-hover: #D05100;--orange-light: #FFF3EC;--white: #FFFFFF;--bg: #F0F4F8;--border: #E2E8F0;--text: #0D1B2A;--text-muted: #64748B;--text-light: #94A3B8;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;--sidebar-width: 240px;--topbar-height: 64px;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.ml-auto{margin-left:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}