:root,[data-theme=dark]{--bg-app:#0b0f19;--bg-surface:#111827;--bg-surface-elevated:#1f2937;--bg-surface-card:#111827d9;--bg-glass:#111827b3;--bg-hover:#ffffff0d;--bg-active:#6366f126;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-focus:#6366f1;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0b0f19;--brand-primary:#6366f1;--brand-primary-hover:#4f46e5;--brand-primary-soft:#6366f126;--brand-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--brand-glow:0 0 25px #6366f159;--status-open:#38bdf8;--status-open-bg:#38bdf81f;--status-assigned:#818cf8;--status-assigned-bg:#818cf81f;--status-in-progress:#fbbf24;--status-in-progress-bg:#fbbf241f;--status-resolved:#34d399;--status-resolved-bg:#34d3991f;--status-closed:#94a3b8;--status-closed-bg:#94a3b81f;--status-cancelled:#f87171;--status-cancelled-bg:#f871711f;--priority-critical:#f43f5e;--priority-critical-bg:#f43f5e26;--priority-high:#fb923c;--priority-high-bg:#fb923c26;--priority-medium:#facc15;--priority-medium-bg:#facc1526;--priority-low:#38bdf8;--priority-low-bg:#38bdf826;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 10px 30px #0000008c;--shadow-card:0 4px 20px #00000059;--sidebar-width:260px;--sidebar-collapsed-width:80px;--header-height:68px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px}[data-theme=light]{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-card:#fffffff2;--bg-glass:#ffffffd9;--bg-hover:#0000000a;--bg-active:#6366f11a;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#6366f1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--brand-primary:#4f46e5;--brand-primary-hover:#4338ca;--brand-primary-soft:#eef2ff;--brand-gradient:linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);--brand-glow:0 0 25px #4f46e533;--status-open:#0284c7;--status-open-bg:#e0f2fe;--status-assigned:#4f46e5;--status-assigned-bg:#eef2ff;--status-in-progress:#d97706;--status-in-progress-bg:#fef3c7;--status-resolved:#059669;--status-resolved-bg:#d1fae5;--status-closed:#64748b;--status-closed-bg:#f1f5f9;--status-cancelled:#e11d48;--status-cancelled-bg:#ffe4e6;--priority-critical:#e11d48;--priority-critical-bg:#ffe4e6;--priority-high:#ea580c;--priority-high-bg:#ffedd5;--priority-medium:#ca8a04;--priority-medium-bg:#fef9c3;--priority-low:#0284c7;--priority-low-bg:#e0f2fe;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 14px #0f172a14;--shadow-lg:0 10px 25px #0f172a1a;--shadow-card:0 2px 12px #0f172a0f}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow:hidden}body{background-color:var(--bg-app);height:100%;color:var(--text-primary);overflow:hidden}#root{height:100%;overflow:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700}p{color:var(--text-secondary)}a{color:var(--brand-primary);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:13px}.btn-md{padding:10px 18px;font-size:14px}.btn-lg{border-radius:var(--radius-lg);padding:13px 26px;font-size:15px}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 4px 14px #6366f159}.btn-primary:hover{background:var(--brand-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #6366f173}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.btn-outline{border:1px solid var(--border-medium);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-success-solid{background:var(--status-resolved);color:#fff;box-shadow:0 4px 14px #34d3994d}.btn-success-solid:hover{filter:brightness(1.1);color:#fff;transform:translateY(-1px)}.btn-warning-solid{background:var(--status-in-progress);color:#111827;font-weight:700}.btn-warning-solid:hover{filter:brightness(1.1)}.btn-block{width:100%}.btn-icon-only{border-radius:var(--radius-sm);padding:8px}.theme-toggle-btn{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium);transform:rotate(15deg)}.sun-icon{color:#fbbf24}.moon-icon{color:#818cf8}.app-shell{background:var(--bg-app);width:100%;height:100dvh;max-height:100vh;display:flex;position:relative;overflow:hidden}.public-shell{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden auto}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-subtle);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;flex-shrink:0;height:100dvh;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1),max-width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width);max-width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.brand-logo{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon-box{border-radius:var(--radius-md);background:var(--brand-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #6366f159}.brand-name{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:800}.brand-badge-pro{background:var(--brand-primary);color:#fff;letter-spacing:.05em;border-radius:4px;margin-left:2px;padding:2px 6px;font-size:10px;font-weight:800}.brand-role-caption{color:var(--text-muted);margin-top:-2px;font-size:11px;font-weight:500;display:block}.sidebar-close-mobile{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;display:none}.sidebar-nav-container{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex:1;padding:16px 12px;overflow:hidden auto}.sidebar-nav-container::-webkit-scrollbar{width:4px}.sidebar-nav-container::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.nav-group-title{color:var(--text-muted);letter-spacing:.08em;margin-bottom:4px;padding:8px 12px;font-size:10px;font-weight:700}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-nav-item{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--bg-active);color:var(--brand-primary);font-weight:600}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0 10px}.sidebar-collapsed .brand-logo{justify-content:center;gap:0;width:100%}.sidebar-collapsed .brand-icon-box{margin:0 auto}.sidebar-collapsed .sidebar-nav-container{scrollbar-width:none;-ms-overflow-style:none;padding:16px 8px}.sidebar-collapsed .sidebar-nav-container::-webkit-scrollbar{display:none}.sidebar-collapsed .sidebar-nav{align-items:center;gap:6px}.sidebar-collapsed .sidebar-nav-item{border-radius:var(--radius-md);justify-content:center;width:44px;height:44px;margin:0 auto;padding:0}.sidebar-collapsed .nav-item-icon{margin:0}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:12px;width:100%;margin-top:auto;padding:14px;display:flex}.sidebar-collapse-toggle{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:7px;font-size:12px;transition:all .15s;display:flex}.sidebar-collapse-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-collapsed .sidebar-footer{justify-content:center;align-items:center;gap:14px;width:100%;padding:16px 0}.sidebar-collapsed .sidebar-collapse-toggle{border-radius:var(--radius-md);box-sizing:border-box;justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;margin:0 auto;padding:0;display:flex}.sidebar-user-mini{border-radius:var(--radius-md);align-items:center;gap:10px;padding:6px;display:flex}.sidebar-collapsed .sidebar-user-mini{justify-content:center;align-items:center;width:100%;margin:0 auto;padding:0}.user-avatar-mini{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.sidebar-collapsed .user-avatar-mini{box-sizing:border-box;width:38px;min-width:38px;max-width:38px;height:38px;margin:0 auto;font-size:13px;box-shadow:0 2px 8px #00000040}.user-info-mini{flex-direction:column;display:flex;overflow:hidden}.user-name-mini{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.app-main-area{flex-direction:column;flex:1;width:0;min-width:0;max-width:100%;height:100dvh;margin-left:0;display:flex;overflow:hidden}.sidebar-collapsed .app-main-area{margin-left:0}.app-page-content{box-sizing:border-box;scroll-behavior:smooth;flex:1;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;padding:28px 32px;transition:padding .25s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.app-page-content::-webkit-scrollbar{width:6px}.app-page-content::-webkit-scrollbar-track{background:0 0}.app-page-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.app-page-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-collapsed .app-page-content{padding:28px 36px}.app-topbar{height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:40;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;transition:padding .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;top:0}.sidebar-collapsed .app-topbar{padding:0 36px}.topbar-left{align-items:center;gap:16px;display:flex}.mobile-menu-btn,.desktop-collapse-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.mobile-menu-btn:hover,.desktop-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-menu-btn{display:none}.topbar-breadcrumbs{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb-home{color:var(--text-muted);align-items:center;display:flex}.breadcrumb-separator{color:var(--border-medium)}.breadcrumb-item{color:var(--text-secondary)}.breadcrumb-item.current{color:var(--text-primary);font-weight:600}.topbar-right{align-items:center;gap:14px;display:flex}.user-menu-wrapper{position:relative}.user-menu-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);cursor:pointer;border-radius:30px;align-items:center;gap:10px;padding:4px 10px 4px 5px;transition:all .15s;display:flex}.user-menu-btn:hover,.user-menu-btn.open{background:var(--bg-hover);border-color:var(--border-medium)}.user-avatar{background:var(--brand-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.user-meta-header{text-align:left;flex-direction:column;line-height:1.2;display:flex}.user-display-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-role-label{color:var(--text-muted);font-size:10px;font-weight:500}.user-dropdown-arrow{color:var(--text-muted)}.user-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:100;padding:8px;animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 8px);right:0}.dropdown-user-header{padding:8px 10px}.dropdown-name{color:var(--text-primary);font-size:13px;font-weight:700}.dropdown-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:12px;overflow:hidden}.dropdown-divider{background:var(--border-subtle);height:1px;margin:6px 0}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-logout-btn:hover{color:var(--status-cancelled);background:var(--status-cancelled-bg)}.app-page-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:30px}.public-shell{background:var(--bg-app);flex-direction:column;min-height:100vh;display:flex}.public-header{height:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);z-index:40;position:sticky;top:0}.public-header-inner{justify-content:space-between;align-items:center;max-width:1240px;height:100%;margin:0 auto;padding:0 24px;display:flex}.public-nav-actions{align-items:center;gap:16px;display:flex}.public-auth-links{align-items:center;gap:8px;display:flex}.landing-page{width:100%;max-width:1240px;margin:0 auto;padding:40px 24px 80px;position:relative;overflow:hidden}.landing-glow{filter:blur(140px);pointer-events:none;z-index:0;opacity:.18;border-radius:50%;width:500px;height:500px;position:absolute}.landing-glow-1{background:var(--brand-primary);top:-100px;left:20%}.landing-glow-2{background:#a855f7;top:250px;right:15%}.hero-section{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:860px;margin:40px auto 70px;display:flex;position:relative}.hero-badge{background:var(--brand-primary-soft);color:var(--brand-primary);border:1px solid #6366f14d;border-radius:30px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 0 15px #6366f126}.hero-title{margin-bottom:20px;font-size:clamp(34px,5.5vw,56px);font-weight:800;line-height:1.15}.hero-gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:680px;margin-bottom:34px;font-size:clamp(16px,2vw,19px);line-height:1.6}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:40px;display:flex}.hero-badges-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tech-pill{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.role-preview-section{z-index:1;margin-bottom:90px;position:relative}.section-header{margin-bottom:36px}.text-center{text-align:center}.section-eyebrow{letter-spacing:.1em;color:var(--brand-primary);text-transform:uppercase;font-size:12px;font-weight:700}.section-title{margin-top:6px;margin-bottom:10px;font-size:32px}.section-description{max-width:600px;margin:0 auto;font-size:16px}.role-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.role-tab-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.role-tab-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.role-tab-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 4px 14px #6366f159}.role-preview-card{background:var(--bg-surface-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:40px}.role-card-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;display:grid}.role-tag{letter-spacing:.08em;border-radius:4px;margin-bottom:14px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.role-tag-customer{color:var(--status-open);background:#38bdf826}.role-tag-agent{color:var(--status-in-progress);background:#fbbf2426}.role-tag-admin{color:var(--brand-primary);background:#6366f126}.role-card-text h3{margin-bottom:12px;font-size:26px}.role-card-text p{margin-bottom:20px;font-size:15px;line-height:1.6}.role-feature-list{flex-direction:column;gap:10px;margin-bottom:24px;list-style:none;display:flex}.role-feature-list li{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;display:flex}.feature-check{color:var(--status-resolved);flex-shrink:0}.role-card-mockup{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.mockup-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.mockup-dot{border-radius:50%;width:10px;height:10px}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#eab308}.mockup-dot.green{background:#22c55e}.mockup-title{color:var(--text-muted);margin-left:10px;font-size:11px;font-weight:600}.mockup-body{flex-direction:column;gap:14px;padding:20px;display:flex}.mockup-stat-row{gap:12px;display:flex}.mockup-stat-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;flex:1;padding:12px;display:flex}.mockup-stat-box.highlight{border-color:var(--status-resolved);background:var(--status-resolved-bg)}.mockup-num{color:var(--text-primary);font-size:20px;font-weight:800}.mockup-lbl{color:var(--text-muted);font-size:11px}.mockup-ticket-item{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mockup-ticket-title{color:var(--text-primary);font-size:12px;font-weight:600}.badge-status-resolved-mock{background:var(--status-resolved-bg);color:var(--status-resolved);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.badge-status-in-progress-mock{background:var(--status-in-progress-bg);color:var(--status-in-progress);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.mockup-ticket-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:16px;display:flex}.mockup-card-head{justify-content:space-between;align-items:center;display:flex}.mockup-badge-crit{background:var(--priority-critical-bg);color:var(--priority-critical);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.mockup-id{color:var(--text-muted);font-size:11px}.mockup-desc{font-size:13px;font-weight:600}.mockup-btn-primary{border-radius:var(--radius-sm);background:var(--brand-primary);color:#fff;width:fit-content;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.mockup-progress-item{color:var(--text-secondary);font-size:12px}.mockup-bar-wrap{background:var(--border-subtle);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.mockup-bar{background:var(--brand-primary);height:100%}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;transition:all .25s}.feature-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon-wrapper{border-radius:var(--radius-md);background:var(--brand-primary-soft);width:44px;height:44px;color:var(--brand-primary);justify-content:center;align-items:center;margin-bottom:18px;display:flex}.feature-card h3{margin-bottom:8px;font-size:18px}.feature-card p{font-size:14px;line-height:1.6}.auth-page-wrapper{min-height:calc(100vh - var(--header-height));justify-content:center;align-items:center;padding:40px 20px;display:flex}.auth-split-layout{background:var(--bg-surface-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:1040px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-brand-panel{background:linear-gradient(135deg, #6366f11f 0%, #a855f71f 100%), var(--bg-surface-elevated);border-right:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative}.auth-panel-glow{background:var(--brand-primary);filter:blur(100px);opacity:.2;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-50px;left:-50px}.auth-brand-content{z-index:1;flex-direction:column;gap:32px;display:flex;position:relative}.auth-brand-logo{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.auth-showcase-text h2{margin-bottom:12px;font-size:26px;line-height:1.25}.auth-showcase-text p{font-size:14px;line-height:1.6}.auth-features-list{flex-direction:column;gap:14px;display:flex}.auth-feature-row{color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;display:flex}.feature-dot{color:var(--status-resolved);display:flex}.auth-security-note{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.auth-form-panel{background:var(--bg-surface);flex-direction:column;justify-content:center;padding:48px;display:flex}.auth-card-box{width:100%;max-width:380px;margin:0 auto}.auth-card-header{margin-bottom:24px}.auth-title{margin-bottom:6px;font-size:26px}.auth-subtitle{font-size:14px}.auth-error-banner{background:var(--status-cancelled-bg);border:1px solid var(--status-cancelled);color:var(--status-cancelled);border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-primary);font-size:13px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.field-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.form-control{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-primary);padding:0 14px;font-size:14px;transition:all .15s}.input-with-icon .form-control{padding-left:38px;padding-right:38px}.form-control:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #6366f133}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{color:var(--text-primary)}.auth-card-footer{text-align:center;margin-top:24px}.auth-switch-text{font-size:13px}.auth-switch-link{color:var(--brand-primary);font-weight:600}.dashboard-view{flex-direction:column;gap:26px;display:flex}.dashboard-banner{background:linear-gradient(135deg, #6366f124 0%, #a855f714 100%), var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px 32px}.banner-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.banner-pill{color:var(--brand-primary);background:var(--brand-primary-soft);border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.banner-greeting h1{margin-bottom:6px;font-size:28px}.banner-greeting p{max-width:600px;font-size:14px}.banner-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notice-banner{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.notice-success{background:var(--status-resolved-bg);border:1px solid #34d39959}.notice-content{align-items:center;gap:14px;display:flex}.notice-content strong{color:var(--text-primary);font-size:14px}.notice-content p{margin-top:2px;font-size:13px}.stat-cards-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;width:100%;display:grid}.stat-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s;display:flex}.stat-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-highlight{border-color:#6366f14d}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card-title{color:var(--text-secondary);font-size:13px;font-weight:600}.stat-icon-wrapper{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-total{color:var(--brand-primary);background:#6366f126}.stat-open{background:var(--status-open-bg);color:var(--status-open)}.stat-assigned{background:var(--status-assigned-bg);color:var(--status-assigned)}.stat-in-progress{background:var(--status-in-progress-bg);color:var(--status-in-progress)}.stat-resolved{background:var(--status-resolved-bg);color:var(--status-resolved)}.stat-closed{background:var(--status-closed-bg);color:var(--status-closed)}.stat-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled)}.stat-card-value{color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800}.stat-card-footer{margin-top:8px}.stat-footer-text{color:var(--text-muted);font-size:11px}.text-success{color:var(--status-resolved)}.text-warning{color:var(--status-in-progress)}.text-accent{color:var(--brand-primary)}.distribution-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.distribution-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.distribution-header h3{font-size:16px}.distribution-total{color:var(--text-muted);font-size:13px;font-weight:600}.multi-progress-bar{background:var(--bg-surface-elevated);border-radius:6px;height:12px;margin-bottom:14px;display:flex;overflow:hidden}.progress-slice{height:100%;transition:width .3s}.slice-open{background:var(--status-open)}.slice-assigned{background:var(--status-assigned)}.slice-in-progress{background:var(--status-in-progress)}.slice-resolved{background:var(--status-resolved)}.slice-closed{background:var(--status-closed)}.distribution-legend{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.open{background:var(--status-open)}.legend-dot.assigned{background:var(--status-assigned)}.legend-dot.in-progress{background:var(--status-in-progress)}.legend-dot.resolved{background:var(--status-resolved)}.legend-dot.closed{background:var(--status-closed)}.dashboard-double-panel{grid-template-columns:1fr 1fr;gap:20px;display:grid}.analytics-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.analytics-card-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.analytics-card-header h3{font-size:16px}.analytics-icon{color:var(--brand-primary)}.analytics-list{flex-direction:column;gap:14px;display:flex}.analytics-bar-row{flex-direction:column;gap:6px;display:flex}.bar-labels{justify-content:space-between;font-size:13px;display:flex}.bar-name{color:var(--text-primary);font-weight:500}.bar-meta{color:var(--text-muted)}.bar-track{background:var(--bg-surface-elevated);border-radius:4px;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s}.category-fill{background:var(--brand-primary)}.priority-critical{background:var(--priority-critical)}.priority-high{background:var(--priority-high)}.priority-medium{background:var(--priority-medium)}.priority-low{background:var(--priority-low)}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-status-open{background:var(--status-open-bg);color:var(--status-open);border:1px solid #38bdf84d}.badge-status-assigned{background:var(--status-assigned-bg);color:var(--status-assigned);border:1px solid #818cf84d}.badge-status-in-progress{background:var(--status-in-progress-bg);color:var(--status-in-progress);border:1px solid #fbbf244d}.badge-status-resolved{background:var(--status-resolved-bg);color:var(--status-resolved);border:1px solid #34d3994d}.badge-status-closed{background:var(--status-closed-bg);color:var(--status-closed);border:1px solid #94a3b84d}.badge-status-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled);border:1px solid #f871714d}.priority-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-priority-critical{background:var(--priority-critical-bg);color:var(--priority-critical)}.badge-priority-high{background:var(--priority-high-bg);color:var(--priority-high)}.badge-priority-medium{background:var(--priority-medium-bg);color:var(--priority-medium)}.badge-priority-low{background:var(--priority-low-bg);color:var(--priority-low)}.category-badge{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-block}.role-badge{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.badge-role-admin{color:var(--brand-primary);background:#6366f133}.badge-role-agent{color:var(--status-in-progress);background:#fbbf2433}.badge-role-customer{color:var(--status-open);background:#38bdf833}.id-badge{color:var(--brand-primary);background:var(--brand-primary-soft);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px;font-weight:600}.id-badge-large{color:var(--brand-primary);background:var(--brand-primary-soft);border-radius:6px;padding:4px 10px;font-family:monospace;font-size:15px;font-weight:700}.badge-unassigned{color:var(--text-muted);font-size:12px;font-style:italic}.agent-pill-assigned{color:var(--status-assigned);background:var(--status-assigned-bg);border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.tickets-page-view{flex-direction:column;gap:20px;display:flex}.tickets-view-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tickets-view-header h1{margin-bottom:4px;font-size:26px}.filter-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 20px}.search-form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-input-wrapper{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.search-input-field{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-primary);padding:0 36px;font-size:14px;transition:all .15s}.search-input-field:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #6366f133}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:flex;position:absolute;right:10px}.dropdown-filters-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:40px;color:var(--text-primary);cursor:pointer;padding:0 12px;font-size:13px;transition:border-color .15s}.filter-select:focus{border-color:var(--border-focus);outline:none}.btn-clear-filter{color:var(--status-cancelled)}.table-responsive-container{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm);width:100%;max-width:100%;overflow:auto visible}.modern-data-table{border-collapse:collapse;text-align:left;width:100%;min-width:1100px}.modern-data-table thead{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle)}.modern-data-table th{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:700}.modern-data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap;padding:14px 18px;font-size:14px}.data-row{transition:background-color .15s}.data-row:hover{background-color:var(--bg-hover)}.col-id,.cell-id{width:85px;min-width:85px;max-width:90px}.col-title,.cell-title{width:280px;min-width:240px;max-width:320px;overflow:hidden}.ticket-table-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-weight:600;display:block;overflow:hidden}.ticket-table-title:hover{color:var(--brand-primary)}.ticket-table-desc-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:12px;overflow:hidden}.col-status,.cell-status{white-space:nowrap;width:135px;min-width:130px;max-width:150px}.col-priority,.cell-priority{white-space:nowrap;width:110px;min-width:110px}.col-category,.cell-category{white-space:nowrap;width:125px;min-width:120px}.col-sla,.cell-sla{white-space:nowrap;width:115px;min-width:110px}.col-requester,.cell-requester{white-space:nowrap;width:160px;min-width:140px}.col-agent,.cell-agent{white-space:nowrap;width:150px;min-width:140px}.col-date,.cell-date{white-space:nowrap;width:110px;min-width:100px;color:var(--text-muted);font-size:13px}.col-action,.cell-action{text-align:center;width:70px;min-width:70px}.empty-state-view{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-icon-wrap{background:var(--bg-surface-elevated);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.empty-state-view h3{font-size:18px}.empty-state-view p{max-width:400px;margin-bottom:8px;font-size:14px}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 4px;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-actions{align-items:center;gap:8px;display:flex}.page-pill{background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:700}.ticket-detail-view{flex-direction:column;gap:22px;display:flex}.detail-header-row{flex-direction:column;gap:12px;display:flex}.back-nav-link{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.back-nav-link:hover{color:var(--brand-primary)}.detail-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.detail-title-line{align-items:center;gap:14px;display:flex}.detail-title-line h1{font-size:26px}.detail-badge-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-stepper{width:100%;padding:24px 20px}.stepper-track{justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;display:flex;position:relative}.stepper-step{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex}.step-node{background:var(--bg-surface-elevated);border:2px solid var(--border-medium);width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.step-label{color:var(--text-muted);font-size:12px;font-weight:600}.stepper-step.completed .step-node{background:var(--status-resolved);border-color:var(--status-resolved);color:#fff}.stepper-step.completed .step-label{color:var(--text-primary)}.stepper-step.active .step-node{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;transform:scale(1.15);box-shadow:0 0 16px #6366f180}.stepper-step.active .step-label{color:var(--brand-primary);font-weight:700}.step-connector{background:var(--border-subtle);z-index:1;flex:1;height:3px;margin:-24px 8px 0;transition:background .25s}.step-connector.completed{background:var(--status-resolved)}.stepper-cancelled-pill{color:var(--status-cancelled);background:var(--status-cancelled-bg);border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:flex}.action-highlight-banner{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.notice-accent{background:#6366f11f;border:1px solid #6366f159}.notice-assigned-info{background:var(--status-assigned-bg);border:1px solid #818cf84d}.banner-text-group{align-items:center;gap:14px;display:flex}.banner-text-group strong{color:var(--text-primary);font-size:15px}.banner-text-group p{margin-top:2px;font-size:13px}.action-button-group{gap:10px;display:flex}.assign-form-inline{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.select-agent-input{min-width:220px;height:40px}.ticket-detail-grid{grid-template-columns:1fr 340px;gap:22px;display:grid}.detail-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.detail-section-title{border-bottom:1px solid var(--border-subtle);margin-bottom:14px;padding-bottom:10px}.detail-section-title h3{font-size:16px}.title-with-count{color:var(--text-primary);align-items:center;gap:8px;display:flex}.ticket-description-body{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:1.7}.comments-card{margin-top:22px}.comments-thread{flex-direction:column;gap:16px;max-height:500px;margin-bottom:24px;padding-right:6px;display:flex;overflow-y:auto}.empty-thread-text{padding:12px 0;font-size:13px}.comment-bubble{gap:12px;display:flex}.comment-avatar{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);width:34px;height:34px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.comment-body{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex:1;padding:14px 16px}.comment-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.comment-author{color:var(--text-primary);font-size:13px;font-weight:700}.comment-text{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.5}.comment-composer{flex-direction:column;gap:10px;display:flex}.composer-actions{justify-content:flex-end;display:flex}.closed-ticket-notice{background:var(--bg-surface-elevated);border-radius:var(--radius-md);color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;display:flex}.properties-list{flex-direction:column;gap:14px;margin-top:14px;display:flex}.property-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:13px;display:flex}.property-label{color:var(--text-muted)}.property-value{color:var(--text-primary);font-weight:600}.activity-timeline-card{margin-top:22px;padding:20px 22px}.timeline-card-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.timeline-header-title{color:var(--text-primary);align-items:center;gap:8px;display:flex}.timeline-header-title h3{margin:0;font-size:15px;font-weight:700}.timeline-count-chip{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:700}.timeline-filter-tabs{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);grid-template-columns:repeat(4,1fr);gap:4px;padding:3px;display:grid}.timeline-tab-btn{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;text-align:center;background:0 0;border:none;padding:4px 6px;font-size:11px;font-weight:600;transition:all .15s}.timeline-tab-btn:hover{color:var(--text-primary)}.timeline-tab-btn.active{background:var(--brand-accent);color:#fff;box-shadow:var(--shadow-xs)}.timeline-flow{flex-direction:column;padding:4px 0;display:flex;position:relative}.timeline-flow:before{content:"";background:var(--border-medium);z-index:1;width:2px;position:absolute;top:14px;bottom:20px;left:14px}.timeline-node-item{z-index:2!important;flex-direction:row!important;align-items:flex-start!important;gap:14px!important;padding-bottom:20px!important;display:flex!important;position:relative!important}.timeline-node-item:last-child{padding-bottom:4px!important}.timeline-indicator-node{background:var(--bg-surface-card)!important;border:2px solid var(--border-medium)!important;z-index:3!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;display:flex!important;position:relative!important;top:0!important;left:auto!important;right:auto!important;box-shadow:0 1px 4px #00000040!important}.timeline-indicator-node.node-assign{color:#818cf8!important;background:#6366f133!important;border-color:#6366f1!important}.timeline-indicator-node.node-internal{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b!important}.timeline-indicator-node.node-progress{color:#60a5fa!important;background:#3b82f633!important;border-color:#3b82f6!important}.timeline-indicator-node.node-resolved{color:#34d399!important;background:#10b98133!important;border-color:#10b981!important}.timeline-indicator-node.node-closed{color:#94a3b8!important;background:#64748b33!important;border-color:#64748b!important}.timeline-indicator-node.node-dispute{color:#f87171!important;background:#ef444433!important;border-color:#ef4444!important}.timeline-indicator-node.node-comment{color:#a78bfa!important;background:#8b5cf633!important;border-color:#8b5cf6!important}.timeline-indicator-node.node-default{background:var(--bg-surface-elevated)!important;border-color:var(--border-medium)!important;color:var(--text-secondary)!important}.timeline-node-content{flex-direction:column!important;flex:1!important;gap:3px!important;min-width:0!important;padding-top:3px!important;display:flex!important}.timeline-message{color:var(--text-primary)!important;word-break:break-word!important;overflow-wrap:anywhere!important;white-space:pre-line!important;margin:0!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important}.timeline-time{color:var(--text-muted)!important;font-size:11px!important;font-family:var(--font-mono,monospace)!important;display:block!important}.timeline-empty-view{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 0;display:flex}.ticket-page-view{flex-direction:column;gap:24px;max-width:1040px;margin:0 auto;display:flex}.page-header-simple h1{margin-top:10px;margin-bottom:4px;font-size:26px}.form-split-grid{grid-template-columns:1fr 320px;gap:24px;display:grid}.form-card-container{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:32px}.standard-form{flex-direction:column;gap:22px;display:flex}.required-star{color:var(--priority-critical)}.form-help-text{color:var(--text-muted);font-size:12px}.textarea-control{resize:vertical;height:auto;padding:12px 14px}.selection-pill-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.selection-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:flex-start;gap:10px;padding:12px;transition:all .15s;display:flex}.selection-card:hover{border-color:var(--border-medium);background:var(--bg-hover)}.selection-card.selected{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.selection-icon{color:var(--brand-primary);flex-shrink:0;margin-top:2px}.selection-title{color:var(--text-primary);font-size:13px;font-weight:700;display:block}.selection-desc{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.priority-pill-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.priority-select-btn{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:center;padding:10px;transition:all .15s}.priority-select-btn:hover{border-color:var(--border-medium)}.pri-title{color:var(--text-primary);font-size:13px;font-weight:700;display:block}.pri-desc{color:var(--text-muted);margin-top:2px;font-size:10px;display:block}.pri-btn-low.selected{border-color:var(--priority-low);background:var(--priority-low-bg)}.pri-btn-low.selected .pri-title{color:var(--priority-low)}.pri-btn-medium.selected{border-color:var(--priority-medium);background:var(--priority-medium-bg)}.pri-btn-medium.selected .pri-title{color:var(--priority-medium)}.pri-btn-high.selected{border-color:var(--priority-high);background:var(--priority-high-bg)}.pri-btn-high.selected .pri-title{color:var(--priority-high)}.pri-btn-critical.selected{border-color:var(--priority-critical);background:var(--priority-critical-bg)}.pri-btn-critical.selected .pri-title{color:var(--priority-critical)}.form-actions-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.guideline-card{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);height:fit-content;padding:24px}.guideline-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.guideline-header h3{font-size:15px}.guideline-icon{color:var(--brand-primary)}.guideline-list{flex-direction:column;gap:14px;font-size:13px;line-height:1.5;list-style:none;display:flex}.guideline-list strong{color:var(--text-primary)}.dashboard-loading-state,.table-loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.spinner{border:2px solid var(--border-medium);border-top-color:var(--brand-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner.lg{border-width:3px;width:36px;height:36px}.btn-spinner-text{align-items:center;gap:8px;display:inline-flex}.dashboard-error-banner{background:var(--status-cancelled-bg);border:1px solid var(--status-cancelled);color:var(--status-cancelled);border-radius:var(--radius-md);align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.dashboard-success-banner{background:var(--status-resolved-bg);border:1px solid var(--status-resolved);color:var(--status-resolved);border-radius:var(--radius-md);align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.auth-split-layout{grid-template-columns:1fr}.auth-brand-panel{display:none}.role-card-content,.ticket-detail-grid,.form-split-grid,.dashboard-double-panel{grid-template-columns:1fr}}@media (width<=768px){.app-sidebar{z-index:60;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:260px!important;min-width:260px!important;max-width:260px!important}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-close-mobile{display:block}.desktop-collapse-btn{display:none}.mobile-menu-btn{display:flex}.app-main-area{width:100%;min-width:0;margin-left:0!important}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#0009;position:fixed;inset:0}.desktop-only{display:none!important}.app-topbar{padding:0 16px}.app-page-content{padding:20px 16px}.priority-pill-grid{grid-template-columns:repeat(2,1fr)}.stepper-track{flex-wrap:wrap;gap:16px}.step-connector,.user-meta-header{display:none}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmerPulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast-portal-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast-card{pointer-events:auto;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);min-width:320px;max-width:440px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;padding:14px 18px;transition:all .2s;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}.toast-success{background:#10b98114;border-color:#10b98159}.toast-error{background:#f43f5e14;border-color:#f43f5e59}.toast-warning{background:#f59e0b14;border-color:#f59e0b59}.toast-info{background:#6366f114;border-color:#6366f159}.toast-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-content{flex:1;min-width:0}.toast-message{color:var(--text-primary);margin:0;font-size:13.5px;font-weight:500;line-height:1.45}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.toast-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9990;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out fadeInDown;display:flex;position:fixed;inset:0}.confirm-modal-box{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:460px;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleIn;overflow:hidden;box-shadow:0 20px 50px #0009}.confirm-modal-header{align-items:center;gap:14px;padding:22px 24px 14px;display:flex}.modal-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-icon-badge.badge-danger{color:#f43f5e;background:#f43f5e26}.modal-icon-badge.badge-warning{color:#f59e0b;background:#f59e0b26}.modal-icon-badge.badge-primary{color:#6366f1;background:#6366f126}.confirm-modal-box .modal-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.confirm-modal-body{padding:0 24px 22px}.confirm-modal-body p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.55}.confirm-modal-footer{background:var(--bg-surface-elevated);border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.btn-danger-solid{color:#fff;background:#f43f5e;border:1px solid #0000;font-weight:600;box-shadow:0 4px 14px #f43f5e59}.btn-danger-solid:hover{filter:brightness(1.1);color:#fff;transform:translateY(-1px)}.command-palette-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9980;background:#000000a6;justify-content:center;align-items:flex-start;padding-top:10vh;padding-left:20px;padding-right:20px;animation:.15s ease-out fadeInDown;display:flex;position:fixed;inset:0}.command-palette-box{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:640px;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 65px #000000a6}.command-search-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:18px 20px;display:flex;position:relative}.command-search-icon{color:var(--brand-primary);flex-shrink:0}.command-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15.5px}.command-search-input::placeholder{color:var(--text-muted)}.command-esc-badge{background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700}.command-results-list{flex-direction:column;gap:4px;max-height:380px;padding:12px;display:flex;overflow-y:auto}.command-group{margin-bottom:12px}.command-group-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;font-size:11px;font-weight:700;display:block}.command-item{border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.command-item.selected,.command-item:hover{background:var(--brand-primary-soft)}.command-item-left{align-items:center;gap:12px;min-width:0;display:flex}.command-icon-box{background:var(--bg-surface-elevated);width:30px;height:30px;color:var(--brand-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.command-item.selected .command-icon-box{background:var(--brand-primary);color:#fff}.command-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.command-item.selected .command-item-title{color:var(--brand-primary)}.command-item-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.command-ticket-status{background:var(--bg-surface-elevated);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.command-category-tag{color:var(--text-muted);font-size:11px;font-weight:600}.command-arrow{color:var(--text-muted)}.command-item.selected .command-arrow{color:var(--brand-primary)}.command-empty-state{text-align:center;color:var(--text-muted);padding:36px 20px;font-size:14px}.command-palette-footer{background:var(--bg-surface-elevated);border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 20px;font-size:11.5px;display:flex}.command-palette-footer kbd{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:4px;padding:2px 5px;font-size:10.5px}.topbar-search-trigger{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;padding:7px 14px;font-size:13px;transition:all .18s;display:inline-flex}.topbar-search-trigger:hover{border-color:var(--brand-primary);color:var(--text-primary)}.trigger-search-icon{color:var(--brand-primary)}.trigger-kbd-badge{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.view-mode-toggle{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;padding:3px;display:inline-flex}.view-mode-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.view-mode-btn.active{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #6366f159}.kanban-board-container{width:100%;padding-bottom:20px;overflow-x:auto}.kanban-columns-track{gap:18px;min-width:min-content;display:flex}.kanban-column{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:310px;min-width:310px;max-height:calc(100vh - 220px);display:flex}.kanban-column-header{border-bottom:1px solid var(--border-subtle);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-top:3px solid #0000;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.col-open .kanban-column-header{border-top-color:var(--status-open)}.col-assigned .kanban-column-header{border-top-color:var(--status-assigned)}.col-in-progress .kanban-column-header{border-top-color:var(--status-in-progress)}.col-resolved .kanban-column-header{border-top-color:var(--status-resolved)}.col-closed .kanban-column-header{border-top-color:var(--status-closed)}.kanban-column-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.kanban-count-pill{background:var(--bg-surface-elevated);color:var(--text-secondary);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:800}.kanban-cards-list{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.kanban-empty-dropzone{text-align:center;color:var(--text-muted);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);padding:30px 10px;font-size:13px}.kanban-ticket-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex}.kanban-ticket-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-card-top{justify-content:space-between;align-items:center;display:flex}.kanban-card-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.35;text-decoration:none}.kanban-card-title:hover{color:var(--brand-primary)}.kanban-card-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.kanban-meta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kanban-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.kanban-card-user{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.avatar-micro{background:var(--brand-primary-soft);width:22px;height:22px;color:var(--brand-primary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.user-micro-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.skeleton-box{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton-box:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff12 50%,#0000 100%);animation:1.6s infinite shimmerPulse;position:absolute;inset:0}[data-theme=light] .skeleton-box:after{background:linear-gradient(90deg,#0000 0%,#0000000f 50%,#0000 100%)}.table-skeleton-wrap{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px;display:flex}.skeleton-table-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.skeleton-table-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.dashboard-skeleton-view,.detail-skeleton-view{flex-direction:column;gap:20px;display:flex}.skeleton-banner{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.sla-badge{border:1px solid #0000;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.sla-icon{flex-shrink:0}.sla-ontrack{color:#10b981;background:#10b9811f;border-color:#10b9814d}.sla-warning{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b66}.sla-breached{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e66}.sla-met{color:#818cf8;background:#6366f11f;border-color:#6366f14d}.comment-bubble-internal{background:#f59e0b0d!important;border:1px dashed #f59e0b66!important}.internal-badge{color:#f59e0b;background:#f59e0b26;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.composer-mode-tabs{gap:8px;margin-bottom:8px;display:flex}.composer-tab-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.composer-tab-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.composer-tab-btn.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.composer-tab-btn.tab-internal.active{color:#111827;background:#f59e0b;border-color:#f59e0b}.internal-note-textarea{background:#f59e0b08!important;border-color:#f59e0b80!important}.kanban-ticket-card[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.kanban-ticket-card[draggable=true]:active{cursor:grabbing}.kanban-ticket-card.is-dragging{opacity:.45;transform:scale(.97);box-shadow:0 8px 24px #00000040;border:1.5px dashed var(--brand-primary)!important}.kanban-card-top-left{align-items:center;gap:6px;display:flex}.kanban-drag-grip{cursor:grab;color:var(--text-muted);align-items:center;transition:color .15s;display:flex}.kanban-drag-grip:hover{color:var(--text-primary)}.kanban-column.drag-over{box-shadow:0 0 0 1px var(--brand-primary), 0 8px 20px #6366f126;background:#6366f10d;border-color:var(--brand-primary)!important}.kanban-cards-list.drop-active{border-radius:var(--radius-md);background:#6366f10a}.kanban-drop-indicator{border-radius:var(--radius-md);border:2px dashed var(--brand-primary);color:var(--brand-primary);letter-spacing:.3px;background:#6366f11a;justify-content:center;align-items:center;padding:12px;font-size:12px;font-weight:700;animation:1.5s infinite alternate pulseIndicator;display:flex}@keyframes pulseIndicator{0%{opacity:.7;transform:scale(.99)}to{opacity:1;transform:scale(1.01)}}.markdown-renderer{word-break:break-word;flex-direction:column;gap:10px;display:flex}.markdown-paragraph{color:inherit;margin:0;line-height:1.65}.markdown-inline-code{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--brand-primary);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.88em}.markdown-code-block{border-radius:var(--radius-md);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm);background:#0f172a;margin:8px 0;overflow:hidden}.code-block-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.code-lang-tag{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.code-lang-icon{color:#818cf8}.code-copy-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;transition:all .15s;display:inline-flex}.code-copy-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.code-block-pre{color:#f1f5f9;margin:0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.markdown-blockquote{border-left:3px solid var(--brand-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#6366f10f;margin:6px 0;padding:8px 14px;font-style:italic}.markdown-list{color:var(--text-primary);flex-direction:column;gap:4px;margin:4px 0 4px 20px;padding:0;display:flex}.markdown-link{color:var(--brand-primary);text-underline-offset:3px;text-decoration:underline;transition:color .15s}.markdown-link:hover{color:var(--brand-primary-hover,#4f46e5)}.markdown-bold{color:var(--text-primary);font-weight:700}.markdown-italic{font-style:italic}.markdown-heading-1,.markdown-heading-2,.markdown-heading-3{color:var(--text-primary);margin:10px 0 4px;font-weight:700}.markdown-heading-1{font-size:16px}.markdown-heading-2{font-size:15px}.markdown-heading-3{font-size:14px}.quick-filter-pills-bar{border-bottom:1px dashed var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.pills-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11.5px;font-weight:700}.pills-track{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.filter-pill:hover{color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px)}.filter-pill.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 2px 8px #6366f159}.filter-pill.pill-critical.active{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef444466}.filter-pill.pill-high.active{color:#fff;background:#f97316;border-color:#f97316;box-shadow:0 2px 8px #f9731666}.filter-pill.pill-open.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f666}.filter-pill.pill-in-progress.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #6366f166}.filter-pill.pill-resolved.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98166}.pill-icon{flex-shrink:0}.notice-warning{background:#f59e0b1f!important;border:1px solid #f59e0b59!important}.btn-warning-solid{align-items:center;gap:6px;transition:all .18s;display:inline-flex;color:#111827!important;background:#f59e0b!important;border:1px solid #d97706!important;font-weight:700!important}.btn-warning-solid:hover{box-shadow:0 2px 10px #f59e0b59;color:#000!important;background:#d97706!important}.header-actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-refresh-control-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;padding:3px 6px;display:flex}.spin-animation{animation:.8s linear infinite spinRotate}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.live-auto-toggle-btn{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-secondary);cursor:pointer;border-radius:14px;align-items:center;gap:6px;padding:4px 9px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.live-auto-toggle-btn.active{color:#10b981;background:#10b9811f;border-color:#10b98166}.live-pulse-dot{background:#64748b;border-radius:50%;width:7px;height:7px;display:inline-block}.live-pulse-dot.pulsing{background:#10b981;animation:1.8s infinite pulseRing;box-shadow:0 0 #10b98180}@keyframes pulseRing{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.last-refreshed-hint{color:var(--text-muted);padding-right:4px;font-size:11px}.ticket-quick-actions-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.timeline-header-title{align-items:center;gap:8px;display:flex}@media print{.app-navbar,.app-sidebar,.sidebar-collapse-toggle,.composer-actions,.comment-composer,.detail-header-actions,.view-mode-toggle,.filter-card,.pagination-bar,.command-palette-modal{display:none!important}body{color:#000!important;background:#fff!important}.app-main-content{max-width:100%!important;margin:0!important;padding:0!important}.detail-card{box-shadow:none!important;border:1px solid #ccc!important}}.sidebar-user-mini.clickable{cursor:pointer;border-radius:var(--radius-md);padding:6px;transition:background .15s,transform .1s}.sidebar-user-mini.clickable:hover{background:var(--bg-surface-elevated)}.sidebar-user-mini.clickable:active{transform:scale(.98)}.user-profile-modal-box{background:var(--bg-surface-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:520px;animation:.2s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden}.profile-modal-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(180deg, var(--bg-surface-elevated) 0%, var(--bg-surface-card) 100%);justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.profile-header-user{align-items:center;gap:16px;display:flex}.profile-avatar-lg{background:linear-gradient(135deg, var(--brand-accent), #4f46e5);color:#fff;border:2px solid var(--border-medium);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 12px #6366f140}.profile-header-details{flex-direction:column;gap:4px;display:flex}.profile-user-name{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.profile-user-email{color:var(--text-muted);margin:0;font-size:13px}.profile-role-row{align-items:center;gap:8px;margin-top:4px;display:flex}.profile-status-pill{border-radius:var(--radius-full);color:#10b981;background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.profile-modal-body{flex-direction:column;gap:20px;max-height:60vh;padding:20px 24px;display:flex;overflow-y:auto}.profile-section{flex-direction:column;gap:10px;display:flex}.profile-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;display:flex}.profile-details-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profile-detail-card{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.profile-detail-card .detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.profile-detail-card .detail-value{color:var(--text-primary);font-size:13px}.flex-center-gap{align-items:center;gap:4px;display:flex}.profile-pref-row{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pref-info{flex-direction:column;gap:2px;display:flex}.pref-name{color:var(--text-primary);font-size:13px;font-weight:600}.pref-sub{color:var(--text-muted);font-size:11px}.theme-toggle-pills{background:var(--bg-surface-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.theme-pill{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.theme-pill.active{background:var(--brand-accent);color:#fff;box-shadow:var(--shadow-sm)}.shortcut-pills-row{flex-direction:column;gap:8px;display:flex}.shortcut-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.shortcut-item kbd{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);font-size:11px;font-family:var(--font-mono);color:var(--text-primary);border-radius:4px;padding:2px 6px;box-shadow:0 1px 2px #0000001a}.profile-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface-elevated);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ticket-templates-bar{background:var(--bg-surface-elevated);border:1px dashed var(--border-medium);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.templates-label{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.template-pills-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.template-pill-btn{background:var(--bg-surface-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.template-pill-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent);background:var(--brand-accent-subtle)}.template-pill-btn.active{border-color:var(--brand-accent);background:var(--brand-accent);color:#fff;font-weight:600}.form-label-row{justify-content:space-between;align-items:center;display:flex}.char-counter-tag{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.char-counter-tag.warn{color:#ef4444;font-weight:700}.desc-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.desc-footer-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.editor-tab-group{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px;display:flex}.editor-tab-btn{color:var(--text-muted);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .12s;display:flex}.editor-tab-btn.active{background:var(--bg-surface-card);color:var(--brand-accent);box-shadow:var(--shadow-xs)}.create-ticket-markdown-preview{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:180px;padding:14px 16px;overflow-y:auto}.preview-empty-hint{color:var(--text-muted);margin:0;font-size:13px;font-style:italic}.property-status-changer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-inline-select{border-radius:var(--radius-xs);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;padding:3px 8px;font-size:11px;font-weight:600;transition:border-color .15s}.status-inline-select:focus{border-color:var(--brand-accent);outline:none}.user-management-page{flex-direction:column;gap:20px;width:100%;display:flex}.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.user-stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex}.user-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.user-stat-icon.icon-total{color:#6366f1;background:#6366f11f}.user-stat-icon.icon-admin{color:#ef4444;background:#ef44441f}.user-stat-icon.icon-agent{color:#0ea5e9;background:#0ea5e91f}.user-stat-icon.icon-customer{color:#10b981;background:#10b9811f}.user-stat-meta{flex-direction:column;gap:2px;display:flex}.user-stat-num{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.1}.user-stat-lbl{color:var(--text-muted);font-size:12px;font-weight:500}.users-management-table td{vertical-align:middle}.user-cell-meta{align-items:center;gap:12px;display:flex}.user-table-avatar{background:linear-gradient(135deg, var(--brand-accent), #8b5cf6);color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.user-table-info{flex-direction:column;display:flex}.user-name-line{align-items:center;gap:8px;display:flex}.user-table-name{color:var(--text-primary);font-size:14px;font-weight:600}.self-tag-badge{border-radius:var(--radius-xs);color:#6366f1;background:#6366f126;border:1px solid #6366f140;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.user-table-email{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono,monospace)}.role-selector-select{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);width:100%;max-width:140px;color:var(--text-primary);cursor:pointer;padding:6px 10px;font-size:13px;font-weight:500;transition:all .15s}.role-selector-select:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 2px #6366f133}.role-locked-pill{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.last-admin-note{color:#ef4444;border-radius:var(--radius-xs);background:#ef44441f;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.role-save-btn{justify-content:center;align-items:center;gap:6px;min-width:74px;display:inline-flex}.action-na-text{color:var(--text-muted);padding-right:12px;font-size:14px}.current-user-row{background:#6366f105}.filter-select-wrapper{align-items:center;display:flex;position:relative}.filter-select-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.filter-select-wrapper .filter-select{padding-left:30px}.comments-thread{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.comment-bubble{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .15s;display:flex}.comment-bubble:hover{border-color:var(--border-medium)}.comment-bubble-internal{background:#f59e0b0a;border-color:#f59e0b40}.comment-avatar{background:linear-gradient(135deg, var(--brand-accent), #8b5cf6);color:#fff;letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.comment-bubble-internal .comment-avatar{background:linear-gradient(135deg,#f59e0b,#d97706)}.comment-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.comment-header{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.comment-author{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.comment-time{color:var(--text-muted);margin-left:auto;font-size:12px}.comment-text{color:var(--text-primary);word-break:break-word;font-size:14px;line-height:1.6}.internal-badge{border-radius:var(--radius-xs);color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b47;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}