:root{--k-green: #dc2626;--k-red: #dc2626;--k-blue: #1a6fe8;--k-amber: #d97706;--k-indigo: #6366f1;--k-ink: #0f1117;--k-soft: #374151;--k-muted: #6b7280;--k-canvas: #ffffff;--k-canvas-alt: #f7f7f7;--k-bg: #ffffff;--k-bg-alt: #f7f7f7;--k-card: #ffffff;--k-panel: #ffffff;--k-surface-alt: #f7f7f7;--k-control: #f2f3f5;--k-control-hover: #e9eaee;--k-primary-action: #0f1117;--k-primary-action-hover: #27272a;--k-primary-action-text: #ffffff;--k-border: #e2e5ec;--k-border-strong: #cdd1db;--k-amber-text: #92400e;--k-shadow: rgba(15, 17, 23, .08);--k-radius-control: 8px;--k-radius-card: 8px;--k-radius-action: 10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--k-ink);background:var(--k-canvas)}:root[data-theme=dark]{--k-green: #ef4444;--k-red: #ef4444;--k-blue: #60a5fa;--k-amber: #f59e0b;--k-indigo: #818cf8;--k-ink: #f0f0f5;--k-soft: #b8b8cc;--k-muted: #adadc8;--k-canvas: #0a0a0f;--k-canvas-alt: #13131a;--k-bg: #0a0a0f;--k-bg-alt: #13131a;--k-card: #0a0a0f;--k-panel: #13131a;--k-surface-alt: #1c1c26;--k-control: #27272a;--k-control-hover: #3f3f46;--k-primary-action: #f7f7fa;--k-primary-action-hover: #e4e4e7;--k-primary-action-text: #0f1117;--k-border: rgba(255, 255, 255, .12);--k-border-strong: rgba(255, 255, 255, .22);--k-amber-text: #f59e0b;--k-shadow: rgba(0, 0, 0, .28)}*{box-sizing:border-box}body{min-width:320px;margin:0;color:var(--k-ink);background:var(--k-canvas)}a{color:inherit;text-decoration:none}button,input{font:inherit}html{scrollbar-gutter:stable}.kj-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.kj-topbar{position:sticky;top:0;z-index:50;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;isolation:isolate}.kj-topbar:before{content:"";position:absolute;top:0;right:50%;bottom:0;left:50%;z-index:-1;width:100vw;transform:translate(-50%);background:var(--k-canvas)}.kj-brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:20px;font-weight:840;line-height:1}.kj-brand img{width:36px;height:36px;border-radius:8px}.kj-topbar-actions{display:flex;align-items:center;gap:10px}.kj-nav-link{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:0;border-radius:8px;color:var(--k-soft);background:transparent;text-decoration:none;font-size:14px;font-weight:700}.kj-nav-link:hover{background:var(--k-control);color:var(--k-ink)}.kj-nav-link--control{color:var(--k-ink);background:var(--k-control)}.kj-nav-link--control:hover{background:var(--k-control-hover)}.kj-nav-link--primary{color:var(--k-primary-action-text);background:var(--k-primary-action);font-weight:760}.kj-nav-link--primary:hover{color:var(--k-primary-action-text);background:var(--k-primary-action-hover)}.kj-theme-toggle{width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 40px;border:0;border-radius:8px;color:var(--k-ink);background:var(--k-control);cursor:pointer}.kj-theme-toggle:hover{background:var(--k-control-hover)}.kj-theme-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kj-language-menu{position:relative;display:inline-flex;flex:0 0 auto}.kj-language-trigger{min-width:64px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;color:var(--k-ink);background:var(--k-control);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.kj-language-trigger:hover,.kj-language-trigger[aria-expanded=true]{background:var(--k-control-hover)}.kj-language-trigger svg{width:15px;height:15px;stroke-width:2.4}.kj-language-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:148px;padding:6px;display:grid;gap:2px;border:1px solid var(--k-border);border-radius:8px;background:var(--k-panel);box-shadow:0 18px 40px #0000002e}.kj-language-popover[hidden]{display:none}.kj-language-option{width:100%;min-height:36px;display:flex;align-items:center;border:0;border-radius:6px;padding:0 10px;color:var(--k-ink);background:transparent;font:inherit;font-size:14px;font-weight:720;text-align:left;cursor:pointer}.kj-language-option:hover,.kj-language-option[aria-selected=true]{background:var(--k-control)}@media(max-width:760px){.kj-topbar{align-items:flex-start;flex-direction:column;padding:18px 0}.kj-topbar-actions{width:100%;justify-content:space-between}}@media(max-width:520px){.kj-shell{width:min(100% - 24px,1120px)}.kj-topbar-actions{display:grid;grid-template-columns:minmax(0,1fr) 56px 38px;gap:6px}.kj-topbar-actions--public{grid-template-columns:repeat(2,minmax(0,1fr)) 56px 38px}.kj-nav-link{justify-content:center;min-height:38px;padding:0 6px;font-size:12.5px}.kj-language-menu,.kj-language-trigger{width:100%}.kj-language-trigger{min-width:0;height:38px;font-size:12.5px}.kj-theme-toggle{width:38px;height:38px;flex-basis:38px}}.kj-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:0;border-radius:var(--k-radius-action);color:var(--k-ink);background:var(--k-control);font-weight:750;text-decoration:none}.kj-button:hover{background:var(--k-control-hover)}.kj-button--primary{color:var(--k-primary-action-text);background:var(--k-primary-action)}.kj-button--primary:hover{color:var(--k-primary-action-text);background:var(--k-primary-action-hover)}.kj-button--block{width:100%}.kj-button:disabled{opacity:.58;cursor:not-allowed}.kj-card{border:1px solid var(--k-border);border-radius:var(--k-radius-card);background:var(--k-card);box-shadow:none}.kj-card--interactive{color:var(--k-ink);text-align:left;cursor:pointer}.kj-card--selected{border-color:var(--k-border-strong)}.kj-field{display:grid;gap:8px}.kj-field span{color:var(--k-soft);font-size:13px;font-weight:750}.kj-field input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--k-border-strong);border-radius:var(--k-radius-control);color:var(--k-ink);background:var(--k-panel);outline:none}.kj-field input:focus{border-color:var(--k-border-strong)}.kj-status-box{display:grid;gap:6px;padding:14px;border:1px solid var(--k-border);border-radius:var(--k-radius-card);background:var(--k-card);color:var(--k-amber-text)}.kj-status-box span{font-size:13px;line-height:1.45}:root[data-theme=dark] .kj-status-box{color:var(--k-amber)}html,body,#root{min-height:100%}body{min-height:100vh;background:var(--k-canvas)}button,input,textarea,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.center-state{min-height:100vh;display:grid;place-items:center;color:var(--k-muted);font-size:14px}.eyebrow{margin:0 0 9px;color:var(--k-red);font-size:11px;font-weight:820;letter-spacing:.08em}.form-error,.workspace-error{margin:0;color:var(--k-red);font-size:13px;font-weight:720;line-height:1.45}.auth-shell{min-height:100vh;display:grid;grid-template-rows:74px minmax(0,1fr)}.auth-topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-page{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:clamp(48px,8vw,112px);align-items:center;padding:56px 0 80px}.auth-copy h1{max-width:660px;margin:0;font-size:clamp(44px,6vw,72px);line-height:.98;letter-spacing:-.035em}.auth-copy>p:last-child{max-width:580px;margin:22px 0 0;color:var(--k-soft);font-size:18px;line-height:1.58}.auth-form{width:100%;display:grid;gap:18px;justify-self:end}.auth-form h2{margin:0 0 6px;font-size:25px;letter-spacing:-.02em}.forgot-password{justify-self:end;padding:0;margin-top:-7px;border:0;color:var(--k-soft);background:transparent;font-size:12px;font-weight:720}.forgot-password:hover{color:var(--k-ink)}.form-note{margin:0;color:var(--k-muted);font-size:12px;line-height:1.48}.admin-shell{height:100vh;height:100dvh;min-height:640px;display:grid;grid-template-rows:74px minmax(0,1fr);overflow:hidden}.admin-header{position:relative;z-index:5;border-bottom:1px solid var(--k-border);background:var(--k-canvas)}.admin-header-inner{width:100%;height:100%;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .kj-nav-link{cursor:pointer}.sync-indicator{min-height:40px;display:inline-flex;align-items:center;gap:8px;color:var(--k-muted);font-size:12px;font-weight:700}.sync-indicator>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--k-muted)}.sync-indicator--live>i{background:#16a34a}.sync-indicator--live:has(span:not(:empty)){color:var(--k-soft)}.sync-indicator--error,.sync-indicator--error>i{color:var(--k-red);background:var(--k-red)}.sync-indicator--error{background:transparent}.workspace{width:100%;min-height:0;display:grid;grid-template-columns:clamp(350px,24vw,400px) minmax(0,1fr);background:var(--k-canvas-alt)}.ticket-pane{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--k-border);background:var(--k-canvas)}.ticket-pane-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px 28px 20px}.ticket-pane-heading h1{margin:0;font-size:31px;line-height:1;letter-spacing:-.035em}.ticket-pane-heading>span{color:var(--k-muted);font-size:13px;font-weight:700}.filters{display:flex;gap:14px;overflow-x:auto;padding:0 28px 13px;border-bottom:1px solid var(--k-border);scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;padding:0 0 7px;border:0;border-bottom:2px solid transparent;color:var(--k-muted);background:transparent;font-size:11.5px;font-weight:700}.filters button:hover,.filters button.active{color:var(--k-ink)}.filters button.active{border-bottom-color:var(--k-red)}.ticket-pane>.workspace-error{margin:14px 28px 0}.ticket-list{min-height:0;flex:1;overflow-y:auto}.list-state{display:grid;gap:6px;margin:38px 28px;color:var(--k-muted);font-size:13px;line-height:1.5}.list-state strong{color:var(--k-ink);font-size:14px}.list-state span{max-width:260px}.ticket-row{width:100%;display:grid;gap:6px;padding:18px 28px;border:0;border-bottom:1px solid var(--k-border);color:var(--k-ink);background:transparent;text-align:left}.ticket-row:hover,.ticket-row--active{background:var(--k-canvas-alt)}.ticket-row--active{box-shadow:inset 3px 0 0 var(--k-red)}.ticket-row--unread .ticket-preview,.ticket-row--unread .ticket-row-topline strong{color:var(--k-ink);font-weight:760}.ticket-row-topline,.ticket-row-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-row-topline strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ticket-row-topline i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--k-red)}.ticket-identity,.ticket-row-meta{color:var(--k-muted);font-size:10.5px}.ticket-preview{overflow:hidden;color:var(--k-soft);font-size:12px;line-height:1.48;text-overflow:ellipsis;white-space:nowrap}.ticket-row-meta em{color:var(--k-soft);font-style:normal;font-weight:680}.conversation-pane{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:var(--k-canvas-alt)}.conversation-empty{grid-row:1 / -1;place-self:start stretch;max-width:none;padding:clamp(70px,10vh,104px) clamp(36px,5vw,80px);text-align:left}.conversation-empty>*{max-width:480px}.conversation-empty strong{display:block;font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-.035em}.conversation-empty>p:last-child{margin:14px 0 0;color:var(--k-muted);font-size:14px;line-height:1.6}.conversation-header{grid-row:1;min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 32px;border-bottom:1px solid var(--k-border);background:var(--k-canvas)}.conversation-back{display:none;padding:0;border:0;color:var(--k-soft);background:transparent;font-size:12px;font-weight:720}.conversation-header h2{margin:0;font-size:19px;letter-spacing:-.015em}.conversation-header div>span{display:block;margin-top:5px;color:var(--k-muted);font-size:10.5px}.conversation-header label{display:grid;gap:6px}.conversation-header label>span,.reply-form>label{color:var(--k-soft);font-size:12px;font-weight:720}.conversation-header select,.reply-form textarea{width:100%;border:1px solid var(--k-border-strong);border-radius:var(--k-radius-control);color:var(--k-ink);background:var(--k-panel);outline:none}.conversation-header select{min-width:160px;min-height:40px;padding:0 11px}.conversation-header select:focus,.reply-form textarea:focus{border-color:var(--k-ink)}.action-error{grid-row:2;padding:10px 32px 0}.messages{grid-row:3;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:19px;padding:30px 32px;background:var(--k-canvas-alt)}.message{width:min(680px,78%);display:grid;gap:5px}.message--user{align-self:flex-start}.message--support{align-self:flex-end;justify-items:end}.message>span,.message>time{color:var(--k-muted);font-size:10.5px;font-weight:680}.message-body{padding:12px 15px;border-radius:11px;background:var(--k-panel)}.message--support .message-body{background:color-mix(in srgb,var(--k-red) 10%,var(--k-panel))}.message-body>p{margin:0;color:var(--k-ink);font-size:13.5px;line-height:1.52;white-space:pre-wrap}.attachment{display:block;margin-top:12px}.attachment img{display:block;width:min(380px,100%);max-height:260px;border-radius:7px;object-fit:cover}.attachment-state{margin:10px 0 0;color:var(--k-muted);font-size:11px}.reply-form{grid-row:4;display:grid;gap:8px;padding:17px 32px 21px;border-top:1px solid var(--k-border);background:var(--k-canvas)}.reply-form textarea{min-height:92px;resize:vertical;padding:12px 13px;line-height:1.48}.reply-form>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.reply-form>div span{color:var(--k-muted);font-size:10.5px}.reply-form .kj-button{min-height:42px}.closed-note{grid-row:4;padding:23px 32px;border-top:1px solid var(--k-border);color:var(--k-muted);font-size:13px;text-align:center}@media(max-width:980px){.workspace{grid-template-columns:350px minmax(0,1fr)}.admin-header-inner{width:100%;padding-inline:22px}.ticket-pane-heading,.ticket-row,.filters{padding-left:22px;padding-right:22px}}@media(max-width:760px){.auth-page{grid-template-columns:1fr;gap:48px;align-content:center}.auth-form{max-width:440px;justify-self:start}.auth-copy h1{font-size:clamp(42px,12vw,58px)}.sync-indicator>span{display:none}}@media(max-width:840px){.admin-shell{min-height:0;grid-template-rows:74px minmax(0,1fr)}.admin-header-inner{width:100%;padding-inline:14px}.admin-header .kj-brand{font-size:18px}.admin-header .kj-brand img{width:34px;height:34px}.header-actions{gap:5px}.header-actions .kj-nav-link{padding:0 8px;font-size:12px}.workspace{display:block}.ticket-pane{min-height:calc(100vh - 74px);border-right:0}.conversation-pane{position:fixed;top:74px;right:0;bottom:0;left:0;z-index:3;display:none}.conversation-pane--open{display:grid}.conversation-header{min-height:92px;padding:14px 16px}.conversation-back{display:block}.conversation-header label{max-width:132px}.conversation-empty{padding:48px 22px}.conversation-header select{min-width:0}.messages{padding:20px 14px}.message{width:88%}.reply-form{padding:13px 14px max(15px,env(safe-area-inset-bottom))}.reply-form textarea{resize:none}.action-error{padding:9px 16px 0}}@media(max-width:480px){.auth-shell{width:calc(100% - 28px)}.auth-page{padding:38px 0 56px}.auth-copy>p:last-child{font-size:16px}.header-actions .kj-nav-link{width:40px;overflow:hidden;color:transparent;position:relative}.header-actions .kj-nav-link:after{content:"Sortir";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--k-soft);font-size:11px}}