@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";.sr-col-padding{padding:0 20px!important}.sr-action-btns{display:flex;justify-content:flex-end;gap:8px}.km-icon-btn{border:none;outline:none;background:transparent;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.km-icon-btn:focus,.km-icon-btn:active{outline:none;border:none;box-shadow:none}:root{--bg-base: #f0f2f8;--bg-surface: #ffffff;--bg-surface-2: #f7f8fc;--bg-sidebar: #ffffff;--bg-topbar: #ffffff;--border-color: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .13);--text-primary: #1a1d2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-inverse: #ffffff;--accent: #c0392b;--accent-hover: #a93226;--accent-light: rgba(192, 57, 43, .1);--accent-border: rgba(192, 57, 43, .25);--accent-glow: rgba(192, 57, 43, .35);--blue: #2980b9;--blue-light: rgba(41, 128, 185, .12);--green: #27ae60;--green-light: rgba(39, 174, 96, .12);--orange: #e67e22;--orange-light: rgba(230, 126, 34, .12);--red: #e74c3c;--red-light: rgba(231, 76, 60, .12);--purple: #9b59b6;--purple-light: rgba(155, 89, 182, .12);--yellow: #f1c40f;--hover-bg: rgba(0, 0, 0, .04);--active-bg: rgba(192, 57, 43, .1);--active-color: #c0392b;--shadow-sm: 0 1px 4px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.11);--font: "Poppins", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-shell{display:flex;min-height:100vh;background:var(--bg-base)}.app-content{flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:100;box-shadow:var(--shadow-sm)}.sidebar--expanded{width:240px}.sidebar--collapsed{width:68px}.sidebar-brand{padding:20px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;min-height:68px}.sidebar-brand__logo{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 16px var(--accent-glow)}.sidebar-brand__logo i{color:#fff;font-size:18px}.sidebar-brand__name{font-family:var(--font);font-weight:800;font-size:17px;color:var(--text-primary);white-space:nowrap}.sidebar-brand__name span{color:var(--accent)}.sidebar-role{padding:12px 16px;border-bottom:1px solid var(--border-color)}.sidebar-role__badge{border-radius:var(--radius-md);padding:8px 12px;display:flex;align-items:center;gap:8px}.sidebar-role__badge--admin{background:var(--accent-light);border:1px solid var(--accent-border)}.sidebar-role__badge--agent{background:var(--blue-light);border:1px solid rgba(41,128,185,.25)}.sidebar-role__name{color:var(--text-primary);font-size:12px;font-weight:600}.sidebar-role__label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-nav__section-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 8px 10px}.sidebar-nav__item{width:100%;display:flex;align-items:center;gap:12px;border-radius:var(--radius-md);border:none;cursor:pointer;margin-bottom:2px;background:transparent;color:var(--text-secondary);transition:all .15s ease;font-family:var(--font);font-size:14px}.sidebar-nav__item--expanded{padding:10px 12px;justify-content:flex-start}.sidebar-nav__item--collapsed{padding:10px 16px;justify-content:center}.sidebar-nav__item:hover{background:var(--hover-bg);color:var(--text-primary)}.sidebar-nav__item--active{background:var(--active-bg)!important;color:var(--active-color)!important}.sidebar-nav__item--active i{color:var(--active-color)!important}.sidebar-nav__item i{font-size:18px;flex-shrink:0;color:var(--text-muted)}.sidebar-nav__item-label{font-size:14px;font-weight:400;white-space:nowrap}.sidebar-nav__item--active .sidebar-nav__item-label{font-weight:600}.sidebar-nav__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto}.sidebar-bottom{padding:12px 8px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.sidebar-bottom__btn{width:100%;display:flex;align-items:center;gap:12px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:background .15s;font-family:var(--font);font-size:13px}.sidebar-bottom__btn--expanded{padding:10px 12px;justify-content:flex-start}.sidebar-bottom__btn--collapsed{padding:10px 16px;justify-content:center}.sidebar-bottom__btn--toggle{color:var(--text-secondary)}.sidebar-bottom__btn--toggle:hover{background:var(--hover-bg)}.sidebar-bottom__btn--logout{color:var(--red)}.sidebar-bottom__btn--logout:hover{background:var(--red-light)}.topbar{height:64px;background:var(--bg-topbar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:99;box-shadow:var(--shadow-sm)}.topbar__title{font-family:var(--font);font-weight:700;font-size:20px;color:var(--text-primary);margin:0}.topbar__date{color:var(--text-muted);font-size:12px;font-family:var(--font)}.topbar__icon-btn{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg-surface-2);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-secondary);font-size:16px;transition:background .15s}.topbar__icon-btn:hover{background:var(--hover-bg)}.topbar__notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-topbar)}.topbar__user-chip{display:flex;align-items:center;gap:10px;margin-left:8px;padding:6px 12px;background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:background .15s}.topbar__user-chip:hover{background:var(--hover-bg)}.topbar__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;font-family:var(--font);overflow:hidden}.topbar__avatar--admin{background:var(--accent)}.topbar__avatar--agent{background:var(--blue)}.topbar__user-name{color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font)}.topbar__user-role{color:var(--text-muted);font-size:11px}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.card-header{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between}.card-title{font-family:var(--font);font-weight:600;font-size:15px;color:var(--text-primary)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;transition:all .15s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--hover-bg);color:var(--text-primary)}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--font)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-family:var(--font)}.data-table th{background:var(--bg-surface-2);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-surface-2)}.form-control{width:100%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);font-family:var(--font);font-size:14px;transition:border-color .15s,box-shadow .15s;outline:none}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--bg-surface)}.form-control::placeholder{color:var(--text-muted)}.auth-page{min-height:100vh;display:flex;background:var(--bg-base);font-family:var(--font);position:relative;overflow:hidden}.auth-panel-left{background:linear-gradient(145deg,#3d0a06,#5c1310,#1a0d1f);position:relative;z-index:1;border-right:1px solid rgba(192,57,43,.2)}.auth-panel-right{position:relative;z-index:1}.auth-form-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg)}.page-container{padding:24px;font-family:var(--font);color:var(--text-primary);min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.bg-surface{background:var(--bg-surface)}.bg-base{background:var(--bg-base)}.border-default{border:1px solid var(--border-color)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.font-poppins{font-family:var(--font)}.auth-page{min-height:100vh;background:var(--bg-base);font-family:var(--font);position:relative;overflow:hidden}.auth-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.auth-glow--red{background:radial-gradient(circle,rgba(192,57,43,.14) 0%,transparent 70%)}.auth-glow--blue{background:radial-gradient(circle,rgba(52,152,219,.1) 0%,transparent 70%)}.auth-glow--purple{background:radial-gradient(circle,rgba(155,89,182,.18) 0%,transparent 70%)}.auth-brand-panel{width:45%;padding:56px;background:linear-gradient(145deg,#1a0608,#3b0d0a 45%,#1f0d25);position:relative;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between}.auth-brand-panel__glow-top{position:absolute;top:-80px;left:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(192,57,43,.35) 0%,transparent 70%);filter:blur(50px)}.auth-brand-panel__glow-bottom{position:absolute;bottom:-60px;right:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(155,89,182,.25) 0%,transparent 70%);filter:blur(50px)}.auth-brand-panel__content{position:relative;z-index:1}.auth-brand-panel__features{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px}.auth-brand-panel__logo{display:flex;align-items:center;gap:12px;margin-bottom:64px}.auth-brand-panel__logo-icon{width:44px;height:44px;border-radius:12px;background:#c0392b;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #c0392b99}.auth-brand-panel__logo-icon i{color:#fff;font-size:20px}.auth-brand-panel__logo-text{font-weight:800;font-size:22px;color:#fff}.auth-brand-panel__logo-text span{color:#e74c3c}.auth-brand-panel__headline{font-weight:800;font-size:44px;color:#fff;line-height:1.1;margin-bottom:20px}.auth-brand-panel__headline span{color:#e74c3c}.auth-brand-panel__desc{color:#ffffff8c;font-size:15px;line-height:1.75;max-width:320px}.auth-feature-item{display:flex;align-items:center;gap:14px}.auth-feature-item__icon{width:40px;height:40px;border-radius:10px;background:#c0392b2e;border:1px solid rgba(192,57,43,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-feature-item__icon i{color:#e74c3c;font-size:17px}.auth-feature-item__label{color:#fff;font-weight:600;font-size:13px}.auth-feature-item__desc{color:#fff6;font-size:12px}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-base)}.auth-card{background:#fff;border-radius:20px;padding:44px 40px;border:1px solid #e2e5ef;box-shadow:0 8px 40px #00000014;width:100%;max-width:440px}.auth-card--wide{max-width:480px}.auth-card__title{font-weight:700;font-size:26px;color:#1a1d2e;margin-bottom:6px}.auth-card__subtitle{color:#9ca3af;font-size:14px;margin-bottom:32px}.auth-mobile-logo{text-align:center;margin-bottom:24px}.auth-mobile-logo__inner{display:inline-flex;align-items:center;gap:10px}.auth-mobile-logo__icon{width:38px;height:38px;border-radius:8px;background:#c0392b;display:flex;align-items:center;justify-content:center}.auth-mobile-logo__icon i{color:#fff;font-size:18px}.auth-mobile-logo__text{font-weight:800;font-size:20px;color:#1a1d2e}.auth-mobile-logo__text span{color:#c0392b}.auth-role-switcher{display:flex;gap:6px;margin-bottom:28px;background:#f0f2f8;border-radius:12px;padding:4px}.auth-role-btn{flex:1;padding:9px 0;border-radius:9px;border:none;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:all .2s;background:transparent;color:#6b7280}.auth-role-btn--active{background:#c0392b;color:#fff;box-shadow:0 4px 12px #c0392b4d}.auth-label{color:#374151;font-size:13px;font-weight:500;margin-bottom:8px;display:block}.auth-input-wrap{position:relative}.auth-input-wrap__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:15px;pointer-events:none}.auth-input{width:100%;background:#f7f8fc;border:1.5px solid #e2e5ef;border-radius:10px;padding:12px 14px 12px 42px;color:#1a1d2e;font-size:14px;outline:none;font-family:var(--font);box-sizing:border-box;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input--padright{padding-right:42px}.auth-input:focus{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b1a;background:#fff}.auth-input::placeholder{color:#c4c9d4}.auth-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;font-size:15px;padding:0}.auth-eye-btn:hover{color:#6b7280}.auth-strength-bar{display:flex;align-items:center;gap:8px;margin-top:8px}.auth-strength-track{flex:1;height:4px;border-radius:4px;background:#e2e5ef;overflow:hidden}.auth-strength-fill{height:100%;border-radius:4px;transition:all .3s}.auth-strength-label{font-size:11px;font-weight:600;min-width:50px}.auth-submit-btn{width:100%;padding:13px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;font-weight:700;font-size:15px;font-family:var(--font);box-shadow:0 6px 20px #c0392b59;transition:box-shadow .2s,opacity .2s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 28px #c0392b80}.auth-submit-btn:disabled{opacity:.8;cursor:wait}.auth-forgot-btn{background:none;border:none;color:#c0392b;font-size:13px;cursor:pointer;font-family:var(--font);font-weight:500}.auth-footer-text{text-align:center;margin-top:24px;color:#9ca3af;font-size:13px}.auth-link-btn{background:none;border:none;color:#c0392b;cursor:pointer;font-weight:600;font-family:var(--font);font-size:13px}.auth-back-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:13px;font-family:var(--font);display:inline-flex;align-items:center;gap:6px;transition:color .15s}.auth-back-btn:hover{color:#6b7280}.auth-center-page{min-height:100vh;background:var(--bg-base);font-family:var(--font);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.auth-center-inner{width:100%;max-width:480px;position:relative;z-index:1}.auth-page-header{text-align:center;margin-bottom:28px}.auth-page-header__icon{width:64px;height:64px;border-radius:18px;background:#c0392b1a;border:1px solid rgba(192,57,43,.25);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-page-header__icon i{color:#c0392b;font-size:28px}.auth-page-header__title{font-weight:800;color:#1a1d2e;font-size:28px;margin-bottom:8px}.auth-page-header__sub{color:#9ca3af;font-size:14px}.auth-success-icon{width:64px;height:64px;border-radius:50%;background:#27ae601f;border:1px solid rgba(39,174,96,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.auth-success-icon i{color:#27ae60;font-size:28px}.auth-success-title{color:#1a1d2e;font-weight:700;margin-bottom:8px}.auth-success-text{color:#9ca3af;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;display:inline-block}.sr-page{padding:24px;min-height:100vh}.sr-date-badge-row{display:flex;justify-content:flex-end;margin-bottom:16px}.sr-date-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);background:var(--bg-surface);padding:5px 14px;border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.sr-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.sr-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.sr-required{color:var(--accent)}.sr-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.sr-input{width:100%;background:var(--bg-surface-2);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:9px 12px;color:var(--text-primary);font-size:13px;font-family:var(--font);outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.sr-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.sr-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.sr-input-icon-wrap{position:relative}.sr-input--icon-right{padding-right:36px;cursor:pointer}.sr-input-icon{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:15px;pointer-events:none}.sr-radio-group{display:flex;gap:18px;padding-top:10px}.sr-radio-label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.sr-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s}.sr-radio-dot--active{border-color:var(--accent)}.sr-radio-inner{width:8px;height:8px;border-radius:50%;background:var(--accent)}.sr-radio-text{color:var(--text-muted)}.sr-radio-text--active{color:var(--text-primary);font-weight:500}.sr-filter-row{display:flex;flex-wrap:wrap;gap:8px}.sr-filter-wrap{position:relative}.sr-filter-select{background:var(--bg-surface-2);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:7px 30px 7px 10px;color:var(--text-primary);font-size:12px;font-family:var(--font);outline:none;cursor:pointer;transition:border-color .15s}.sr-filter-select:focus,.sr-filter-select:hover{border-color:var(--accent)}.sr-filter-icon{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-muted);pointer-events:none}.sr-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sr-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s;border:none}.sr-btn--ghost{background:var(--bg-surface-2);border:1.5px solid var(--border-color);color:var(--text-primary)}.sr-btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.sr-btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.sr-btn--primary:hover{background:var(--accent-hover);box-shadow:0 6px 18px var(--accent-glow);transform:translateY(-1px)}.sr-notes-title{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:10px}.sr-notes-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.sr-notes-list li{font-size:12px;color:var(--text-muted);line-height:1.65}.sr-notes-sub{margin-top:6px;padding-left:18px;display:flex;flex-direction:column;gap:4px}.sr-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:5px;width:fit-content;box-shadow:var(--shadow-sm)}.sr-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:7px;border:none;cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);white-space:nowrap;color:var(--text-muted);background:transparent;transition:all .18s}.sr-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.sr-tab--active{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.sr-tab--active:hover{background:var(--accent-hover);color:#fff}.sr-table-card{padding:0;overflow:hidden}.sr-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:10px}.sr-search-wrap{position:relative}.sr-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.sr-search-input{width:190px;padding-left:32px}.sr-entries-ctrl{display:flex;align-items:center;gap:6px}.sr-entries-label{font-size:12px;color:var(--text-muted)}.sr-entries-select{width:64px;padding:6px 8px;font-size:12px}.sr-table-scroll{overflow-x:auto}.sr-table{width:100%;border-collapse:collapse}.sr-th{padding:11px 14px;text-align:left;font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;border-bottom:1px solid var(--border-color);background:var(--bg-surface-2)}.sr-sort-icon{opacity:.3;font-size:9px;margin-left:4px}.sr-th-filter{padding:6px 10px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-color)}.sr-col-filter{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:5px;padding:4px 8px;color:var(--text-muted);font-size:11px;font-family:var(--font);outline:none}.sr-col-filter:focus{border-color:var(--accent)}.sr-tr{cursor:pointer;transition:background .13s}.sr-tr:hover td{background:var(--hover-bg)}.sr-td{padding:12px 14px;font-size:13px;color:var(--text-primary);white-space:nowrap;border-bottom:1px solid var(--border-color)}.sr-td--muted{color:var(--text-secondary);font-size:12px}.sr-td--title{font-weight:600}.sr-td--small{color:var(--text-muted);font-size:11px}.sr-td--truncate{max-width:140px;overflow:hidden;text-overflow:ellipsis}.sr-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent}.sr-badge--green{background:var(--green-light);color:var(--green);border-color:#27ae6033}.sr-badge--neutral{background:#9ca3af1f;color:var(--text-muted);border-color:#9ca3af33}.sr-action-btns{display:flex;gap:6px}.sr-icon-btn{width:30px;height:30px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:transform .12s,opacity .12s}.sr-icon-btn:hover{transform:scale(1.1)}.sr-icon-btn--blue{background:var(--blue-light);color:var(--blue)}.sr-icon-btn--orange{background:var(--orange-light);color:var(--orange)}.sr-icon-btn--red{background:var(--red-light);color:var(--red)}.sr-empty-state{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:14px}.sr-empty-icon{font-size:36px;display:block;margin-bottom:10px;opacity:.35}.sr-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:8px}.sr-pagination-info{font-size:12px;color:var(--text-muted)}.sr-page-btns{display:flex;gap:5px}.sr-page-btn{padding:4px 11px;border-radius:6px;border:1.5px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-muted);font-size:12px;font-family:var(--font);cursor:pointer;transition:all .12s}.sr-page-btn:hover{border-color:var(--accent);color:var(--accent)}.sr-page-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.km-page{padding:24px;min-height:100vh}.km-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.km-toolbar-meta{font-size:12.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin:0}.km-search-wrap{position:relative}.km-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none}.km-input{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:var(--font);outline:none;transition:border-color .15s}.km-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.km-search-wrap .km-input{padding-left:36px;width:210px}.km-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-md);border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s;box-shadow:0 2px 8px var(--accent-glow)}.km-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-glow)}.km-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.km-col{min-width:282px;max-width:300px;flex:1 1 282px;background:var(--bg-surface);border-radius:var(--radius-lg);border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s;overflow:hidden}.km-col--drag-over{box-shadow:var(--shadow-md)}.km-col.col--red{border-top:3px solid var(--red)}.km-col.col--blue{border-top:3px solid var(--blue)}.km-col.col--orange{border-top:3px solid var(--orange)}.km-col.col--green{border-top:3px solid var(--green)}.km-col.col--red.km-col--drag-over{border-color:var(--red);background:#e74c3c0a}.km-col.col--blue.km-col--drag-over{border-color:var(--blue);background:#2980b90a}.km-col.col--orange.km-col--drag-over{border-color:var(--orange);background:#e67e220a}.km-col.col--green.km-col--drag-over{border-color:var(--green);background:#27ae600a}.km-col-header{padding:14px 16px 12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface-2)}.km-col-icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.km-col-icon-wrap.col--red{background:var(--red-light);color:var(--red)}.km-col-icon-wrap.col--blue{background:var(--blue-light);color:var(--blue)}.km-col-icon-wrap.col--orange{background:var(--orange-light);color:var(--orange)}.km-col-icon-wrap.col--green{background:var(--green-light);color:var(--green)}.km-col-title{font-weight:700;font-size:13.5px;color:var(--text-primary)}.km-col-count{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700}.km-col-count.col--red{background:var(--red-light);color:var(--red)}.km-col-count.col--blue{background:var(--blue-light);color:var(--blue)}.km-col-count.col--orange{background:var(--orange-light);color:var(--orange)}.km-col-count.col--green{background:var(--green-light);color:var(--green)}.km-cards{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 240px);overflow-y:auto}.km-cards::-webkit-scrollbar-track{background:transparent}.km-cards::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.km-card{background:var(--bg-surface);border-radius:var(--radius-md);padding:14px;border:1.5px solid var(--border-color);cursor:grab;transition:border-color .15s,box-shadow .15s,transform .12s;box-shadow:var(--shadow-sm);position:relative}.km-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.km-card.col--red:hover{border-color:#e74c3c59}.km-card.col--blue:hover{border-color:#2980b959}.km-card.col--orange:hover{border-color:#e67e2259}.km-card.col--green:hover{border-color:#27ae6059}.km-card--dragging{opacity:.45;transform:rotate(1.5deg);cursor:grabbing}.km-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.km-ticket-id{font-size:11px;font-weight:700;letter-spacing:.2px}.km-ticket-id.col--red{color:var(--red)}.km-ticket-id.col--blue{color:var(--blue)}.km-ticket-id.col--orange{color:var(--orange)}.km-ticket-id.col--green{color:var(--green)}.km-priority-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.priority--critical{background:var(--red);box-shadow:0 0 0 2px #e74c3c33}.priority--high{background:var(--orange);box-shadow:0 0 0 2px #e67e2233}.priority--medium{background:var(--yellow);box-shadow:0 0 0 2px #f1c40f33}.priority--low{background:var(--text-muted)}.km-priority-strip{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 8px;margin-top:8px;margin-bottom:4px}.km-priority-strip.priority--critical{background:var(--red-light)}.km-priority-strip.priority--high{background:var(--orange-light)}.km-priority-strip.priority--medium{background:#f1c40f1a}.km-priority-strip.priority--low{background:var(--hover-bg)}.km-priority-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.km-priority-strip.priority--critical .km-priority-label{color:var(--red)}.km-priority-strip.priority--high .km-priority-label{color:var(--orange)}.km-priority-strip.priority--medium .km-priority-label{color:#b7940c}.km-priority-strip.priority--low .km-priority-label{color:var(--text-muted)}.km-card-subject{font-size:13px;font-weight:600;margin:0 0 10px;line-height:1.45;color:var(--text-primary)}.km-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.km-tag{font-size:10px;background:var(--bg-surface-2);color:var(--text-muted);padding:2px 8px;border-radius:12px;border:1px solid var(--border-color)}.km-card-meta{display:flex;align-items:center;justify-content:space-between}.km-card-badges{display:flex;gap:5px}.km-meta-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;background:var(--bg-surface-2);color:var(--text-muted);padding:2px 8px;border-radius:6px;border:1px solid var(--border-color)}.km-card-time{font-size:10.5px;color:var(--text-muted)}.km-card-agent{display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color)}.km-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.km-avatar--unassigned{background:var(--bg-surface-2);border:1.5px dashed var(--border-strong);color:var(--text-muted);font-size:11px}.km-agent-name{font-size:11.5px;font-weight:500;color:var(--text-secondary)}.km-agent-name--unassigned{color:var(--text-muted);font-style:italic}.km-add-btn{width:100%;padding:9px;border-radius:var(--radius-md);border:1.5px dashed var(--border-color);background:transparent;color:var(--text-muted);font-size:12px;font-family:var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s}.km-add-btn.col--red:hover{border-color:var(--red);color:var(--red)}.km-add-btn.col--blue:hover{border-color:var(--blue);color:var(--blue)}.km-add-btn.col--orange:hover{border-color:var(--orange);color:var(--orange)}.km-add-btn.col--green:hover{border-color:var(--green);color:var(--green)}.km-empty{text-align:center;padding:28px 10px;color:var(--text-muted);font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:6px}.km-empty-icon{font-size:28px;opacity:.3}.topbar__right{display:flex;align-items:center;gap:8px}.topbar__menu-btn{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:4px}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;min-width:300px}.toast-item{border-left-width:4px;border-left-style:solid;border-radius:10px;padding:12px 16px;color:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px #0003;animation:slideInToast .35s cubic-bezier(.22,1,.36,1);font-family:var(--font);font-size:14px}.toast-item__icon{font-size:18px;opacity:.9;flex-shrink:0}.toast-item__msg{flex:1}.toast-item__close{background:none;border:none;color:#fff;opacity:.6;cursor:pointer;font-size:14px;padding:0;line-height:1}.toast-item__close:hover{opacity:1}@keyframes slideInToast{0%{opacity:0;transform:translate(60px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.dash-welcome{background:linear-gradient(135deg,#c0392b12,#2980b90d);border:1px solid rgba(192,57,43,.13);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.dash-welcome__title{font-family:var(--font);font-weight:700;font-size:22px;margin:0;color:var(--text-primary)}.dash-welcome__sub{margin:4px 0 0;color:var(--text-muted);font-size:14px}.dash-welcome__actions{display:flex;gap:10px}.stat-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.stat-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card__change{font-size:12px;font-weight:600;font-family:var(--font);padding:2px 8px;border-radius:20px}.stat-card__value{font-size:28px;font-weight:800;font-family:var(--font);margin-bottom:4px;color:var(--text-primary)}.stat-card__label{font-size:12px;color:var(--text-muted);margin-bottom:12px}.stat-card__bar-track{height:4px;border-radius:4px;background:var(--border-color);overflow:hidden}.stat-card__bar-fill{height:100%;border-radius:4px}.dash-panel{padding:24px;height:100%}.dash-panel__sub{color:var(--text-muted);font-size:12px;margin:0 0 16px}.dash-channels{display:flex;flex-direction:column;gap:14px}.dash-channel-meta{display:flex;justify-content:space-between;margin-bottom:6px}.dash-channel-name{font-size:13px;color:var(--text-primary);font-weight:500}.dash-channel-count{font-size:13px;color:var(--text-muted)}.dash-bar-track{height:8px;border-radius:4px;background:var(--bg-surface-2);overflow:hidden;border:1px solid var(--border-color)}.dash-bar-fill{height:100%;border-radius:4px;transition:width 1s ease}.dash-agents{display:flex;flex-direction:column;gap:12px}.dash-agent-row{display:flex;align-items:center;gap:14px;padding:10px 0}.dash-agent-row--border{border-bottom:1px solid var(--border-color)}.dash-agent-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.dash-agent-info{flex:1;min-width:0}.dash-agent-name{font-size:13px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.dash-agent-stats{display:flex;gap:16px;flex-shrink:0}.dash-agent-stat{text-align:center}.dash-agent-stat__val{display:block;font-size:14px;font-weight:700}.dash-agent-stat__lbl{display:block;font-size:10px;color:var(--text-muted)}.dash-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.dash-brand-chip{background:var(--bg-surface-2);border:1px solid var(--border-color);padding:2px 8px;border-radius:6px;font-size:11px}.auth-page{min-height:100vh;display:flex}.auth-form-panel__inner{width:100%;max-width:440px}.auth-center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg-base)}.auth-center-inner{width:100%;max-width:520px;padding:20px;position:relative;z-index:1}.auth-center-inner--sm{max-width:420px}.auth-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.auth-glow--red{background:#c0392b1f}.auth-glow--top-center{top:-20%;left:50%;transform:translate(-50%);width:800px;height:500px}.auth-glow--top-right{top:-15%;right:-10%;width:600px;height:600px}.auth-success-block{text-align:center;padding:10px 0}.auth-back-row{text-align:center;margin-top:24px}.app-main{flex:1;overflow-y:auto}.topbar__title-wrap{flex:1}.sidebar-icon-md{font-size:16px}.sidebar-role__icon--admin{color:var(--accent);font-size:14px}.sidebar-role__icon--agent{color:var(--blue);font-size:14px}.stat-card__icon-glyph{font-size:20px}.stat-card__change--up{color:var(--green);background:#27ae601a}.stat-card__change--down{color:var(--accent);background:#e74c3c1a}:root{--accent-bg: rgba(192,57,43,.12);--orange-bg: rgba(230,126,34,.12);--green-bg: rgba(39,174,96,.12);--blue-bg: rgba(41,128,185,.12);--purple: #9b59b6}.dash-channel-pct{font-weight:600}.dash-bar-track--agent{margin-top:4px}.dash-agent-stat__val--resolved{color:var(--green)}.dash-agent-stat__val--open{color:var(--accent)}.dash-agent-stat__val--rating{color:var(--orange)}.btn-ghost--sm{font-size:12px}.table-scroll{overflow-x:auto}.data-table__row--clickable{cursor:pointer}.data-table__id{color:var(--accent);font-weight:600;font-size:12px;white-space:nowrap}.data-table__subject{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table__nowrap{white-space:nowrap}.data-table__secondary{color:var(--text-secondary);white-space:nowrap}.data-table__muted{color:var(--text-muted);white-space:nowrap}.dash-badge{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;font-family:var(--font);white-space:nowrap}.badge--critical{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.25)}.badge--high{background:#e67e221a;color:#e67e22;border:1px solid rgba(230,126,34,.25)}.badge--medium{background:#d4a0171a;color:#d4a017;border:1px solid rgba(212,160,23,.25)}.badge--low{background:#7f8c8d1a;color:#7f8c8d;border:1px solid rgba(127,140,141,.25)}.badge--open{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.25)}.badge--inprogress{background:#2980b91a;color:#2980b9;border:1px solid rgba(41,128,185,.25)}.badge--resolved{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.25)}.km-page{min-height:100vh;background:#f4f1ec;color:#1a202c;padding:20px;font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.km-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px;background:#fff;border:1.5px solid #e8e2d9;border-radius:16px;padding:14px 20px;box-shadow:0 1px 3px #0000000d,0 4px 14px #0000000a}.km-toolbar-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#8a8075;font-weight:600}.km-toolbar-meta i{font-size:15px;color:#6c63ff}.km-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.km-search-wrap{position:relative;display:flex;align-items:center}.km-search-icon{position:absolute;left:11px;color:#b5afa7;font-size:13px;pointer-events:none}.km-input{background:#faf8f5;border:1.5px solid #e0d9cf;color:#1a202c;border-radius:10px;padding:8px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.km-input::placeholder{color:#c0b8ae}.km-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a;background:#fff}.km-search-wrap .km-input{padding-left:33px;width:210px}.km-select{cursor:pointer}.km-btn-primary{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#6c63ff,#4f46e5);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px #6c63ff66;transition:opacity .2s,transform .15s,box-shadow .2s}.km-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff80}.km-btn-primary:active{transform:none}.km-board{display:flex;gap:15px;overflow-x:auto;padding-bottom:20px;align-items:flex-start}.km-board::-webkit-scrollbar{height:5px}.km-board::-webkit-scrollbar-track{background:#ece8e1;border-radius:3px}.km-board::-webkit-scrollbar-thumb{background:#c9c2b8;border-radius:3px}.km-col{min-width:286px;max-width:286px;background:#fff;border-radius:18px;border:1.5px solid #e8e2d9;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 6px #0000000a,0 8px 20px #0000000a;transition:border-color .2s,box-shadow .2s}.km-col--drag-over{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff24,0 8px 24px #00000012}.km-col-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-bottom:1.5px solid #f0ebe2;position:sticky;top:0;z-index:1}.col--red .km-col-header{background:#fff5f5}.col--blue .km-col-header{background:#ebf8ff}.col--orange .km-col-header{background:#fffaf0}.col--green .km-col-header{background:#f0fff4}.km-col-header-left{display:flex;align-items:center;gap:9px}.km-col-icon-wrap{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px}.col--red .km-col-icon-wrap{background:#fed7d7;color:#c53030}.col--blue .km-col-icon-wrap{background:#bee3f8;color:#2b6cb0}.col--orange .km-col-icon-wrap{background:#fbd38d;color:#c05621}.col--green .km-col-icon-wrap{background:#9ae6b4;color:#276749}.km-col-title{font-size:13px;font-weight:700;color:#2d3748}.km-col-count{font-size:11px;font-weight:800;padding:2px 9px;border-radius:20px}.col--red .km-col-count{background:#fed7d7;color:#c53030}.col--blue .km-col-count{background:#bee3f8;color:#2b6cb0}.col--orange .km-col-count{background:#fbd38d;color:#c05621}.col--green .km-col-count{background:#9ae6b4;color:#276749}.km-cards{display:flex;flex-direction:column;padding:10px;overflow-y:auto;max-height:calc(100vh - 175px)}.km-cards::-webkit-scrollbar{width:4px}.km-cards::-webkit-scrollbar-thumb{background:#ddd7ce;border-radius:2px}.km-card-wrapper{display:flex;flex-direction:column;margin-bottom:8px}.km-card{background:#fdfcfa;border:1.5px solid #ece7de;border-radius:13px;padding:12px 13px 11px;cursor:grab;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s,opacity .15s}.km-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:13px 0 0 13px}.col--red .km-card:before{background:linear-gradient(180deg,#fc8181,#e53e3e)}.col--blue .km-card:before{background:linear-gradient(180deg,#63b3ed,#3182ce)}.col--orange .km-card:before{background:linear-gradient(180deg,#f6ad55,#ed8936)}.col--green .km-card:before{background:linear-gradient(180deg,#68d391,#38a169)}.km-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px #0000001a,0 2px 6px #0000000f;border-color:#d4cdc4}.km-card--dragging{opacity:.4;transform:scale(.97)}.km-card:active{cursor:grabbing}.km-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.km-ticket-id{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:5px}.col--red .km-ticket-id{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.col--blue .km-ticket-id{background:#ebf8ff;color:#2b6cb0;border:1px solid #bee3f8}.col--orange .km-ticket-id{background:#fffaf0;color:#c05621;border:1px solid #fbd38d}.col--green .km-ticket-id{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.km-top-right{display:flex;align-items:center;gap:6px}.km-status-badge{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:5px}.km-status-badge.open{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.km-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.km-priority-dot.priority--critical{background:#e53e3e;box-shadow:0 0 5px #e53e3e73}.km-priority-dot.priority--high{background:#dd6b20;box-shadow:0 0 5px #dd6b2066}.km-priority-dot.priority--medium{background:#d69e2e}.km-priority-dot.priority--low{background:#38a169}.km-card-agent{display:flex;align-items:center;gap:8px;margin-bottom:8px}.km-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;text-transform:uppercase;box-shadow:0 2px 6px #0000001f}.km-avatar--unassigned{background:#e8e2d9!important;color:#a09488;box-shadow:none}.km-agent-name{font-size:12px;font-weight:700;color:#2d3748}.km-agent-username{font-size:10px;color:#a8a09a}.km-card-content{font-size:11.5px;color:#7d7570;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.km-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.km-tag{font-size:10px;font-weight:600;background:#eef;color:#6c63ff;padding:2px 7px;border-radius:4px;border:1px solid #d4d0ff}.km-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #f0ebe2}.km-card-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.km-meta-badge{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#8a8075;background:#f4f1ec;border:1px solid #e4ddd4;border-radius:5px;padding:2px 7px}.km-meta-badge i{font-size:9px}.km-card-time{font-size:10px;color:#a8a09a;white-space:nowrap;font-weight:600}.km-priority-strip{margin-top:8px;padding:3px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:5px}.km-priority-strip.priority--critical{background:#e53e3e14}.km-priority-strip.priority--high{background:#dd6b2014}.km-priority-strip.priority--medium{background:#d69e2e14}.km-priority-strip.priority--low{background:#38a16914}.km-priority-label{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.priority--critical .km-priority-label{color:#c53030}.priority--high .km-priority-label{color:#c05621}.priority--medium .km-priority-label{color:#b7791f}.priority--low .km-priority-label{color:#276749}.km-drop-indicator{height:3px;border-radius:2px;margin:3px 0;background:linear-gradient(90deg,#6c63ff,#4f46e5);animation:pulse-drop .6s ease-in-out infinite alternate}@keyframes pulse-drop{0%{opacity:.5}to{opacity:1}}.km-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 10px;color:#c9c2b8}.km-empty-icon{font-size:26px}.km-empty span{font-size:12px;font-weight:600}.km-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px;border-radius:10px;border:1.5px dashed;background:transparent;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s;margin-top:4px}.col--red .km-add-btn{color:#c53030;border-color:#c5303059}.col--blue .km-add-btn{color:#2b6cb0;border-color:#2b6cb059}.col--orange .km-add-btn{color:#c05621;border-color:#c0562159}.col--green .km-add-btn{color:#276749;border-color:#27674959}.km-add-btn:hover{background:#00000008}.km-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d374861;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.km-modal{background:#fff;border:1.5px solid #e8e2d9;border-radius:22px;width:100%;max-width:555px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #2d374833,0 8px 24px #2d37481a;animation:slideUp .22s ease}.km-modal::-webkit-scrollbar{width:5px}.km-modal::-webkit-scrollbar-thumb{background:#ddd7ce;border-radius:3px}@keyframes slideUp{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.km-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1.5px solid #f0ebe2;position:sticky;top:0;background:#fff;z-index:1;border-radius:22px 22px 0 0}.km-modal-title-wrap{display:flex;align-items:center;gap:13px}.km-modal-icon{width:40px;height:40px;background:linear-gradient(135deg,#eef,#e0dcff);border:1.5px solid #c7c2ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#6c63ff}.km-modal-title{font-size:16px;font-weight:800;color:#1a202c}.km-modal-subtitle{font-size:12px;color:#a8a09a;margin-top:2px;font-weight:500}.km-modal-close{width:32px;height:32px;border-radius:9px;border:1.5px solid #e4ddd4;background:#faf8f5;color:#a8a09a;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.km-modal-close:hover{background:#fff5f5;color:#c53030;border-color:#fca5a5}.km-modal-body{padding:20px 24px 16px;display:flex;flex-direction:column;gap:17px}.km-form-group{display:flex;flex-direction:column;gap:7px}.km-form-label{font-size:11px;font-weight:800;color:#8a8075;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:5px}.km-form-label i{color:#b5afa7;font-size:11px}.km-form-required{color:#e53e3e}.km-form-input{background:#faf8f5;border:1.5px solid #e0d9cf;color:#1a202c;border-radius:11px;padding:10px 13px;font-size:13px;font-family:inherit;outline:none;width:100%;transition:border-color .2s,box-shadow .2s,background .2s}.km-form-input::placeholder{color:#c4bdb6}.km-form-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a;background:#fff}textarea.km-form-input{resize:vertical;min-height:80px;line-height:1.55}.km-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.km-priority-pills{display:flex;gap:7px;flex-wrap:wrap}.km-priority-pill{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;border:1.5px solid #e0d9cf;background:#faf8f5;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;color:#a8a09a;transition:all .15s}.km-priority-pill .dot{width:7px;height:7px;border-radius:50%}.km-priority-pill.active-critical{background:#fff5f5;border-color:#fc8181;color:#c53030}.km-priority-pill.active-high{background:#fffaf0;border-color:#f6ad55;color:#c05621}.km-priority-pill.active-medium{background:ivory;border-color:#f6e05e;color:#b7791f}.km-priority-pill.active-low{background:#f0fff4;border-color:#68d391;color:#276749}.km-priority-pill:not([class*=active]):hover{background:#f4f1ec;border-color:#c9c2b8;color:#4a5568}.km-col-pills{display:flex;gap:7px;flex-wrap:wrap}.km-col-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9px;border:1.5px solid #e0d9cf;background:#faf8f5;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;color:#a8a09a;transition:all .15s}.km-col-pill.active-red{background:#fff5f5;border-color:#fc8181;color:#c53030}.km-col-pill.active-blue{background:#ebf8ff;border-color:#63b3ed;color:#2b6cb0}.km-col-pill.active-orange{background:#fffaf0;border-color:#f6ad55;color:#c05621}.km-col-pill.active-green{background:#f0fff4;border-color:#68d391;color:#276749}.km-col-pill:not([class*=active]):hover{background:#f4f1ec;border-color:#c9c2b8;color:#4a5568}.km-tags-area{background:#faf8f5;border:1.5px solid #e0d9cf;border-radius:11px;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px;cursor:text;transition:border-color .2s,box-shadow .2s,background .2s}.km-tags-area:focus-within{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a;background:#fff}.km-tag-chip{display:flex;align-items:center;gap:5px;background:#eef;border:1px solid #d4d0ff;color:#6c63ff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.km-tag-chip-remove{background:none;border:none;color:#a5b4fc;cursor:pointer;padding:0;font-size:13px;line-height:1;display:flex;align-items:center;transition:color .15s}.km-tag-chip-remove:hover{color:#e53e3e}.km-tag-bare-input{background:none;border:none;outline:none;color:#1a202c;font-size:13px;font-family:inherit;flex:1;min-width:100px;padding:3px 2px}.km-tag-bare-input::placeholder{color:#c4bdb6}.km-form-error{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#c53030;background:#fff5f5;border:1.5px solid #fca5a5;border-radius:9px;padding:9px 13px}.km-form-divider{height:1.5px;background:#f0ebe2;border:none;margin:2px 0}.km-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 24px 20px;border-top:1.5px solid #f0ebe2;background:#fdfcfa;border-radius:0 0 22px 22px}.km-btn-ghost{background:#faf8f5;border:1.5px solid #e0d9cf;color:#8a8075;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s}.km-btn-ghost:hover{border-color:#c9c2b8;color:#4a5568;background:#f4f1ec}.km-btn-create{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#6c63ff,#4f46e5);color:#fff;border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px #6c63ff66;transition:opacity .2s,transform .15s,box-shadow .2s}.km-btn-create:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 22px #6c63ff85}.km-toasts{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.km-toast{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #e8e2d9;border-radius:12px;padding:11px 16px;font-size:12.5px;font-weight:600;color:#2d3748;box-shadow:0 8px 28px #2d374821;animation:toastIn .3s ease;min-width:240px;max-width:340px;pointer-events:all}.km-toast.success{border-left:3.5px solid #38a169}.km-toast.info{border-left:3.5px solid #3182ce}.km-toast i{font-size:14px}.km-toast i.success{color:#38a169}.km-toast i.info{color:#3182ce}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.icon-email{color:#3182ce}.icon-social{color:#6c63ff}.icon-reddit{color:#c05621}.icon-portal{color:#276749}.icon-chat{color:#0987a0}.icon-phone{color:#6b46c1}.sr-badge--red{background:#ffe5e5;color:#d32f2f}.sr-badge--orange{background:#fff3e0;color:#f57c00}.sr-badge--green{background:#e8f5e9;color:#2e7d32}.sr-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden}.sr-avatar img{width:100%;height:100%;object-fit:cover}.sr-user-cell{display:flex;align-items:center;gap:10px}.sr-user-name{font-weight:600}.sr-user-email{font-size:12px;color:#777}.sr-table td{vertical-align:middle}.sr-table tr:hover{background:#f9fafb;transition:.2s}.notif-wrapper{position:relative}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:1050;overflow:hidden;transform-origin:top right;transform:scale(.92) translateY(-8px);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.notif-panel--open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}.notif-panel__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--bs-border-color)}.notif-panel__title{font-weight:600;font-size:14px}.notif-panel__badge{background:#fee2e2;color:#dc2626;font-size:11px;padding:2px 8px;border-radius:20px;margin-left:6px}.notif-panel__mark-all{font-size:12px;color:var(--bs-primary);background:none;border:none;cursor:pointer}.notif-panel__tabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--bs-border-color)}.notif-panel__tab{font-size:12px;padding:5px 10px;border:none;background:none;border-radius:6px 6px 0 0;cursor:pointer;color:var(--bs-secondary-color);border-bottom:2px solid transparent}.notif-panel__tab--active{color:var(--bs-body-color);border-bottom-color:var(--bs-primary);font-weight:600}.notif-panel__list{max-height:320px;overflow-y:auto}.notif-panel__item{display:flex;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--bs-border-color);position:relative;transition:background .12s}.notif-panel__item:hover{background:var(--bs-secondary-bg)}.notif-panel__item--unread{background:rgba(var(--bs-primary-rgb),.05)}.notif-panel__unread-dot{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:var(--bs-primary)}.notif-panel__icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.notif-panel__icon--ticket{background:#fef3c7;color:#d97706}.notif-panel__icon--alert{background:#fee2e2;color:#dc2626}.notif-panel__icon--user{background:#dcfce7;color:#16a34a}.notif-panel__icon--report{background:#dbeafe;color:#2563eb}.notif-panel__body{flex:1;min-width:0}.notif-panel__item-title{font-size:13px;font-weight:600;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-panel__item-desc{font-size:12px;color:var(--bs-secondary-color);margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-panel__time{font-size:11px;color:var(--bs-tertiary-color)}.notif-panel__empty{padding:32px;text-align:center;font-size:13px;color:var(--bs-secondary-color)}.notif-panel__footer{padding:10px;text-align:center;border-top:1px solid var(--bs-border-color)}.notif-panel__footer button{font-size:13px;color:var(--bs-primary);background:none;border:none;cursor:pointer}.page-wrap{padding:28px 32px}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.page-header__icon{width:48px;height:48px;border-radius:14px;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--accent);flex-shrink:0}.page-header__title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 2px}.page-header__sub{font-size:13px;color:var(--text-muted);margin:0}.cp-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}@media (max-width: 900px){.cp-grid{grid-template-columns:1fr}}.cp-card,.cp-tips-card{padding:28px}.cp-card__header{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.cp-card__icon{font-size:18px;color:var(--accent)}.cp-card__icon--info{color:var(--blue)}.cp-card__icon--warn{color:var(--orange)}.cp-card__icon--green{color:var(--green)}.cp-form{display:flex;flex-direction:column;gap:20px}.cp-field{display:flex;flex-direction:column;gap:6px}.cp-label{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}.cp-divider{height:1px;background:var(--border);margin:4px 0}.cp-match{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:6px;font-weight:500}.cp-match--ok{color:var(--green)}.cp-match--err{color:#e74c3c}.cp-tips-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.cp-tip{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.cp-tip i{font-size:15px}.cp-tip--ok i{color:var(--green)}.cp-tip--warn i{color:var(--orange)}.cp-account-info{padding:16px;border-radius:10px;background:var(--surface-alt, var(--bg));border:1px solid var(--border)}.cp-account-info__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:6px}.cp-account-info__email{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 900px){.settings-grid{grid-template-columns:1fr}}.settings-card{padding:28px}.settings-avatar-row{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:var(--accent-bg);margin-bottom:24px}.settings-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-avatar-name{font-size:15px;font-weight:700;color:var(--text-primary)}.settings-avatar-role{font-size:12px;color:var(--accent);font-weight:600;margin-top:2px}.settings-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.settings-toggles{display:flex;flex-direction:column;gap:0}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.settings-toggle-row:last-of-type{border-bottom:none}.settings-toggle-label{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-toggle-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.settings-toggle-btn{position:relative;width:44px;height:24px;border-radius:99px;border:none;cursor:pointer;transition:background .25s;flex-shrink:0}.settings-toggle-btn--on{background:var(--accent)}.settings-toggle-btn--off{background:var(--border)}.settings-toggle-knob{position:absolute;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .25s;display:block}.settings-toggle-btn--on .settings-toggle-knob{left:23px}.settings-toggle-btn--off .settings-toggle-knob{left:3px}.settings-danger-zone{margin-top:24px;padding:16px;border-radius:10px;background:#e74c3c0d;border:1px solid rgba(231,76,60,.2)}.settings-danger-title{font-size:13px;font-weight:700;color:#e74c3c;margin-bottom:12px;display:flex;align-items:center;gap:6px}.settings-danger-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:transparent;border:1px solid #e74c3c;color:#e74c3c;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.settings-danger-btn:hover{background:#e74c3c;color:#fff}.settings-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0}.settings-cancel-btn{padding:10px 24px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.settings-cancel-btn:hover{background:var(--border)}.settings-save-btn{width:auto!important;padding:10px 28px!important}.tm-add-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .18s}.tm-add-btn:hover{opacity:.85}.tm-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:24px}.tm-team-card{background:var(--card-bg);border:1px solid var(--border);border-top:3px solid transparent;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:transform .15s}.tm-team-card:hover{transform:translateY(-2px)}.tm-team-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tm-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-bottom:28px}.tm-team-card{position:relative;background:linear-gradient(135deg,#ffffff0a,#0003);border:1px solid rgba(255,255,255,.06);border-top:3px solid transparent;border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;transition:all .25s ease;cursor:pointer;overflow:hidden}.tm-team-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 60%);opacity:0;transition:.3s}.tm-team-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px #00000059}.tm-team-card:hover:after{opacity:1}.tm-team-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:#ffffff0f}.tm-team-card__info{flex:1;min-width:0}.tm-team-card__name{font-size:14px;font-weight:700;color:var(--text-primary)}.tm-team-card__lead{font-size:11px;color:var(--text-muted);margin-top:3px}.tm-team-card__count{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.tm-team-card__count strong{font-size:26px;font-weight:800;line-height:1}.tm-team-card__count span{font-size:11px;opacity:.6;margin-top:2px}.tm-team-card__count strong{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tm-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tm-filter-select{width:140px!important}.tm-count-badge{margin-left:auto;background:var(--accent-bg);color:var(--accent);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.tm-team-chip{background:#6c63ff1f;color:var(--accent);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;white-space:nowrap}.tm-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;flex-shrink:0}.tm-status-text{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.tm-stat{font-size:13px;font-weight:600;padding:2px 8px;border-radius:6px}.tm-stat--green{color:#10b981;background:#10b9811f}.tm-stat--orange{color:#f59e0b;background:#f59e0b1f}.tm-rating{font-size:12px;color:var(--text-secondary)}.tm-teamview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.tm-teamview-card{border:1px solid;border-radius:12px;overflow:hidden;background:var(--card-bg)}.tm-teamview-header{display:flex;align-items:center;gap:12px;padding:14px 16px}.tm-teamview-icon{font-size:20px;flex-shrink:0}.tm-teamview-name{font-size:13px;font-weight:700;color:var(--text-primary)}.tm-teamview-lead{font-size:11px;color:var(--text-muted);margin-top:1px}.tm-teamview-count{margin-left:auto;font-size:22px;font-weight:700}.tm-teamview-members{padding:8px 12px 12px;display:flex;flex-direction:column;gap:8px}.tm-teamview-member{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff08}.tm-teamview-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.tm-teamview-member-name{font-size:12px;font-weight:600;color:var(--text-primary)}.tm-teamview-member-role{font-size:10px;color:var(--text-muted)}.an-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px}.an-range-tabs{display:flex;gap:4px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:4px}.an-range-btn{padding:5px 12px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .18s}.an-range-btn--active{background:var(--accent);color:#fff}.an-panel-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.an-legend{display:flex;align-items:center;font-size:11px;color:var(--text-muted);gap:4px;white-space:nowrap}.an-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.an-legend-dot--dashed{width:14px;height:0;border:1.5px dashed;border-radius:0}.an-view-all-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:5px 12px;border-radius:8px;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .18s}.an-view-all-btn:hover{border-color:var(--accent);color:var(--accent)}.an-bar-chart{display:flex;align-items:flex-end;gap:8px;height:140px;padding:0 4px}.an-bar-group{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.an-bars{display:flex;align-items:flex-end;gap:3px;height:120px;width:100%;justify-content:center}.an-bar{width:12px;border-radius:4px 4px 0 0;transition:height .5s ease;min-height:4px}.an-bar--received{background:#6c63ff}.an-bar--resolved{background:#10b981}.an-bar-label{font-size:10px;color:var(--text-muted)}.an-weekly-stats{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.an-weekly-stat{text-align:center}.an-weekly-stat__day{font-size:9px;color:var(--text-muted);margin-bottom:3px}.an-weekly-stat__num{font-size:11px;font-weight:600}.an-weekly-stat__num--recv{color:#6c63ff}.an-weekly-stat__num--res{color:#10b981}.an-donut-layout{display:flex;align-items:center;gap:16px}.an-donut-wrap{flex-shrink:0;width:120px;height:120px}.an-donut-svg{width:100%;height:100%}.an-donut-legend{flex:1;display:flex;flex-direction:column;gap:8px}.an-donut-legend-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.an-donut-legend-left{display:flex;align-items:center;gap:5px;min-width:90px}.an-donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.an-donut-legend-name{font-size:11px;color:var(--text-secondary)}.an-donut-legend-right{margin-left:auto}.an-donut-legend-pct{font-size:12px;font-weight:700}.an-donut-bar-track{width:100%;height:3px;background:#ffffff0f;border-radius:2px;flex-basis:100%}.an-donut-bar-fill{height:100%;border-radius:2px;transition:width .5s}.an-line-chart-wrap{margin-bottom:8px}.an-line-svg{width:100%;height:100px}.an-line-labels{display:flex;justify-content:space-between;padding:0 2px;margin-top:4px}.an-line-labels span{font-size:10px;color:var(--text-muted)}.an-monthly-table{margin-top:12px;display:flex;flex-direction:column;gap:6px}.an-monthly-row{display:flex;align-items:center;gap:10px}.an-monthly-month{font-size:11px;color:var(--text-muted);width:30px;flex-shrink:0}.an-monthly-bars{flex:1;display:flex;flex-direction:column;gap:2px}.an-monthly-bar{height:4px;border-radius:2px;transition:width .5s}.an-monthly-num{font-size:11px;font-weight:600;color:var(--text-secondary);width:40px;text-align:right;flex-shrink:0}.an-priority-list{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.an-priority-row{display:flex;flex-direction:column;gap:5px}.an-priority-meta{display:flex;justify-content:space-between;align-items:center}.an-priority-left{display:flex;align-items:center;gap:8px}.an-priority-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.an-priority-label{font-size:12px;color:var(--text-secondary)}.an-priority-right{display:flex;gap:10px;align-items:center}.an-priority-count{font-size:13px;font-weight:700;color:var(--text-primary)}.an-priority-pct{font-size:12px;font-weight:700}.an-sla-box{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px 16px}.an-sla-box__title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.an-sla-stats{display:flex;gap:24px}.an-sla-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.an-sla-val{font-size:18px;font-weight:700;color:var(--text-primary)}.an-sla-val--green{color:#10b981}.an-sla-val--red{color:#e53e3e}.an-sla-lbl{font-size:10px;color:var(--text-muted)}.an-leaderboard{display:flex;flex-direction:column;gap:2px}.an-agent-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-radius:10px;transition:background .15s}.an-agent-row:hover{background:#ffffff08}.an-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.an-agent-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.an-agent-info{flex:1;min-width:0}.an-agent-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:5px}.an-agent-bar-wrap{background:#ffffff0f;border-radius:4px;height:5px;overflow:hidden}.an-agent-bar{height:100%;border-radius:4px;transition:width .6s}.an-agent-metrics{display:flex;gap:20px;flex-shrink:0}.an-metric{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:56px}.an-metric-val{font-size:14px;font-weight:700;color:var(--text-primary)}.an-metric-lbl{font-size:10px;color:var(--text-muted)}:root{--purple: #8b5cf6;--purple-bg: rgba(139,92,246,.12)}