:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-base: #08090c;--bg-panel: rgba(20, 23, 29, .88);--bg-panel-strong: rgba(15, 17, 22, .96);--bg-soft: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 204, 0, .22);--text-primary: #f7f8fa;--text-secondary: #bcc2cc;--text-muted: #8a909a;--yellow: #ffcc00;--yellow-soft: rgba(255, 204, 0, .14);--orange: #ffb000;--green: #4fd98b;--red: #ff6b6b;--shadow: 0 24px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;width:100%}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(255,204,0,.12),transparent 34%),radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 26%),linear-gradient(180deg,#0b0c10,#050608)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{color:var(--text-primary)}select{color-scheme:dark}select option,select optgroup{color:var(--text-primary);background:#161a22}select option:disabled{color:var(--text-muted)}.surface-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.auth-card__error{padding:14px 16px;margin-top:18px;border-radius:16px;background:#ff6b6b14;border:1px solid rgba(255,107,107,.22);color:#ffc3c3}.brand{display:flex;align-items:center;gap:16px}.brand__mark{display:flex;align-items:center;justify-content:center;width:220px;min-width:220px;height:60px;padding:0;overflow:hidden}.brand__logo{width:100%;height:100%;object-fit:contain;object-position:center}.brand__text{display:flex;flex-direction:column;gap:2px}.brand__eyebrow,.eyebrow-label{color:var(--yellow);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand__title{font-size:1.18rem;font-weight:700}.brand__subtitle{color:var(--text-secondary);font-size:.92rem}.brand--compact .brand__mark{width:154px;min-width:154px;height:40px}.brand--compact .brand__title{font-size:1rem}.primary-button,.ghost-button,.icon-button{border:0;transition:transform .2s ease,border-color .2s ease,background .2s ease}.primary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:16px;background:linear-gradient(135deg,#ffe16b 0%,var(--yellow) 55%,#ffba00 100%);color:#17191d;font-weight:700}.primary-button:disabled{opacity:.7;cursor:progress}.primary-button--small{min-height:40px;padding:0 16px;border-radius:14px;font-size:.92rem}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-primary)}.icon-button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:42px;height:42px;border-radius:14px;color:var(--text-secondary);background:#ffffff0a}.icon-button--active{color:var(--yellow);background:#ffcc001f;box-shadow:inset 0 0 0 1px #ffcc002e}.icon-button__badge{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--yellow);color:#17191d;font-size:.68rem;font-weight:800}.login-screen{position:relative;min-height:100vh;overflow:hidden}.login-screen__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 100%)}.login-screen__glow{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(80px);opacity:.32}.login-screen__glow--left{top:-120px;left:-80px;background:#ffcc0038}.login-screen__glow--right{right:-80px;bottom:-120px;background:#ffffff1f}.login-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:32px;min-height:100vh;padding:32px}.login-hero,.login-panel{min-height:calc(100vh - 64px)}.login-hero{display:flex;flex-direction:column;justify-content:space-between;padding:36px;border-radius:32px;background:linear-gradient(145deg,#ffffff0f,#ffcc000a);border:1px solid rgba(255,255,255,.06)}.login-hero__copy{max-width:560px}.login-hero__copy h1{margin:0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1.02}.login-hero__copy p{margin:18px 0 0;max-width:540px;color:var(--text-secondary);font-size:1.04rem}.login-hero__highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.login-hero__highlights .surface-card{padding:24px}.login-hero__highlights strong,.auth-card strong,.section-heading h2,.stat-card strong,.metric-card strong,.sector-card strong,.report-summary strong,.status-banner strong{display:block}.login-panel{display:flex;align-items:center;justify-content:center}.auth-card{width:100%;max-width:480px;padding:32px;border-radius:30px;background:var(--bg-panel-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow)}.auth-card__header h2,.section-heading h2,.page-hero h1{margin:0}.auth-card__header p,.section-heading p,.page-hero p,.check-list__item p,.performance-item p,.breakdown-item p,.status-banner p,.report-summary p,.settings-card p,.login-hero__highlights p{margin:8px 0 0;color:var(--text-secondary)}.auth-alert,.security-note{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-top:22px;border-radius:16px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-secondary)}.field{display:flex;flex-direction:column;gap:8px;margin-top:18px}.field span{font-size:.94rem;color:var(--text-secondary)}.field__input{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.field__input input{width:100%;border:0;outline:none;background:transparent}.auth-card .primary-button{width:100%;margin-top:22px}.mobile-brand{margin-bottom:20px}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.desktop-sidebar{padding:24px}.sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 48px);padding:24px;border-radius:28px;background:#0c0d11f2;border:1px solid var(--border);box-shadow:var(--shadow)}.sidebar--mobile{position:relative;top:0;min-height:100vh;width:min(88vw,360px);max-width:100%;border-radius:0 28px 28px 0;overflow-y:auto}.sidebar__brand{display:flex;flex-direction:column;gap:18px}.workspace-card{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#ffcc0024,#ffffff08);border:1px solid var(--border-strong)}.workspace-card__label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:.82rem}.sidebar__nav{display:flex;flex-direction:column;gap:10px}.nav-link{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;border-radius:16px;color:var(--text-secondary);border:1px solid transparent;background:transparent;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.nav-link span,.nav-link svg{color:inherit}.nav-link:hover{border-color:var(--border);background:#ffffff08;color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffffff05}.nav-link--active{color:#17191d;border-color:#ffcc002e;background:linear-gradient(135deg,#ffe381 0%,var(--yellow) 58%,#ffbf00 100%)}.nav-link--active:hover{color:#17191d;border-color:#ffcc003d;background:linear-gradient(135deg,#ffe381 0%,var(--yellow) 58%,#ffbf00 100%)}.sidebar__logout{margin-top:auto}.app-shell__content{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:14px;z-index:15;display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:18px 28px 0 0;padding:14px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.07);background:#0a0c10eb;box-shadow:0 18px 40px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar__mobile{display:none;align-items:center;gap:12px;min-width:0}.topbar__actions{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}.topbar__notification{position:relative}.notifications-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:20;display:flex;flex-direction:column;gap:14px;width:min(420px,calc(100vw - 32px));max-height:min(70vh,540px);padding:18px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#0a0c10f7;box-shadow:0 24px 60px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.notifications-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notifications-panel__header strong{display:block}.notifications-panel__header span{display:inline-block;margin-top:4px;color:var(--text-secondary);font-size:.82rem}.notifications-panel__action{min-height:36px;padding:0 12px;border-radius:12px;font-size:.82rem}.notifications-panel__list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.notifications-panel__item{display:flex;flex-direction:column;gap:10px;width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:#ffffff09;color:var(--text-primary);text-align:left}.notifications-panel__item:hover{border-color:#ffffff1f;background:#ffffff0d}.notifications-panel__item:disabled{opacity:.75;cursor:progress}.notifications-panel__item--unread{border-color:#ffcc0029;background:linear-gradient(135deg,#ffcc0017,#ffffff09)}.notifications-panel__item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notifications-panel__item-head span,.notifications-panel__item p,.notifications-panel__state{color:var(--text-secondary)}.notifications-panel__item p{margin:0;line-height:1.5}.notifications-panel__state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:18px;background:#ffffff09}.notifications-panel__state--error{border:1px solid rgba(255,107,107,.18);background:#ff6b6b14}.topbar__search{display:flex;align-items:center;gap:10px;flex:1 1 520px;max-width:640px;min-width:320px;min-height:48px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;box-shadow:inset 0 1px #ffffff0a;min-width:0}.topbar__search svg{flex-shrink:0;color:var(--text-muted)}.topbar__search input{min-width:0;color:var(--text-primary)}.topbar__search input::placeholder{color:var(--text-muted)}.topbar__search-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:0;border-radius:12px;background:#ffcc0029;color:var(--yellow);font-size:.78rem;font-weight:700;white-space:nowrap}.topbar__search input,.search-input,.filters-grid select{width:100%;border:0;outline:none;background:transparent}.profile-chip{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 10px 0 0;min-width:0}.profile-chip__avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffcc0038,#ffffff0f);border:1px solid var(--border-strong);color:var(--yellow);font-weight:700}.profile-chip__text{display:flex;flex-direction:column}.profile-chip__text span{color:var(--text-secondary);font-size:.84rem}.app-main{padding:28px 28px 32px 0}.page-stack{display:flex;flex-direction:column;gap:24px;min-width:0}.page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px;border-radius:28px;background:linear-gradient(140deg,#ffcc001f,#ffffff08);border:1px solid var(--border)}.page-hero>div,.section-heading>div,.dashboard-ticket-card__header>div,.ticket-card__header>div{min-width:0}.page-hero h1{font-size:clamp(1.9rem,3vw,2.8rem)}.page-hero__badge{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--yellow-soft);color:var(--yellow);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.stats-grid,.metrics-grid,.sector-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stats-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.metric-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px}.stat-card strong,.metric-card strong{margin-top:8px;font-size:2rem;line-height:1}.stat-card--dashboard{flex-direction:column;justify-content:flex-start;gap:18px}.stat-card__header,.stat-card__body,.trend-chart__legend,.trend-chart__period,.trend-chart__metrics,.activity-item__meta,.activity-item__content,.dashboard-ticket-card,.dashboard-ticket-card__header,.dashboard-ticket-card__footer,.dashboard-ticket-card__badges{display:flex}.stat-card__header,.dashboard-ticket-card__header,.dashboard-ticket-card__footer{align-items:flex-start;justify-content:space-between;gap:16px}.stat-card__body,.trend-chart__period,.trend-chart__metrics,.activity-item__content,.dashboard-ticket-card,.dashboard-ticket-card__badges{flex-direction:column}.stat-card__header{width:100%}.stat-card__body{gap:10px}.stat-card__body p,.dashboard-ticket-card__header p,.activity-item__content p{margin:0;color:var(--text-secondary)}.content-grid{display:grid;gap:18px}.content-grid--dashboard{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.content-grid--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card,.report-summary,.status-banner,.filters-card,.ticket-card,.sector-card,.settings-card{padding:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading>*{min-width:0}.section-heading--stacked{margin-bottom:18px}.trend-chart{display:flex;flex-direction:column;gap:16px}.trend-chart__legend{flex-wrap:wrap;align-items:center;gap:12px;color:var(--text-secondary);font-size:.84rem}.trend-chart__legend span{display:inline-flex;align-items:center;gap:8px}.trend-chart__legend-dot{width:10px;height:10px;border-radius:999px}.trend-chart__legend-dot--opened{background:linear-gradient(90deg,#ffe78d 0%,var(--yellow) 100%)}.trend-chart__legend-dot--resolved{background:linear-gradient(90deg,#6ef0a5 0%,var(--green) 100%)}.trend-chart__row{display:grid;grid-template-columns:minmax(90px,120px) minmax(0,1fr);gap:14px;align-items:flex-start}.trend-chart__period{gap:4px}.trend-chart__period strong,.trend-chart__metrics strong{font-size:.92rem}.trend-chart__row span,.ticket-card__meta,.breakdown-item__meta,.check-list__item p,.performance-item__header span,.settings-list,.toggle-row,.filters-grid select,.search-input,.data-table,.data-table td,.data-table th{color:var(--text-secondary)}.trend-chart__bars{display:grid;gap:10px}.trend-chart__metrics{align-items:center;justify-content:space-between;gap:12px;flex-direction:row}.trend-chart__track,.progress-bar,.trend-meter,.performance-meter{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#ffffff0f}.trend-chart__fill,.progress-bar__fill{height:100%;border-radius:inherit}.trend-meter,.performance-meter{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}.trend-meter::-webkit-progress-bar,.performance-meter::-webkit-progress-bar{background:#ffffff0f;border-radius:999px}.trend-meter::-webkit-progress-value,.performance-meter::-webkit-progress-value{border-radius:999px}.trend-meter::-moz-progress-bar,.performance-meter::-moz-progress-bar{border-radius:999px}.trend-chart__fill--opened{background:linear-gradient(90deg,#ffe78d 0%,var(--yellow) 100%)}.trend-chart__fill--resolved{background:linear-gradient(90deg,#6ef0a5 0%,var(--green) 100%)}.trend-meter--opened::-webkit-progress-value{background:linear-gradient(90deg,#ffe78d 0%,var(--yellow) 100%)}.trend-meter--opened::-moz-progress-bar{background:linear-gradient(90deg,#ffe78d 0%,var(--yellow) 100%)}.trend-meter--resolved::-webkit-progress-value{background:linear-gradient(90deg,#6ef0a5 0%,var(--green) 100%)}.trend-meter--resolved::-moz-progress-bar{background:linear-gradient(90deg,#6ef0a5 0%,var(--green) 100%)}.trend-chart__fill,.progress-bar__fill{width:var(--fill-width, 0%)}.trend-chart__fill--w34{width:34%}.trend-chart__fill--w39{width:39%}.trend-chart__fill--w41{width:41%}.trend-chart__fill--w42{width:42%}.trend-chart__fill--w44{width:44%}.trend-chart__fill--w47{width:47%}.trend-chart__fill--w48{width:48%}.trend-chart__fill--w49{width:49%}.trend-chart__fill--w51{width:51%}.trend-chart__fill--w56{width:56%}.trend-chart__fill--w58{width:58%}.trend-chart__fill--w63{width:63%}.activity-list,.performance-list,.breakdown-list,.check-list,.settings-list{display:flex;flex-direction:column;gap:14px}.activity-item,.breakdown-item,.check-list__item,.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:#ffffff08}.activity-item--dashboard{flex-direction:column;align-items:stretch}.activity-item__meta{align-items:center;justify-content:space-between;gap:12px}.activity-item__indicator{width:10px;height:10px;border-radius:999px;background:var(--yellow);box-shadow:0 0 0 6px #ffcc0014}.activity-item__indicator--read{background:var(--green);box-shadow:0 0 0 6px #4fd98b14}.activity-item__content{gap:6px}.activity-item strong,.breakdown-item strong,.performance-item strong,.check-list__item strong,.ticket-card strong{color:var(--text-primary)}.dashboard-ticket-list{display:grid;gap:16px}.dashboard-ticket-card{gap:18px;padding:20px;border-radius:22px;border:1px solid var(--border);background:#ffffff08}.dashboard-ticket-card__link{display:inline-flex;align-items:center;gap:8px;color:var(--yellow);font-size:.84rem;font-weight:700;white-space:nowrap}.dashboard-ticket-card__link:hover{color:#ffe381}.dashboard-ticket-card__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-ticket-card__meta>div{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px;border-radius:18px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.dashboard-ticket-card__meta span,.dashboard-ticket-card__time{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.84rem}.dashboard-ticket-card__meta strong{word-break:break-word}.dashboard-ticket-card__badges{flex-wrap:wrap;gap:10px}.dashboard-ticket-card__time{white-space:nowrap}.accent-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.accent-pill--orange{background:#ffb00029;color:var(--orange)}.accent-pill--gold{background:#ffcc0029;color:var(--yellow)}.accent-pill--green{background:#4fd98b29;color:var(--green)}.accent-pill--red{background:#ff6b6b29;color:var(--red)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.data-table th{color:var(--text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.filters-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(180px,1fr));gap:14px}.search-input,.filters-grid select{min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a}.ticket-list{display:grid;gap:16px}.ticket-card{display:flex;flex-direction:column;gap:18px;padding:18px 20px}.ticket-card--highlighted{border:1px solid rgba(255,204,0,.24);background:linear-gradient(135deg,#ffcc001f,#ffffff0a);box-shadow:0 18px 36px #ffba001f}.ticket-card__main,.ticket-card__header,.ticket-card__footer,.performance-item__header,.breakdown-item__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ticket-card__header p,.empty-state p{margin:8px 0 0;color:var(--text-secondary)}.ticket-card__header strong{display:inline-block;font-size:1.02rem}.ticket-card__badges,.ticket-card__meta{display:flex;flex-wrap:wrap;gap:10px}.ticket-card__details,.ticket-card__status-row{display:flex;flex-wrap:wrap;gap:14px}.ticket-card__details-item{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;min-width:0}.ticket-card__details-item span,.ticket-card__updated{color:var(--text-secondary)}.ticket-card__details-item strong{font-weight:600;word-break:break-word}.ticket-card__meta span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:#ffffff0a}.ticket-card__footer{align-items:center;padding-top:2px}.ticket-card__status-row .accent-pill{min-height:30px;padding:0 10px;font-size:.72rem}.ticket-card__updated{display:inline-flex;align-items:center;min-height:30px;font-size:.78rem}.ticket-card__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:10px;background:#0f1115;color:#fff;font-size:.82rem;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff0a;transition:transform .2s ease,background .2s ease}.ticket-card__cta:hover{transform:translateY(-1px);background:#171a21}.table-link{color:var(--text-primary);font-weight:700}.table-link:hover{color:var(--yellow)}.ticket-detail-hero{padding:24px 28px}.ticket-detail-hero__main,.ticket-detail-hero__title-row,.ticket-detail-layout,.ticket-detail-banner,.ticket-sla__meta,.ticket-actions__label-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ticket-detail-hero__main{flex-direction:column}.ticket-detail-hero__content{display:flex;flex-direction:column;gap:16px}.ticket-detail-hero__content p,.ticket-detail-banner p,.ticket-thread__message p,.ticket-reply__channel p,.empty-state__inline{margin:0;color:var(--text-secondary)}.ticket-detail-hero__badges,.ticket-detail-tags{display:flex;flex-wrap:wrap;gap:10px}.ticket-detail-tag,.ticket-tag-option{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.ticket-detail-tag__dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#ffe381 0%,var(--yellow) 100%)}.ticket-detail-banner{padding:22px 24px;border-radius:24px;border:1px solid rgba(79,217,139,.18);background:#4fd98b14}.ticket-detail-banner--error{border-color:#ff6b6b2e;background:#ff6b6b14}.ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.95fr)}.ticket-detail-main,.ticket-detail-sidebar,.ticket-thread,.ticket-actions,.ticket-actions__section,.ticket-history,.ticket-info-list,.ticket-reply-card,.ticket-tag-grid{display:flex;flex-direction:column}.ticket-detail-main,.ticket-detail-sidebar{gap:20px}.ticket-thread{gap:18px;max-height:620px;overflow-y:auto;padding-right:6px;min-width:0}.ticket-thread__item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px}.ticket-thread__rail{display:flex;justify-content:center}.ticket-thread__avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.08);font-size:.78rem;font-weight:700}.ticket-thread__avatar--citizen{color:#7db5ff;background:#3b82f61f}.ticket-thread__avatar--agent{color:#d0a6ff;background:#a855f71f}.ticket-thread__avatar--system{color:var(--yellow);background:#ffcc001f}.ticket-thread__body,.ticket-reply-card,.ticket-sla,.ticket-side-card{display:flex;flex-direction:column;gap:10px}.ticket-thread__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ticket-thread__meta span,.ticket-info-row span,.ticket-history span{color:var(--text-secondary)}.ticket-thread__message{padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.07);min-width:0;overflow-wrap:anywhere}.ticket-thread__message--citizen{background:#ffffff09}.ticket-thread__message--agent{background:#ffcc0014}.ticket-thread__message--system{background:#ffffff0f}.ticket-thread__media-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:12px}.ticket-thread__media-preview-link{display:inline-flex;max-width:min(100%,320px);padding:0;cursor:pointer;border-radius:18px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#ffffff08}.ticket-thread__media-preview{display:block;width:100%;max-width:min(100%,320px);max-height:240px;object-fit:cover}.ticket-thread__media{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;cursor:pointer;color:var(--yellow);font-weight:700}.ticket-media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;background:#05080ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ticket-media-modal__dialog{display:flex;flex-direction:column;gap:16px;width:min(100%,960px);max-height:min(100%,90vh);padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:#0b0e14f5;box-shadow:0 24px 80px #0000006b}.ticket-media-modal__close{align-self:flex-end;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a;color:var(--text-primary)}.ticket-media-modal__content{display:flex;align-items:center;justify-content:center;min-height:0;overflow:auto}.ticket-media-modal__image{display:block;max-width:100%;max-height:calc(90vh - 110px);border-radius:20px;object-fit:contain}.ticket-reply__channel{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;border:1px solid rgba(125,181,255,.18);background:#3b82f614}.ticket-reply__channel strong{color:#bcd7ff}.ticket-detail-textarea,.ticket-detail-select{width:100%;border:1px solid var(--border);border-radius:18px;background:#ffffff0a;color:var(--text-primary)}.ticket-detail-textarea{min-height:146px;padding:16px 18px;resize:vertical;max-width:100%}.ticket-detail-textarea--compact{min-height:96px}.ticket-detail-select{min-height:50px;padding:0 14px}.ticket-reply__actions{display:flex;justify-content:flex-end}.ticket-side-card{gap:18px}.ticket-info-list,.ticket-history,.ticket-actions{gap:14px}.ticket-info-row svg,.ticket-actions__label-row svg{flex-shrink:0;color:var(--text-secondary)}.ticket-info-row{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px}.ticket-info-row>div{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.ticket-info-row strong{text-align:left;word-break:break-word}.ticket-sla__progress{width:100%;height:10px;border:0;overflow:hidden;border-radius:999px;background:#ffffff0f;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ticket-sla__progress::-webkit-progress-bar{background:#ffffff0f;border-radius:999px}.ticket-sla__progress--green::-webkit-progress-value,.ticket-sla__progress--green::-moz-progress-bar{background:linear-gradient(90deg,#6ef0a5 0%,var(--green) 100%)}.ticket-sla__progress--gold::-webkit-progress-value,.ticket-sla__progress--gold::-moz-progress-bar{background:linear-gradient(90deg,#ffe381 0%,var(--yellow) 100%)}.ticket-sla__progress--red::-webkit-progress-value,.ticket-sla__progress--red::-moz-progress-bar{background:linear-gradient(90deg,#ffb1b1 0%,var(--red) 100%)}.ticket-history>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-actions__section{gap:12px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.ticket-tag-grid{gap:10px}.ticket-tag-option{justify-content:flex-start;cursor:pointer;min-width:0;white-space:normal}.ticket-tag-option input{accent-color:#ffcc00}.ticket-tag-option--active{border-color:#fc03;background:#ffcc0014}.empty-state__inline{padding:6px 0}.collaborators-panel{display:flex;flex-direction:column;gap:20px}.admin-table-user{display:flex;align-items:center;gap:12px}.admin-table-user__avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#ffcc001f;color:var(--yellow);font-weight:700}.admin-table-user__meta{display:flex;flex-direction:column;gap:4px}.admin-table-user__meta span{color:var(--text-muted);font-size:.78rem}.admin-inline-meta{display:inline-flex;align-items:center;gap:8px;min-width:0}.admin-inline-meta svg{flex-shrink:0;color:var(--text-muted)}.admin-table-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.admin-checkbox-row{width:min(100%,520px)}.admin-checkbox-row input{width:18px;height:18px;accent-color:#ffcc00}.admin-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.sector-card{display:flex;flex-direction:column}.sector-card__stats,.report-summary__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sector-card__stats>div,.report-summary__grid>div{padding:16px 18px;border-radius:18px;background:#ffffff08;border:1px solid var(--border)}.performance-item{display:flex;flex-direction:column;gap:10px}.progress-bar__fill{background:linear-gradient(90deg,#ffe381 0%,var(--yellow) 50%,#ffbb00 100%)}.performance-meter::-webkit-progress-value{background:linear-gradient(90deg,#ffe381 0%,var(--yellow) 50%,#ffbb00 100%)}.performance-meter::-moz-progress-bar{background:linear-gradient(90deg,#ffe381 0%,var(--yellow) 50%,#ffbb00 100%)}.progress-bar__fill--score-79{width:79%}.progress-bar__fill--score-84{width:84%}.progress-bar__fill--score-88{width:88%}.progress-bar__fill--score-94{width:94%}.status-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.toggle-row{align-items:center}.toggle-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:32px;padding:0 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.toggle-indicator--on{background:#4fd98b29;color:var(--green)}.settings-tabs{display:inline-flex;flex-wrap:wrap;gap:10px;padding:6px;border-radius:18px;background:#ffffff0a;border:1px solid var(--border)}.settings-tab{min-height:42px;padding:0 18px;border:0;border-radius:12px;color:var(--text-secondary);background:transparent;transition:background .2s ease,color .2s ease,transform .2s ease}.settings-tab--active{color:#17191d;background:linear-gradient(135deg,#ffe381 0%,var(--yellow) 62%,#ffbf00 100%)}.endpoint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.endpoint-card,.settings-panel{padding:24px}.endpoint-card__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#ffcc001f;color:var(--yellow)}.endpoint-item__text{font-family:Consolas,Monaco,Courier New,monospace;font-size:.84rem;word-break:break-word}.settings-grid--integrations{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid--connections{grid-template-columns:minmax(0,1.45fr) minmax(300px,.9fr)}.settings-card--wide{min-width:0}.settings-form{display:flex;flex-direction:column;gap:18px}.settings-form--compact{gap:20px}.settings-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field span{font-weight:600}.settings-field small{color:var(--text-muted);font-size:.78rem}.settings-field--full{grid-column:1 / -1}.settings-input{min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;outline:none}.settings-input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #ffcc0014}.settings-input,.ticket-detail-select,.search-input,.filters-grid select,.field__input input,.topbar__search input{min-width:0}.settings-form__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.inline-note{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary)}.stats-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stats-strip>div{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:18px;border:1px solid var(--border);background:#ffffff08}.stats-strip strong{font-size:1.32rem}.stats-strip span,.connection-card__meta span{color:var(--text-muted);font-size:.82rem}.settings-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-summary-item{display:flex;align-items:flex-start;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--border);background:#ffffff08}.settings-summary-item svg{flex-shrink:0;color:var(--yellow)}.settings-summary-item div{display:flex;flex-direction:column;gap:6px;min-width:0}.settings-summary-item span{color:var(--text-muted);font-size:.82rem}.settings-inline-banner{padding:18px 20px}.settings-toggle-row{gap:18px}.settings-toggle-row input{width:18px;height:18px;flex-shrink:0;accent-color:#ffcc00}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.connection-card{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:22px;border:1px solid var(--border);background:#ffffff08}.connection-card__header,.connection-card__actions{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.connection-card__header p{margin:8px 0 0;color:var(--text-secondary);word-break:break-word}.connection-card__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.connection-card__meta>div{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:#ffffff05}.connection-card__meta strong{word-break:break-word}.connection-card__actions{justify-content:flex-start}.connection-card__qr{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff06}.connection-card__qr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.connection-card__qr-header p,.connection-card__qr-empty p{margin:8px 0 0;color:var(--text-secondary)}.connection-card__qr-code,.connection-card__qr-empty{display:flex;align-items:center;justify-content:center;min-height:220px;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.12);background:#ffffff0a}.connection-card__qr-empty{flex-direction:column;text-align:center}.connection-card__qr-image{display:block;width:min(100%,240px);aspect-ratio:1;object-fit:contain;border-radius:16px;background:#fff;padding:12px}.ghost-button--danger{color:var(--red);border:1px solid rgba(255,107,107,.18);background:#ff6b6b0f}.empty-state{padding:28px;text-align:center}.page-state{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:28px}.page-state strong{display:block}.page-state p{margin:0;color:var(--text-secondary)}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex}.mobile-drawer__backdrop{flex:1;border:0;background:#00000094}.desktop-only-flex{display:flex}.desktop-only{display:inline-flex}.mobile-only-flex,.mobile-only,.mobile-only-block{display:none}@media (max-width: 1180px){.stats-grid,.metrics-grid,.settings-grid,.endpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-grid,.content-grid--dual,.content-grid--dashboard,.ticket-detail-layout,.settings-grid--connections,.login-layout{grid-template-columns:1fr}.login-hero,.login-panel{min-height:unset}}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.desktop-sidebar{display:none}.topbar{top:10px;margin:16px 20px 0;padding:12px 14px;border-radius:22px}.topbar__search{flex:1 1 100%;max-width:none}.app-main{padding:20px}.mobile-only{display:inline-flex}.mobile-only-block{display:block}.topbar__mobile{display:flex;flex:1 1 auto}.notifications-panel{right:-8px;width:min(360px,calc(100vw - 24px))}.settings-form__grid,.connection-grid,.settings-grid--integrations,.stats-strip{grid-template-columns:1fr}.desktop-only,.desktop-only-flex{display:none}}@media (max-width: 720px){.app-main{padding:16px}.page-hero,.section-heading,.status-banner,.ticket-card__header,.ticket-card__footer,.topbar__actions,.topbar__mobile{flex-wrap:wrap}.section-heading,.page-hero,.topbar__actions{flex-direction:column;align-items:stretch}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:12px}.topbar__mobile{width:auto;min-width:0;justify-content:flex-start;gap:10px}.topbar__actions{width:auto;margin-left:0;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:nowrap}.topbar__mobile,.topbar__actions{grid-row:1}.topbar__mobile{grid-column:1}.topbar__actions{grid-column:2}.topbar__search{grid-column:1 / -1;grid-row:2;width:100%}.profile-chip{width:auto;padding-right:0}.topbar__notification{width:auto}.topbar .brand,.topbar .brand--compact{min-width:0}.topbar .brand--compact .brand__mark{width:122px;min-width:122px;height:32px}.topbar__search{min-height:unset;padding:12px 14px}.topbar__search-button{width:auto;min-width:82px;min-height:40px}.notifications-panel{right:0;left:0;width:100%}.notifications-panel__header,.notifications-panel__state,.notifications-panel__item-head,.ticket-detail-hero__title-row,.ticket-sla__meta,.ticket-history>div{flex-direction:column}.stats-grid,.metrics-grid,.settings-grid,.stats-grid--compact,.sector-card__stats,.report-summary__grid,.login-hero__highlights,.connection-card__meta,.dashboard-ticket-card__meta,.trend-chart__row{grid-template-columns:1fr}.dashboard-ticket-card__header,.dashboard-ticket-card__footer,.trend-chart__metrics,.ticket-reply__actions,.ticket-reply__channel,.ticket-info-row,.ticket-history>div,.settings-form__footer,.connection-card__header,.connection-card__actions,.connection-card__qr-header{flex-direction:column}.ticket-card__details,.ticket-card__status-row{flex-direction:column;gap:10px}.ticket-card__cta,.ticket-reply__actions .primary-button,.ticket-actions .ghost-button,.ticket-actions .ghost-button--danger,.connection-card__actions .ghost-button,.connection-card__actions .primary-button{width:100%}.ticket-detail-hero{padding:20px}.ticket-detail-textarea,.ticket-detail-textarea--compact{min-height:110px}.dashboard-ticket-card__time,.dashboard-ticket-card__link,.topbar__search-button{white-space:normal}.topbar__search{min-width:0}.filters-grid{grid-template-columns:1fr}.auth-card,.page-hero,.panel-card,.report-summary,.status-banner,.filters-card,.ticket-card,.sector-card,.settings-card{padding:20px}.ticket-thread__item{grid-template-columns:1fr}.ticket-thread__rail{justify-content:flex-start}.ticket-thread{max-height:none;overflow:visible;padding-right:0}.login-layout{padding:16px}.page-hero__badge{width:100%}}@media (max-width: 480px){.login-layout,.app-main{padding:12px}.topbar{margin:12px 12px 0;padding:12px;border-radius:18px;grid-template-columns:minmax(0,1fr) auto}.sidebar,.auth-card,.page-hero,.panel-card,.report-summary,.status-banner,.filters-card,.ticket-card,.sector-card,.settings-card,.dashboard-ticket-card,.connection-card{padding:16px;border-radius:18px}.login-hero{padding:22px;border-radius:24px}.login-hero__copy h1,.page-hero h1,.ticket-detail-hero__title-row h1{font-size:clamp(1.6rem,8vw,2rem)}.stat-card strong,.metric-card strong{font-size:1.7rem}.ticket-thread__message,.ticket-actions__section,.connection-card__qr,.dashboard-ticket-card__meta>div,.connection-card__meta>div,.sector-card__stats>div,.report-summary__grid>div{padding:14px}.ticket-card__header strong,.table-link{font-size:.95rem}.topbar__search{gap:8px}.topbar .brand--compact .brand__mark{width:108px;min-width:108px;height:28px}.topbar__search-button,.ticket-card__cta{font-size:.8rem}}
