:root{--ink:#14191c;--petrol:#0b3d45;--petrol-bright:#12606e;--signal:#c2410c;--steel:#5a6b72;--paper:#f7f6f2;--line:#dcdad3;--surface:#fff;--brand:#9a363c}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}:focus-visible{outline:2px solid var(--petrol-bright);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{min-height:100dvh;display:flex}.app-sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:212px;display:flex}.app-sidebar-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:18px 20px 16px;display:flex}.app-nav{flex:1;padding:12px 10px}.app-nav a{color:var(--ink);border-radius:3px;padding:8px 10px;font-size:14px;text-decoration:none;display:block}.app-nav a:hover{background:var(--paper)}.app-sidebar-footer{border-top:1px solid var(--line);padding:14px 20px}.app-main{flex:1;min-width:0;padding:28px 32px}@media (max-width:800px){.app-shell{flex-direction:column}.app-sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%}.app-sidebar-header{padding:12px 16px}.app-nav{-webkit-overflow-scrolling:touch;border-top:1px solid var(--line);gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.app-nav a{white-space:nowrap;background:var(--paper);padding:7px 12px}.app-sidebar-footer{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.app-main{padding:18px 16px 40px}}.ticket-row{color:inherit;align-items:center;gap:14px;padding:12px 16px 12px 13px;text-decoration:none;display:flex}.ticket-row:hover{background:var(--paper)}.ticket-row-number{color:var(--steel);flex-shrink:0;width:72px;font-family:ui-monospace,monospace;font-size:12px}.ticket-row-body{flex:1;min-width:0}.ticket-row-subject{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.ticket-row-meta{color:var(--steel);font-size:12px}.ticket-row-badges{flex-shrink:0;gap:6px;display:flex}@media (max-width:800px){.ticket-row{flex-wrap:wrap;gap:4px 10px;padding:12px 14px 12px 11px}.ticket-row-number{width:auto}.ticket-row-body{flex-basis:100%;order:3}.ticket-row-subject{white-space:normal}.ticket-row-badges{margin-left:auto}}.detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}@media (max-width:900px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:620px){.field-pair{grid-template-columns:1fr}}.filter-strip{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}@media (max-width:800px){.filter-strip{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-strip>*{white-space:nowrap;flex-shrink:0}}.page-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}@media (max-width:620px){.page-header{flex-direction:column;align-items:stretch}}@media (max-width:800px){input,select,textarea{font-size:16px!important}}.topbar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}@media (max-width:800px){.topbar{margin-bottom:12px}}.bell-button{background-color:var(--petrol);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition-duration:.3s;display:flex;position:relative;box-shadow:2px 2px 10px #00000021}.bell-button .bell{width:15px}.bell-button .bell path{fill:#fff}.bell-button:hover{background-color:var(--petrol-bright)}.bell-button:hover .bell{animation:.9s both bellRing}.bell-button:active{transform:scale(.88)}@keyframes bellRing{0%,to{transform-origin:top}15%{transform:rotate(10deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}.bell-count{background:var(--signal);color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:19px;height:19px;box-shadow:0 0 0 2px var(--paper);border-radius:10px;padding:0 5px;font-size:11px;font-weight:600;line-height:19px;position:absolute;top:-3px;right:-3px}.loader-wrap{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:0;display:flex;position:fixed;inset:0}.wheel-and-hamster{--dur:1s;width:12em;height:12em;font-size:7px;position:relative}.wheel,.hamster,.hamster div,.spoke{position:absolute}.wheel,.spoke{border-radius:50%;width:100%;height:100%;top:0;left:0}.wheel{z-index:2;background:radial-gradient(100% 100%,#9990 47.8%,#999 48%)}.hamster{animation:hamster var(--dur) ease-in-out infinite;transform-origin:50% 0;z-index:1;width:7em;height:3.75em;top:50%;left:calc(50% - 3.5em);transform:rotate(4deg)translate(-.8em,1.85em)}.hamster__head{animation:hamsterHead var(--dur) ease-in-out infinite;transform-origin:100%;background:#f48c25;border-radius:70% 30% 0 100%/40% 25% 25% 60%;width:2.75em;height:2.5em;top:0;left:-2em;box-shadow:inset 0 -.25em #facc9e,inset .75em -1.55em #fce6cf}.hamster__ear{animation:hamsterEar var(--dur) ease-in-out infinite;transform-origin:50% 75%;background:#fbb6b6;border-radius:50%;width:.75em;height:.75em;top:-.25em;right:-.25em;box-shadow:inset -.25em 0 #f48c25}.hamster__eye{animation:hamsterEye var(--dur) linear infinite;background-color:#000;border-radius:50%;width:.5em;height:.5em;top:.375em;left:1.25em}.hamster__nose{background:#f98686;border-radius:35% 65% 85% 15%/70% 50% 50% 30%;width:.2em;height:.25em;top:.75em;left:0}.hamster__body{animation:hamsterBody var(--dur) ease-in-out infinite;transform-origin:17%;width:4.5em;height:3em;transform-style:preserve-3d;background:#fce6cf;border-radius:50% 30%/15% 60% 40% 40%;top:.25em;left:2em;box-shadow:inset .1em .75em #f48c25,inset .15em -.5em #facc9e}.hamster__limb--fr,.hamster__limb--fl{clip-path:polygon(0 0,100% 0,70% 80%,60% 100%,0% 100%,40% 80%);transform-origin:50% 0;width:1em;height:1.5em;top:2em;left:.5em}.hamster__limb--fr{animation:hamsterFRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 80%,#f98686 80%);transform:rotate(15deg)translateZ(-1px)}.hamster__limb--fl{animation:hamsterFLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 80%,#fbb6b6 80%);transform:rotate(15deg)}.hamster__limb--br,.hamster__limb--bl{clip-path:polygon(0 0,100% 0,100% 30%,70% 90%,70% 100%,30% 100%,40% 90%,0% 30%);transform-origin:50% 30%;border-radius:.75em .75em 0 0;width:1.5em;height:2.5em;top:1em;left:2.8em}.hamster__limb--br{animation:hamsterBRLimb var(--dur) linear infinite;background:linear-gradient(#facc9e 90%,#f98686 90%);transform:rotate(-25deg)translateZ(-1px)}.hamster__limb--bl{animation:hamsterBLLimb var(--dur) linear infinite;background:linear-gradient(#fce6cf 90%,#fbb6b6 90%);transform:rotate(-25deg)}.hamster__tail{animation:hamsterTail var(--dur) linear infinite;transform-origin:.25em .25em;background:#fbb6b6;border-radius:.25em 50% 50% .25em;width:1em;height:.5em;top:1.5em;right:-.5em;transform:rotate(30deg)translateZ(-1px);box-shadow:inset 0 -.2em #f98686}.spoke{animation:spoke var(--dur) linear infinite;background:radial-gradient(100% 100%,#999 4.8%,#9990 5%),linear-gradient(#8c8c8c00 46.9%,#a6a6a6 47% 52.9%,#a6a6a600 53%) 50%/99% 99% no-repeat}@keyframes hamster{0%,to{transform:rotate(4deg)translate(-.8em,1.85em)}50%{transform:rotate(0)translate(-.8em,1.85em)}}@keyframes hamsterHead{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(8deg)}}@keyframes hamsterEye{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(0)}}@keyframes hamsterEar{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(12deg)}}@keyframes hamsterBody{0%,25%,50%,75%,to{transform:rotate(0)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-2deg)}}@keyframes hamsterFRLimb{0%,25%,50%,75%,to{transform:rotate(50deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-30deg)translateZ(-1px)}}@keyframes hamsterFLLimb{0%,25%,50%,75%,to{transform:rotate(-30deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(50deg)}}@keyframes hamsterBRLimb{0%,25%,50%,75%,to{transform:rotate(-60deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(20deg)translateZ(-1px)}}@keyframes hamsterBLLimb{0%,25%,50%,75%,to{transform:rotate(20deg)}12.5%,37.5%,62.5%,87.5%{transform:rotate(-60deg)}}@keyframes hamsterTail{0%,25%,50%,75%,to{transform:rotate(30deg)translateZ(-1px)}12.5%,37.5%,62.5%,87.5%{transform:rotate(10deg)translateZ(-1px)}}@keyframes spoke{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}html,body{width:100%;max-width:100%;overflow-x:hidden}img,svg,video,canvas,button,input,select,textarea{max-width:100%}@media (max-width:1100px) and (min-width:801px){.app-sidebar{width:190px}.app-main{padding:22px 24px}.detail-grid{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width:800px){.app-sidebar{z-index:20;position:relative}.app-sidebar-header{min-height:54px}.app-nav{scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}.filter-strip::-webkit-scrollbar{display:none}.app-nav a,.filter-strip>*{align-items:center;min-height:40px;display:inline-flex}.app-main{width:100%;padding:16px 14px 36px}.app-user-info{flex:1;min-width:0}.app-sidebar-footer{flex-wrap:wrap}.page-header{align-items:stretch;gap:10px}.page-header>*{min-width:0}.page-header-action{text-align:center;justify-content:center;align-items:center;width:100%;min-height:42px;display:inline-flex}.dashboard-bar-row{grid-template-columns:minmax(92px,auto) minmax(0,1fr) auto;align-items:center;gap:8px!important;display:grid!important}.dashboard-bar-label{min-width:0;width:auto!important}.dashboard-bar-row>span:nth-child(2){width:min(100%,340px)!important;max-width:none!important}.ticket-row{min-height:62px}.ticket-row-meta{overflow-wrap:anywhere;line-height:1.45;display:block}.ticket-detail-badges{flex-wrap:wrap}.ticket-detail-title{overflow-wrap:anywhere;font-size:19px!important}.ticket-detail-meta{overflow-wrap:anywhere;line-height:1.45}.detail-card,.ticket-controls-card,.comment-card{padding:14px!important}.detail-definition-list,.settings-definition-list{overflow-wrap:anywhere}.detail-definition-list dd,.settings-definition-list dd{min-width:0}.comment-meta-row{flex-wrap:wrap;align-items:flex-start!important}.comment-meta-row>span:last-child{width:100%;margin-left:0!important}.comment-compose-actions{flex-wrap:wrap}.comment-compose-actions>button{min-height:42px}.ticket-control-actions{flex-wrap:wrap}.ticket-control-actions button{min-height:40px}.collaborator-row{gap:8px}.collaborator-row button{min-height:36px}.agent-row{grid-template-columns:minmax(0,1fr) minmax(130px,1fr);align-items:center;gap:10px!important;display:grid!important}.agent-row-identity,.agent-row-demotion,.agent-row-actions{grid-column:1/-1}.agent-row-team,.agent-row-role{min-width:0;width:100%!important;max-width:none!important}.agent-row-role,.agent-row-team{height:40px!important}.agent-row-actions{text-align:left!important;justify-content:flex-start!important}.agent-row-actions button{min-height:38px}.agent-row-demotion{flex-wrap:wrap}.agent-row-demotion select{flex:160px;min-width:0!important;height:40px!important}.department-row{grid-template-columns:minmax(0,1fr) auto;gap:10px!important;display:grid!important}.department-actions{flex-wrap:wrap;justify-content:flex-end;align-self:start}.department-edit{flex-wrap:wrap}.department-edit input{flex:180px;max-width:none!important}.settings-name-row{flex-wrap:wrap}.settings-name-row input{flex:220px;max-width:none!important}.settings-name-row button{min-height:40px}.settings-team-row{flex-wrap:wrap!important}.settings-team-row>span:first-child{min-width:0}.settings-team-actions{flex-wrap:wrap}.activity-row{grid-template-columns:minmax(0,1fr) auto;align-items:start!important;gap:6px 10px!important;display:grid!important}.activity-row>span:first-child{overflow-wrap:anywhere;min-width:0}.activity-row>span:last-child{text-align:right}.activity-refused-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 10px!important;display:grid!important}.activity-refused-row>span:first-child{overflow-wrap:anywhere;grid-column:1/-1}.activity-refused-row>span:last-child{white-space:nowrap;text-align:right!important;width:auto!important}.notification-row-inner{align-items:flex-start!important}.notification-row-inner>span:last-child{flex-shrink:0}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))!important}.customer-grid>div{min-width:0}.search-box{align-items:stretch}.search-box-input{width:100%;min-width:0;max-width:none!important}button,select{min-height:40px}input:not([type=checkbox]):not([type=radio]),textarea{min-height:42px}.auth-card{padding:22px!important}.app-sidebar-footer button{min-height:40px}}@media (max-width:620px){.app-sidebar-header{padding:11px 14px}.app-nav{padding:7px 10px}.app-sidebar-footer{padding:9px 14px}.app-main{padding:14px 12px 32px}.filter-strip{margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:2px}.page-header h1,.page-title{font-size:20px!important}.field-pair{grid-template-columns:1fr}.search-box{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid!important}.search-box-input{grid-column:1/-1}.search-box button{width:100%;min-width:0;min-height:42px}.ticket-row{padding:12px 12px 13px 10px}.ticket-row-number{font-size:11px}.ticket-row-badges{gap:4px}.ticket-detail-badges{gap:7px!important}.detail-definition-list,.settings-definition-list{grid-template-columns:1fr!important;gap:3px!important}.detail-definition-list dt:not(:first-child),.settings-definition-list dt:not(:first-child){margin-top:7px}.dashboard-bar-row{grid-template-columns:minmax(82px,auto) minmax(0,1fr) auto}.agent-row{grid-template-columns:1fr}.agent-row-team,.agent-row-role,.agent-row-actions,.agent-row-demotion{grid-column:1/-1}.agent-row-actions{justify-content:flex-start!important}.department-row{grid-template-columns:1fr}.department-actions{justify-content:flex-start}.activity-row,.activity-refused-row{grid-template-columns:1fr}.activity-row>span:last-child,.activity-refused-row>span:last-child{text-align:left!important;width:auto!important}.notification-row-inner{flex-wrap:wrap}.notification-row-inner>span:last-child{width:100%;white-space:normal!important}.choice-row{flex-direction:column!important;gap:8px!important}.auth-card{padding:20px!important}}@media (max-width:380px){.app-main{padding-left:10px;padding-right:10px}.app-sidebar-header{gap:8px}.app-brand-title{font-size:14px!important}.app-brand-kicker{display:none}.ticket-row-subject{font-size:13px}.ticket-row-meta{font-size:11px}}@media (prefers-reduced-motion:reduce){.app-nav,.filter-strip{scroll-behavior:auto!important}}