:root{color:#172026;--theme-nav-bg:#102027;--theme-nav-bg-mid:#12313a;--theme-nav-bg-soft:#1f3b45;--theme-nav-accent:#1f6f78;--theme-nav-accent-soft:#8cc8cc;--theme-nav-text:#f9fbfc;--theme-nav-muted:#a7bbc4;--theme-nav-border:#dce7eb24;--theme-nav-glow:#1f6f783d;--theme-scrollbar-track:#e6edf1;--theme-scrollbar-thumb:#1f6f78;--theme-scrollbar-thumb-hover:#2f7d80;--theme-scrollbar-dark-track:#ffffff14;--theme-scrollbar-dark-thumb:#8cc8cc;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}html,body,.theme-scrollbar{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-thumb) var(--theme-scrollbar-track)}html::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar{width:10px;height:10px}.theme-scrollbar::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}body::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.theme-scrollbar::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}html::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}body::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.theme-scrollbar::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}body::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}.theme-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}.theme-navbar,.theme-scrollbar-dark{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-dark-thumb) var(--theme-scrollbar-dark-track)}.theme-navbar::-webkit-scrollbar{width:10px;height:10px}.theme-navbar ::-webkit-scrollbar{width:10px;height:10px}.theme-scrollbar-dark::-webkit-scrollbar{width:10px;height:10px}.theme-navbar::-webkit-scrollbar-track{background:var(--theme-scrollbar-dark-track)}.theme-navbar ::-webkit-scrollbar-track{background:var(--theme-scrollbar-dark-track)}.theme-scrollbar-dark::-webkit-scrollbar-track{background:var(--theme-scrollbar-dark-track)}.theme-navbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--theme-scrollbar-dark-thumb), var(--theme-nav-accent));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.theme-navbar ::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--theme-scrollbar-dark-thumb), var(--theme-nav-accent));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.theme-scrollbar-dark::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--theme-scrollbar-dark-thumb), var(--theme-nav-accent));background-clip:padding-box;border:2px solid #0000;border-radius:999px}.theme-navbar::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-dark-thumb)}.theme-navbar ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-dark-thumb)}.theme-scrollbar-dark::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-dark-thumb)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.login-page{background:linear-gradient(#f4f6f8e6,#f4f6f8e6),url(https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=1600&q=80) 50%/cover;place-items:center;min-height:100vh;padding:22px;animation:.85s ease-out both loginBackdrop;display:grid}.login-shell{gap:18px;width:min(100%,460px);animation:.62s cubic-bezier(.2,.8,.2,1) both loginRise;display:grid}.login-brand{color:#102027;align-items:center;gap:12px;animation:.72s cubic-bezier(.2,.8,.2,1) .12s both loginBrandIn;display:flex}.portal-logo{object-fit:contain;border-radius:10px;flex:none;width:44px;height:44px}.brand .portal-logo,.login-brand .portal-logo{background:#fff;padding:5px}.portal-logo.large{width:65px;height:60px;animation:.68s cubic-bezier(.2,.8,.2,1) .18s both logoSettle}.login-brand h1{margin:0;font-size:1.8rem}.login-brand p{color:#60717a;margin:4px 0 0}.login-card{background:#fff;border:1px solid #dce3e8;border-radius:8px;gap:14px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;animation:.68s cubic-bezier(.2,.8,.2,1) .22s both loginCardIn;display:grid;box-shadow:0 18px 45px #10202724}.login-card:focus-within{border-color:#8cc8cc;transform:translateY(-2px);box-shadow:0 22px 55px #1020272e,0 0 0 4px #1f6f781f}.role-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.role-picker button,.logout-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.role-picker button{color:#34474f;background:#fff;border:1px solid #cfdbe0}.role-picker button.active{color:#17666b;background:#e8f4f3;border-color:#1f6f78}.login-error{color:#a23426;background:#fff0ee;border:1px solid #f0b8b0;border-radius:6px;padding:10px 11px;font-weight:700;animation:.24s both loginShake}.password-field{display:block;position:relative}.password-field input{padding-right:46px}.password-toggle{color:#60717a;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle:focus-visible{color:#17666b;background:#e8f4f3;outline:none}@keyframes loginBackdrop{0%{background-size:auto,104%}to{background-size:auto,100%}}@keyframes loginRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes loginBrandIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes logoSettle{0%{opacity:0;transform:scale(.86)rotate(-4deg)}70%{opacity:1;transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes loginCardIn{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginShake{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.login-page,.login-shell,.login-brand,.portal-logo.large,.login-card,.login-error,.workspace,.topbar,.page-stack,.ticket-workspace,.merged-ticket-record,.panel,.kpi,.inbox-ticket,.inspector-stack,.ticket-summary-card,.status-update-card,.activity-panel,.chat-panel,.workflow-step,.kanban-lane,.kanban-card,.ticket-card{animation:none}.login-card,.sidebar button,.inbox-ticket,.inbox-chips button,.ticket-record-actions button,.inspector-tabs button,.tabs button,.kanban-card,.ticket-card,.workflow-step,.primary-button,.logout-button{transition:none}}.theme-navbar{background:linear-gradient(180deg, var(--theme-nav-bg) 0%, var(--theme-nav-bg-mid) 48%, var(--theme-nav-bg) 100%);color:var(--theme-nav-text);overflow-x:hidden}.theme-navbar-vertical{min-height:100vh}.theme-navbar-inline{background:linear-gradient(135deg, #102027f7, #12313af2), radial-gradient(circle at top right, var(--theme-nav-glow), transparent 42%);border:1px solid #1f6f782e;border-radius:8px;padding:16px 18px;box-shadow:0 14px 38px #1020271f}.theme-navbar-brand,.theme-navbar-link,.theme-navbar-footer{min-width:0}.theme-navbar-section{gap:8px;display:grid}.theme-navbar-section h2{color:var(--theme-nav-muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;padding:0 12px;font-size:.74rem;font-weight:800}.theme-navbar-link{color:#dce7eb;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;transition:background .18s,color .18s,transform .18s;display:flex}.theme-navbar-link.active,.theme-navbar-link:hover{background:var(--theme-nav-bg-soft);color:#fff;transform:translate(3px)}.sidebar{flex-direction:column;align-self:start;height:100vh;min-height:100vh;max-height:100vh;padding:22px 16px;transition:transform .2s,margin-left .2s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-open-button,.sidebar-close-button{display:none}.brand{border-bottom:1px solid var(--theme-nav-border);flex:none;align-items:center;gap:12px;min-width:0;margin:0 -16px 18px;padding:8px 24px 20px;display:flex}.brand>div{min-width:0}.brand strong,.brand span{display:block}.brand span{color:var(--theme-nav-muted);font-size:.84rem}.sidebar nav{flex:1;align-content:start;gap:24px;min-height:0;padding-bottom:18px;display:grid;overflow:hidden auto}.workspace,.table-panel,.inbox-list,.ticket-inspector,.chat-thread,.store-access-list{scrollbar-width:thin;scrollbar-color:var(--theme-scrollbar-thumb) var(--theme-scrollbar-track)}.workspace::-webkit-scrollbar{width:10px;height:10px}.table-panel::-webkit-scrollbar{width:10px;height:10px}.inbox-list::-webkit-scrollbar{width:10px;height:10px}.ticket-inspector::-webkit-scrollbar{width:10px;height:10px}.chat-thread::-webkit-scrollbar{width:10px;height:10px}.store-access-list::-webkit-scrollbar{width:10px;height:10px}.workspace::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.table-panel::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.inbox-list::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.ticket-inspector::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.chat-thread::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.store-access-list::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}.workspace::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.table-panel::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.inbox-list::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.ticket-inspector::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.chat-thread::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.store-access-list::-webkit-scrollbar-thumb{border:2px solid var(--theme-scrollbar-track);background:linear-gradient(180deg, var(--theme-scrollbar-thumb), var(--theme-scrollbar-thumb-hover));border-radius:999px}.nav-section{gap:8px;display:grid}.nav-section h2{color:#8fb0ba}.sidebar button{min-width:0}.sidebar button span,.brand strong,.brand span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar button.active,.sidebar button:hover{background:var(--theme-nav-bg-soft)}.sidebar-user{border-top:1px solid var(--theme-nav-border);gap:14px;margin:4px -16px -22px;padding:18px 24px 22px;display:grid}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{color:#fff;font-size:.96rem}.sidebar-user span{color:#b8cbd2;margin-top:3px;font-size:.86rem}.sidebar .sidebar-signout{color:#f3f8fa;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 8px;font-weight:800;transition:background .18s,color .18s,transform .18s;display:flex}.sidebar .sidebar-signout:hover{color:#fff;background:#ffffff14;transform:translate(3px)}.sidebar-impersonation{background:#ffffff14;border:1px solid #b8cbd23d;border-radius:8px;gap:8px;padding:12px;display:grid}.sidebar-impersonation span{color:#b8cbd2;margin:0;font-size:.78rem;font-weight:700}.sidebar-impersonation strong{font-size:.92rem}.sidebar .sidebar-impersonation-exit{color:#17666b;background:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;font-weight:900;display:flex}.sidebar .sidebar-impersonation-exit:hover{background:#e8f4f3;transform:translateY(-1px)}.sidebar .sidebar-close-button{display:none}.workspace{min-width:0;height:100vh;padding:22px;animation:.3s both pageFadeIn;overflow:auto}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;animation:.34s both slideSoftIn;display:flex;position:relative}.topbar.theme-navbar{overflow:visible}.topbar h1{color:#fff;background:linear-gradient(90deg,#fff,#c8eef0 58%,#8cc8cc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.65rem}.topbar p{color:#b8cbd2;margin:4px 0 0}.notification-center{flex:none;position:relative}.notification-trigger{color:#fff;background:#ffffff1a;border:1px solid #cfdbe059;border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid;position:relative}.notification-trigger.has-unread{background:#8cc8cc2e;border-color:#8cc8cc}.notification-trigger span{color:#fff;background:#e84855;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.notification-menu{z-index:30;color:#172026;background:#fff;border:1px solid #d7e1e6;border-radius:8px;width:min(360px,100vw - 36px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 55px #10202738}.notification-menu header{border-bottom:1px solid #e7edf0;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.notification-menu h2{margin:0;font-size:.98rem}.notification-menu header span{color:#60717a;font-size:.78rem;font-weight:800}.notification-mark-read{color:#176f76;white-space:nowrap;background:#f8fbfc;border:1px solid #c9d8de;border-radius:6px;padding:7px 9px;font-size:.76rem;font-weight:900}.notification-mark-read:hover{background:#e9f6f7;border-color:#9ecfd2}.notification-list{max-height:420px;display:grid;overflow-y:auto}.notification-item{color:#172026;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f4;gap:4px;padding:12px 14px;display:grid}.notification-item:hover{background:#f8fafb}.notification-item.is-unread{background:#f7fcfd;box-shadow:inset 3px 0 #2f7d80}.notification-item.is-read{opacity:.72}.notification-item strong{font-size:.9rem}.notification-item span{color:#465962;font-size:.82rem;line-height:1.35}.notification-item time,.notification-empty{color:#73858d;font-size:.76rem}.notification-empty{text-align:center;padding:18px 14px}.operator,.operator-panel,.empty-state{align-items:center;gap:8px;display:inline-flex}.operator{background:#fff;border:1px solid #d8e0e5;border-radius:6px;padding:10px 12px}.operator-panel select{min-width:170px}.logout-button{color:#34474f;background:#fff;border:1px solid #cfdbe0;padding:0 12px}.page-stack{gap:16px;animation:.26s both pageFadeIn;display:grid}.kpi-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;display:grid}.kpi,.panel,.detail-header,.filter-bar,.ticket-card{background:#fff;border:1px solid #dce3e8;border-radius:8px}.kpi{align-content:space-between;min-height:108px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.36s both cardLiftIn;display:grid}.kpi:hover{border-color:#bfd1d9;transform:translateY(-2px);box-shadow:0 14px 32px #10202714}.kpi span{color:#60717a}.kpi strong{font-size:2rem}.dashboard-grid,.detail-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-layout.detail-layout-single{grid-template-columns:minmax(0,1fr)}.panel{padding:16px;animation:.3s both cardLiftIn}.panel h2{margin:0 0 14px;font-size:1.05rem}.bar-list{gap:12px;display:grid}.bar-row{grid-template-columns:140px 1fr 30px;align-items:center;gap:10px;display:grid}.bar-row div{background:#e6edf1;border-radius:999px;height:10px;overflow:hidden}.bar-row i{background:#2f7d80;height:100%;display:block}.table-panel{overflow-x:auto}.ticket-workspace{grid-template-columns:minmax(320px,420px) minmax(720px,1fr);gap:16px;height:calc(100vh - 118px);min-height:0;animation:.26s both pageFadeIn;display:grid;overflow:hidden}.ticket-inbox,.ticket-inspector{min-height:0;overflow:hidden}.ticket-inbox{grid-template-rows:auto auto auto 1fr;gap:14px;display:grid}.inbox-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.inbox-header h2{margin:0}.inbox-header span{color:#60717a;font-weight:700}.inbox-header-actions{align-items:center;gap:8px;display:flex}.inbox-sort-button{color:#1f3b45;background:#fff;border:1px solid #cfdbe0;border-radius:999px;min-height:28px;padding:0 10px;font-size:.78rem;font-weight:800}.inbox-tools{grid-template-columns:1fr 150px;gap:10px;display:grid}.inbox-chips{flex-wrap:wrap;gap:8px;display:flex}.inbox-chips button,.inspector-tabs button{color:#465962;background:#fff;border:1px solid #cfdbe0;border-radius:999px;min-height:34px;padding:0 12px;font-weight:700;transition:background .17s,border-color .17s,color .17s,transform .17s,box-shadow .17s}.inbox-chips button.active,.inspector-tabs button.active{color:#5a49e8;background:#ebe9ff;border-color:#6d5dfc;transform:translateY(-1px);box-shadow:0 7px 18px #6d5dfc29}.inbox-chips button:hover,.inspector-tabs button:hover{border-color:#aab8ff;transform:translateY(-1px)}.inbox-list{align-content:start;gap:8px;padding-right:3px;display:grid;overflow-y:auto}.inbox-ticket{color:#172026;text-align:left;background:#fff;border:1px solid #e1e7eb;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:76px;padding:10px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;animation:.26s both listItemIn;display:grid}.inbox-ticket:nth-child(2){animation-delay:35ms}.inbox-ticket:nth-child(3){animation-delay:70ms}.inbox-ticket:nth-child(n+4){animation-delay:.105s}.inbox-ticket:hover{border-color:#b9c9d1;transform:translateY(-2px);box-shadow:0 10px 24px #10202714}.inbox-ticket.active{background:#f1efff;border-color:#6d5dfc;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #6d5dfc}.inbox-ticket strong,.inbox-ticket span,.inbox-ticket p{display:block}.inbox-ticket span{color:#73858d;font-size:.8rem}.inbox-ticket .inbox-created-at{color:#60717a;font-size:.74rem;font-weight:700}.inbox-ticket .inbox-store-name{color:#23414d;font-weight:800}.inbox-ticket-badges{justify-items:end;gap:6px;display:grid}.unread-badge{background:#e84855;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-weight:900;color:#fff!important;font-size:.74rem!important;display:inline-grid!important}.inbox-ticket p{color:#60717a;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin:4px 0 0;overflow:hidden}.inbox-avatar{color:#1f3b45;background:#dfe9ee;border-radius:999px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.inbox-avatar.large{width:54px;height:54px}.ticket-inspector{overscroll-behavior:contain;grid-template-rows:1fr;padding:0;display:grid;overflow-y:auto}.merged-ticket-record{grid-template-rows:auto 1fr;min-height:100%;animation:.26s both detailSwapIn;display:grid}.ticket-record-header{z-index:3;background:#fff;border-bottom:1px solid #e7edf0;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:14px 18px;display:flex;position:sticky;top:0}.ticket-record-title{gap:4px;min-width:0;display:grid}.ticket-record-title>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ticket-record-title h2{letter-spacing:0;margin:0;font-size:1.08rem}.ticket-record-title p{color:#60717a;overflow-wrap:anywhere;margin:0;font-size:.9rem;overflow:hidden}.ticket-record-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ticket-record-actions button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:800;transition:border-color .17s,background .17s,color .17s,transform .17s,box-shadow .17s;display:inline-flex}.ticket-record-actions .secondary-action{color:#23414d;background:#fff;border:1px solid #cfdbe0}.ticket-record-actions .primary-action{color:#fff;background:#5a49e8;border:1px solid #5a49e8}.ticket-record-actions button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 22px #5849e82e}.ticket-record-actions button:disabled{color:#9aa7ad;box-shadow:none;background:#f5f7f8;border-color:#dfe6ea}.ticket-record-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:start;gap:16px;min-height:0;padding:16px;display:grid}.ticket-record-main,.ticket-record-side{min-width:0}.ticket-record-main{align-content:start;gap:14px;display:grid}.ticket-record-main>.inspector-stack{padding:0}.ticket-record-side{position:sticky;top:16px}.ticket-record-side .activity-panel{min-height:360px;margin:0}.inspector-tabs{border-bottom:1px solid #e7edf0;justify-content:space-between;align-items:center;gap:8px;min-height:54px;padding:10px 18px;display:flex}.inspector-tabs>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inspector-resolve{color:#fff;background:#1f6f78;border:0;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.inspector-stack{align-content:start;gap:14px;padding:18px;animation:.26s both detailSwapIn;display:grid;container-type:inline-size}.ticket-summary-card,.status-update-card,.activity-panel{background:#fff;border:1px solid #dce3e8;border-radius:8px;padding:16px;animation:.3s both cardLiftIn}.ticket-summary-card{grid-template-columns:auto minmax(0,1fr) minmax(280px,.36fr);align-items:center;gap:22px;padding:22px 24px;display:grid;overflow:hidden}.ticket-summary-avatar{color:#172026;background:linear-gradient(145deg,#e5edf2,#f6f9fb);border-radius:999px;place-items:center;width:78px;height:78px;font-size:1.45rem;font-weight:900;display:grid}.ticket-summary-main{gap:16px;min-width:0;display:grid}.ticket-summary-title-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ticket-summary-title-row h2{letter-spacing:0;margin:0;font-size:1.55rem}.ticket-summary-main h3{letter-spacing:0;margin:0;font-size:1.8rem;line-height:1.16}.ticket-summary-meta{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px;display:grid}.ticket-summary-meta-item{color:#172026;align-items:center;gap:10px;min-width:0;font-weight:700;display:flex}.ticket-summary-meta-item svg,.ticket-summary-date-item svg{color:#6a7b85;flex:none}.ticket-summary-dates{border-left:1px solid #d7e1e6;gap:20px;min-width:0;padding-left:22px;display:grid}.ticket-summary-dates>button{color:#60717a;background:0 0;border:0;justify-self:end;place-items:center;width:34px;height:28px;display:inline-grid}.ticket-summary-date-item{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid}.ticket-summary-date-item span{color:#73858d;margin-bottom:5px;font-weight:800;display:block}.ticket-summary-date-item strong{color:#172026;font-size:1rem}@container (width<=760px){.ticket-summary-card{grid-template-columns:auto minmax(0,1fr)}.ticket-summary-dates{border-top:1px solid #d7e1e6;border-left:0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0 0}.ticket-summary-dates>button{display:none}}.ticket-summary-main h3,.ticket-summary-meta-item span,.ticket-summary-date-item strong,.detail-header>div:first-child,.detail-header h2,.detail-header p,.description,.meta-grid dd{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;overflow:hidden}.status-update-card{gap:12px;animation-delay:60ms;display:grid}.status-update-card .action-row{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}.status-update-card .action-row button{color:#23414d;background:#fff;border:1px solid #c9d8de;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:.9rem;font-weight:800;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0f2a320f}.status-update-card .action-row button:not(:disabled):hover{color:#0f5962;background:#eef8f9;border-color:#1f6f78;transform:translateY(-1px);box-shadow:0 5px 14px #0f2a321c}.status-update-card .action-row button:not(:disabled):focus-visible{outline-offset:2px;outline:3px solid #1f6f7838}.status-update-card .action-row button:disabled{color:#9aa7ad;box-shadow:none;opacity:1;background:#f5f7f8;border-color:#e1e7ea}.status-update-card .action-row button:disabled svg{color:#b7c1c6}.ticket-action-modal-backdrop{z-index:70;background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ticket-action-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #0f172a4d}.ticket-action-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.ticket-action-modal-header span{color:#60717a;font-size:.86rem;font-weight:800}.ticket-action-modal-header h2{margin:3px 0 0}.ticket-action-modal-header button{color:#34474f;background:#fff;border:1px solid #d5e0e5;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.ticket-action-modal .status-update-card{border:0;padding:0;animation:none}.activity-panel{margin:18px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e7edf0;padding:11px 10px}th{color:#5d707a;text-transform:uppercase;font-size:.82rem}.filter-bar{grid-template-columns:auto 1fr 190px 190px;align-items:center;gap:10px;padding:12px;display:grid}input,select,textarea{color:#172026;background:#fff;border:1px solid #ccd7dd;border-radius:6px;width:100%;padding:10px 11px}input::placeholder,textarea::placeholder{color:#96a3aa}input:focus::placeholder,textarea:focus::placeholder{color:#0000}textarea{resize:vertical;min-height:112px}label{color:#465962;gap:6px;display:grid}.field-has-error{color:#8f1d1d}.field-has-error>input,.field-has-error>select,.field-has-error>textarea{background:#fff7f7;border-color:#dc2626;box-shadow:0 0 0 1px #dc26261f}.field-has-error>input:focus,.field-has-error>select:focus,.field-has-error>textarea:focus{border-color:#b91c1c;outline:3px solid #dc262624}.field-error-message{color:#b91c1c;font-size:.84rem;line-height:1.35}.ticket-form-panel{max-width:920px;margin:0 auto}.form-panel form{gap:18px;display:grid}.ticket-form-section{border-bottom:1px solid #e8eef2;grid-template-columns:190px minmax(0,1fr);gap:18px;padding:18px 0;display:grid}.ticket-form-section-title{grid-template-columns:32px minmax(0,1fr);align-content:start;gap:10px;display:grid}.ticket-form-section-title span{color:#fff;background:#1f6f78;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex}.ticket-form-section-title h3{margin:0;font-size:1rem}.ticket-form-section-title p{color:#60717a;margin:4px 0 0;line-height:1.4}.ticket-form-stack{gap:14px;display:grid}.ticket-form-footer{justify-content:flex-end;align-items:center;gap:12px;padding-top:2px;display:flex}.submit-status{color:#0f766e;align-items:center;gap:6px;font-size:.92rem;font-weight:700;display:inline-flex}.spin-icon{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.priority-select{font-weight:800;transition:background .17s,border-color .17s,color .17s}.priority-select-low,.priority-option-low{color:#267346;background:#e8f4eb;border-color:#b9dbc7}.priority-select-medium,.priority-option-medium{color:#2d5c9f;background:#e9f0fb;border-color:#bdd0ed}.priority-select-high,.priority-option-high{color:#986800;background:#fff2d7;border-color:#ebcd86}.priority-select-critical,.priority-option-critical{color:#a23426;background:#ffe4e1;border-color:#eeb1aa}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.store-context{background:#f8fafb;border:1px solid #d7e1e6;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:10px 11px;display:grid}.store-context span{color:#60717a}.store-context strong{color:#172026}.inline-note{background:#f3f8f8;border-left:4px solid #1f6f78;gap:8px;padding:12px 14px;display:grid}.inline-note h3{margin:0;font-size:.98rem}.inline-note ol{gap:7px;margin:0;padding-left:20px;display:grid}.inline-note li{line-height:1.42}.form-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-input-row{grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:8px;display:grid}.check-row{align-items:center;gap:8px;display:flex}.check-row input{width:16px;height:16px}.primary-button,.small-button,.actions-panel button,.comment-box button,.category-add button,.ticket-card button{color:#fff;background:#1f6f78;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;transition:background .17s,transform .17s,box-shadow .17s;display:inline-flex}.primary-button:hover,.small-button:hover,.actions-panel button:hover,.comment-box button:hover,.category-add button:hover,.ticket-card button:hover,.kanban-card button:hover,.inspector-resolve:hover{transform:translateY(-1px);box-shadow:0 10px 22px #1f6f782e}.small-button{background:#31515d;min-height:32px}.detail-header{justify-content:space-between;gap:16px;padding:18px;display:flex;overflow:hidden}.detail-header span{color:#60717a}.detail-header h2{margin:4px 0;font-size:1.35rem}.detail-header p{color:#60717a;margin:0}.header-badges,.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.detail-header-actions{justify-items:end;gap:10px;display:grid}.detail-header-actions .primary-action{color:#fff;background:#5a49e8;border:1px solid #5a49e8;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:800;transition:border-color .17s,background .17s,transform .17s,box-shadow .17s;display:inline-flex}.detail-header-actions .primary-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px #5849e82e}.description{color:#34474f;line-height:1.55}.meta-grid{grid-template-columns:150px 1fr;gap:10px;display:grid}.meta-grid dt{color:#60717a}.meta-grid dd{margin:0}.actions-panel{gap:12px;display:grid}.workflow-panel{gap:24px;padding:22px 24px;display:grid}.workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px;display:grid;position:relative}.workflow-steps:before{content:"";z-index:0;border-top:2px dashed #c2d0d8;position:absolute;top:29px;left:7%;right:7%}.workflow-step{z-index:1;text-align:center;background:0 0;border:1px solid #0000;border-radius:8px;align-content:start;justify-items:center;gap:8px;min-height:122px;padding:10px 12px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;animation:.26s both listItemIn;display:grid;position:relative}.workflow-step:nth-child(2){animation-delay:35ms}.workflow-step:nth-child(3){animation-delay:70ms}.workflow-step:nth-child(4){animation-delay:.105s}.workflow-step:nth-child(n+5){animation-delay:.14s}.workflow-step:hover{transform:translateY(-2px);box-shadow:0 10px 22px #10202712}.workflow-step span{color:#172026;background:#e6edf1;border:2px solid #cfdbe0;border-radius:999px;place-items:center;width:44px;height:44px;font-size:1rem;font-weight:900;display:inline-grid}.workflow-step b{color:#172026;margin-top:6px;font-size:.94rem}.workflow-step small{color:#60717a;font-size:.86rem}.workflow-step.complete{background:0 0}.workflow-step.complete span,.workflow-step.active span{color:#fff;background:#267346;border-color:#267346}.workflow-step.active{background:#e8f4f3;border-color:#1f6f78;box-shadow:0 12px 28px #1f6f781f}.workflow-step.active span{background:#1f6f78}.workflow-summary{border:1px solid #d7e1e6;border-radius:8px;grid-template-columns:minmax(0,.25fr) minmax(0,1fr);gap:18px;padding:16px 18px;display:grid}.workflow-summary div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;min-width:0;display:grid}.workflow-summary div+div{border-left:1px solid #d7e1e6;padding-left:18px}.workflow-summary svg{color:#172026;background:#f3f6f8;border-radius:999px;grid-row:1/span 2;width:44px;height:44px;padding:10px}.workflow-summary span{color:#73858d;font-weight:800}.workflow-summary strong{overflow-wrap:anywhere;min-width:0;font-size:1rem}.comment-box{grid-template-columns:1fr auto;gap:10px;display:grid}.timeline{gap:12px;display:grid}.activity-loading{color:#465962;background:#f8fafb;border:1px dashed #cfdbe0;border-radius:8px;align-content:center;place-items:center;gap:8px;min-height:120px;font-weight:800;display:grid}.activity-loading svg{color:#1f6f78}.timeline-event{grid-template-columns:18px minmax(0,1fr);gap:10px;display:grid;position:relative}.timeline-event:before{content:"";background:#d7e5e9;width:2px;position:absolute;top:18px;bottom:-14px;left:8px}.timeline-event:last-child:before{display:none}.timeline-dot{z-index:1;background:#2f7d80;border:3px solid #fff;border-radius:999px;width:18px;height:18px;margin-top:3px;position:relative;box-shadow:0 0 0 1px #c7d7dc}.timeline-assignment .timeline-dot{background:#5a49e8}.timeline-maintenance-progress .timeline-dot{background:#986800}.timeline-event-body{background:#fff;border:1px solid #dce5ea;border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.timeline-event-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.timeline-event-header b{color:#172026;font-size:.92rem}.timeline-event-header time{color:#73858d;text-align:right;font-size:.76rem;line-height:1.3}.timeline-change,.timeline-assignee-change{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline-assignee-change{padding-top:2px}.timeline-assignee-change:before{content:"Assigned to";color:#73858d;text-transform:uppercase;letter-spacing:.02em;font-size:.74rem;font-weight:800}.timeline-change span:not(.timeline-arrow),.timeline-assignee-change span:not(.timeline-arrow){color:#23414d;background:#edf4f6;border-radius:999px;align-items:center;min-height:26px;padding:5px 9px;font-size:.82rem;font-weight:800;line-height:1.15;display:inline-flex}.timeline-arrow{color:#7a8a92;font-weight:900}.timeline-note{color:#34474f;margin:0;font-size:.9rem;line-height:1.4}.timeline .empty-state{min-height:120px}.chat-panel{grid-template-rows:auto auto auto;padding:0;animation:.28s both cardLiftIn;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid #e7edf0;align-items:center;gap:12px;min-height:70px;padding:14px 16px;display:flex}.chat-notification-settings{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.mute-until-control{color:#34474f;background:#f8fafb;border:1px solid #d7e1e6;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 6px 0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.mute-until-control>span{color:#60717a;white-space:nowrap}.mute-until-control input[type=datetime-local]{background:0 0;border:0;border-left:1px solid #d7e1e6;border-radius:0;width:178px;min-height:32px;padding:0 0 0 8px;font-size:.78rem}.mute-until-control input[type=datetime-local]:disabled{color:#9aa8ae;cursor:not-allowed}.mute-clear-button{color:#176f76;background:#fff;border:1px solid #c9d8de;border-radius:8px;min-height:36px;padding:0 10px;font-size:.78rem;font-weight:900}.mute-clear-button:hover{background:#e9f6f7;border-color:#9ecfd2}.chat-avatar{color:#1f3b45;background:#dfe9ee;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.chat-header h2{margin:0 0 3px}.chat-header-meta{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.chat-header-meta span{color:#465962;background:#f8fafb;border:1px solid #d7e1e6;border-radius:999px;padding:3px 8px;font-size:.76rem;font-weight:700}.chat-header span,.chat-meta span,.chat-tag{color:#73858d;font-size:.78rem}.chat-thread{background:#f8fafc;flex-direction:column;gap:10px;min-height:0;max-height:340px;padding:18px;display:flex;overflow-y:auto}.chat-message{justify-content:flex-start;animation:.22s both messageIn;display:flex}.chat-message.mine{justify-content:flex-end}.chat-loading{color:#60717a;background:#fff;border:1px dashed #ccd7dd;border-radius:8px;align-self:flex-start;gap:8px;width:min(78%,420px);min-height:78px;padding:12px;font-size:.9rem;font-weight:700;display:grid}.chat-loading>div{align-items:center;gap:8px;display:inline-flex}.chat-loading>span{background:linear-gradient(90deg,#e6edf1 0%,#f8fafc 48%,#e6edf1 100%) 0 0/220% 100%;border-radius:999px;height:10px;animation:1.2s ease-in-out infinite chatLoadingShimmer}.chat-loading>span:last-child{width:64%}.chat-bubble{background:#fff;border:1px solid #dce3e8;border-radius:8px 8px 8px 2px;max-width:min(78%,520px);padding:10px 12px;box-shadow:0 8px 18px #10202714}.chat-message.mine .chat-bubble{color:#fff;background:#2f8ee8;border-color:#2f85df;border-radius:8px 8px 2px}.chat-meta{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.chat-message.mine .chat-meta span,.chat-message.mine .chat-tag{color:#dceeff}.chat-tag{margin-bottom:6px;font-weight:700;display:inline-block}.chat-bubble p{white-space:pre-wrap;margin:0;line-height:1.45}.attachment-bubble{gap:8px;display:grid}.attachment-preview{aspect-ratio:16/10;background:#eef4f6;border:1px solid #cfdbe0e6;border-radius:8px;width:min(100%,360px);padding:0;display:block;overflow:hidden}.attachment-preview img{object-fit:cover;width:100%;height:100%;display:block}.attachment-preview-loading,.attachment-preview-error{color:#60717a;background:#f8fafb;border:1px dashed #ccd7dd;border-radius:8px;place-items:center;width:min(100%,360px);min-height:92px;font-size:.86rem;font-weight:700;display:grid}.chat-attachment{color:#34474f;background:#ffffffd9;border-radius:6px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:flex}.chat-composer{background:#fff;border-top:1px solid #e7edf0;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.chat-composer input{border-radius:999px;min-height:42px}.chat-composer button{color:#1f6f78;background:#fff;border:1px solid #cfdbe0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.chat-composer button:last-child{color:#fff;background:#1f6f78;border-color:#1f6f78}.attachment-list{gap:8px;display:grid}.attachment-row{background:#f8fafb;border:1px solid #d7e1e6;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:38px;padding:8px 10px;display:grid}.attachment-row .attachment-preview,.attachment-row .attachment-preview-loading,.attachment-row .attachment-preview-error{grid-column:1/-1;width:min(100%,420px)}.attachment-row b{color:#60717a;font-size:.78rem}.attachment-link{color:#17666b;text-align:left;background:0 0;border:0;width:fit-content;padding:0;text-decoration:underline}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs button{background:#fff;border:1px solid #cfdbe0;border-radius:6px;min-height:38px;padding:0 12px;transition:background .17s,border-color .17s,color .17s,transform .17s}.tabs button.active{color:#1f6f78;background:#e8f4f3;border-color:#1f6f78;transform:translateY(-1px)}.tabs button:hover{transform:translateY(-1px)}.kanban-shell{grid-template-rows:auto 1fr;gap:14px;min-height:calc(100vh - 118px);display:grid}.kanban-toolbar{align-items:center;gap:10px;display:flex}.kanban-toolbar input{background:#fff;border:1px solid #cfdbe0;border-radius:8px;flex:1;min-height:42px;padding:0 13px}.kanban-toolbar button{color:#1f3b45;background:#fff;border:1px solid #cfdbe0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.kanban-board{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:stretch;gap:16px;min-height:0;display:grid}.kanban-lane{background:#fff;border:1px solid #dce3e8;border-radius:8px;grid-template-rows:auto 1fr;gap:14px;height:calc(100vh - 190px);min-height:640px;padding:14px;animation:.32s both laneIn;display:grid;overflow:hidden}.kanban-lane:nth-child(2){animation-delay:60ms}.kanban-lane:nth-child(3){animation-delay:.12s}.kanban-lane:nth-child(4){animation-delay:.18s}.kanban-lane header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.kanban-lane h2{margin:0;font-size:1rem}.kanban-lane header span{color:#60717a;margin-top:3px;font-size:.84rem;display:block}.kanban-lane header b{color:#17666b;background:#e8f4f3;border-radius:999px;place-items:center;min-width:30px;height:30px;display:grid}.kanban-cards{align-content:start;gap:12px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.kanban-card{background:#f8fafb;border:1px solid #dce3e8;border-radius:8px;gap:10px;min-width:0;padding:12px;transition:border-color .18s,box-shadow .18s,transform .18s;animation:.26s both listItemIn;display:grid}.kanban-card:hover{border-color:#b9c9d1;transform:translateY(-3px);box-shadow:0 14px 30px #1020271a}.kanban-card-top,.kanban-meta,.kanban-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.kanban-card h3{overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:0;font-size:1rem;overflow:hidden}.kanban-card p{color:#60717a;margin:0}.kanban-assignee{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.kanban-meta span{color:#73858d;font-size:.84rem}.kanban-assign{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.kanban-assign select{background:#fff;border:1px solid #cfdbe0;border-radius:6px;min-width:0;min-height:34px;padding:0 8px;font-size:.86rem}.kanban-card button{color:#fff;background:#1f6f78;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;display:inline-flex}.kanban-card button:disabled{cursor:not-allowed;opacity:.55}.kanban-empty{color:#73858d;border:1px dashed #cfdbe0;border-radius:8px;place-items:center;min-height:120px;display:grid}.ticket-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ticket-card{gap:10px;padding:14px;display:grid}.ticket-card div,.ticket-card footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ticket-card h3{margin:0;font-size:1rem}.ticket-card p{color:#60717a;margin:0}.portal-settings-panel{gap:14px;display:grid}.portal-settings-panel h2{margin:0}.portal-setting-row{background:#f8fafb;border:1px solid #d7e1e6;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:14px;display:flex}.portal-setting-row strong{color:#172026}.portal-setting-row p{color:#60717a;max-width:680px;margin:5px 0 0;line-height:1.4}.settings-switch{color:#23414d;white-space:nowrap;background:#fff;border:1px solid #c9d8de;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.settings-switch input{accent-color:#2f7d80;width:16px;height:16px}.category-add{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;display:grid}.category-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.category-options textarea{grid-column:1/-1;min-height:86px}.category-list{gap:12px;display:grid}.category-editor{background:#fff;border:1px solid #d7e1e6;border-radius:6px;gap:10px;padding:12px;display:grid}.category-editor.inactive{opacity:.74;background:#f8fafb}.category-main,.category-fields{align-items:center;gap:10px;display:grid}.category-main{grid-template-columns:minmax(220px,1fr) auto auto auto}.category-fields{grid-template-columns:minmax(180px,.7fr) minmax(180px,1fr) minmax(240px,1.4fr)}.category-fields label{gap:6px;display:grid}.category-fields textarea{min-height:74px}.category-grid{flex-wrap:wrap;gap:8px;display:flex}.category-grid span{background:#f8fafb;border:1px solid #d7e1e6;border-radius:6px;padding:8px 10px}.icon-button{color:#172026;background:#fff;border:1px solid #d7e1e6;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button.danger{color:#9b1c1c;border-color:#efcaca}.form-error{color:#9b1c1c;white-space:pre-line;margin:0 0 12px}.form-success{color:#0f766e;margin:0 0 12px}.management-page{gap:16px;display:grid}.management-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.management-header h2,.management-editor h3{margin:0}.management-header p{color:#60717a;margin:5px 0 0}.management-tabs{background:#eef2f5;border-radius:8px;gap:3px;width:fit-content;padding:4px;display:inline-flex}.management-tabs button{color:#465962;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 14px;font-weight:700}.management-tabs button.active{color:#172026;background:#fff;box-shadow:0 1px 4px #1020271f}.management-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px;display:flex}.management-filter{background:#fff;border:1px solid #dce3e8;border-radius:8px;grid-template-columns:minmax(260px,1fr) 180px 180px auto;align-items:end;gap:12px;padding:12px;display:grid}.management-filter span{color:#60717a;white-space:nowrap;align-self:center}.management-table{padding:0;overflow:auto}.management-table table{min-width:980px}.management-table th{background:#f8fafb}.management-row-actions{flex-wrap:wrap;gap:8px;display:flex}.management-editor{background:#fff;border:1px solid #dce3e8;border-radius:8px;gap:14px;padding:14px;display:grid}.management-editor-header,.management-editor-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.management-editor-actions{justify-content:flex-start}.management-modal-backdrop{z-index:50;background:#0f172a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.management-modal{width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 70px #0f172a52}.modal-actions{justify-content:flex-end}.user-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.user-form-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.store-access-picker{gap:8px;display:grid}.store-access-picker header{justify-content:space-between;align-items:center;gap:10px;display:flex}.store-access-picker h4{margin:0}.store-access-list{border:1px solid #dce3e8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;max-height:210px;padding:10px;display:grid;overflow:auto}.store-access-option{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;display:grid}.store-access-option input{width:16px;height:16px}.store-access-option span,.store-access-option b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-access-option b{color:#7a6d8d;font-weight:700}.role-chip,.status-chip{border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:.78rem;font-weight:800;display:inline-flex}.role-admin{color:#17666b;background:#e8f4f3}.role-super_admin{color:#4c1d95;background:#efe9ff}.role-store{color:#225aa0;background:#f0f6ff}.role-operations_manager{color:#047857;background:#ecfdf5}.role-maintenance{color:#73591b;background:#f5f1e8}.status-chip.active{color:#0b6b3a;background:#e8f7ef}.status-chip.inactive{color:#a23426;background:#fff0ee}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:.78rem;font-weight:700;display:inline-flex}.priority-low{color:#267346;background:#e8f4eb}.priority-medium{color:#2d5c9f;background:#e9f0fb}.priority-high{color:#986800;background:#fff2d7}.priority-critical{color:#a23426;background:#ffe4e1}.maintenance-progress-badge{color:#4c1d95;background:#efe9ff}.status-new,.status-admin-review,.status-reopened{color:#2d5c9f;background:#e9f0fb}.status-assigned,.status-in-progress{color:#17666b;background:#dff4f2}.status-waiting-parts,.status-waiting-store,.status-on-hold{color:#986800;background:#fff2d7}.status-resolved,.status-closed{color:#267346;background:#e8f4eb}.status-rejected,.status-cancelled,.status-duplicate{color:#54656d;background:#eceff1}.overdue{color:#a23426;margin-left:6px;font-weight:700}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideSoftIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardLiftIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes listItemIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes detailSwapIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chatLoadingShimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes laneIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr;overflow-x:hidden}.sidebar{z-index:20;width:min(280px,82vw);min-height:100vh;padding:22px 16px;position:fixed;top:0;bottom:0;left:0;transform:translate(0);box-shadow:18px 0 42px #10202738}.app-shell.sidebar-collapsed .sidebar{transform:translate(-100%)}.workspace{min-width:0}.sidebar-open-button,.sidebar-close-button{color:#34474f;background:#fff;border:1px solid #cfdbe0;border-radius:6px;justify-content:center;align-items:center}.sidebar-open-button{z-index:18;width:42px;height:42px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 12px 28px #10202729}.app-shell.sidebar-collapsed .sidebar-open-button{display:inline-flex}.sidebar .sidebar-close-button{gap:0;width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;position:absolute;top:14px;right:12px}.brand{margin:0 -16px 18px;padding:8px 56px 20px 24px}.sidebar nav{grid-template-columns:1fr;gap:20px;display:grid}.sidebar button{justify-content:flex-start;min-height:42px;padding:0 12px}.sidebar button:hover,.sidebar button.active{transform:translate(3px)}.kpi-grid,.dashboard-grid,.detail-layout,.ticket-card-grid,.ticket-workspace,.ticket-record-grid,.workflow-steps,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-workspace,.ticket-record-grid{grid-template-columns:1fr}.ticket-summary-card{grid-template-columns:auto minmax(0,1fr)}.ticket-summary-dates{border-top:1px solid #d7e1e6;border-left:0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 0 0}.ticket-summary-dates>button,.workflow-steps:before{display:none}.ticket-workspace{height:auto;min-height:calc(100vh - 118px);overflow:visible}.ticket-inspector{overflow:visible}.ticket-record-side{position:static}.ticket-form-section{grid-template-columns:1fr}.ticket-form-section-title{max-width:520px}.ticket-inbox,.ticket-inspector{min-height:auto}.kanban-board{grid-template-columns:1fr}.kanban-lane{height:auto;min-height:auto}.kanban-cards{max-height:520px}}@media (prefers-reduced-motion:reduce){.login-page,.login-shell,.login-brand,.portal-logo.large,.login-card,.login-error,.workspace,.topbar,.page-stack,.ticket-workspace,.merged-ticket-record,.panel,.kpi,.inbox-ticket,.inspector-stack,.ticket-summary-card,.status-update-card,.activity-panel,.chat-panel,.chat-message,.chat-loading>span,.workflow-step,.kanban-lane,.kanban-card,.ticket-card{animation:none}.login-card,.sidebar button,.inbox-ticket,.inbox-chips button,.ticket-record-actions button,.inspector-tabs button,.tabs button,.kanban-card,.ticket-card,.workflow-step,.primary-button,.small-button,.actions-panel button,.comment-box button,.category-add button,.ticket-card button,.kanban-card button,.logout-button{transition:none}}@media (width<=720px){.app-shell{grid-template-columns:1fr}.workspace{padding:62px 14px 14px}.sidebar{padding:18px 12px}.brand{margin:0 -12px 18px;padding:6px 48px 18px 18px}.brand .portal-logo{width:42px;height:42px}.brand strong{font-size:.9rem}.brand span{font-size:.76rem}.sidebar nav{grid-template-columns:1fr;gap:18px}.sidebar button{text-align:left;flex-direction:row;gap:10px;min-height:42px;padding:0 12px;font-size:.9rem}.sidebar button svg{width:18px;height:18px}.topbar,.detail-header,.ticket-record-header{flex-direction:column;align-items:flex-start}.ticket-record-actions{width:100%}.ticket-record-actions button{flex:150px}.kpi-grid,.dashboard-grid,.detail-layout,.ticket-card-grid,.workflow-steps,.inbox-tools,.ticket-record-grid,.ticket-summary-card,.form-grid,.form-grid.two-column,.filter-bar,.comment-box{grid-template-columns:1fr}.ticket-summary-card{gap:16px;padding:16px}.ticket-summary-avatar{width:52px;height:52px;font-size:1rem}.ticket-summary-title-row h2,.ticket-summary-main h3{font-size:1.22rem}.ticket-summary-meta,.ticket-summary-dates,.workflow-summary{grid-template-columns:1fr}.workflow-summary div+div{border-top:1px solid #d7e1e6;border-left:0;padding-top:14px;padding-left:0}.ticket-form-panel{max-width:none}.ticket-form-section{padding:14px 0}.ticket-form-footer{justify-content:stretch}.ticket-form-footer .primary-button{width:100%}}