:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f7f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#09090b;--surface:#111116;--surface-2:#16161c;--surface-3:#1b1b22;--oxblood:#261317;--oxblood-strong:#34161d;--border:#2a2a32;--border-strong:#3a242a;--text:#f7f7f8;--muted:#90909c;--muted-2:#686873;--accent:#ff2d4f;--accent-hover:#ff4865;--amber:#f5ad32;--green:#35c96f;--danger:#ff5570;--radius:8px;background:#09090b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px;overflow-x:hidden}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand strong{color:var(--text);white-space:nowrap;font-size:18px;font-weight:820;overflow:hidden}.brand-mark{flex:none;align-content:center;gap:3px;width:23px;height:22px;display:grid}.brand-mark i{background:var(--accent);border-radius:1px;height:3px;display:block}.brand-mark i:first-child{width:20px}.brand-mark i:nth-child(2){width:15px}.brand-mark i:nth-child(3){width:10px}.brand-tag{color:#ff7c90;border:1px solid #6c2632;border-radius:5px;align-items:center;height:24px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;display:inline-flex}.button{height:46px;color:var(--text);background:var(--surface-3);border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:14px;font-weight:760;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{color:#fff;background:var(--accent);border-color:#ff5570;box-shadow:0 12px 28px #ff2d4f33}.button.primary:not(:disabled):hover{background:var(--accent-hover)}.button.danger{color:#ff8093;background:#171217;border-color:#54242e}.button.revise{color:#ffc45c;background:#171510;border-color:#6d4d1f}.button.full{width:100%}.icon-button{color:#b9b9c2;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;flex:none;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{color:var(--text);border-color:#44444d}.login-shell{background:linear-gradient(135deg, #58121e59, transparent 42%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);border-radius:var(--radius);background:#111116f7;width:min(100%,410px);padding:32px;box-shadow:0 28px 80px #0000006b}.login-icon{color:#ff8b9d;background:var(--oxblood);border:1px solid #54242e;border-radius:7px;place-items:center;width:46px;height:46px;margin:42px 0 18px;display:grid}.login-panel h1{margin:0;font-size:28px;line-height:1.15}.login-panel p{color:var(--muted);margin:8px 0 23px;font-size:14px}.login-panel form{gap:12px;display:grid}.login-panel input{width:100%;height:50px;color:var(--text);border:1px solid var(--border);background:#0d0d10;border-radius:7px;outline:none;padding:0 14px}.login-panel input:focus,.field textarea:focus,.reply-section textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff2d4f1f}.product-shell{background:linear-gradient(140deg, #53141e33, transparent 36%), var(--bg);grid-template-columns:236px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0c0c0ff5;flex-direction:column;min-height:100dvh;padding:26px 18px 22px;display:flex}.sidebar-caption{color:var(--muted-2);margin:13px 0 30px 33px;font-size:12px}.sidebar nav{gap:7px;display:grid}.nav-item{color:#b6b6c0;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;width:100%;height:48px;padding:0 13px;font-size:14px;font-weight:700;display:flex}.nav-item.active{color:#fff;box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#2b1419,#151318);border-color:#50202a}.nav-item.active svg{color:var(--accent)}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.connection{color:var(--muted);align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.connection.online svg{color:var(--green)}.logout-button{color:#a6a6b0;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;height:42px;padding:0 11px;font-size:13px;display:flex}.logout-button:hover{color:var(--text);background:var(--surface)}.main-shell{min-width:0;min-height:100dvh;padding:22px}.main-header{border:1px solid var(--border);border-radius:var(--radius);background:#111116eb;align-items:center;gap:18px;min-height:76px;padding:14px 17px 14px 20px;display:flex}.mobile-brand{display:none}.header-copy{min-width:0}.header-copy h1{margin:0;font-size:24px;line-height:1.1}.header-copy p{color:var(--muted);text-transform:uppercase;margin:5px 0 0;font-size:12px}.mobile-count{display:none}.header-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.live-state,.pending-count{color:#d1d1d6;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.live-state i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35c96f14}.live-state.offline i{background:var(--danger);box-shadow:none}.mobile-logout,.mobile-view-toggle{display:none}.toast{z-index:50;color:#d8d8df;border:1px solid var(--border);border-left:3px solid var(--green);background:#15151a;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;max-width:min(390px,100vw - 32px);min-height:48px;padding:10px 12px;font-size:13px;display:grid;position:fixed;top:24px;right:24px;box-shadow:0 20px 55px #0000006b}.toast.error{border-left-color:var(--danger)}.toast.error>svg{color:var(--danger)}.toast.success>svg{color:var(--green)}.toast button{width:28px;height:28px;color:var(--muted);background:0 0;place-items:center;display:grid}.workspace-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:12px;height:calc(100dvh - 120px);min-height:570px;margin-top:12px;display:grid}.queue-pane,.approval-workspace,.empty-workspace{border:1px solid var(--border);border-radius:var(--radius);background:#111116f0;min-height:0}.queue-pane{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.queue-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:80px;padding:15px 16px;display:flex}.queue-heading h2{margin:5px 0 0;font-size:18px}.queue-heading small{color:var(--amber);text-align:right;font-size:11px}.section-label{color:#ff637a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.queue-scroll{scrollbar-color:#34343c transparent;scrollbar-width:thin;padding:10px;overflow-y:auto}.queue-item{width:100%;min-height:76px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;display:grid}.queue-item+.queue-item{margin-top:6px}.queue-item:hover{background:#16161b;border-color:#24242b}.queue-item.selected{background:linear-gradient(105deg, var(--oxblood-strong), #17151a);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.avatar{color:#ffdce2;background:#8b2738;border:1px solid #c63d55;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:12px;font-weight:820;display:grid}.avatar.large{width:48px;height:48px;font-size:14px}.queue-copy{gap:5px;min-width:0;display:grid}.queue-copy strong,.queue-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-copy strong{font-size:13px}.queue-copy small{color:var(--muted);font-size:11px}.timer,.status-badge{min-width:68px;height:32px;color:var(--amber);background:#1b1710;border:1px solid #4a371d;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:820;display:inline-flex}.timer.urgent{color:#ff7b8f;background:#251216;border-color:#682331}.status-badge{color:#bdbdc6;border-color:var(--border);background:#18181d;min-width:0;font-family:inherit;font-size:10px}.status-badge.approved{color:#6fdf97;border-color:#245536}.status-badge.rejected,.status-badge.expired{color:#ff8194;border-color:#5c2730}.status-badge.revising{color:#ffc45c;border-color:#65491d}.approval-workspace{grid-template-rows:auto auto minmax(220px,1fr) auto;min-width:0;display:grid;overflow:hidden}.contact-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:15px 18px;display:flex}.contact-identity{align-items:center;gap:12px;min-width:0;display:flex}.contact-identity h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:20px;line-height:1.1;overflow:hidden}.contact-identity a{color:var(--muted);font-size:12px;text-decoration:none}.message-section{border-bottom:1px solid var(--border);padding:17px 19px}.section-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-row time,.editable-state{color:var(--muted-2);font-size:10px}.incoming-message p{color:#e8e8eb;margin:12px 0 0;font-size:15px;line-height:1.5}.reply-section{background:linear-gradient(145deg,#2a111742,#0000 50%);grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;padding:17px 19px 28px;display:grid;position:relative}.reply-section textarea{resize:none;width:100%;min-height:0;color:var(--text);background:#0e0e12;border:1px solid #6f2633;border-radius:7px;outline:none;padding:15px 16px 36px;font-size:15px;line-height:1.58}.reply-section textarea[readonly]{color:#cfcfd5;border-color:var(--border)}.character-count{color:var(--muted-2);font-size:10px;position:absolute;bottom:38px;right:31px}.action-dock{border-top:1px solid var(--border);background:#131318;grid-template-columns:minmax(110px,.7fr) minmax(110px,.8fr) minmax(190px,1.35fr);align-items:center;gap:10px;min-height:76px;padding:14px 18px;display:grid}.empty-workspace{text-align:center;align-content:center;place-items:center;gap:10px;min-height:360px;padding:30px;display:grid}.empty-icon{color:#ff8295;background:var(--oxblood);border:1px solid #52222b;border-radius:7px;place-items:center;width:54px;height:54px;display:grid}.empty-workspace h2{margin:4px 0 0;font-size:20px}.empty-workspace p{color:var(--muted);margin:0;font-size:13px}.sheet-layer{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a6;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.revision-sheet{background:#121217;border:1px solid #3b3b44;border-radius:8px;width:min(680px,100%);padding:20px;box-shadow:0 32px 90px #000000a6}.sheet-handle{display:none}.sheet-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:17px;display:flex}.sheet-header h2{margin:5px 0 0;font-size:20px}.field{gap:8px;margin-bottom:12px;display:grid;position:relative}.field>span{color:#c9c9d0;font-size:12px;font-weight:700}.field textarea{resize:vertical;width:100%;min-height:118px;color:var(--text);border:1px solid var(--border);background:#0c0c0f;border-radius:7px;outline:none;padding:14px 14px 30px;line-height:1.5}.field small{color:var(--muted-2);font-size:10px;position:absolute;bottom:10px;right:12px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.product-shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-inline:14px}.workspace-layout{grid-template-columns:minmax(250px,310px) minmax(0,1fr)}.pending-count{display:none}}@media (width<=760px){.product-shell{min-height:100dvh;display:block}.sidebar{display:none}.main-shell{min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 10px calc(86px + max(10px, env(safe-area-inset-bottom)))}.main-header{background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:10px;min-height:104px;padding:13px;display:grid}.mobile-brand{display:block}.brand.compact{gap:8px}.brand.compact strong{font-size:15px}.brand.compact .brand-mark{transform-origin:0;width:20px;transform:scale(.9)}.brand.compact .brand-tag{height:21px;padding-inline:6px;font-size:9px}.header-copy{grid-area:2/1/auto/-1}.header-copy h1{font-size:26px}.header-copy p{display:none}.mobile-count{color:#ff627a;margin-top:5px;font-size:12px;font-weight:760;display:block}.header-actions{grid-area:1/2;gap:6px}.live-state{background:0 0;border-color:#0000;height:34px;padding:0 10px}.live-state i{width:6px;height:6px}.desktop-refresh{display:none}.mobile-logout,.mobile-view-toggle{background:0 0;width:36px;height:36px;display:grid}.workspace-layout{flex-direction:column;gap:9px;height:auto;min-height:0;margin-top:0;display:flex}.queue-pane{background:0 0;border:0;order:0;display:block;overflow:visible}.queue-heading{border:0;min-height:0;padding:5px 3px 9px}.queue-heading h2,.queue-heading small{display:none}.queue-scroll{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:0 2px 8px;display:flex;overflow:auto hidden}.queue-scroll::-webkit-scrollbar{display:none}.queue-item{background:var(--surface);border-color:var(--border);scroll-snap-align:start;grid-template-columns:38px minmax(0,1fr) auto;width:min(230px,72vw);min-width:min(230px,72vw);min-height:66px;padding:9px}.queue-item+.queue-item{margin-top:0}.queue-item.selected{box-shadow:none}.queue-item .avatar{width:38px;height:38px}.queue-item .queue-copy small{display:none}.queue-item .timer,.queue-item .status-badge{background:0 0;border:0;min-width:0;padding:0 7px}.queue-item .timer svg{display:none}.approval-workspace{border-color:#33333c;flex-direction:column;min-height:calc(100dvh - 205px);display:flex;overflow:visible}.contact-header{min-height:74px;padding:12px}.contact-identity{gap:10px}.avatar.large{width:42px;height:42px}.contact-identity h2{font-size:17px}.contact-identity a{font-size:11px}.contact-header>.timer{min-width:74px;height:36px;font-size:13px}.message-section{padding:14px 14px 15px}.incoming-message p{margin-top:10px;font-size:14px}.reply-section{flex:1;min-height:315px;padding:14px 14px 27px}.reply-section textarea{min-height:250px;font-size:15px;line-height:1.55}.character-count{bottom:36px;right:25px}.action-dock{right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#131318f7;border:1px solid #35353e;border-radius:8px;grid-template-columns:.75fr .82fr 1.55fr;gap:7px;min-height:72px;padding:11px;position:fixed;left:10px;box-shadow:0 18px 46px #0000008c}.action-dock .button{gap:7px;min-width:0;height:48px;padding:0 9px;font-size:12px}.action-dock .approve{font-size:13px}.empty-workspace{min-height:55dvh}.sheet-layer{padding:0}.revision-sheet{padding:11px 14px max(16px, env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:14px 14px 0 0}.sheet-handle{background:#565660;border-radius:2px;width:42px;height:4px;margin:0 auto 13px;display:block}.toast{top:max(12px, env(safe-area-inset-top));max-width:none;left:12px;right:12px}}@media (width<=385px){.live-state{display:none}.action-dock{grid-template-columns:48px 48px minmax(0,1fr)}.action-dock .button:not(.approve) span{display:none}.action-dock .button{padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}