.zk-auth-viewport{position:relative;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-ui, "Plus Jakarta Sans", "Inter", sans-serif);padding:2rem 1.25rem;box-sizing:border-box}.zk-auth-bg-canvas{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;width:150%;height:150%;background:linear-gradient(-45deg,#f8fbff,#e2f1fe,#d4eafc 40%,#e3e8fc 65%,#eef5ff 85%,#f4f8fe);background-size:350% 350%;animation:zkGradientShift 14s ease-in-out infinite alternate;z-index:0;pointer-events:none;overflow:hidden}@keyframes zkGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.zk-auth-aurora-sweep{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 50% 50%,rgba(147,197,253,.45) 0%,rgba(199,210,254,.35) 35%,rgba(224,242,254,.2) 60%,transparent 80%);animation:zkAuroraRotate 20s linear infinite;mix-blend-mode:multiply;will-change:transform}@keyframes zkAuroraRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(360deg) scale(1)}}.zk-auth-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.75;mix-blend-mode:multiply;will-change:transform}.zk-auth-orb-1{width:600px;height:600px;top:-5%;left:5%;background:radial-gradient(circle,#60a5fa 0%,#93c5fd 50%,transparent 80%);animation:zkMoveOrb1 12s cubic-bezier(.45,.05,.55,.95) infinite alternate}.zk-auth-orb-2{width:680px;height:680px;bottom:-5%;right:5%;background:radial-gradient(circle,#818cf8 0%,#c7d2fe 55%,transparent 85%);animation:zkMoveOrb2 15s cubic-bezier(.45,.05,.55,.95) infinite alternate}.zk-auth-orb-3{width:520px;height:520px;top:35%;left:30%;background:radial-gradient(circle,#ffffff 0%,#bae6fd 45%,#7dd3fc 75%,transparent 90%);opacity:.85;mix-blend-mode:normal;animation:zkMoveOrb3 13s cubic-bezier(.45,.05,.55,.95) infinite alternate}.zk-auth-orb-4{width:480px;height:480px;bottom:10%;left:10%;background:radial-gradient(circle,#38bdf8 0%,#a7f3d0 60%,transparent 80%);opacity:.65;animation:zkMoveOrb4 11s cubic-bezier(.45,.05,.55,.95) infinite alternate}.zk-auth-orb-5{width:440px;height:440px;top:5%;right:15%;background:radial-gradient(circle,#a5b4fc 0%,#93c5fd 55%,transparent 85%);animation:zkMoveOrb5 10s cubic-bezier(.45,.05,.55,.95) infinite alternate}.zk-auth-float-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffffff2,#93c5fd73 55%,#38bdf833);box-shadow:0 8px 32px #38bdf833,inset 0 2px 8px #ffffffe6;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);will-change:transform,opacity;pointer-events:none}.zk-auth-float-bubble.bubble-1{width:90px;height:90px;left:12%;bottom:-100px;animation:zkBubbleRise 14s infinite ease-in;animation-delay:0s}.zk-auth-float-bubble.bubble-2{width:55px;height:55px;left:28%;bottom:-80px;animation:zkBubbleRise 18s infinite ease-in;animation-delay:3s}.zk-auth-float-bubble.bubble-3{width:110px;height:110px;right:18%;bottom:-120px;animation:zkBubbleRise 16s infinite ease-in;animation-delay:1.5s}.zk-auth-float-bubble.bubble-4{width:45px;height:45px;right:32%;bottom:-60px;animation:zkBubbleRise 12s infinite ease-in;animation-delay:5s}.zk-auth-float-bubble.bubble-5{width:75px;height:75px;left:5%;bottom:-90px;animation:zkBubbleRise 20s infinite ease-in;animation-delay:7s}.zk-auth-float-bubble.bubble-6{width:65px;height:65px;right:8%;bottom:-80px;animation:zkBubbleRise 15s infinite ease-in;animation-delay:4.5s}@keyframes zkBubbleRise{0%{transform:translateY(0) translate(0) scale(.85);opacity:0}15%{opacity:.75}50%{transform:translateY(-55vh) translate(35px) scale(1.05);opacity:.85}85%{opacity:.6}to{transform:translateY(-115vh) translate(-25px) scale(1.15);opacity:0}}.zk-auth-diffuser{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(28px) saturate(125%);-webkit-backdrop-filter:blur(28px) saturate(125%);background:radial-gradient(circle at 50% 50%,#ffffff73,#e0f2fe33);z-index:1}@keyframes zkMoveOrb1{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(140px,90px) scale(1.18) rotate(160deg)}to{transform:translate(-80px,160px) scale(.92) rotate(360deg)}}@keyframes zkMoveOrb2{0%{transform:translate(0) scale(1.1) rotate(0)}50%{transform:translate(-160px,-110px) scale(.95) rotate(-140deg)}to{transform:translate(90px,-70px) scale(1.22) rotate(-320deg)}}@keyframes zkMoveOrb3{0%{transform:translate(0) scale(.9) rotate(0)}50%{transform:translate(110px,-140px) scale(1.2) rotate(180deg)}to{transform:translate(-120px,80px) scale(1.05) rotate(360deg)}}@keyframes zkMoveOrb4{0%{transform:translate(0) scale(1)}50%{transform:translate(-90px,-120px) scale(1.15)}to{transform:translate(130px,-40px) scale(.88)}}@keyframes zkMoveOrb5{0%{transform:translate(0) scale(1.05)}50%{transform:translate(120px,130px) scale(.9)}to{transform:translate(-110px,70px) scale(1.18)}}.zk-auth-topbar{position:absolute;top:2rem;left:2.5rem;z-index:20}.zk-auth-back-link{display:inline-flex;align-items:center;gap:.45rem;color:#1e293b;text-decoration:none;font-size:.875rem;font-weight:700;padding:.55rem 1rem;border-radius:999px;background:#ffffffd9;border:1px solid rgba(203,213,225,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0f172a0d}.zk-auth-back-link:hover{background:#fff;border-color:#93c5fd;color:#2563eb;transform:translate(-3px);box-shadow:0 6px 18px #2563eb1f}.zk-auth-topright-tools{position:absolute;top:2rem;right:2.5rem;z-index:20}.zk-auth-theme-toggle{display:inline-flex;align-items:center;gap:.5rem;color:#1e293b;font-size:.825rem;font-weight:700;padding:.55rem 1rem;border-radius:999px;background:#ffffffd9;border:1px solid rgba(203,213,225,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #0f172a0d}.zk-auth-theme-toggle:hover{background:#fff;border-color:#93c5fd;color:#2563eb;box-shadow:0 6px 18px #2563eb1f}.zk-auth-center-wrap{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;animation:zkAuthFadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes zkAuthFadeIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.zk-auth-brand-header{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-bottom:1.75rem;text-decoration:none;color:#0f172a;transition:transform .2s ease}.zk-auth-brand-header:hover{transform:scale(1.02)}.zk-auth-brand-icon-box{width:36px;height:36px;border-radius:11px;background:#fff;border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;color:#2563eb;box-shadow:0 4px 14px #2563eb1f}.zk-auth-brand-title{font-size:1.25rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0f172a}.zk-auth-card{width:100%;background:#fff;border-radius:28px;padding:2.75rem 2.5rem;box-shadow:0 25px 65px -12px #0f224b1f,0 10px 24px -6px #0f224b0f,0 0 0 1px #fffffff2;box-sizing:border-box;text-align:center}@media (max-width: 480px){.zk-auth-card{padding:2.25rem 1.75rem;border-radius:24px}.zk-auth-topbar{top:1.25rem;left:1.25rem}}.zk-auth-title{font-size:1.65rem;font-weight:800;color:#111827;letter-spacing:-.025em;margin:0 0 .45rem}.zk-auth-subtitle{font-size:.875rem;color:#64748b;margin:0 0 1.75rem;line-height:1.5}.zk-auth-error-banner{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fee2e2;color:#dc2626;font-size:.8125rem;font-weight:600;padding:.65rem .9rem;border-radius:12px;margin-bottom:1.25rem;text-align:left;animation:zkAuthShake .3s ease}@keyframes zkAuthShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.zk-auth-form{display:flex;flex-direction:column;gap:1.15rem;text-align:left}.zk-auth-field{display:flex;flex-direction:column;gap:.4rem}.zk-auth-label{font-size:.8125rem;font-weight:600;color:#344054}.zk-auth-input-wrap{position:relative;width:100%}.zk-auth-input{width:100%;height:46px;padding:0 14px;background:#fff;border:1px solid #d0d5dd;border-radius:12px;font-size:.9rem;color:#101828;outline:none;box-sizing:border-box;transition:all .15s ease}.zk-auth-input::placeholder{color:#98a2b3;font-size:.875rem}.zk-auth-input:focus{border-color:#4f6bf7;box-shadow:0 0 0 4px #4f6bf71f}.zk-auth-input-with-eye{padding-right:42px}.zk-auth-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#98a2b3;font-size:1.15rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s ease}.zk-auth-eye-btn:hover{color:#475467}.zk-toggle-switch{width:40px;height:22px;border-radius:999px;background:#e2e8f0;border:none;padding:0;position:relative;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;flex-shrink:0}.zk-toggle-switch.active{background:#4f6bf7;box-shadow:0 2px 8px #4f6bf759}.zk-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;left:2px;box-shadow:0 1px 3px #00000026,0 1px 2px #0000000f;transition:transform .25s cubic-bezier(.16,1,.3,1)}.zk-toggle-switch.active .zk-toggle-thumb{transform:translate(18px)}.zk-toggle-switch.sm{width:32px;height:18px}.zk-toggle-switch.sm .zk-toggle-thumb{width:14px;height:14px}.zk-toggle-switch.sm.active .zk-toggle-thumb{transform:translate(14px)}.zk-auth-segmented-toggle{display:flex;background:#f1f5f9;padding:4px;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:1.5rem;position:relative}.zk-auth-segment-btn{flex:1;padding:.55rem .75rem;font-size:.8125rem;font-weight:700;border-radius:10px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:.4rem}.zk-auth-segment-btn.active{background:#fff;color:#1e293b;box-shadow:0 2px 8px #0f172a14}.zk-auth-topright-tools{position:absolute;top:2rem;right:2.5rem;z-index:20;display:flex;align-items:center;gap:.75rem}.zk-auth-theme-toggle{display:inline-flex;align-items:center;gap:.5rem;background:#ffffffe6;border:1px solid rgba(203,213,225,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:999px;padding:.5rem 1rem;color:#1e293b;font-size:.8125rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0f172a0d;transition:all .2s cubic-bezier(.16,1,.3,1)}.zk-auth-theme-toggle:hover{background:#fff;border-color:#93c5fd;color:#2563eb;transform:translateY(-1px);box-shadow:0 6px 18px #2563eb1f}[data-theme=dark] .zk-auth-bg-canvas,.dark .zk-auth-bg-canvas{background:linear-gradient(-45deg,#090d16,#0f172a 35%,#1e1b4b 65%,#0c1222)}[data-theme=dark] .zk-auth-orb,.dark .zk-auth-orb{mix-blend-mode:screen;opacity:.5}[data-theme=dark] .zk-auth-diffuser,.dark .zk-auth-diffuser{background:radial-gradient(circle at 50% 50%,#0f172a99,#030712d9)}[data-theme=dark] .zk-auth-card,.dark .zk-auth-card{background:#0f172a;border:1px solid #1e293b;box-shadow:0 25px 65px -12px #0009;color:#f8fafc}[data-theme=dark] .zk-auth-title,.dark .zk-auth-title,[data-theme=dark] .zk-auth-brand-title,.dark .zk-auth-brand-title{color:#f8fafc}[data-theme=dark] .zk-auth-subtitle,.dark .zk-auth-subtitle{color:#94a3b8}[data-theme=dark] .zk-auth-brand-icon-box,.dark .zk-auth-brand-icon-box{background:#1e293b;border-color:#334155;color:#60a5fa}[data-theme=dark] .zk-auth-input,.dark .zk-auth-input{background:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=dark] .zk-auth-back-link,.dark .zk-auth-back-link,[data-theme=dark] .zk-auth-theme-toggle,.dark .zk-auth-theme-toggle{background:#1e293bd9;border-color:#334155;color:#f8fafc}.zk-auth-options-row{display:flex;align-items:center;justify-content:space-between;margin-top:-.25rem;margin-bottom:.25rem;font-size:.8125rem}.zk-auth-remember{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;color:#475467;-webkit-user-select:none;user-select:none;font-weight:500}.zk-auth-forgot-link{color:#4f6bf7;font-weight:600;text-decoration:none;transition:color .15s ease}.zk-auth-forgot-link:hover{color:#3b5bf5;text-decoration:underline}.zk-auth-submit-btn{width:100%;height:46px;background:#4f6bf7;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #4f6bf759;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.zk-auth-submit-btn:hover:not(:disabled){background:#3b5bf5;box-shadow:0 8px 22px #4f6bf773;transform:translateY(-1px)}.zk-auth-submit-btn:active:not(:disabled){transform:translateY(0)}.zk-auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.zk-auth-google-btn{width:100%;height:46px;background:#fff;border:1px solid #d0d5dd;border-radius:12px;color:#344054;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.65rem;transition:all .15s ease;box-shadow:0 1px 2px #1018280d}.zk-auth-google-btn:hover{background:#f9fafb;border-color:#b8c1cc;box-shadow:0 2px 6px #10182814}.zk-auth-switch{margin-top:1.75rem;font-size:.8125rem;color:#64748b;text-align:center}.zk-auth-switch a{color:#4f6bf7;font-weight:700;text-decoration:none;margin-left:.25rem}.zk-auth-switch a:hover{color:#3b5bf5;text-decoration:underline}.zk-auth-quick-demo{margin-top:1.25rem;padding-top:1.25rem;border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:.5rem}.zk-auth-quick-title{font-size:.725rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:center}.zk-auth-demo-pills{display:flex;justify-content:center;gap:.5rem}.zk-auth-demo-pill{font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;background:#f1f5f9;color:#475467;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s ease}.zk-auth-demo-pill:hover{background:#e0e7ff;color:#3b5bf5;border-color:#c7d2fe}.zk-auth-video-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none}.zk-auth-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#ffffff14,#bae6fd1f);pointer-events:none;z-index:1}.zk-auth-concentric-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.zk-concentric-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.35)}.zk-concentric-ring.ring-1{width:480px;height:480px}.zk-concentric-ring.ring-2{width:740px;height:740px;border-color:#ffffff47}.zk-concentric-ring.ring-3{width:1040px;height:1040px;border-color:#ffffff38}.zk-concentric-ring.ring-4{width:1380px;height:1380px;border-color:#ffffff29}.zk-auth-top-brand-pill{position:fixed;top:24px;left:28px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.95);display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border-radius:14px;text-decoration:none;z-index:50;box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0000000a;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,background .2s ease}.zk-auth-top-brand-pill:hover{transform:scale(1.05);background:#fff;box-shadow:0 12px 30px #2563eb2e,0 4px 10px #0000000f}.zk-auth-brand-wordmark-img{height:36px;width:auto;max-width:150px;object-fit:contain;display:block}.zk-auth-floating-actions{position:fixed;bottom:28px;right:28px;display:flex;flex-direction:column;gap:14px;z-index:50}.zk-auth-floating-glass-btn{width:60px;height:60px;border-radius:20px;background:#ffffffa6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 25px -4px #00000014,0 0 0 1px #ffffff80 inset;display:grid;place-items:center;color:#111827;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.zk-auth-floating-glass-btn:hover{background:#ffffffe0;transform:scale(1.05);box-shadow:0 14px 30px -4px #0000001f}.zk-auth-center-wrap{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;width:100%}.zk-auth-glass-card{width:100%;max-width:410px;background:linear-gradient(180deg,#ffffffdb,#f0f9ffc2);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1.5px solid rgba(255,255,255,.95);border-radius:32px;padding:38px 34px 30px;box-shadow:0 30px 65px -15px #6366f129,0 12px 28px -6px #0000000d,0 0 0 1px #fff9 inset;box-sizing:border-box;text-align:center;position:relative;z-index:10;animation:zkAuthFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.zk-auth-top-badge{width:46px;height:46px;background:#fffffff2;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(255,255,255,1);color:#111827}.zk-auth-glass-title{font-size:21px;font-weight:700;color:#111827;letter-spacing:-.015em;margin:0 0 8px}.zk-auth-glass-subtitle{font-size:12.5px;color:#6b7280;line-height:1.45;margin:0 auto 22px;max-width:290px}.zk-auth-glass-input-row{position:relative;width:100%;margin-bottom:12px}.zk-auth-glass-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:17px;pointer-events:none;display:grid;place-items:center}.zk-auth-glass-input{width:100%;height:44px;background:#f3f4f6c7;border:1px solid rgba(229,231,235,.6);border-radius:12px;padding:0 14px 0 42px;font-size:13.5px;color:#111827;outline:none;box-sizing:border-box;transition:all .15s ease}.zk-auth-glass-input::placeholder{color:#9ca3af;font-size:13px}.zk-auth-glass-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.zk-auth-glass-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:grid;place-items:center;font-size:16px;transition:color .15s}.zk-auth-glass-eye-btn:hover{color:#4b5563}.zk-auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-4px;margin-bottom:16px}.zk-auth-forgot-link{font-size:11.5px;color:#6b7280;text-decoration:none;font-weight:500;transition:color .15s}.zk-auth-forgot-link:hover{color:#111827}.zk-auth-btn-get-started{width:100%;height:44px;background:#111827;color:#fff;border-radius:12px;border:none;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #11182726;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.zk-auth-btn-get-started:hover{background:#1f2937;transform:translateY(-1px);box-shadow:0 6px 18px #11182740}.zk-auth-btn-get-started:disabled{opacity:.65;cursor:not-allowed;transform:none}.zk-auth-dotted-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;color:#9ca3af;font-size:11.5px;font-weight:500}.zk-auth-dotted-divider:before,.zk-auth-dotted-divider:after{content:"";flex:1;border-top:1px dotted rgba(209,213,219,.9)}.zk-auth-social-row{display:flex;gap:10px;justify-content:space-between}.zk-auth-social-btn{flex:1;height:42px;background:#fffffff2;border:1px solid rgba(229,231,235,.9);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.zk-auth-social-btn:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}@media (max-width: 768px){.zk-auth-top-brand-pill{top:18px;left:18px;padding:7px 14px;border-radius:12px}.zk-auth-brand-wordmark-img{height:32px;max-width:130px}.zk-auth-floating-actions{bottom:18px;right:18px;gap:10px}.zk-auth-floating-glass-btn{width:48px;height:48px;border-radius:16px}.zk-auth-floating-glass-btn svg{width:20px;height:20px}}@media (max-width: 540px){.zk-auth-viewport{padding:68px 14px 72px;min-height:100vh;min-height:100dvh;align-items:center}.zk-auth-top-brand-pill{top:14px;left:14px;padding:6px 12px;border-radius:10px}.zk-auth-brand-wordmark-img{height:28px;max-width:115px}.zk-auth-floating-actions{bottom:14px;right:14px;gap:8px}.zk-auth-floating-glass-btn{width:42px;height:42px;border-radius:12px}.zk-auth-floating-glass-btn svg{width:18px;height:18px}.zk-auth-glass-card{padding:26px 18px 22px;border-radius:24px;max-width:100%!important;width:100%;box-shadow:0 16px 40px -10px #6366f12e,0 0 0 1px #fff9 inset}.zk-auth-top-badge{width:40px;height:40px;margin-bottom:12px;border-radius:12px}.zk-auth-top-badge svg{width:18px;height:18px}.zk-auth-glass-title{font-size:19px;margin-bottom:6px}.zk-auth-glass-subtitle{font-size:12px;line-height:1.4;margin-bottom:18px}.zk-auth-glass-input{height:42px;font-size:13px;padding:0 12px 0 38px;border-radius:10px}.zk-auth-glass-input-icon{left:12px;font-size:16px}.zk-auth-btn-get-started{height:42px;font-size:13px;border-radius:10px}.zk-auth-dotted-divider{margin:16px 0 14px;font-size:11px}.zk-auth-social-row{gap:8px}.zk-auth-social-btn{height:38px;border-radius:10px}.zk-auth-social-btn svg{width:17px;height:17px}.zk-concentric-ring{opacity:.45}}@media (max-width: 380px){.zk-auth-glass-card{padding:22px 14px 18px;border-radius:20px}.zk-auth-glass-title{font-size:17.5px}.zk-auth-top-brand-pill{padding:5px 10px}.zk-auth-brand-wordmark-img{height:24px;max-width:100px}}.lp{--b: #1d4ed8;--b2: #2563eb;--b-soft: #eff6ff;--b-line: #dbe7ff;--ink: #0b1b3b;--mute: #55688a;--w: #ffffff;font-family:Plus Jakarta Sans,Inter,sans-serif;color:var(--ink);background:var(--w);overflow-x:hidden;line-height:1.55}.lp *,.lp *:before,.lp *:after{box-sizing:border-box}.lp a{color:inherit;text-decoration:none}.lp button{font-family:inherit;cursor:pointer}.lp-wrap{max-width:1160px;margin:0 auto;padding:0 24px}.lp-wrap.narrow{max-width:780px}.lp-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--b2);transform-origin:0 50%;z-index:200}.lp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--b);background:var(--b);color:#fff;border-radius:10px;font-weight:600;font-size:14px;transition:transform .15s,box-shadow .2s,background .2s}.lp-btn:hover{background:var(--b2);transform:translateY(-2px);box-shadow:0 10px 24px -8px #1d4ed88c}.lp-btn.ghost{background:#fff;color:var(--b);border-color:var(--b-line)}.lp-btn.ghost:hover{background:var(--b-soft);box-shadow:none}.lp-btn.white{background:#fff;color:var(--b);border-color:#fff}.lp-btn.white:hover{background:var(--b-soft)}.lp-btn.big{padding:14px 24px;font-size:15px;border-radius:12px}.lp-btn.full{width:100%;justify-content:center}.lp-link{background:none;border:0;color:var(--ink);font-weight:600;font-size:14px;padding:8px 10px;border-radius:8px}.lp-link:hover{background:var(--b-soft);color:var(--b)}.lp-link.owner{color:var(--b);display:inline-flex;gap:6px;align-items:center}.lp-nav{position:sticky;top:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}.lp-nav.scrolled{border-color:var(--b-line);box-shadow:0 6px 24px -16px #1d4ed859}.lp-nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;gap:20px}.lp-brand{display:inline-flex;align-items:center;text-decoration:none;line-height:1}.lp-brand .lp-brand-img{height:42px;width:auto;max-width:170px;object-fit:contain;display:block;transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s ease}.lp-brand:hover .lp-brand-img{transform:scale(1.05)}.lp-brand .lp-brand-img.footer-logo{height:46px;max-width:180px}.lp-brand.dark{color:var(--ink)}.lp-nav nav{display:flex;gap:28px}.lp-nav nav a{font-size:14px;font-weight:600;color:var(--mute);position:relative;padding:4px 0}.lp-nav nav a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--b);transition:width .25s}.lp-nav nav a:hover{color:var(--b)}.lp-nav nav a:hover:after{width:100%}.lp-nav-r{display:flex;align-items:center;gap:6px}.lp-hero{position:relative;padding:84px 0 72px;text-align:center;background:#fff;overflow:hidden;perspective:1000px}.lp-hero-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.lp-hero-glow{position:absolute;top:-140px;left:50%;transform:translate(-50%);width:960px;height:540px;background:radial-gradient(ellipse 60% 50% at 50% 30%,#2563eb14,#6366f109 45%,#fff0 75%);filter:blur(28px);pointer-events:none}.lp-hero-grid-subtle{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 65% 55% at 50% 25%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 25%,#000 20%,transparent 75%);pointer-events:none}.lp-hero-horizon-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:720px;max-width:90vw;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(37,99,235,.25) 50%,transparent 100%)}.lp-hero .lp-wrap{position:relative;z-index:1}.lp-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;background:#ffffffe0;border:1px solid rgba(226,232,240,.95);box-shadow:0 1px 3px #0f172a0a,0 6px 18px -4px #2563eb0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:9999px;margin-bottom:26px;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.lp-hero-badge:hover{background:#fff;border-color:#2563eb52;box-shadow:0 4px 20px -2px #2563eb1f,0 2px 6px #0f172a0a;transform:translateY(-1px)}.lp-hero-badge:hover .lp-badge-arr{transform:translate(3px);color:var(--b)}.lp-badge-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.02em;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;padding:3px 9px;border-radius:9999px;line-height:1}.lp-badge-tag-pulse{width:6px;height:6px;border-radius:50%;background:#2563eb;box-shadow:0 0 #2563eb99;animation:badgeDotPing 2.4s cubic-bezier(.24,0,.38,1) infinite}@keyframes badgeDotPing{0%{box-shadow:0 0 #2563ebb3}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}.lp-badge-text{font-size:13px;font-weight:500;color:#334155;letter-spacing:-.01em}.lp-badge-sep{width:1px;height:12px;background:#e2e8f0}.lp-badge-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:#1e293b}.lp-badge-arr{font-size:14px;color:#64748b;transition:transform .2s ease,color .2s ease}@media (max-width: 640px){.lp-hero-badge{padding:5px 12px 5px 5px;gap:8px}.lp-badge-sep,.lp-badge-link{display:none}.lp-badge-text{font-size:12px}}.lp-h1{font-family:-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,Inter,Segoe UI,Roboto,sans-serif;font-weight:800;font-size:clamp(34px,5.8vw,68px);line-height:1.06;letter-spacing:-.035em;margin:0 auto 20px;max-width:960px;color:#0f172a;text-transform:uppercase}.lp-h1-row{display:block}.lp-h1-gradient,.lp-h1 em{display:inline-block;font-style:normal;background:linear-gradient(135deg,#1e40af,#2563eb 55%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:4px;filter:drop-shadow(0 2px 10px rgba(37,99,235,.12))}.lp-sub{font-size:19px;line-height:1.55;color:#475569;max-width:680px;margin:0 auto 34px;letter-spacing:-.015em;font-weight:450}.lp-cta{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:20px}.lp-btn-primary-hero{position:relative;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;color:#fff;background:#1d4ed8;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 1px 2px #0f172a14,0 8px 20px -4px #1d4ed859;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);overflow:hidden}.lp-btn-primary-hero:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14,0 14px 28px -4px #1d4ed873}.lp-btn-primary-hero:active{transform:translateY(0)}.lp-btn-secondary-hero{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1)}.lp-btn-secondary-hero:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0f}.lp-hero-trust{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12.5px;color:#64748b;margin-bottom:50px;flex-wrap:wrap}.lp-hero-trust span{display:inline-flex;align-items:center;gap:5px}.lp-hero-trust svg{color:#10b981;font-size:14px}.lp-hero-trust .dot{color:#cbd5e1;font-size:10px}.lp-mock-wrapper{position:relative;margin:0 auto;max-width:980px;perspective:1200px;transform-style:preserve-3d;will-change:transform}.lp-mock-ambient-aura{position:absolute;top:-12px;right:40px;bottom:-12px;left:40px;background:radial-gradient(ellipse at 50% 20%,rgba(37,99,235,.14) 0%,rgba(99,102,241,.06) 40%,transparent 70%);filter:blur(48px);z-index:-1;pointer-events:none}.lp-mock{max-width:980px;margin:0 auto;background:#fff;border:1px solid #dbeafe;border-radius:20px;box-shadow:0 32px 75px -20px #2563eb38,0 12px 30px -10px #0f172a14;overflow:hidden;text-align:left;transform-origin:center top}.lp-hero-tech-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;flex-wrap:wrap}.lp-tech-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;font-size:12px;font-weight:600;color:#475569;letter-spacing:-.01em;transition:all .2s ease}.lp-tech-pill:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb;transform:translateY(-1px)}.lp-tech-indicator{width:6px;height:6px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 2px #2563eb33}.lp-pipeline-strip{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:9px 18px;overflow-x:auto;scrollbar-width:none}.lp-pipeline-strip::-webkit-scrollbar{display:none}.lp-pipeline-nodes{display:flex;align-items:center;justify-content:center;gap:8px;min-width:520px}.lp-pipeline-node{display:inline-flex;align-items:center;gap:7px;background:transparent;border:none;cursor:pointer;padding:5px 10px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none;line-height:1}.lp-pipeline-node:hover{background:#f1f5f9}.lp-pipeline-node.active{background:#eff6ff}.lp-pipeline-node.active .lp-pipe-dot{background:#2563eb;box-shadow:0 0 0 3px #2563eb33}.lp-pipeline-node.active .lp-pipe-name{color:#2563eb;font-weight:700}.lp-pipeline-node.active .lp-pipe-num{color:#2563eb}.lp-pipe-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;transition:all .2s ease;flex-shrink:0}.lp-pipe-num{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.04em;line-height:1}.lp-pipe-name{font-size:11.5px;font-weight:600;color:#475569;letter-spacing:.02em;transition:color .15s ease;line-height:1}.lp-pipe-connector{width:32px;flex:0 0 32px;display:flex;align-items:center;justify-content:center}.lp-pipe-line{width:100%;height:1.5px;background:#cbd5e1;border-radius:1px}.lp-mock-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e2e8f0;background:#fff;gap:12px}.lp-mock-window-dots{display:flex;align-items:center;gap:6px}.lp-mock-window-dots span{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.lp-mock-tabs{display:flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;gap:2px;overflow-x:auto;scrollbar-width:none}.lp-mock-tabs::-webkit-scrollbar{display:none}.lp-mock-tabs button{position:relative;border:0;background:none;padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap}.lp-mock-tabs button.on{color:#fff}.lp-tab-content{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px}.lp-tab-icon{font-size:14px}.lp-mock-presence-pill{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;border:1px solid #bbf7d0;padding:3px 9px;border-radius:9999px;font-size:11px;font-weight:600;color:#166534}.lp-live-pulse{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.lp-pill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--b);border-radius:8px;z-index:0;pointer-events:none}.lp-mock-body{display:grid;grid-template-columns:195px 1fr;height:360px}.lp-mock-side{border-right:1px solid #e2e8f0;padding:14px 12px;background:#f8fafc;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.lp-mock-side-sec{display:flex;flex-direction:column;gap:3px}.lp-mock-side small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:2px 8px 4px;margin:0;font-weight:700}.lp-mock-channel-item{padding:6px 10px;border-radius:7px;color:var(--mute);display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.lp-mock-channel-item:hover{background:var(--b-soft);color:var(--b)}.lp-mock-channel-item.on{background:var(--b-soft);color:var(--b);font-weight:600}.lp-mock-user{padding:5px 8px;border-radius:7px;color:var(--ink);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;white-space:nowrap}.lp-mock-user .dot{width:7px;height:7px;border-radius:50%;background:#10b981;flex-shrink:0}.lp-user-role{font-size:10px;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:1px 5px;border-radius:4px;margin-left:auto}.lp-mock-main{position:relative;overflow:hidden}.lp-pane{height:100%;display:flex;flex-direction:column;padding:14px}.lp-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.lp-msg{max-width:75%;background:var(--b-soft);border:1px solid var(--b-line);border-radius:12px 12px 12px 3px;padding:8px 12px}.lp-msg.me{align-self:flex-end;background:var(--b);border-color:var(--b);color:#fff;border-radius:12px 12px 3px}.lp-msg .who{font-size:11px;font-weight:700;opacity:.7}.lp-msg p{margin:2px 0 0;font-size:14px}.lp-tr{margin-top:6px;background:none;border:0;padding:0;color:var(--b);font-size:12px;font-weight:700;display:inline-flex;gap:4px;align-items:center}.lp-typing{display:flex;gap:4px;padding:10px 14px;background:var(--b-soft);width:fit-content;border-radius:12px}.lp-typing i{width:6px;height:6px;border-radius:50%;background:var(--b2);animation:lpBounce 1s infinite}.lp-typing i:nth-child(2){animation-delay:.15s}.lp-typing i:nth-child(3){animation-delay:.3s}@keyframes lpBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-5px);opacity:1}}.lp-compose{display:flex;gap:8px;margin-top:10px;border:1px solid var(--b-line);border-radius:10px;padding:5px 5px 5px 12px;transition:border-color .2s,box-shadow .2s}.lp-compose:focus-within{border-color:var(--b2);box-shadow:0 0 0 3px #2563eb26}.lp-compose input{flex:1;border:0;outline:0;font-size:14px;font-family:inherit;color:var(--ink)}.lp-compose button{width:34px;height:34px;border:0;border-radius:8px;background:var(--b);color:#fff;display:grid;place-items:center}.lp-doc h4,.lp-appr h4{margin:0 0 14px;font-size:18px}.lp-doc .line{height:9px;border-radius:5px;background:var(--b-soft);margin-bottom:10px;position:relative}.w90{width:90%}.w85{width:85%}.w75{width:75%}.w60{width:60%}.lp-doc .hl{background:var(--b-line)}.cursor{position:absolute;right:-4px;top:-20px;background:var(--b);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px 4px 4px 0;animation:lpFloat 2.4s ease-in-out infinite}@keyframes lpFloat{50%{transform:translate(-60px,2px)}}.lp-doc table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px}.lp-doc td{border:1px solid var(--b-line);padding:7px 10px}.lp-doc tr:first-child td{background:var(--b-soft);font-weight:700}.lp-doc .ok{color:var(--b);font-weight:700}.lp-doc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lp-doc-header h4{margin:0;font-size:16px;font-weight:700;color:#0f172a}.lp-doc-live-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:2px 8px;border-radius:9999px}.lp-doc-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:12.5px}.lp-doc-table th,.lp-doc-table td{border:1px solid #e2e8f0;padding:7px 10px;text-align:left}.lp-doc-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:11.5px}.status-tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600}.status-tag.done{background:#f0fdf4;color:#16a34a}.status-tag.progress{background:#eff6ff;color:#2563eb}.status-tag.planned{background:#f8fafc;color:#64748b}.lp-tasks-pane{display:flex;flex-direction:column;gap:12px}.lp-tasks-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.lp-tasks-header h4{margin:0;font-size:15px;font-weight:700;color:#0f172a}.lp-tasks-progress-badge{font-size:11.5px;font-weight:600;color:#2563eb;background:#eff6ff;padding:3px 9px;border-radius:9999px}.lp-task-cards-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:250px;padding-right:4px}.lp-task-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s ease}.lp-task-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0a}.lp-task-card.is-done{opacity:.75}.lp-task-checkbox{width:20px;height:20px;display:grid;place-items:center;background:none;border:none;padding:0;cursor:pointer;color:#2563eb}.lp-task-box-empty{width:15px;height:15px;border-radius:4px;border:1.5px solid #cbd5e1}.lp-task-details{flex:1;display:flex;flex-direction:column;gap:3px}.lp-task-title{font-size:13px;font-weight:600;color:#0f172a;transition:all .15s ease}.lp-task-card.is-done .lp-task-title{text-decoration:line-through;color:#94a3b8}.lp-task-meta{display:flex;align-items:center;gap:8px;font-size:11px}.lp-priority-pill{font-weight:700;padding:1px 5px;border-radius:4px;font-size:10px}.lp-priority-pill.p0{background:#fef2f2;color:#dc2626}.lp-priority-pill.p1{background:#fff7ed;color:#ea580c}.lp-priority-pill.p2{background:#f0fdf4;color:#16a34a}.lp-task-category{color:#64748b}.lp-task-assignee{color:#2563eb;font-weight:600}.lp-task-status-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.lp-task-status-pill.done{background:#f0fdf4;color:#16a34a}.lp-task-status-pill.pending{background:#eff6ff;color:#2563eb}.lp-calendar-pane{padding:14px;height:100%}.lp-cal-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:100%}.lp-appr-card,.lp-event-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box}.lp-appr-card-head,.lp-event-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lp-appr-card-head small,.lp-event-card-head small{font-size:9.5px;font-weight:700;letter-spacing:.06em;color:#64748b;text-transform:uppercase}.lp-appr-badge-pending{font-size:10.5px;font-weight:600;color:#d97706;background:#fef3c7;padding:1px 6px;border-radius:4px}.lp-event-time{font-size:11px;font-weight:600;color:#2563eb;background:#eff6ff;padding:1px 6px;border-radius:4px}.lp-appr-card h4,.lp-event-card h4{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 6px}.lp-appr-card p,.lp-event-card p{font-size:12.5px;color:#64748b;margin:0 0 14px;line-height:1.4}.lp-avatar-stack{display:flex;align-items:center}.lp-avatar-chip{width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:1.5px solid #ffffff;margin-left:-6px}.lp-avatar-chip:first-child{margin-left:0}.lp-avatar-chip.more{background:#94a3b8}.lp-event-attendees{display:flex;align-items:center;justify-content:space-between}.lp-event-confirmed{font-size:11.5px;color:#16a34a;font-weight:600}.lp-undo-btn{background:none;border:none;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;margin-left:8px}.lp-appr{justify-content:center;align-items:flex-start}.lp-appr small{color:var(--mute);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.lp-appr p{margin:0 0 18px;color:var(--mute);font-size:14px}.lp-actions{display:flex;gap:10px}.lp-actions button{padding:9px 20px;border-radius:9px;font-weight:700;font-size:13px;border:1px solid var(--b)}.lp-actions .yes{background:var(--b);color:#fff}.lp-actions .no{background:#fff;color:var(--b)}.lp-result{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;font-weight:700;font-size:14px;background:var(--b-soft);color:var(--b)}.lp-result.rejected{background:#fff;border:1px solid var(--b-line);color:var(--mute)}.lp-result button{background:none;border:0;text-decoration:underline;color:inherit;font-size:12px;margin-left:6px}.lp-marquee{border-block:1px solid var(--b-line);background:#fff;overflow:hidden;padding:16px 0}.lp-track{display:flex;gap:48px;width:max-content;animation:lpScroll 32s linear infinite}.lp-marquee:hover .lp-track{animation-play-state:paused}.lp-track span{font-family:Fraunces,serif;font-size:22px;color:var(--b);opacity:.75;white-space:nowrap}@keyframes lpScroll{to{transform:translate(-50%)}}.lp-stats{padding:56px 0}.lp-stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.lp-stat strong{display:block;font-family:Fraunces,serif;font-size:46px;color:var(--b);line-height:1.1}.lp-stat span{color:var(--mute);font-size:14px;font-weight:500}.lp-section{padding:90px 0}.lp-section.alt{background:var(--b-soft)}.lp-head{text-align:center;max-width:640px;margin:0 auto 44px}.lp-head small{color:var(--b);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.lp-head h2{font-family:Fraunces,serif;font-weight:600;font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-.02em;margin:10px 0}.lp-head p{color:var(--mute);margin:0}.lp-feat{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.lp-feat-list{display:flex;flex-direction:column;gap:6px}.lp-feat-list button{position:relative;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--b-line);background:#fff;border-radius:12px;font-size:15px;font-weight:600;color:var(--ink);text-align:left;overflow:hidden;transition:transform .15s}.lp-feat-list button:hover{transform:translate(4px)}.lp-feat-list button.on{color:#fff;border-color:var(--b)}.lp-feat-list button>*{position:relative;z-index:1}.lp-featbg{position:absolute!important;top:0;right:0;bottom:0;left:0;background:var(--b);z-index:0!important}.lp-feat-list svg{font-size:20px}.lp-feat-card{background:#fff;border:1px solid var(--b-line);border-radius:18px;padding:34px;min-height:340px;box-shadow:0 24px 50px -30px #1d4ed84d}.lp-feat-card .ic{width:52px;height:52px;border-radius:14px;background:var(--b-soft);color:var(--b);display:grid;place-items:center;font-size:26px;margin-bottom:18px}.lp-feat-card h3{font-family:Fraunces,serif;font-size:28px;margin:0 0 10px}.lp-feat-card p{color:var(--mute);margin:0 0 20px}.lp-feat-card ul,.lp-role ul,.lp-plan ul{list-style:none;padding:0;margin:0}.lp-feat-card li,.lp-role li,.lp-plan li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:15px}.lp-feat-card li svg,.lp-role li svg,.lp-plan li svg{color:var(--b);flex-shrink:0;margin-top:4px}.lp-seg{position:relative;display:flex;width:fit-content;margin:0 auto 28px;background:#fff;border:1px solid var(--b-line);border-radius:12px;padding:4px;flex-wrap:wrap}.lp-seg button{position:relative;border:0;background:none;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;color:var(--mute);cursor:pointer;white-space:nowrap}.lp-seg button.on{color:#fff}.lp-seg button b,.lp-seg b{position:relative;z-index:1;font-weight:600}.lp-seg.small{margin-bottom:22px}.lp-role{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:32px;background:#fff;border:1px solid var(--b-line);border-radius:18px;padding:34px}.lp-role .big{font-size:34px;color:var(--b)}.lp-role h3{font-family:Fraunces,serif;font-size:28px;margin:10px 0 6px}.lp-role p{margin:0;color:var(--mute)}.lp-seats{max-width:520px;margin:0 auto 18px;background:#fff;border:1px solid var(--b-line);border-radius:14px;padding:16px 22px}.lp-seats div{display:flex;justify-content:space-between;font-weight:600;font-size:14px}.lp-seats strong{color:var(--b)}.lp-seats input{width:100%;margin-top:12px;accent-color:var(--b2)}.lp-coupon{display:flex;gap:8px;max-width:520px;margin:0 auto 10px}.lp-coupon input{flex:1;height:42px;padding:0 14px;border:1px solid var(--b-line);border-radius:10px;font-family:inherit;font-weight:600;letter-spacing:.05em;outline:none}.lp-coupon input:focus{border-color:var(--b2);box-shadow:0 0 0 3px #2563eb26}.lp-note{max-width:520px;margin:0 auto 10px;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;text-align:center}.lp-note.ok{background:var(--b-soft);color:var(--b)}.lp-note.err{background:#fff;border:1px solid var(--b-line);color:var(--mute)}.lp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;align-items:stretch}.lp-plan,.lp-plan .inner{height:100%}.lp-plan .inner{position:relative;background:#fff;border:1px solid var(--b-line);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column}.lp-plan.hot .inner{border:2px solid var(--b);box-shadow:0 30px 60px -30px #1d4ed880}.lp-plan .badge{position:absolute;top:-12px;left:24px;background:var(--b);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:999px}.lp-plan h3{font-family:Fraunces,serif;font-size:24px;margin:0 0 4px}.lp-plan .d{color:var(--mute);font-size:14px;margin:0 0 18px;min-height:42px}.lp-plan .price{font-size:44px;font-weight:800;color:var(--b);letter-spacing:-.02em;display:flex;align-items:baseline;gap:2px}.lp-plan .price span{font-size:24px}.lp-plan .price small{font-size:14px;color:var(--mute);font-weight:600;margin-left:6px}.lp-plan .per{font-size:13px;color:var(--mute);margin-top:4px}.lp-plan ul{margin:20px 0 24px;flex:1;border-top:1px solid var(--b-line);padding-top:14px}.lp-faq{background:#fff;border:1px solid var(--b-line);border-radius:14px;margin-bottom:10px;transition:border-color .2s,box-shadow .2s}.lp-faq.open{border-color:var(--b2);box-shadow:0 14px 30px -22px #1d4ed880}.lp-faq button{width:100%;display:flex;justify-content:space-between;gap:16px;align-items:center;background:none;border:0;padding:18px 20px;font-size:16px;font-weight:700;color:var(--ink);text-align:left}.lp-faq button svg{color:var(--b);font-size:20px}.lp-faq p{margin:0;padding:0 20px 18px;color:var(--mute)}.lp-cta-band{background:var(--b);color:#fff;text-align:center;padding:84px 0;position:relative;overflow:hidden}.lp-cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}.lp-cta-band .lp-wrap{position:relative}.lp-cta-band h2{font-family:Fraunces,serif;font-size:clamp(30px,4.5vw,48px);margin:0 0 12px;letter-spacing:-.02em}.lp-cta-band p{color:#dbe7ff;margin:0 0 28px;font-size:17px}.lp-footer{padding:56px 0 24px;background:#fff}.lp-foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;padding-bottom:36px}.lp-foot p{color:var(--mute);max-width:320px;font-size:14px}.lp-foot h5{margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.lp-foot a,.lp-foot button{display:block;background:none;border:0;padding:0;margin-bottom:9px;color:var(--mute);font-size:14px;text-align:left}.lp-foot a:hover,.lp-foot button:hover{color:var(--b)}.lp-copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--b-line);padding-top:20px;font-size:13px;color:var(--mute)}.lp-copy svg{vertical-align:-2px}.lp-drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1b3b73;z-index:500;display:flex;justify-content:flex-end}.lp-drawer{width:100%;max-width:440px;height:100%;background:#fff;padding:26px;overflow-y:auto}.lp-drawer .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lp-drawer h3{margin:0;display:flex;gap:8px;align-items:center;color:var(--b)}.lp-drawer .top button{background:none;border:0;font-size:22px;color:var(--mute)}.lp-drawer label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px}.lp-drawer input,.lp-drawer textarea{width:100%;padding:10px 12px;border:1px solid var(--b-line);border-radius:10px;font-family:inherit;font-size:14px;outline:none}.lp-drawer input:focus,.lp-drawer textarea:focus{border-color:var(--b2)}.lp-drawer .lp-btn{margin-top:22px}.lp-blog-sec{position:relative;background:#fff}.lp-blog-filters{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 36px;max-width:800px}.lp-blog-filter-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;background:var(--b-soft);border:1px solid var(--b-line);font-size:13px;font-weight:600;color:var(--mute);cursor:pointer;transition:all .2s ease}.lp-blog-filter-btn:hover{color:var(--b);border-color:var(--b2);background:#fff}.lp-blog-filter-btn.active{color:#fff;border-color:var(--b);background:var(--b);box-shadow:0 4px 14px -3px #1d4ed873}.lp-blog-filter-pill{position:absolute!important;top:0;right:0;bottom:0;left:0;background:var(--b);border-radius:999px;z-index:0}.lp-blog-filter-btn span{position:relative;z-index:1}.lp-blog-featured{background:#fff;border:1px solid var(--b-line);border-radius:20px;overflow:hidden;box-shadow:0 20px 45px -20px #1d4ed826;margin-bottom:36px;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative}.lp-blog-featured:hover{transform:translateY(-4px);border-color:var(--b2);box-shadow:0 24px 50px -15px #1d4ed840}.lp-blog-featured-accent{height:6px;width:100%;background:linear-gradient(90deg,#1d4ed8,#00d6b9,#38bdf8)}.lp-blog-featured-content{padding:36px 40px;display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:center}.lp-blog-meta-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.lp-blog-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--b-soft);color:var(--b);border:1px solid var(--b-line);border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lp-blog-badge.featured{background:#fef3c7;color:#b45309;border-color:#fde68a}.lp-blog-readtime{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--mute);font-weight:500}.lp-blog-featured h3{font-family:Fraunces,serif;font-size:clamp(22px,2.5vw,32px);line-height:1.25;margin:0 0 14px;color:var(--ink);transition:color .2s}.lp-blog-featured:hover h3{color:var(--b)}.lp-blog-featured p{color:var(--mute);font-size:15px;line-height:1.6;margin:0 0 24px}.lp-blog-author-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--b-line);padding-top:18px}.lp-blog-author-info{display:flex;align-items:center;gap:10px}.lp-blog-author-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;font-size:13px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 8px #1d4ed840}.lp-blog-author-name{font-size:13px;font-weight:700;color:var(--ink)}.lp-blog-author-date{font-size:12px;color:var(--mute)}.lp-blog-read-cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--b);transition:transform .2s}.lp-blog-featured:hover .lp-blog-read-cta{transform:translate(4px)}.lp-blog-featured-visual{background:linear-gradient(135deg,#1d4ed80d,#00d6b914);border:1px solid var(--b-line);border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:16px;height:100%;min-height:220px;position:relative;overflow:hidden}.lp-blog-featured-visual:before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.25),transparent 70%);filter:blur(20px)}.lp-blog-snippet-box{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--b-line);border-radius:10px;padding:14px 16px;font-size:12px;color:var(--ink);box-shadow:0 4px 12px #0b1b3b0a}.lp-blog-snippet-box strong{display:block;font-size:11px;color:var(--b);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.lp-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}.lp-blog-card{background:#fff;border:1px solid var(--b-line);border-radius:18px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px -15px #1d4ed814;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden}.lp-blog-card:hover{transform:translateY(-5px);border-color:var(--b2);box-shadow:0 18px 40px -15px #1d4ed838}.lp-blog-card-top-bar{position:absolute;top:0;left:0;right:0;height:4px;background:var(--b-line);transition:background .2s}.lp-blog-card:hover .lp-blog-card-top-bar{background:linear-gradient(90deg,var(--b),#38bdf8)}.lp-blog-card h4{font-family:Fraunces,serif;font-size:19px;line-height:1.35;color:var(--ink);margin:12px 0 8px;transition:color .2s}.lp-blog-card:hover h4{color:var(--b)}.lp-blog-card .lp-blog-excerpt{color:var(--mute);font-size:13.5px;line-height:1.55;margin:0 0 20px;flex-grow:1}.lp-blog-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--b-line);padding-top:14px;margin-top:auto}.lp-blog-card-author{display:flex;align-items:center;gap:8px}.lp-blog-card-avatar{width:28px;height:28px;border-radius:50%;background:var(--b-soft);color:var(--b);border:1px solid var(--b-line);font-size:11px;font-weight:700;display:grid;place-items:center}.lp-blog-card-author-name{font-size:12px;font-weight:600;color:var(--ink)}.lp-blog-card-date{font-size:11px;color:var(--mute)}.lp-blog-card-cta{color:var(--b);font-size:18px;display:grid;place-items:center;transition:transform .2s}.lp-blog-card:hover .lp-blog-card-cta{transform:translate(4px)}.lp-reader-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1b3b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:550;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.lp-reader-dialog{background:#fff;width:100%;max-width:820px;max-height:90vh;border-radius:20px;box-shadow:0 30px 80px -20px #0b1b3b66;border:1px solid var(--b-line);display:flex;flex-direction:column;overflow:hidden;position:relative}.lp-reader-header-bar{padding:16px 24px;background:#fff;border-bottom:1px solid var(--b-line);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:10}.lp-reader-nav-actions{display:flex;align-items:center;gap:8px}.lp-reader-action-btn{background:var(--b-soft);border:1px solid var(--b-line);color:var(--ink);font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s}.lp-reader-action-btn:hover{background:var(--b);color:#fff;border-color:var(--b)}.lp-reader-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--b-line);background:#fff;color:var(--mute);font-size:20px;display:grid;place-items:center;cursor:pointer;transition:all .15s}.lp-reader-close-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.lp-reader-scrollable{padding:40px;overflow-y:auto;line-height:1.7}.lp-reader-top-hero{border-bottom:1px solid var(--b-line);padding-bottom:28px;margin-bottom:32px}.lp-reader-title{font-family:Fraunces,serif;font-size:clamp(26px,3.5vw,38px);line-height:1.25;color:var(--ink);margin:16px 0}.lp-reader-author-row{display:flex;align-items:center;gap:14px;margin-top:20px}.lp-reader-author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--b),var(--b2));color:#fff;font-size:15px;font-weight:700;display:grid;place-items:center}.lp-reader-author-meta{display:flex;flex-direction:column}.lp-reader-author-meta strong{font-size:14px;color:var(--ink)}.lp-reader-author-meta span{font-size:12px;color:var(--mute)}.lp-reader-body{font-size:16px;color:#1e293b}.lp-reader-body h3{font-size:20px;font-weight:700;margin:28px 0 12px;color:var(--ink)}.lp-reader-body p{margin:0 0 18px}.lp-reader-body ul,.lp-reader-body ol{margin:0 0 20px;padding-left:24px}.lp-reader-body li{margin-bottom:8px}.lp-reader-callout{background:var(--b-soft);border-left:4px solid var(--b);border-radius:0 12px 12px 0;padding:18px 22px;margin:26px 0;font-size:15px;color:var(--ink)}.lp-reader-footer-cta{margin-top:48px;padding:32px;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:16px;color:#fff;text-align:center}.lp-reader-footer-cta h4{font-family:Fraunces,serif;font-size:22px;margin:0 0 8px}.lp-reader-footer-cta p{color:#dbe7ff;font-size:14px;margin:0 0 20px}.lp-mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffffe6;border:1px solid rgba(226,232,240,.9);color:#1e293b;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0;box-shadow:0 1px 3px #0000000a}.lp-mobile-menu-btn:hover{background:#fff;border-color:#cbd5e1;color:#2563eb}.lp-mobile-drawer{position:absolute;top:100%;left:0;right:0;background:#fffffffa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 20px 40px -10px #0f172a1f;overflow:hidden;z-index:1000}.lp-mobile-drawer-inner{padding:16px 20px 24px;display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto}.lp-mobile-nav-links{display:flex;flex-direction:column;gap:4px}.lp-mobile-nav-links a{display:flex;align-items:center;padding:11px 14px;font-size:15px;font-weight:600;color:#1e293b;border-radius:10px;text-decoration:none;transition:background .15s ease,color .15s ease}.lp-mobile-nav-links a:hover,.lp-mobile-nav-links a:active{background:#f1f5f9;color:#2563eb}.lp-mobile-nav-actions{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid #e2e8f0}.lp-mobile-btn-primary,.lp-mobile-btn-secondary,.lp-mobile-btn-owner{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;width:100%;border-radius:12px;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.lp-mobile-btn-primary{background:#2563eb;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px #2563eb40}.lp-mobile-btn-primary:active{background:#1d4ed8}.lp-mobile-btn-secondary{background:#fff;color:#1e293b;border:1px solid #e2e8f0}.lp-mobile-btn-secondary:active{background:#f8fafc}.lp-mobile-btn-owner{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}@media (max-width: 1024px){.lp-feat{gap:32px}.lp-pricing-grid{gap:20px}}@media (max-width: 900px){.lp-mobile-menu-btn{display:inline-flex}.lp-nav nav{display:none}.lp-hide-mobile{display:none!important}.lp-blog-featured-content{grid-template-columns:1fr;gap:24px}.lp-blog-featured-visual{display:none}.lp-reader-scrollable{padding:24px}.lp-feat{grid-template-columns:1fr}.lp-feat-list{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.lp-feat-list button{white-space:nowrap;flex-shrink:0}.lp-plans,.lp-role{grid-template-columns:1fr}.lp-foot{grid-template-columns:repeat(2,1fr);gap:30px}.lp-legal-grid{grid-template-columns:1fr!important;gap:24px!important}.lp-legal-grid aside{position:static!important}.lp-legal-grid aside nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:6px!important;gap:6px!important}.lp-legal-grid aside nav button{width:auto!important;flex-shrink:0!important}.lp-stats-in{grid-template-columns:repeat(2,1fr);gap:20px}.lp-mock-body{grid-template-columns:1fr;height:320px}.lp-mock-side{display:none}}@media (max-width: 640px){.lp-wrap{padding-left:16px;padding-right:16px}.lp-brand .lp-brand-img{height:36px;max-width:140px}.lp-hero{padding-top:52px;padding-bottom:48px}.lp-hero-badge{max-width:94vw;padding:4px 10px 4px 4px;gap:6px;margin-bottom:20px}.lp-badge-text{font-size:11.5px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-badge-sep,.lp-badge-link{display:none!important}.lp-h1{font-size:clamp(28px,7.5vw,42px);line-height:1.14;letter-spacing:-.02em;margin-bottom:16px}.lp-sub{font-size:15px;line-height:1.55;margin-bottom:26px;padding:0 4px}.lp-cta{flex-direction:column;gap:10px;width:100%;margin-bottom:24px}.lp-btn-primary-hero,.lp-btn-secondary-hero{width:100%;justify-content:center;padding:13px 20px;font-size:14.5px;box-sizing:border-box}.lp-hero-trust{flex-direction:column;gap:8px;font-size:12px;margin-bottom:36px}.lp-hero-trust .dot{display:none!important}.lp-mock-wrapper{padding:0 4px}.lp-mock-bar>span{display:none}.lp-mock-tabs button{padding:5px 10px;font-size:11.5px}.lp-cal-dual-grid{grid-template-columns:1fr;gap:12px}.lp-mock-body{height:290px}.lp-pane{padding:12px 10px}.lp-msg{max-width:90%;font-size:12px;padding:8px 12px}.lp-stats-in{grid-template-columns:repeat(2,1fr);gap:14px;padding:24px 12px}.lp-stat-n{font-size:26px}.lp-stat-l{font-size:11.5px}.lp-calc-box{padding:18px 14px;border-radius:14px}.lp-plans{gap:16px}.lp-plan-card{padding:22px 16px;border-radius:16px}.lp-foot{grid-template-columns:1fr;gap:24px;padding-top:36px}.lp-copy{flex-direction:column;text-align:center;gap:10px}.lp-legal-grid article{padding:20px 14px!important;border-radius:14px!important}.lp-reader-dialog{width:calc(100vw - 20px)!important;max-height:94vh!important;margin:auto!important;border-radius:16px!important}.lp-reader-scrollable{padding:18px 14px!important}.lp-reader-title{font-size:20px!important}}@media (max-width: 380px){.lp-brand .lp-brand-img{height:32px;max-width:125px}.lp-h1{font-size:25px}.lp-badge-text{max-width:140px}.lp-stats-in{grid-template-columns:1fr;text-align:center}.lp-reader-scrollable{padding:14px 10px!important}}@media (prefers-reduced-motion: reduce){.lp *,.lp *:before,.lp *:after{animation:none!important;transition:none!important}}.zk-agent-layout{display:flex;min-height:100vh;background:#f8fafc;color:#1e293b;font-family:var(--font-ui, "Plus Jakarta Sans", "Inter", sans-serif)}.zk-agent-sidebar{width:260px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:40}.zk-agent-brand{padding:1.5rem 1.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #f1f5f9}.zk-agent-brand-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.35rem;box-shadow:0 4px 12px #2563eb40}.zk-agent-brand-title{font-size:1.2rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.zk-agent-nav{padding:1rem .85rem;display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto}.zk-agent-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#64748b;text-decoration:none;background:transparent;border:none;width:100%;cursor:pointer;transition:all .15s ease;text-align:left}.zk-agent-nav-item:hover{background:#f1f5f9;color:#1e293b}.zk-agent-nav-item.active{background:#eff6ff;color:#2563eb;font-weight:700}.zk-agent-nav-item.active svg{color:#2563eb}.zk-agent-user-panel{padding:1.25rem;border-top:1px solid #f1f5f9;background:#fff}.zk-agent-main{flex:1;padding:2.25rem 2.75rem;overflow-y:auto;min-width:0}@media (max-width: 900px){.zk-agent-layout{flex-direction:column}.zk-agent-sidebar{width:100%;height:auto;position:static}.zk-agent-main{padding:1.25rem}}.zk-agent-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.zk-agent-title{font-size:1.85rem;font-weight:800;color:#0f172a;margin:0 0 .35rem;letter-spacing:-.02em}.zk-agent-subtitle{font-size:.875rem;color:#64748b;margin:0}.zk-tier-switcher-bar{display:flex;align-items:center;background:#f1f5f9;padding:.3rem;border-radius:14px;gap:.3rem;border:1px solid #e2e8f0}.zk-tier-btn{padding:.5rem 1rem;border-radius:10px;font-size:.8rem;font-weight:700;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.45rem}.zk-tier-btn:hover{color:#0f172a}.zk-tier-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 8px #0000000f}.zk-agent-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.85rem;margin-bottom:1.75rem;width:100%}.zk-stat-card,.zk-agent-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.15rem;display:flex;flex-direction:column;justify-content:space-between;min-height:85px;box-shadow:0 1px 3px #0f172a0a;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;border-top:3px solid #cbd5e1}.zk-stat-card:hover,.zk-agent-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.zk-stat-card:nth-child(1){border-top-color:#2563eb}.zk-stat-card:nth-child(2){border-top-color:#16a34a}.zk-stat-card:nth-child(3){border-top-color:#db2777}.zk-stat-card:nth-child(4){border-top-color:#7c3aed}.zk-stat-card:nth-child(5){border-top-color:#0891b2}.zk-stat-card:nth-child(6){border-top-color:#ea580c}.zk-stat-card:nth-child(7){border-top-color:#0284c7}.zk-stat-top,.zk-agent-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.zk-stat-title,.zk-agent-stat-title{font-size:.8rem;font-weight:700;color:#64748b}.zk-stat-number,.zk-agent-stat-val{font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em}.zk-stat-number.blue{color:#2563eb}.zk-stat-number.green{color:#16a34a}.zk-stat-number.pink{color:#db2777}.zk-stat-number.purple{color:#7c3aed}.zk-stat-number.cyan{color:#0891b2}.zk-stat-number.orange{color:#ea580c}.zk-agent-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a;margin-bottom:2rem}.zk-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;background:#fff;display:flex;flex-direction:column;gap:1rem}@media (min-width: 900px){.zk-card-header{flex-direction:row;align-items:center;justify-content:space-between}}.zk-card-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.zk-agent-search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:380px}.zk-agent-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none}.zk-agent-search-input{width:100%;height:42px;padding:0 14px 0 42px!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.875rem;color:#0f172a;outline:none;transition:all .15s ease;box-sizing:border-box}.zk-agent-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.zk-filter-pill-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.zk-filter-pill{padding:.4rem .95rem;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .15s ease}.zk-filter-pill:hover{background:#f1f5f9;color:#1e293b}.zk-filter-pill.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb33}.zk-table-container,.zk-agent-table-responsive{width:100%;overflow-x:auto}.zk-table,.zk-agent-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.zk-table th,.zk-agent-table th{background:#f8fafc;color:#64748b;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.zk-table td,.zk-agent-table td{padding:1.15rem 1.25rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155}.zk-table tr:hover td,.zk-agent-table tr:hover td{background:#fbfcfe}.zk-switch-toggle{width:44px;height:24px;border-radius:999px;background:#cbd5e1;border:none;position:relative;cursor:pointer;transition:background .2s ease;padding:2px;display:inline-block;vertical-align:middle}.zk-switch-toggle.active{background:#2563eb}.zk-switch-toggle .zk-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#fff;display:block;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #00000040}.zk-switch-toggle.active .zk-toggle-thumb{transform:translate(20px)}.zk-badge-plan{padding:.25rem .7rem;border-radius:8px;font-size:.75rem;font-weight:700;display:inline-block}.zk-badge-plan.pro{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.zk-badge-plan.enterprise{background:#faf5ff;color:#7e22ce;border:1px solid #e9d5ff}.zk-badge-plan.free{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.zk-btn-table-action{padding:.4rem .85rem;border-radius:10px;font-size:.775rem;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem}.zk-btn-table-action.primary{background:#2563eb;color:#fff;border:1px solid #2563eb}.zk-btn-table-action.primary:hover{background:#1d4ed8}.zk-btn-table-action.outline{background:#fff;color:#3b82f6;border:1px solid #bfdbfe}.zk-btn-table-action.outline:hover{background:#eff6ff}.zk-btn-table-action.danger{background:#fff;color:#ef4444;border:1px solid #fecaca}.zk-btn-table-action.danger:hover{background:#fef2f2}.zk-agent-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.zk-agent-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease}.zk-agent-kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.zk-agent-kpi-top{display:flex;align-items:center;justify-content:space-between}.zk-agent-kpi-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.zk-agent-kpi-val{font-size:1.85rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.zk-agent-kpi-label{font-size:.85rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:.35rem}.zk-purple-alert{background:#faf5ff;border:1px solid #e9d5ff;border-radius:14px;padding:.85rem 1.25rem;color:#7e22ce;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem}.zk-coupon-create-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.75rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000005}.zk-coupon-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}.zk-profit-live-badge{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:.75rem 1rem;font-size:.85rem;color:#166534;font-weight:700;display:flex;align-items:center;justify-content:space-between;grid-column:span 2}.zk-bank-info-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;padding:1.25rem 1.5rem;margin:1.25rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.zk-bank-detail-item{display:flex;flex-direction:column;gap:.2rem}.zk-bank-detail-item .label{font-size:.75rem;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.05em}.zk-bank-detail-item .val{font-size:.95rem;font-weight:800;color:#0f172a}.zk-meeting-welcome-banner{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:24px;padding:2.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative;overflow:hidden}.zk-meeting-welcome-left h2{font-size:1.85rem;font-weight:800;color:#0f172a;margin:0 0 .4rem}.zk-meeting-welcome-left p{font-size:.95rem;color:#475569;margin:0 0 .85rem}.zk-meeting-welcome-left .tagline{font-size:.825rem;font-weight:700;color:#2563eb;letter-spacing:.02em}.zk-meeting-action-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.25rem}@media (max-width: 900px){.zk-meeting-action-cards{grid-template-columns:repeat(2,1fr)}}.zk-action-card-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.85rem;cursor:pointer;transition:all .2s ease;text-align:left}.zk-action-card-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px -4px #0000000f;border-color:#cbd5e1}.zk-action-icon-circle{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.zk-action-card-title{font-size:1.05rem;font-weight:800;color:#0f172a}.zk-action-card-sub{font-size:.8rem;color:#64748b;font-weight:500}.zk-meetings-split{display:grid;grid-template-columns:2fr 1fr;gap:1.75rem}@media (max-width: 1024px){.zk-meetings-split{grid-template-columns:1fr}}.zk-meeting-item-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;transition:all .15s ease}.zk-meeting-item-row:hover{border-color:#93c5fd;box-shadow:0 4px 14px #2563eb0d}.zk-meeting-info-col h4{font-size:.95rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.zk-meeting-info-col p{font-size:.8rem;color:#64748b;margin:0;display:flex;align-items:center;gap:.5rem}.zk-quick-stats-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;height:fit-content}.zk-stat-row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid #f1f5f9}.zk-stat-row:last-child{border-bottom:none}.zk-stat-label{font-size:.875rem;font-weight:600;color:#64748b;display:flex;align-items:center;gap:.5rem}.zk-stat-num{font-size:1.15rem;font-weight:800;color:#0f172a}.zk-agent-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem}.zk-agent-modal-card{width:100%;max-width:520px;background:#fff;border-radius:24px;padding:2.25rem;box-shadow:0 25px 60px -15px #0f172a40;position:relative;animation:zkModalPop .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes zkModalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.zk-agent-modal-title{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0 0 .4rem}.zk-agent-modal-desc{font-size:.875rem;color:#64748b;margin:0 0 1.5rem}.zk-agent-coupon-tester{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #bfdbfe;border-radius:18px;padding:1.5rem;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.zk-agent-auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#f0f7ff,#e0effe,#f1f5f9);position:relative;overflow:hidden;font-family:var(--font-ui, "Plus Jakarta Sans", "Inter", sans-serif)}.zk-agent-auth-bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none;animation:zkAuthBlobFloat 14s infinite ease-in-out alternate}.zk-agent-auth-bg-blob.blob-1{width:480px;height:480px;background:radial-gradient(circle,#3b82f659,#93c5fd1a 70%);top:-120px;left:-80px}.zk-agent-auth-bg-blob.blob-2{width:520px;height:520px;background:radial-gradient(circle,#7c3aed40,#c4b5fd14 70%);bottom:-150px;right:-100px;animation-delay:-7s}@keyframes zkAuthBlobFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}to{transform:translate(-30px,-20px) scale(.95)}}.zk-agent-auth-box{width:100%;max-width:460px;background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:24px;box-shadow:0 20px 50px -10px #0f172a1a,0 0 0 1px #fffc;position:relative;z-index:10;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zk-agent-auth-header{padding:2.25rem 2.25rem 1.5rem;text-align:center;border-bottom:1px solid #f1f5f9;background:linear-gradient(180deg,#f8fafc,#fff)}.zk-agent-auth-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.85rem;border:1px solid #bfdbfe}.zk-agent-auth-badge.danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.zk-agent-auth-title{font-size:1.45rem;font-weight:800;color:#0f172a;margin:0 0 .45rem;letter-spacing:-.02em}.zk-agent-auth-subtitle{font-size:.85rem;color:#64748b;line-height:1.5;margin:0}.zk-agent-auth-body{padding:1.75rem 2.25rem 2.25rem}.zk-agent-auth-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem 1rem;border-radius:12px;font-size:.825rem;margin-bottom:1.25rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.zk-agent-auth-group{margin-bottom:1.25rem}.zk-agent-auth-label{display:block;font-size:.8rem;font-weight:700;color:#334155;margin-bottom:.4rem}.zk-agent-auth-input-wrap{position:relative;display:flex;align-items:center}.zk-agent-auth-input-icon{position:absolute;left:14px;color:#94a3b8;font-size:1.1rem;pointer-events:none}.zk-agent-auth-input{width:100%;height:44px;padding:0 42px!important;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;font-size:.875rem;color:#0f172a;transition:all .2s ease;box-sizing:border-box}.zk-agent-auth-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}.zk-agent-auth-toggle-pass{position:absolute;right:12px;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.zk-agent-auth-toggle-pass:hover{color:#0f172a}.zk-agent-auth-btn-primary{width:100%;height:44px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px #2563eb40;margin-top:1rem}.zk-agent-auth-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb52}.zk-agent-auth-btn-primary:disabled{opacity:.65;cursor:not-allowed}.zk-agent-auth-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.zk-agent-auth-footer a{color:#64748b;text-decoration:none;display:flex;align-items:center;gap:.3rem;font-weight:600;transition:color .15s}.zk-agent-auth-footer a:hover{color:#2563eb}.zk-agent-fast-fill{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:.75rem 1rem;margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between}.zk-agent-fast-fill-text{font-size:.75rem;color:#64748b;font-weight:600}.zk-agent-fast-fill-btn{background:#fff;border:1px solid #cbd5e1;padding:.35rem .75rem;border-radius:8px;font-size:.75rem;font-weight:700;color:#2563eb;cursor:pointer;transition:all .15s ease}.zk-agent-fast-fill-btn:hover{background:#eff6ff;border-color:#93c5fd}.zk-profile-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 4px 20px -4px #0f172a0d}.zk-profile-avatar-big{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:1.75rem;font-weight:800;display:grid;place-items:center;box-shadow:0 6px 16px #2563eb40;flex-shrink:0}.zk-profile-info-block{display:flex;align-items:center;gap:1.25rem}.zk-profile-meta-title{font-size:1.35rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.5rem}.zk-ref-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.65rem 1rem;display:flex;align-items:center;gap:.75rem}.zk-ref-link-text{font-family:monospace;font-size:.85rem;color:#2563eb;font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zk-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.zk-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.75rem;box-shadow:0 4px 20px -4px #0f172a0d}@media (max-width: 900px){.zk-profile-grid{grid-template-columns:1fr}}:root{--ink: #0f172a;--ink-secondary: #334155;--ink-soft: #64748b;--ink-faint: #94a3b8;--bg: #f8fafc;--bg-secondary: #f1f5f9;--rail-bg: #f1f5f9;--sidebar-bg: #ffffff;--surface: #ffffff;--surface-hover: #f1f5f9;--surface-active: #e2e8f0;--border: #e2e8f0;--border-soft: #f1f5f9;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-soft: rgba(37, 99, 235, .08);--accent-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--online: #10b981;--danger: #ef4444;--warning: #f59e0b;--sidebar-active: rgba(37, 99, 235, .08);--sidebar-active-text: #2563eb;--bg-card: #ffffff;--text: #0f172a;--text-muted: #64748b;--bg-hover: #f1f5f9;--success: #10b981;--font-ui: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px -2px rgba(15, 23, 42, .08), 0 2px 6px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, .12), 0 4px 10px -2px rgba(15, 23, 42, .04);--shadow-xl: 0 24px 48px -12px rgba(15, 23, 42, .18);--shadow-glow: 0 0 25px -4px rgba(37, 99, 235, .35)}[data-theme=dark]{--ink: #f8fafc;--ink-secondary: #cbd5e1;--ink-soft: #94a3b8;--ink-faint: #64748b;--bg: #090d16;--bg-secondary: #0f1422;--rail-bg: #0a0e1a;--sidebar-bg: #0f1422;--surface: #151b2e;--surface-hover: #1c253d;--surface-active: #242f4c;--border: #202942;--border-soft: #182035;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-active: #2563eb;--accent-soft: rgba(59, 130, 246, .16);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--online: #10b981;--danger: #f87171;--warning: #fbbf24;--sidebar-active: rgba(59, 130, 246, .16);--sidebar-active-text: #60a5fa;--bg-card: #151b2e;--text: #f8fafc;--text-muted: #94a3b8;--bg-hover: #1c253d;--success: #10b981;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 20px rgba(0, 0, 0, .65);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .75);--shadow-xl: 0 28px 60px rgba(0, 0, 0, .85);--shadow-glow: 0 0 28px rgba(59, 130, 246, .4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .15s ease,color .15s ease}button,input,textarea{font-family:inherit}::selection{background:var(--accent-soft);color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}::-webkit-scrollbar-thumb:hover{background:#8c919b73}.splash{height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-secondary);background-image:radial-gradient(circle at top left,var(--accent-soft),transparent 40%),radial-gradient(circle at bottom right,rgba(51,112,255,.05),transparent 40%)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 32px;box-shadow:var(--shadow-lg);box-sizing:border-box}.auth-wordmark{font-family:var(--font-display);font-weight:700;font-size:28px;letter-spacing:-.02em;margin-bottom:6px;color:var(--accent)}.auth-tagline{color:var(--ink-soft);font-size:13.5px;margin-bottom:26px;line-height:1.5}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:6px;letter-spacing:.1px}.field input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:13.5px;background:var(--surface);color:var(--ink);transition:all .15s ease;box-sizing:border-box}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-hint{font-size:12px;color:var(--ink-faint);margin-top:6px;line-height:1.4}.btn-primary{width:100%;padding:11px 18px;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-top:6px;box-shadow:0 2px 8px #2563eb47;transition:all .16s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){opacity:.96;transform:translateY(-1.5px);box-shadow:0 6px 18px #2563eb61}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .16s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary-link{background:transparent;color:var(--ink-soft);margin-top:8px;border:none;cursor:pointer;font-size:13px;padding:8px 12px;border-radius:8px;transition:all .15s ease}.btn-secondary-link:hover{background:var(--surface-hover);color:var(--ink)}.auth-switch{margin-top:18px;font-size:13px;color:var(--ink-soft);text-align:center}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:600}.auth-error{background:#ef444414;color:var(--danger);border:1px solid rgba(239,68,68,.2);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;display:flex;align-items:center;gap:8px}[data-theme=dark] .auth-error{background:#ef444424;border-color:#ef44444d}.app-shell{height:100%;width:100%;display:grid;grid-template-columns:66px 280px minmax(0,1fr);overflow:hidden;background:var(--bg)}.app-shell.full-page-shell,.app-shell:has(>.tickets-main-container),.app-shell:has(>.okr-page-body:nth-child(2):last-child),.app-shell:has(>.okr-page-body),.app-shell:has(>.mail-app-layout),.app-shell:has(>.notif-page-layout){grid-template-columns:66px minmax(0,1fr)!important}.app-shell.full-page-shell>:nth-child(2),.app-shell>.tickets-main-container,.app-shell>.okr-page-body,.app-shell>.mail-app-layout,.app-shell>.notif-page-layout{grid-column:2 / -1!important;min-width:0!important;width:100%!important;height:100%!important;overflow:hidden!important}.icon-rail{width:66px!important;min-width:66px!important;max-width:66px!important;flex-shrink:0!important;background:var(--rail-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;height:100%;max-height:100vh;overflow:visible;box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:100;position:relative}.workspace-switcher-wrapper{position:relative;margin-bottom:12px;flex-shrink:0;z-index:105}.icon-rail-workspace-btn{width:38px;height:38px;border-radius:11px;border:none;color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 3px 10px #00000029;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.icon-rail-workspace-btn:hover{transform:scale(1.06);box-shadow:0 4px 14px #0000003d}.icon-rail-workspace-btn:active{transform:scale(.96)}.ws-btn-initial{text-shadow:0 1px 2px rgba(0,0,0,.3)}.ws-btn-badge{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:var(--success, #00b96b);border:2px solid var(--rail-bg, #fff)}.workspace-dropdown-popover{position:absolute;top:0;left:calc(100% + 12px);width:310px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0000002e,0 4px 12px #00000014;padding:14px;z-index:99999;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-8px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.ws-dropdown-header{display:flex;align-items:center;gap:10px}.ws-header-avatar{width:38px;height:38px;border-radius:10px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #00000026}.ws-header-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.ws-header-title-row{display:flex;align-items:center;gap:6px}.ws-header-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-role-pill{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:6px}.ws-role-pill.owner{background:#ff950026;color:#d97706}.ws-role-pill.admin{background:#3b82f626;color:#2563eb}.ws-role-pill.member{background:#6b728026;color:var(--text-muted)}.ws-header-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.ws-invite-card{background:var(--bg-hover);border:1px dashed var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.ws-invite-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text)}.ws-invite-hint{font-size:10px;font-weight:400;color:var(--text-muted)}.ws-invite-code-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ws-invite-code{font-family:var(--font-mono, monospace);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--accent);background:var(--bg-card);padding:3px 8px;border-radius:6px;border:1px solid var(--border)}.ws-copy-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;transition:all .15s ease}.ws-copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.ws-dropdown-divider{height:1px;background:var(--border);margin:0 -4px}.ws-list-section{display:flex;flex-direction:column;gap:6px}.ws-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 4px}.ws-list{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.ws-list-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer;color:var(--text);transition:background .15s ease}.ws-list-item:hover{background:var(--bg-hover)}.ws-list-item.selected{background:#3370ff14}.ws-item-avatar{width:26px;height:26px;border-radius:7px;color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ws-item-info{display:flex;flex-direction:column;flex:1;min-width:0}.ws-item-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-item-members{font-size:10px;color:var(--text-muted)}.ws-item-check{color:var(--accent);flex-shrink:0}.ws-item-arrow{color:var(--text-muted);opacity:.6;flex-shrink:0}.ws-actions-section{display:flex;flex-direction:column;gap:4px}.ws-action-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;border:none;background:transparent;width:100%;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease}.ws-action-btn:hover{background:var(--bg-hover);color:var(--accent)}.workspace-modal{max-width:460px;width:100%}.workspace-modal-tabs{display:flex;align-items:center;gap:8px}.ws-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.ws-tab-btn:hover{color:var(--text);background:var(--bg-hover)}.ws-tab-btn.active{color:var(--accent);background:#3370ff1a}.ws-modal-alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:12px;margin:10px 16px 0}.ws-modal-alert.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.ws-modal-alert.success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.ws-modal-desc{font-size:12px;line-height:1.5;color:var(--text-muted);margin-bottom:14px}.ws-code-input{font-family:var(--font-mono, monospace);font-size:14px;letter-spacing:1px;text-transform:uppercase}.icon-rail-top-logo{width:52px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:4px auto 10px;padding:3px 4px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.icon-rail-top-logo:hover{background:#ffffff24;transform:scale(1.06);box-shadow:0 4px 12px #2563eb33}.icon-rail-logo-img{width:100%;height:100%;max-height:26px;object-fit:contain;display:block}.ws-dropdown-brand-top{padding:12px 16px 8px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--border-subtle, rgba(0, 0, 0, .06))}.ws-dropdown-brand-logo{height:28px;width:auto;max-width:130px;object-fit:contain;display:block}.icon-rail-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#255dd9);color:#fff;font-family:var(--font-display);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex-shrink:0;box-shadow:0 2px 8px #3370ff4d}.icon-rail-apps{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;padding:2px 0;scrollbar-width:none}.icon-rail-apps::-webkit-scrollbar{display:none}.icon-rail-btn{position:relative;width:42px;height:42px;border-radius:12px;border:none;background:transparent;color:var(--ink-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .16s cubic-bezier(.16,1,.3,1)}.icon-rail-btn:hover{background:var(--surface-hover);color:var(--ink);transform:translateY(-1.5px) scale(1.05)}.icon-rail-btn.active{background:var(--sidebar-active);color:var(--accent);box-shadow:0 2px 8px #2563eb2e}.icon-rail-btn.active:before{content:"";position:absolute;left:-8px;top:10px;bottom:10px;width:3.5px;border-radius:0 4px 4px 0;background:var(--accent)}.icon-rail-btn.disabled{cursor:default;opacity:.45}.icon-rail-btn.disabled:hover{background:transparent;color:var(--ink-faint);transform:none}.icon-rail-soon{position:absolute;bottom:2px;right:2px;font-size:7px;font-weight:700;letter-spacing:.02em;background:var(--ink-faint);color:var(--bg);border-radius:4px;padding:1px 3px;text-transform:uppercase}.icon-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--border-soft);width:100%;flex-shrink:0}.icon-rail-avatar{margin-top:2px}.icon-rail-avatar-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:transform .15s ease}.icon-rail-user-menu-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.icon-rail-user-popover{position:absolute;bottom:0;left:calc(100% + 12px);width:250px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0000002e,0 4px 12px #00000014;padding:10px;z-index:99999;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:popoverFadeIn .15s cubic-bezier(.16,1,.3,1)}.user-popover-header{display:flex;align-items:center;gap:10px;padding:6px 8px}.user-popover-info{display:flex;flex-direction:column;min-width:0}.user-popover-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-popover-handle{font-size:11px;color:var(--text-muted)}.user-popover-divider{height:1px;background:var(--border);margin:2px -2px}.user-popover-actions{display:flex;flex-direction:column;gap:2px}.user-popover-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:none;background:transparent;width:100%;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;text-align:left;transition:all .15s ease}.user-popover-item:hover{background:var(--bg-hover);color:var(--accent)}.user-popover-item.danger{color:#ef4444}.user-popover-item.danger:hover{background:#ef44441a;color:#dc2626}.user-profile-card{max-width:440px!important;width:100%!important;border-radius:20px!important;overflow:hidden!important;padding:0!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;box-shadow:0 24px 60px #00000052!important;position:relative!important;margin:auto!important;max-height:90vh!important;overflow-y:auto!important;box-sizing:border-box!important}.user-profile-banner{height:85px;position:relative;display:flex;justify-content:flex-end;padding:12px}.user-profile-close-btn{width:30px;height:30px;border-radius:50%;border:none;background:#00000040;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,transform .15s ease}.user-profile-close-btn:hover{background:#00000073;transform:scale(1.08)}.user-profile-avatar-wrapper{margin-top:-42px;padding:0 22px;display:flex}.user-profile-avatar-ring{padding:3px;background:var(--bg-card);border-radius:50%;box-shadow:0 4px 14px #00000024}.user-profile-identity{padding:10px 22px 0;display:flex;flex-direction:column;gap:4px}.user-profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-profile-name{font-size:20px;font-weight:700;color:var(--text);margin:0}.user-profile-sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.user-profile-presence{display:inline-flex;align-items:center;gap:5px;font-weight:500}.user-profile-presence.online{color:var(--success, #00b96b)}.presence-indicator-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.user-profile-actions{display:flex;align-items:center;gap:8px;padding:16px 22px 0}.user-profile-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;padding:9px 14px}.user-profile-divider{height:1px;background:var(--border);margin:18px 22px 0}.user-profile-details{padding:16px 22px 22px;display:flex;flex-direction:column;gap:12px}.user-profile-detail-row{display:flex;align-items:center;gap:12px}.user-profile-detail-icon{width:32px;height:32px;border-radius:9px;background:var(--bg-hover);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-profile-detail-text{display:flex;flex-direction:column;gap:1px}.detail-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--text-muted)}.detail-value{font-size:13px;font-weight:600;color:var(--text)}.message-avatar-btn{border:none;background:transparent;padding:0;cursor:pointer;border-radius:50%;transition:transform .15s ease,opacity .15s ease;line-height:0}.message-avatar-btn:hover{transform:scale(1.08)}.message-sender-clickable{cursor:pointer;transition:color .15s ease}.message-sender-clickable:hover{color:var(--accent)!important;text-decoration:underline}.profile-view-prompt-card{border:1px solid var(--border);background:var(--bg-hover);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.profile-prompt-info{display:flex;flex-direction:column;gap:2px}.profile-prompt-title{font-size:13px;font-weight:700;color:var(--text)}.profile-prompt-sub{font-size:11px;color:var(--text-muted)}.settings-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-columns:320px 1fr;background:var(--bg)}.settings-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 0}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px 16px;font-size:17px;font-weight:700;color:var(--ink)}.settings-me{display:flex;align-items:center;gap:12px;padding:8px 18px 20px}.settings-me-name{font-size:14px;font-weight:700;color:var(--ink)}.settings-me-username{font-size:12.5px;color:var(--ink-faint)}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;border:none;background:none;color:var(--ink);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left}.settings-nav-item:hover{background:var(--surface-hover)}.settings-nav-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text);font-weight:700}.settings-logout{margin:10px 10px 0;color:var(--danger)}.settings-logout:hover{background:#fdecea}[data-theme=dark] .settings-logout:hover{background:#3a2422}.settings-content{flex:1;min-height:0;overflow-y:auto;padding:32px 24px;display:flex;justify-content:center;width:100%;box-sizing:border-box}.settings-section{width:100%;max-width:680px}.settings-section h2{font-size:20px;font-weight:700;color:var(--ink);margin:0 0 20px}.settings-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:all .18s cubic-bezier(.16,1,.3,1)}.settings-block:hover{box-shadow:var(--shadow-md);border-color:#2563eb33}.chat-main>.message-list>.settings-block{max-width:720px;margin-left:auto;margin-right:auto}.settings-block-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:10px}.settings-static-value{font-size:14px;color:var(--ink);flex:1}.settings-success{font-size:12.5px;color:var(--online);margin-top:6px}.role-badge-standalone{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;border-radius:20px;background:var(--sidebar-active);color:var(--sidebar-active-text);font-size:11.5px;font-weight:700;text-transform:capitalize}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.sidebar-resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;z-index:5}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent);opacity:.4}.sidebar-header{height:56px;min-height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border-soft);flex-shrink:0;box-sizing:border-box}.sidebar-header .sidebar-search{flex:1}.sidebar-header .settings-sidebar-header{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;padding:0;margin:0;line-height:1}.sidebar-search{height:34px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 10px;color:var(--ink-faint);box-sizing:border-box;transition:border-color .12s ease}.sidebar-search:focus-within{border-color:var(--accent)}.sidebar-search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%;height:100%;padding:0}.compose-wrap{position:relative;flex-shrink:0;display:flex;align-items:center}.compose-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s ease;flex-shrink:0}.compose-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.compose-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;min-width:200px;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:popoverFadeIn .15s cubic-bezier(.16,1,.3,1)}.compose-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--ink);cursor:pointer;transition:all .12s ease}.compose-menu-item:hover:not(:disabled){background:var(--surface-hover);color:var(--accent)}.compose-menu-item:disabled{opacity:.4;cursor:not-allowed}.new-channel-form-standalone{margin:0 14px 8px;padding:0}.list-filters{display:flex;gap:6px;padding:8px 14px;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.list-filters::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;flex-shrink:0;background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);font-size:12px;font-weight:600;padding:5px 14px;border-radius:100px;cursor:pointer;transition:all .16s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000008}.filter-tab:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--border)}.filter-tab.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 2px 8px #2563eb52;transform:translateY(-.5px)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:8px 14px 14px}.calendar-weekday{text-align:center;font-size:11px;font-weight:700;color:var(--ink-faint);padding-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.calendar-cell{position:relative;aspect-ratio:1;border:none;background:transparent;border-radius:8px;font-size:12px;font-weight:500;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .12s cubic-bezier(.16,1,.3,1)}.calendar-cell-empty{cursor:default}.calendar-cell:hover:not(.calendar-cell-empty):not(.active){background:var(--surface-hover);color:var(--ink)}.calendar-cell.today:not(.active){font-weight:700;color:var(--accent);background:var(--accent-soft)}.calendar-cell.active{background:var(--accent-gradient);color:#fff;font-weight:700;box-shadow:0 2px 8px #3370ff59;transform:scale(1.04)}.calendar-dot{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.8}.calendar-event-card{border-left:4px solid var(--accent);transition:all .2s cubic-bezier(.16,1,.3,1);padding:20px 24px}.calendar-event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-hover)}.calendar-time-badge{display:inline-flex;align-items:center;gap:5px;background:var(--bg-secondary);border:1px solid var(--border-soft);padding:3px 9px;border-radius:6px;font-size:12px;font-weight:600;color:var(--ink-secondary)}.calendar-attendees-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.calendar-attendee-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-soft);font-size:12px;color:var(--ink)}.rsvp-badge{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.rsvp-Accepted{background:#22c55e26;color:var(--online)}.rsvp-Declined{background:#ef444426;color:var(--danger)}.rsvp-Pending{background:#f59e0b26;color:var(--warning)}.doc-scroll-wrap{flex:1;overflow-y:auto;background:var(--bg-secondary);padding:24px 20px 48px;display:flex;justify-content:center}.doc-title-input{border:none;background:transparent;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--ink);flex:1;padding:6px 8px;border-radius:6px;transition:background .12s ease}.doc-title-input:hover{background:var(--surface-hover)}.doc-title-input:focus{outline:none;background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent)}.doc-toolbar{background:var(--surface);border-bottom:1px solid var(--border);padding:6px 20px;display:flex;align-items:center;gap:4px;box-sizing:border-box}.doc-toolbar button{width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:6px;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;transition:all .12s ease}.doc-toolbar button:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--border-soft)}.doc-editor{width:100%;max-width:820px;min-height:calc(100vh - 160px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:48px 56px;box-shadow:var(--shadow-sm);font-size:15px;line-height:1.75;color:var(--ink);outline:none;box-sizing:border-box;transition:box-shadow .2s ease,border-color .2s ease}.doc-editor:focus{box-shadow:var(--shadow-md);border-color:#3370ff4d}.doc-editor:empty:before{content:"Start writing or type '/' for commands…";color:var(--ink-faint)}.base-grid-wrap{flex:1;overflow:auto;padding:16px 24px;background:var(--bg-secondary)}.base-grid{border-collapse:separate;border-spacing:0;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-xs)}.base-grid th,.base-grid td{border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border-soft);padding:0;min-width:140px}.base-grid th{background:var(--bg-secondary);text-align:left;padding:9px 12px;font-size:12px;font-weight:700;color:var(--ink-soft);-webkit-user-select:none;user-select:none}.base-grid-add-col{min-width:44px;text-align:center}.base-grid-add-col button,.base-grid-row-actions button{border:none;background:none;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;transition:color .12s ease}.base-grid-add-col button:hover,.base-grid-row-actions button:hover{color:var(--accent)}.base-grid-row-actions button:hover{color:var(--danger)}.base-grid-row-actions{min-width:36px;text-align:center}.base-grid tr:hover td{background:var(--surface-hover)}.base-grid td input,.base-grid td select{width:100%;border:none;background:transparent;padding:8px 12px;font-size:13px;color:var(--ink);transition:box-shadow .12s ease}.base-grid td input:focus,.base-grid td select:focus{outline:none;background:var(--surface);box-shadow:inset 0 0 0 2px var(--accent)}.formula-bar{width:100%;padding:8px 14px;border:1px solid var(--border);border-radius:8px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--surface);color:var(--ink);box-sizing:border-box;transition:all .15s ease}.formula-bar:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sheet-grid th,.sheet-grid td{min-width:90px;text-align:center;font-size:12.5px;padding:6px 8px;cursor:cell}.sheet-grid th:first-child,.sheet-grid td:first-child{min-width:36px;background:var(--bg-secondary);font-weight:700;color:var(--ink-faint);cursor:default;font-size:11px}.sheet-cell-active{outline:2px solid var(--accent)!important;outline-offset:-1px;background:var(--accent-soft)!important;position:relative;z-index:2}.slides-layout{flex:1;display:flex;overflow:hidden;background:var(--bg-secondary)}.slides-filmstrip{width:140px;background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.slide-thumb{position:relative;aspect-ratio:16 / 9;border:2px solid var(--border);border-radius:8px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink-faint);cursor:pointer;transition:all .15s ease;box-shadow:var(--shadow-xs)}.slide-thumb:hover{border-color:var(--ink-faint);transform:scale(1.02)}.slide-thumb.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-sm)}.slide-thumb-delete{position:absolute;top:4px;right:4px;border:none;background:#00000080;color:#fff;border-radius:4px;cursor:pointer;display:none;padding:2px}.slide-thumb:hover .slide-thumb-delete{display:flex}.slide-thumb-add{color:var(--accent);border-style:dashed}.slides-canvas-area{flex:1;display:flex;flex-direction:column;padding:24px;overflow:auto;align-items:center}.slides-toolbar{margin-bottom:16px;display:flex;gap:8px;width:100%;max-width:820px}.slide-canvas{position:relative;width:100%;max-width:820px;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);background:#fff}.slide-element{position:absolute;border:1px dashed transparent;cursor:move;border-radius:4px}.slide-element:hover{border-color:var(--accent)}.slide-element-text{width:100%;height:100%;padding:6px;font-size:16px;color:#222;outline:none;overflow:hidden}.slide-element-delete{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;border:2px solid var(--surface);display:none;align-items:center;justify-content:center;cursor:pointer}.slide-element:hover .slide-element-delete{display:flex}.okr-page-body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.okr-grid{flex:1;overflow-y:auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-content:start}.okr-card{margin-bottom:0;border-radius:14px;padding:20px 22px;border:1px solid var(--border);box-shadow:var(--shadow-xs);background:var(--surface);transition:all .2s cubic-bezier(.16,1,.3,1)}.okr-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#3370ff40}.okr-progress-row{display:flex;align-items:center;gap:12px;margin-top:14px}.okr-progress-track{flex:1;height:7px;border-radius:5px;background:var(--bg-secondary);overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.okr-progress-fill{height:100%;background:linear-gradient(90deg,#3370ff,#06b6d4);border-radius:5px;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px #3370ff59}.okr-progress-label{font-size:12.5px;font-weight:700;color:var(--accent);min-width:36px;text-align:right}.okr-kr-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--border-soft);transition:background .12s ease}.okr-kr-title{flex:1;font-size:13px;font-weight:500;color:var(--ink)}.okr-kr-input{width:64px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;background:var(--surface);color:var(--ink);text-align:right;font-weight:600;transition:all .12s ease}.okr-kr-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.chat-list{list-style:none;margin:0;padding:4px 6px;overflow-y:auto;flex:1}.chat-list-row{display:flex;align-items:center;gap:11px;padding:9px 12px;margin-bottom:3px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .16s cubic-bezier(.16,1,.3,1);position:relative}.chat-list-row:hover{background:var(--surface-hover);transform:translate(2px)}.chat-list-row.active{background:var(--sidebar-active);border-color:#2563eb29;box-shadow:0 2px 8px #2563eb0f}.chat-list-row.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3.5px;border-radius:0 4px 4px 0;background:var(--accent)}.chat-list-icon{width:42px;height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-xs);transition:all .15s ease}.chat-list-icon-group{background:var(--accent-soft);color:var(--accent);border-color:#2563eb38}.chat-list-body{min-width:0;flex:1}.chat-list-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-list-name{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.chat-list-time{font-size:11px;color:var(--ink-faint);flex-shrink:0;font-weight:500}.chat-list-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px}.chat-list-preview{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.35}.unread-badge{background:linear-gradient(135deg,#3370ff,#2563eb);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:100px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2563eb59;letter-spacing:.2px;flex-shrink:0}.chat-list-empty{padding:24px 16px;text-align:center}.attach-wrap{position:relative;display:flex;align-items:center}.attach-menu{position:absolute;bottom:calc(100% + 12px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;min-width:200px;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:popoverFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.attach-menu-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:none;padding:8px 12px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .12s ease}.attach-menu-item:hover{background:var(--surface-hover);transform:translate(2px)}.attach-menu-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.attach-menu-icon-photo{background:linear-gradient(135deg,#a855f7,#6366f1)}.attach-menu-icon-doc{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.attach-menu-icon-camera{background:linear-gradient(135deg,#f43f5e,#fb923c)}.camera-modal{max-width:460px}.camera-viewport{width:100%;aspect-ratio:4 / 3;background:#000;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.camera-viewport video,.camera-viewport img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-controls{display:flex;align-items:center;justify-content:center;gap:12px}.camera-shutter-btn{width:56px;height:56px;border-radius:50%;border:3px solid var(--border);background:var(--surface);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.camera-shutter-btn:hover:not(:disabled){border-color:var(--accent)}.camera-shutter-btn:disabled{opacity:.4;cursor:not-allowed}.modal-search{margin-bottom:10px}.dm-pick-row{width:100%;border:none;background:none;cursor:pointer}.oversight-open-btn{display:flex;align-items:center;justify-content:center;gap:8px}.oversight-modal{max-width:520px}.oversight-header-title{display:flex;align-items:center;gap:6px}.oversight-user-list,.oversight-channel-list{max-height:400px;overflow-y:auto}.oversight-pick-row{width:100%;border:none;background:none;cursor:pointer;text-align:left}.oversight-channel-icon{width:32px;height:32px;flex-shrink:0}.oversight-messages{max-height:440px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.oversight-message-row{display:flex;gap:10px}.oversight-message-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.avatar-btn{background:none;border:none;padding:0;cursor:pointer;line-height:0;border-radius:50%}.avatar-btn:hover{outline:2px solid var(--accent);outline-offset:2px}.avatar-picker-hint{margin-bottom:14px;line-height:1.5}.avatar-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.avatar-picker-option{position:relative;width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-picker-option.selected{border-color:var(--ink)}.avatar-picker-check{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--online);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}.delete-choice-list{display:flex;flex-direction:column;gap:2px}.delete-choice-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:10px 8px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer}.delete-choice-item:hover{background:var(--surface-hover)}.delete-choice-danger{color:var(--danger)}.delete-choice-cancel{color:var(--ink-faint);margin-top:4px;border-top:1px solid var(--border);border-radius:0;padding-top:12px}.sidebar-me{display:flex;align-items:center;gap:8px;padding:8px 14px 14px}.sidebar-me-name{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{margin-left:auto;background:none;border:none;color:var(--ink-faint);font-size:12px;cursor:pointer;padding:4px 6px}.logout-btn:hover{color:var(--ink)}.sidebar-section{padding:10px 12px 4px}.sidebar-section-title{font-size:11px;font-weight:700;color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 6px}.add-btn{background:none;border:none;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;padding:2px;border-radius:4px}.add-btn:hover{color:var(--accent);background:var(--surface-hover)}.channel-list,.user-list{list-style:none;margin:0;padding:0}.channel-item,.user-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;cursor:pointer;font-size:13.5px;color:var(--ink)}.channel-item:hover,.user-item:hover{background:var(--surface-hover)}.channel-item.active,.user-item.active{background:var(--sidebar-active);color:var(--sidebar-active-text);font-weight:600}.channel-hash{color:var(--ink-faint);width:14px;text-align:center;flex-shrink:0}.channel-item.active .channel-hash{color:var(--sidebar-active-text)}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);flex-shrink:0;opacity:.5}.presence-dot.online{background:var(--online);opacity:1}.new-channel-form{padding:4px 6px 8px;display:flex;gap:6px;align-items:flex-end}.new-channel-form-fields{flex:1;display:flex;flex-direction:column;gap:6px}.new-channel-form input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px;color:var(--ink);font-size:12.5px}.new-channel-form input::placeholder{color:var(--ink-faint)}.new-channel-form button{background:var(--accent);border:none;color:#fff;border-radius:6px;padding:0 10px;font-size:12.5px;cursor:pointer}.empty-list-hint{font-size:12px;color:var(--ink-faint);padding:4px 8px 8px}.chat-main{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg);position:relative;min-width:0}.scroll-to-bottom-btn{position:absolute;right:28px;bottom:80px;width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;transition:all .15s ease}.scroll-to-bottom-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.chat-header{height:58px;min-height:58px;padding:0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;box-sizing:border-box;background:var(--surface)}.chat-header-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:4px 8px;margin:-4px -8px;border-radius:8px;transition:all .15s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.chat-header-info.clickable{cursor:pointer}.chat-header-info.clickable:hover{background:var(--surface-hover)}.chat-header-info.clickable:hover .chat-header-title{color:var(--accent)}.chat-header-text{display:flex;flex-direction:column;min-width:0;gap:1px}.chat-header-title{font-size:15px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;white-space:nowrap;transition:color .15s ease}.chat-header-desc{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.chat-header-online{color:var(--online, #00b42a);display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:11.5px}.online-dot-mini{width:6px;height:6px;border-radius:50%;background:var(--online, #00b42a);display:inline-block;box-shadow:0 0 6px #00b42a66}.message-list{flex:1;overflow-y:auto;padding:16px 20px 8px}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-size:14px;text-align:center;flex-direction:column;gap:6px}.message-row{position:relative;display:flex;gap:10px;padding:4px 8px;border-radius:8px;transition:background .12s ease}.message-row:hover{background:var(--surface-hover)}.message-row.grouped{padding-left:44px}.message-row.own.grouped{padding-left:8px}.message-row.grouped .message-time-inline{opacity:0;transition:opacity .1s ease}.message-row.grouped:hover .message-time-inline{opacity:1}.message-row:not(.grouped){margin-top:10px}.message-row.own{justify-content:flex-end}.avatar-wrap{position:relative;flex-shrink:0}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px #fff3;transition:transform .15s ease}.avatar-status{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:var(--ink-faint);border:2px solid var(--surface);box-sizing:content-box}.avatar-status.online{background:var(--online);box-shadow:0 0 0 1px var(--surface),0 0 6px #22c55e73}.message-body{min-width:0;max-width:100%}.message-row.own .message-body{max-width:62%;display:flex;flex-direction:column;align-items:flex-end}.message-row:not(.own) .message-body{max-width:62%}.message-row.grouped:not(.own) .message-body{position:relative}.message-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-sender{font-size:13.5px;font-weight:700;color:var(--ink)}.message-time{font-size:11.5px;color:var(--ink-faint)}.message-time-inline{position:absolute;left:-46px;top:3px;width:38px;text-align:right;font-size:11px;color:var(--ink-faint)}.message-time-own{font-size:11px;color:var(--ink-faint);margin-top:2px}.bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:3px}.bubble-meta-time{font-size:10.5px;white-space:nowrap}.bubble-other .bubble-meta-time{color:var(--ink-faint)}.bubble-own .bubble-meta-time{color:#ffffffd9}.message-bubble{border-radius:14px;padding:8px 14px;display:inline-block;max-width:100%;transition:all .15s ease}.bubble-other{background:var(--surface);border:1px solid var(--border);border-radius:4px 16px 16px;box-shadow:var(--shadow-sm);padding:9px 15px}.bubble-own{background:var(--accent-gradient);border-radius:16px 4px 16px 16px;box-shadow:0 4px 14px #2563eb47;padding:9px 15px}.bubble-own .message-text{color:#fff}.bubble-own .mention{background:#ffffff40;color:#fff}.bubble-own .edited-tag,.bubble-own .deleted-text{color:#ffffffbf}.bubble-own .forwarded-label,.bubble-own .reply-quote-text{color:#ffffffd9}.bubble-own .reply-quote{border-left-color:#fff9;background:#ffffff1f}.bubble-own .reply-quote:hover{background:#fff3}.bubble-own .reply-quote-sender{color:#fff}.message-text{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.typing-indicator{padding:0 24px 4px;font-size:12px;color:var(--ink-faint);min-height:20px}.composer{padding:10px 20px 18px;flex-shrink:0;background:var(--bg)}.composer-box{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:16px;padding:8px 14px;background:var(--surface);transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 10px #0000000a;box-sizing:border-box}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft),0 4px 16px #2563eb14}.composer-box textarea{flex:1;border:none;resize:none;font-size:13.5px;line-height:1.45;max-height:120px;min-height:22px;font-family:var(--font-ui);color:var(--ink);background:transparent;padding:4px 2px;box-sizing:border-box}.composer-box textarea::placeholder{color:var(--ink-faint)}.composer-box textarea:focus{outline:none}.send-btn{background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;padding:0 16px;height:34px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .16s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #2563eb47;flex-shrink:0}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb61}.send-btn:active:not(:disabled){transform:scale(.97)}.send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.attach-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .12s ease;flex-shrink:0}.attach-btn:hover:not(:disabled){color:var(--accent);background:var(--surface-hover)}.attach-btn:disabled{opacity:.45;cursor:not-allowed}.mic-listening{color:var(--danger);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.4}}.spin{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-footer{display:contents}.ticks{flex-shrink:0}.ticks-sent,.ticks-delivered{color:var(--ink-faint)}.ticks-read{color:var(--accent)}.bubble-meta .ticks-sent,.bubble-meta .ticks-delivered{color:#ffffffbf}.bubble-meta .ticks-read{color:#fff}.forward-btn{background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px;opacity:0;transition:opacity .1s ease}.message-row:hover .forward-btn{opacity:1}.forward-btn:hover{color:var(--accent);background:var(--surface-hover)}.forwarded-label{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ink-faint);font-style:italic;margin-bottom:3px}.attachment-image-link{display:inline-block;margin:4px 0 6px;max-width:320px;border-radius:12px;overflow:hidden;transition:transform .15s ease}.attachment-image-link:hover{transform:scale(1.02)}.attachment-image{width:100%;max-width:320px;max-height:320px;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}.attachment-file-card{display:flex;align-items:center;gap:12px;max-width:320px;padding:10px 14px;margin:4px 0 6px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink);box-shadow:var(--shadow-xs);transition:all .15s ease}.attachment-file-card:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bubble-own .attachment-file-card{background:#ffffff26;border-color:#ffffff4d;color:#fff}.bubble-own .attachment-file-card:hover{background:#ffffff40;border-color:#ffffff80}.bubble-own .attachment-file-name{color:#fff}.bubble-own .attachment-file-size{color:#ffffffbf}.bubble-own .attachment-download-icon{color:#ffffffd9}.attachment-file-info{min-width:0;flex:1}.attachment-file-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-size{font-size:11.5px;color:var(--ink-faint)}.attachment-download-icon{color:var(--ink-faint);flex-shrink:0}.modal-overlay,.modal-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0f172aa6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:20px!important;box-sizing:border-box!important;animation:modalOverlayFade .2s cubic-bezier(.16,1,.3,1)}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px 28px;box-shadow:0 24px 60px #00000040,0 0 0 1px #ffffff0a;box-sizing:border-box;animation:modalZoomIn .22s cubic-bezier(.16,1,.3,1)}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-card-narrow{max-width:320px;padding:14px}.modal-header{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:16px;padding:0 4px}.modal-card-narrow .modal-header{margin-bottom:8px}.modal-close,.modal-close-btn{background:none;border:none;color:var(--ink-faint);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .12s ease}.modal-close:hover,.modal-close-btn:hover{background:var(--surface-hover);color:var(--ink)}.user-profile-card{width:100%!important;max-width:440px!important;padding:0!important;border-radius:20px!important;overflow:hidden!important;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 25px 60px -15px #0000004d,0 0 1px #0003!important;margin:auto!important;display:flex!important;flex-direction:column!important;animation:modalZoomIn .22s cubic-bezier(.16,1,.3,1)}.user-profile-banner{height:110px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:14px 16px;box-sizing:border-box}.user-profile-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(255,255,255,.25),transparent 70%);pointer-events:none}.user-profile-close-btn{position:relative;z-index:2;width:32px;height:32px;border-radius:50%;background:#00000047;color:#fff;border:1px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0}.user-profile-close-btn:hover{background:#00000080;transform:scale(1.08)}.user-profile-avatar-wrapper{margin-top:-42px;padding:0 24px;display:flex;align-items:flex-end;position:relative;z-index:3}.user-profile-avatar-ring{padding:4px;background:var(--surface);border-radius:50%;box-shadow:0 6px 18px #00000024;display:inline-flex;position:relative}.user-profile-avatar-ring .avatar-status{width:14px;height:14px;bottom:2px;right:2px;border-width:2.5px}.user-profile-identity{padding:12px 24px 14px}.user-profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.user-profile-name{font-size:20px;font-weight:700;color:var(--ink, var(--text));margin:0;line-height:1.25}.user-profile-sub{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-faint, var(--text-muted))}.user-profile-handle{font-weight:500}.user-profile-dot{opacity:.5}.user-profile-presence{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600}.user-profile-presence .presence-indicator-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.user-profile-presence.online{color:#10b981}.user-profile-presence.online .presence-indicator-dot{background:#10b981;box-shadow:0 0 8px #10b98199}.user-profile-presence.offline{color:var(--ink-faint, #94a3b8)}.user-profile-presence.offline .presence-indicator-dot{background:#94a3b8}.user-profile-actions{display:flex;gap:8px;padding:0 24px 16px}.user-profile-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s ease;border:none}.user-profile-divider{height:1px;background:var(--border);margin:0 24px 16px}.user-profile-details{display:flex;flex-direction:column;gap:10px;padding:0 24px 24px;max-height:280px;overflow-y:auto}.user-profile-detail-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:var(--bg-hover, rgba(0, 0, 0, .02));border:1px solid transparent;transition:all .15s ease}.user-profile-detail-row:hover{background:var(--surface-hover, var(--bg-hover, rgba(0, 0, 0, .04)));border-color:var(--border)}.user-profile-detail-icon{width:32px;height:32px;border-radius:9px;background:#3b82f61f;color:var(--accent, #3b82f6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-profile-detail-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.detail-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--ink-faint, var(--text-muted, #94a3b8))}.detail-value{font-size:13.5px;font-weight:500;color:var(--ink, var(--text, #1e293b));word-break:break-word}.member-picker{max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;padding:4px}.member-picker-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:13.5px;color:var(--ink);transition:background .12s ease}.member-picker-row:hover{background:var(--surface-hover)}.member-picker-row input[type=checkbox]{accent-color:var(--accent)}.forward-list{padding:4px;max-height:320px;overflow-y:auto}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;text-transform:capitalize;padding:2.5px 8px;border-radius:20px;white-space:nowrap;line-height:1}.role-owner{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}[data-theme=dark] .role-owner{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b59}.role-admin{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.25)}[data-theme=dark] .role-admin{background:#3b82f633;color:#60a5fa;border-color:#3b82f659}.role-member{background:var(--surface-hover);color:var(--ink-soft);border:1px solid var(--border-soft)}.role-badge-compact{margin-left:auto;margin-right:6px}.you-badge{color:var(--ink-faint);font-weight:400}.header-icon-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .12s ease;flex-shrink:0}.header-icon-btn:hover{color:var(--ink);background:var(--surface-hover)}.header-icon-btn.active{color:var(--accent);background:var(--accent-soft)}.composer-locked{padding:12px 16px;border:1px dashed var(--border);border-radius:10px;text-align:center;font-size:13px;color:var(--ink-faint);background:var(--bg-secondary)}.join-channel-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--ink-faint);padding:40px}.join-channel-prompt-text{font-size:14px;color:var(--ink-soft);text-align:center;max-width:320px}.join-channel-btn{width:auto;padding:10px 28px}.oversight-delete-btn,.oversight-delete-all-btn{display:flex;align-items:center;gap:6px;margin-bottom:10px;width:fit-content}.dm-request-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);font-size:13px;color:var(--ink)}.dm-request-actions{display:flex;gap:8px;flex-shrink:0}.modal-card-wide{max-width:460px}.group-avatar-preview{display:flex;justify-content:center;margin-bottom:16px}.group-avatar-preview-icon{width:64px;height:64px}.admin-section{margin-bottom:18px}.admin-section:last-of-type{margin-bottom:12px}.admin-section-title{font-size:12px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.policy-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--border-soft)}.policy-row:last-child{border-bottom:none}.policy-toggle{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}.policy-btn{background:transparent;border:none;color:var(--ink-soft);font-size:12px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .12s ease}.policy-btn:hover:not(.active){color:var(--ink);background:var(--surface-hover)}.policy-btn.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.policy-btn-danger{color:var(--danger)}.policy-btn-danger:hover{background:#fdecea;color:var(--danger)}[data-theme=dark] .policy-btn-danger:hover{background:#3a2422}.admin-user-list{display:flex;flex-direction:column;gap:3px;max-height:280px;overflow-y:auto}.admin-user-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:background .12s ease}.admin-user-row:hover{background:var(--surface-hover)}.admin-user-name{font-size:13px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.admin-user-actions{display:flex;gap:6px}.role-select{border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12px;font-weight:500;background:var(--surface);color:var(--ink);cursor:pointer;transition:all .12s ease}.role-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.inline-edit-row{display:flex;align-items:center;gap:8px;margin-top:8px}.inline-edit-row input,.inline-edit-row select{flex:1;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;background:var(--surface);color:var(--ink);transition:all .12s ease}.inline-edit-row input:focus,.inline-edit-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-picker-hint{margin-bottom:12px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:10px;margin-top:10px;max-width:480px}.avatar-picker-option{position:relative;aspect-ratio:1;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-xs)}.avatar-picker-option:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.avatar-picker-option.selected{outline:3px solid var(--accent);outline-offset:2px;transform:scale(1.05)}.avatar-picker-check{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;border:2px solid var(--surface);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.workplace-block{transition:all .2s cubic-bezier(.16,1,.3,1)}.workplace-block:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#3370ff33}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger);display:flex;align-items:center;justify-content:center;gap:6px}.btn-danger:hover{background:#fdecea}[data-theme=dark] .btn-danger:hover{background:#3a2422}.chat-header-actions{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.selection-toolbar{display:flex;align-items:center;gap:10px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.selection-count{font-size:13.5px;font-weight:600;color:var(--ink)}.selection-actions{margin-left:auto;display:flex;gap:2px}.danger-icon-btn:hover{color:var(--danger);background:var(--surface-hover)}.message-row.selectable{cursor:pointer;padding-left:6px}.message-select-checkbox{flex-shrink:0;width:16px;height:16px;margin-right:8px;margin-top:10px;accent-color:var(--accent);cursor:pointer}.starred-shortcut{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;color:var(--ink-soft);font-size:13px;font-weight:500;cursor:pointer;padding:7px 10px;margin:0 14px 6px;width:calc(100% - 28px);border-radius:8px;text-align:left;box-sizing:border-box;transition:all .12s ease}.starred-shortcut:hover{background:var(--surface-hover);color:var(--ink)}.notif-banner{display:flex;align-items:center;gap:8px;width:calc(100% - 28px);margin:0 14px 8px;padding:8px 10px;border-radius:8px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:500;cursor:pointer;text-align:left}.notif-banner:hover{background:var(--accent);color:#fff}.notif-banner-denied{border-color:var(--border);background:var(--bg-secondary);color:var(--ink-faint);cursor:default}.notif-banner-denied:hover{background:var(--bg-secondary);color:var(--ink-faint)}.search-bar{display:flex;align-items:center;gap:8px;padding:10px 24px;border-bottom:1px solid var(--border);color:var(--ink-faint)}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:13.5px;color:var(--ink)}.search-result-row{display:flex;gap:10px;width:100%;text-align:left;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer}.search-result-row:hover{background:var(--surface-hover)}.search-result-meta{display:flex;gap:8px;align-items:baseline;margin-bottom:2px}.search-result-text{font-size:13px;color:var(--ink-soft)}.pinned-bar{display:flex;align-items:center;gap:10px;padding:8px 20px;border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 3px #00000005}.pinned-bar-icon{color:var(--accent);flex-shrink:0}.pinned-bar-items{display:flex;align-items:center;gap:8px;flex:1;overflow-x:auto;scrollbar-width:none}.pinned-bar-items::-webkit-scrollbar{display:none}.pinned-item{display:inline-flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:6px;padding:3px 8px;white-space:nowrap;max-width:320px}.pinned-item-text{background:none;border:none;color:var(--ink-soft);font-size:12px;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}.pinned-item-text:hover{color:var(--accent)}.pinned-item-sender{font-weight:600;color:var(--ink)}.pinned-item-remove{background:none;border:none;color:var(--ink-faint);cursor:pointer;flex-shrink:0;display:flex;padding:2px;border-radius:4px;transition:color .12s ease}.pinned-item-remove:hover{color:var(--danger)}.reply-quote{display:flex;flex-direction:column;gap:1px;border-left:3px solid var(--accent);padding:3px 8px;margin-bottom:4px;background:var(--bg-secondary);border-radius:0 6px 6px 0;max-width:320px;cursor:pointer}.reply-quote:hover{background:var(--surface-hover)}.reply-quote-sender{font-size:11.5px;font-weight:700;color:var(--accent)}.reply-quote-text{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview{display:flex;align-items:center;gap:8px;border-left:3px solid var(--accent);background:var(--bg-secondary);padding:6px 10px;border-radius:0 8px 8px 0;margin-bottom:6px;color:var(--ink-faint)}.reply-preview-body{flex:1;min-width:0;display:flex;flex-direction:column}.reply-preview-sender{font-size:11.5px;font-weight:700;color:var(--accent)}.reply-preview-text{font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-box-wrap{position:relative}.deleted-text{font-style:italic;color:var(--ink-faint)}.edited-tag{font-size:11px;color:var(--ink-faint);font-style:italic}.message-translation{margin-top:8px;padding:8px 10px;background:#3e7cb114;border-left:2.5px solid var(--accent);border-radius:6px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;animation:fadeIn .15s ease-out}.message-row.own .message-translation{background:#ffffff26;border-left-color:#fffc}.message-translation.translating{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px;color:var(--ink-faint);font-style:italic;padding:6px 10px}.message-translation-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.message-translation-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);opacity:.9}.message-row.own .message-translation-tag{color:inherit;opacity:.85}.message-translation-hide-btn{background:transparent;border:none;font-size:11px;color:var(--ink-faint);cursor:pointer;padding:1px 5px;border-radius:4px;transition:all .12s ease}.message-translation-hide-btn:hover{color:var(--ink);background:var(--surface-hover)}.message-row.own .message-translation-hide-btn{color:#ffffffb3}.message-row.own .message-translation-hide-btn:hover{color:#fff;background:#fff3}.message-translation-body{font-size:13.5px;line-height:1.5;color:var(--ink);white-space:pre-wrap;word-break:break-word}.message-row.own .message-translation-body{color:inherit}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:spinSlow 1.4s linear infinite}.edit-box{margin:2px 0 4px}.edit-box textarea{width:100%;max-width:400px;border:1px solid var(--accent);border-radius:8px;padding:8px 10px;font-size:14px;font-family:var(--font-ui);background:var(--surface);color:var(--ink);resize:vertical}.edit-box-actions{display:flex;gap:6px;margin-top:4px}.reaction-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-pill{display:flex;align-items:center;gap:4px;border:1px solid var(--border);background:var(--bg-secondary);border-radius:20px;padding:2px 8px;font-size:12px;cursor:pointer;color:var(--ink)}.reaction-pill.mine{border-color:var(--accent);background:var(--accent-soft)}.reaction-count{font-size:11px;color:var(--ink-soft);font-weight:600}.message-actions{position:absolute;top:-14px;right:12px;z-index:20;display:flex;align-items:center;gap:2px;opacity:0;pointer-events:none;background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 14px #0000001a;border-radius:8px;padding:2px 4px;transition:opacity .15s ease,transform .15s ease;transform:translateY(2px)}.message-row:hover .message-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.msg-action-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.msg-action-btn:hover{color:var(--accent);background:var(--surface-hover)}.msg-action-btn.active{color:var(--accent);background:var(--accent-soft)}.msg-action-danger:hover{color:var(--danger);background:#fdecea}[data-theme=dark] .msg-action-danger:hover{background:#3a2422}.emoji-popover-portal{position:fixed;z-index:300;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md)}.channel-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.mute-indicator{color:var(--ink-faint);flex-shrink:0}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);padding:4px;max-height:200px;overflow-y:auto}.mention-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;padding:6px 8px;border-radius:7px;font-size:13px;color:var(--ink);cursor:pointer}.mention-dropdown-item:hover{background:var(--surface-hover)}.mention{color:var(--accent);font-weight:600;background:var(--accent-soft);border-radius:4px;padding:0 2px}.starred-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.starred-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer}.starred-item:hover{background:var(--surface-hover)}.starred-item-meta{display:flex;align-items:center;gap:6px;color:#d4a72c;margin-bottom:2px}.starred-item-sender{font-size:12.5px;font-weight:700;color:var(--ink)}.starred-item-time{font-size:11px;color:var(--ink-faint);margin-left:auto}.starred-item-text{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.message-row.highlighted{animation:highlight-flash 1.8s ease;border-radius:8px}@keyframes highlight-flash{0%{background:var(--accent-soft)}to{background:transparent}}.mobile-back-btn{display:none!important}@media (min-width: 769px) and (max-width: 1024px){.app-shell{grid-template-columns:56px 230px minmax(0,1fr)!important}.app-shell:has(>.okr-page-body),.app-shell:has(>.mail-app-layout),.app-shell:has(>.notif-page-layout){grid-template-columns:56px minmax(0,1fr)!important}.icon-rail-btn{width:36px;height:36px}.sidebar-header{padding:0 10px}.chat-header{padding:0 14px}.message-list{padding:12px 14px 6px}.message-row.own .message-body{max-width:72%}.settings-page{grid-template-columns:240px 1fr}.okr-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:18px;gap:16px}.doc-editor{padding:36px 40px}}@media (max-width: 768px){.mobile-back-btn{display:flex!important;align-items:center;justify-content:center;background:none;border:none;padding:6px;margin-right:6px;color:var(--ink);cursor:pointer;border-radius:8px;flex-shrink:0;transition:background .12s ease}.mobile-back-btn:hover{background:var(--surface-hover)}.app-shell{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;height:100vh!important;height:100dvh!important;padding-bottom:56px!important;position:relative!important;overflow:hidden!important}.icon-rail{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:56px!important;max-height:56px!important;flex-direction:row!important;border-right:none!important;border-top:1px solid var(--border)!important;background:var(--surface)!important;z-index:100!important;padding:0 8px!important;box-shadow:0 -2px 10px #0000000d!important;align-items:center!important;justify-content:space-between!important}.icon-rail-logo,.icon-rail-top-logo{display:none!important}.workspace-switcher-wrapper{margin-bottom:0!important;margin-right:4px!important;flex-shrink:0!important}.icon-rail-workspace-btn{width:32px!important;height:32px!important;font-size:13px!important}.workspace-dropdown-popover{top:auto!important;bottom:64px!important;left:8px!important;width:calc(100vw - 16px)!important;max-width:320px!important}.icon-rail-apps{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;height:100%!important;width:auto!important;flex:1!important;gap:4px!important;padding:0 4px!important;align-items:center!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.icon-rail-apps::-webkit-scrollbar{display:none!important}.icon-rail-btn{width:38px!important;height:38px!important;flex-shrink:0!important}.icon-rail-bottom{flex-direction:row!important;margin-top:0!important;padding-top:0!important;border-top:none!important;width:auto!important;gap:4px!important;border-left:1px solid var(--border-soft)!important;padding-left:6px!important;margin-left:4px!important;align-items:center!important;flex-shrink:0!important}.icon-rail-avatar{margin-top:0!important}.icon-rail-user-popover{top:auto!important;bottom:64px!important;left:auto!important;right:8px!important;width:calc(100vw - 16px)!important;max-width:270px!important}.app-shell.no-active-item .sidebar{display:flex!important;width:100%!important;flex:1!important;height:100%!important;border-right:none!important}.app-shell.no-active-item .chat-main,.app-shell.has-active-item .sidebar{display:none!important}.app-shell.has-active-item .chat-main{display:flex!important;width:100%!important;flex:1!important;height:100%!important}.mail-mobile-back{display:none}.mail-app-layout{width:100%!important;height:100%!important;position:relative!important;overflow:hidden!important}.app-shell.no-active-item .mail-nav-sidebar{display:flex!important;width:100%!important;min-width:100%!important;height:auto!important;max-height:52px!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 8px!important;border-bottom:1px solid var(--border)!important;border-right:none!important;align-items:center!important;gap:6px!important;background:var(--surface)!important;flex-shrink:0!important}.app-shell.no-active-item .mail-nav-header{margin-bottom:0!important}.app-shell.no-active-item .mail-compose-big-btn{padding:6px 12px!important;font-size:12.5px!important;border-radius:8px!important;white-space:nowrap!important;width:auto!important}.app-shell.no-active-item .mail-compose-big-btn span{display:inline!important}.app-shell.no-active-item .mail-folder-list{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:4px!important;flex:1!important;padding:0!important}.app-shell.no-active-item .mail-folder-item{padding:6px 10px!important;border-radius:8px!important;white-space:nowrap!important}.app-shell.no-active-item .mail-folder-item span.mail-folder-label{display:inline!important;font-size:12px!important}.app-shell.no-active-item .mail-sidebar-footer{display:none!important}.app-shell.no-active-item .mail-list-pane{display:flex!important;width:100%!important;flex:1!important;height:calc(100% - 52px)!important}.app-shell.no-active-item .mail-reading-pane,.app-shell.has-active-item .mail-nav-sidebar,.app-shell.has-active-item .mail-list-pane{display:none!important}.app-shell.has-active-item .mail-reading-pane{display:flex!important;width:100%!important;flex:1!important;height:100%!important}.app-shell.has-active-item .mail-mobile-back{display:inline-flex!important;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;background:var(--surface-hover);border:1px solid var(--border);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;margin-right:8px;flex-shrink:0}.app-shell.full-page-shell>:nth-child(2),.app-shell>.okr-page-body,.app-shell>.mail-app-layout,.app-shell>.notif-page-layout{width:100%!important;height:100%!important;flex:1!important}.okr-grid{grid-template-columns:1fr!important;padding:14px!important;gap:12px!important}.calendar-app-shell{overflow-y:auto!important}.calendar-app-shell .sidebar{display:flex!important;width:100%!important;height:auto!important;min-height:auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important}.calendar-app-shell .chat-main{display:flex!important;width:100%!important;height:auto!important;overflow:visible!important;flex:1!important}.calendar-grid{padding:4px 10px 10px!important;gap:2px!important}.calendar-cell{font-size:11.5px!important}.doc-scroll-wrap{padding:12px 8px 36px!important}.doc-editor{padding:24px 16px!important;border-radius:8px!important;font-size:14px!important;line-height:1.6!important;min-height:calc(100vh - 170px)!important}.doc-toolbar{padding:4px 10px!important;overflow-x:auto!important}.doc-title-input{font-size:16px!important}.slides-layout{flex-direction:column!important}.slides-filmstrip{width:100%!important;height:90px!important;min-height:90px!important;flex-direction:row!important;border-right:none!important;border-bottom:1px solid var(--border)!important;overflow-x:auto!important;padding:8px 12px!important}.slide-thumb{width:100px!important;flex-shrink:0!important}.slides-canvas-area{padding:14px 10px!important}.base-grid-wrap{padding:10px 8px!important}.formula-bar{font-size:12px!important;padding:6px 10px!important}.settings-page{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important}.settings-sidebar{border-right:none!important;border-bottom:1px solid var(--border)!important;padding:10px 14px 6px!important}.settings-me{display:none!important}.settings-nav{flex-direction:row!important;overflow-x:auto!important;scrollbar-width:none!important;gap:6px!important;padding:0!important}.settings-nav::-webkit-scrollbar{display:none!important}.settings-nav-item{white-space:nowrap!important;padding:7px 12px!important;font-size:12.5px!important}.settings-logout{display:none!important}.settings-content{padding:16px 12px 32px!important}.settings-section{max-width:100%!important}.settings-block{padding:16px 14px!important;border-radius:10px!important}.modal-overlay,.modal-backdrop{padding:12px!important}.modal-card,.modal-card-wide,.modal-card-narrow{max-width:100%!important;width:100%!important;border-radius:14px!important;padding:18px 14px!important}.user-profile-card{padding:0!important;max-width:calc(100vw - 24px)!important;width:100%!important;margin:auto!important;border-radius:18px!important}.user-profile-avatar-wrapper{padding:0 16px!important}.user-profile-identity{padding:10px 16px 12px!important}.user-profile-actions{padding:0 16px 14px!important}.user-profile-divider{margin:0 16px 14px!important}.user-profile-details{padding:0 16px 20px!important}.message-row.own .message-body{max-width:86%!important}.message-body{max-width:88%!important}.composer{padding:6px 10px 10px!important}.composer-box{padding:4px 8px!important}.chat-header{padding:0 12px!important}.pinned-bar{padding:6px 12px!important}.search-bar{padding:8px 12px!important}.auth-screen{padding:14px!important}.auth-card{padding:24px 18px!important}.modal-card-superadmin{width:98vw!important;max-width:98vw!important;height:95vh!important;max-height:95vh!important;border-radius:14px!important}.superadmin-header{padding:12px 14px!important}.superadmin-nav-bar{padding:6px 10px!important;gap:4px!important}.superadmin-nav-tab{padding:6px 10px!important;font-size:12px!important}.superadmin-body{padding:14px 10px!important}.superadmin-subbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.upgrade-paywall-modal{width:calc(100vw - 20px)!important;max-width:100%!important;max-height:94vh!important;padding:18px 12px!important}.upgrade-plan-grid{grid-template-columns:1fr!important;gap:14px!important}}@media (max-width: 480px){.app-shell{padding-bottom:52px!important}.icon-rail{height:52px!important;max-height:52px!important;padding:0 4px!important}.icon-rail-btn{width:34px!important;height:34px!important}.chat-header{padding:0 8px!important}.chat-title{font-size:14px!important}.composer{padding:4px 6px 6px!important}.modal-overlay,.modal-backdrop{padding:8px!important}.modal-card{padding:16px 12px!important;border-radius:12px!important}}.oversight-shortcut{background:#3370ff14!important;color:var(--accent)!important;font-weight:600!important;margin-top:4px!important}.oversight-shortcut:hover{background:#3370ff29!important}.icon-rail-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.icon-rail-badge-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background-color:var(--danger);border:1.5px solid var(--rail-bg)}.notif-page-layout{flex:1;height:100%;width:100%;display:flex;flex-direction:column;background:var(--bg-secondary);overflow:hidden}.notif-page-header{padding:22px 32px 18px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notif-header-left{display:flex;align-items:center;gap:16px}.notif-title-wrap{display:flex;align-items:center;gap:14px}.notif-header-icon-box{width:44px;height:44px;border-radius:12px;background:#3370ff1a;color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-title-row{display:flex;align-items:center;gap:10px}.notif-page-title{font-size:22px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.3px}.notif-unread-pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:#ef44441f;color:var(--danger)}.notif-page-subtitle{font-size:13px;color:var(--ink-soft);margin:3px 0 0}.notif-header-actions{display:flex;align-items:center;gap:10px}.notif-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .15s ease}.notif-action-btn:hover{background:var(--surface-hover);border-color:var(--border-soft)}.notif-action-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.notif-action-btn.primary:hover{opacity:.92;box-shadow:0 2px 8px #3370ff40}.notif-action-btn.danger{color:var(--danger)}.notif-action-btn.danger:hover{background:#ef444414;border-color:#ef444440}.notif-toolbar{padding:12px 32px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.notif-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto}.notif-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--ink-secondary);border:1px solid transparent;background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.notif-tab:hover{background:var(--surface-hover);color:var(--ink)}.notif-tab.active{background:var(--accent-soft);color:var(--accent);border-color:#3370ff33;font-weight:600}.notif-tab-count{font-size:11px;padding:1px 6px;border-radius:10px;background:var(--border-soft);color:var(--ink-soft);font-weight:600}.notif-tab-count.highlight{background:var(--danger);color:#fff}.notif-search-wrap{position:relative;display:flex;align-items:center;width:260px}.notif-search-icon{position:absolute;left:10px;color:var(--ink-faint);pointer-events:none}.notif-search-input{width:100%;padding:7px 10px 7px 32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink);font-size:13px;outline:none;transition:border-color .15s ease}.notif-search-input:focus{border-color:var(--accent);background:var(--surface)}.notif-content-area{flex:1;padding:24px 32px;overflow-y:auto}.notif-error-banner{max-width:900px;margin:0 auto 16px}.notif-list{display:flex;flex-direction:column;gap:10px;max-width:900px;margin:0 auto}.notif-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:all .18s ease;cursor:pointer}.notif-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#3370ff4d}.notif-card.unread{border-left:4px solid var(--accent);background:var(--surface)}.notif-unread-dot{position:absolute;top:18px;left:-2px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.notif-module-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notif-card-main{flex:1;min-width:0}.notif-card-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.notif-module-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.notif-time{font-size:12px;color:var(--ink-faint)}.notif-message-text{font-size:14px;color:var(--ink);line-height:1.48;word-break:break-word}.notif-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:2px}.notif-row-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink-secondary);font-size:12px;cursor:pointer;transition:all .15s ease}.notif-row-action-btn:hover{background:var(--surface-hover);color:var(--ink)}.notif-row-action-btn.view-btn{background:var(--accent-soft);color:var(--accent);border-color:#3370ff33;font-weight:500}.notif-row-action-btn.check-btn{color:var(--online)}.notif-row-action-btn.delete-btn{color:var(--ink-faint)}.notif-row-action-btn.delete-btn:hover{color:var(--danger);background:#ef444414}.notif-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--ink-soft)}.notif-empty-circle{width:64px;height:64px;border-radius:50%;background:#3370ff14;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.notif-empty-title{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 6px}.notif-empty-desc{font-size:14px;color:var(--ink-soft);margin:0;max-width:360px}.mail-app-layout{flex:1;display:flex;height:100%;width:100%;min-width:0!important;background:var(--bg);overflow:hidden}.mail-nav-sidebar{width:220px;min-width:220px;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:12px;flex-shrink:0;height:100%}.mail-nav-header{display:flex;margin-bottom:4px}.mail-compose-big-btn,.mail-sidebar-compose-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #3370ff47;transition:transform .15s ease,box-shadow .15s ease}.mail-compose-big-btn:hover,.mail-sidebar-compose-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3370ff61}.mail-folder-list,.mail-folder-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto}.mail-folder-item,.mail-folder-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--ink-secondary);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.mail-folder-item:hover,.mail-folder-btn:hover{background:var(--surface-hover);color:var(--ink)}.mail-folder-item.active,.mail-folder-btn.active{background:var(--sidebar-active);color:var(--sidebar-active-text);font-weight:600}.mail-folder-icon{color:inherit;flex-shrink:0}.mail-folder-label{flex:1}.mail-unread-badge,.mail-folder-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--accent);color:#fff;margin-left:auto}.mail-sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--border-soft)}.mail-account-box{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border-soft)}.mail-account-info{display:flex;flex-direction:column;min-width:0}.mail-account-name{font-size:12.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-account-handle{font-size:11px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-list-pane{width:360px;min-width:320px;max-width:420px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;height:100%;flex-shrink:0}.mail-list-topbar,.mail-list-header{padding:14px 16px 10px;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:10px;flex-shrink:0;background:var(--surface)}.mail-search-box,.mail-search-input-wrap{position:relative;display:flex;align-items:center;width:100%}.mail-search-icon{position:absolute;left:10px;color:var(--ink-faint);pointer-events:none}.mail-search-input{width:100%;padding:7px 30px 7px 32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink);font-size:13px;outline:none;transition:border-color .15s ease}.mail-search-input:focus{border-color:var(--accent);background:var(--surface)}.mail-search-clear{position:absolute;right:8px;background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:2px;display:flex;align-items:center}.mail-search-clear:hover{color:var(--ink)}.mail-list-actions-bar{display:flex;align-items:center;justify-content:space-between}.mail-filter-tabs,.mail-filter-pills{display:flex;gap:6px}.mail-filter-pill,.mail-pill-btn{padding:4px 10px;border-radius:14px;font-size:12px;border:1px solid var(--border);background:transparent;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease}.mail-filter-pill:hover,.mail-pill-btn:hover{background:var(--surface-hover);color:var(--ink)}.mail-filter-pill.active,.mail-pill-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.mail-refresh-btn,.mail-list-refresh-btn{background:transparent;border:1px solid var(--border);color:var(--ink-soft);cursor:pointer;padding:5px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.mail-refresh-btn:hover,.mail-list-refresh-btn:hover{background:var(--surface-hover);color:var(--ink)}.mail-feed,.mail-list-scroll{flex:1;overflow-y:auto;background:var(--surface)}.mail-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--ink-soft)}.mail-empty-icon{color:var(--ink-faint);margin-bottom:12px}.mail-feed-empty h4{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 6px;text-transform:capitalize}.mail-feed-empty p{font-size:13px;color:var(--ink-soft);margin:0;max-width:240px}.mail-item-row{position:relative;display:flex;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background .15s ease}.mail-item-row:hover{background:var(--surface-hover)}.mail-item-row.selected{background:var(--sidebar-active);border-left:3px solid var(--accent)}.mail-item-row.unread .mail-item-sender,.mail-item-row.unread .mail-item-subject{font-weight:700;color:var(--ink)}.mail-item-left{display:flex;flex-direction:column;align-items:center;gap:6px}.mail-star-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.mail-star-btn:hover,.mail-star-btn.starred{color:#f59e0b}.mail-item-body{flex:1;min-width:0}.mail-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.mail-item-sender{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-time{font-size:11px;color:var(--ink-faint);flex-shrink:0;margin-left:8px}.mail-item-subject{font-size:13px;color:var(--ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.mail-item-snippet{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.mail-item-attachment-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--accent);margin-top:4px}.mail-item-hover-actions{display:none;position:absolute;right:10px;top:10px;background:var(--surface);border-radius:6px;box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:2px;gap:4px;z-index:5}.mail-item-row:hover .mail-item-hover-actions{display:flex}.mail-hover-btn{background:transparent;border:none;color:var(--ink-soft);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.mail-hover-btn:hover{background:var(--surface-hover);color:var(--ink)}.mail-hover-btn.danger:hover{color:var(--danger);background:#ef444414}.mail-reading-pane{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;background:var(--bg);overflow:hidden}.mail-reading-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--ink-soft)}.mail-empty-letter-circle{width:80px;height:80px;border-radius:50%;background:var(--surface-hover);color:var(--ink-faint);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.mail-reading-empty h3{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 6px}.mail-reading-empty p{font-size:13.5px;color:var(--ink-soft);margin:0;max-width:320px}.mail-detail-container{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.mail-detail-toolbar{padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.mail-mobile-back{display:none;align-items:center;gap:4px;background:transparent;border:none;color:var(--ink);font-size:14px;cursor:pointer}.mail-detail-actions-group{display:flex;align-items:center;gap:8px}.mail-detail-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);font-size:12.5px;cursor:pointer;transition:all .15s ease}.mail-detail-action-btn:hover{background:var(--surface-hover);color:var(--ink)}.mail-detail-action-btn.starred{color:#f59e0b;border-color:#f59e0b66}.mail-detail-action-btn.danger{color:var(--danger)}.mail-detail-action-btn.danger:hover{background:#ef444414;border-color:#ef444440}.mail-detail-scrollable{flex:1;overflow-y:auto;padding:30px 40px}.mail-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.mail-detail-subject{font-size:22px;font-weight:700;color:var(--ink);margin:0;line-height:1.3}.mail-detail-folder-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;background:var(--accent-soft);color:var(--accent);letter-spacing:.5px;flex-shrink:0}.mail-detail-sender-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:10px;background:var(--surface);border:1px solid var(--border);margin-bottom:24px}.mail-detail-sender-info{flex:1;min-width:0}.mail-sender-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.mail-sender-name{font-size:14.5px;font-weight:600;color:var(--ink)}.mail-sender-email{font-size:13px;color:var(--ink-soft)}.mail-recipient-row{font-size:12.5px;color:var(--ink-soft)}.mail-recipient-names{color:var(--ink)}.mail-detail-date-badge{font-size:12px;color:var(--ink-faint);flex-shrink:0}.mail-detail-divider{height:1px;background:var(--border);margin:24px 0}.mail-detail-body-text{font-size:14.5px;line-height:1.7;color:var(--ink);white-space:pre-wrap;word-break:break-word;margin-bottom:32px}.mail-detail-attachments-area{margin-bottom:32px;padding-top:16px;border-top:1px solid var(--border)}.mail-attachments-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px}.mail-attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mail-attachment-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);text-decoration:none;color:var(--ink);transition:all .15s ease}.mail-attachment-card:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:var(--shadow-xs)}.mail-att-icon{color:var(--accent);display:flex;align-items:center}.mail-att-details{display:flex;flex-direction:column;gap:2px;min-width:0}.mail-att-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-att-download-hint{font-size:11px;color:var(--accent);display:flex;align-items:center;gap:3px}.mail-quick-reply-box{padding:18px 20px;border-radius:12px;border:1px solid var(--border);background:var(--surface);margin-top:24px}.mail-reply-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-secondary);margin-bottom:10px}.mail-reply-textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--bg-secondary);color:var(--ink);font-size:13.5px;font-family:inherit;resize:vertical;min-height:80px;outline:none}.mail-reply-textarea:focus{border-color:var(--accent);background:var(--surface)}.mail-reply-actions-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.mail-attach-btn-label{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink-secondary);font-size:12.5px;cursor:pointer;transition:all .15s ease}.mail-attach-btn-label:hover{background:var(--surface-hover);color:var(--ink)}.mail-files-count{font-size:12px;color:var(--accent);font-weight:500}.mail-reply-send-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.mail-reply-send-btn:disabled{opacity:.5;cursor:not-allowed}.mail-reply-send-btn:not(:disabled):hover{opacity:.92}.mail-compose-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mail-compose-card{width:640px;max-width:95vw;max-height:88vh;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .18s ease-out}.mail-compose-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);flex-shrink:0}.mail-compose-title{font-size:15px;font-weight:700;color:var(--ink)}.mail-compose-close-btn{background:transparent;border:none;color:var(--ink-soft);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.mail-compose-close-btn:hover{color:var(--ink);background:var(--surface-hover)}.mail-compose-error{margin:12px 20px 0}.mail-compose-form{display:flex;flex-direction:column;flex:1;min-height:0}.mail-compose-field-row{display:flex;align-items:center;padding:9px 20px;border-bottom:1px solid var(--border-soft);position:relative;gap:10px;flex-shrink:0}.mail-field-label{font-size:13px;font-weight:600;color:var(--ink-soft);width:55px;flex-shrink:0}.mail-recipients-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1}.mail-recipient-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 6px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:500}.mail-chip-remove{background:transparent;border:none;color:inherit;cursor:pointer;padding:1px;display:flex;align-items:center;border-radius:50%}.mail-chip-input{border:none;background:transparent;color:var(--ink);font-size:13px;flex:1;min-width:140px;outline:none}.mail-user-autocomplete{position:absolute;top:100%;left:75px;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);z-index:20;overflow:hidden}.mail-user-autocomplete-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:background .15s ease}.mail-user-autocomplete-item:hover{background:var(--surface-hover)}.mail-autocomplete-name{display:flex;flex-direction:column}.mail-autocomplete-handle{font-size:11px;color:var(--ink-soft)}.mail-subject-input{border:none;background:transparent;color:var(--ink);font-size:13.5px;flex:1;outline:none}.mail-compose-body-wrap{flex:1;padding:14px 20px;overflow-y:auto;min-height:180px}.mail-compose-textarea{width:100%;height:100%;border:none;background:transparent;color:var(--ink);font-size:14px;font-family:inherit;outline:none;resize:none;line-height:1.6}.mail-compose-files-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 20px;border-top:1px solid var(--border-soft);flex-shrink:0}.mail-compose-file-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border);font-size:12px;color:var(--ink)}.mail-compose-filename{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-compose-bottom-bar{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);flex-shrink:0}.mail-compose-tools{display:flex;align-items:center;gap:8px}.mail-tool-btn{background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease}.mail-tool-btn:hover{background:var(--surface-hover);color:var(--ink)}.mail-compose-actions{display:flex;align-items:center;gap:10px}.mail-save-draft-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.mail-save-draft-btn:hover{background:var(--surface-hover)}.mail-send-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:8px;border:none;background:var(--accent-gradient);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #3370ff4d;transition:opacity .15s ease}.mail-send-btn:hover{opacity:.92}@media (max-width: 900px){.mail-nav-sidebar{width:68px;min-width:68px;padding:12px 6px}.mail-compose-big-btn span,.mail-sidebar-compose-btn span{display:none}.mail-folder-item span.mail-folder-label,.mail-folder-btn-content span:last-child{display:none}.mail-unread-badge,.mail-folder-badge,.mail-account-info{display:none}.mail-list-pane{width:100%;max-width:none}.notif-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.notif-search-wrap{width:100%}.notif-page-header,.notif-content-area{padding:16px}}.modal-card-superadmin{max-width:980px;width:95vw;height:86vh;max-height:840px;display:flex;flex-direction:column;overflow:hidden;padding:0;background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 60px -12px #00000040,0 0 0 1px #0000000d;border-radius:20px;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.superadmin-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--surface);border-bottom:1px solid var(--border-soft);flex-shrink:0}.superadmin-header-title-wrap{display:flex;align-items:center;gap:12px}.superadmin-header-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7c3aed4d;flex-shrink:0}.superadmin-header-text h2{font-size:17px;font-weight:700;color:var(--ink);margin:0;display:flex;align-items:center;gap:8px}.superadmin-header-text p{font-size:12.5px;color:var(--ink-soft);margin:2px 0 0}.superadmin-nav-bar{display:flex;align-items:center;gap:6px;padding:8px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-soft);overflow-x:auto;flex-shrink:0}.superadmin-nav-tab{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink-soft);background:transparent;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.superadmin-nav-tab:hover{color:var(--ink);background:var(--surface-hover)}.superadmin-nav-tab.active{color:var(--accent);background:var(--surface);box-shadow:var(--shadow-xs)}.superadmin-tab-badge{font-size:11px;padding:1px 6px;border-radius:10px;background:var(--border-soft);color:var(--ink-soft);font-weight:700}.superadmin-nav-tab.active .superadmin-tab-badge{background:var(--accent-soft);color:var(--accent)}.superadmin-body{flex:1;overflow-y:auto;padding:24px;background:var(--surface)}.superadmin-subbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.superadmin-ws-select-wrap{display:flex;align-items:center;gap:10px}.superadmin-ws-select-label{font-size:13px;font-weight:600;color:var(--ink-soft)}.superadmin-ws-dropdown{padding:7px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}.superadmin-ws-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.ws-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.ws-card{border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary);padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .18s ease;position:relative}.ws-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ws-card-header{display:flex;align-items:center;gap:12px}.ws-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.ws-card-meta{flex:1;min-width:0}.ws-card-title{font-size:15px;font-weight:700;color:var(--ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-card-slug{font-size:12px;color:var(--ink-faint);margin-top:2px}.ws-superadmin-box{padding:10px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.ws-superadmin-info{display:flex;align-items:center;gap:8px;min-width:0}.ws-superadmin-name{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-superadmin-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:#ede9fe;color:#6d28d9}[data-theme=dark] .ws-superadmin-tag{background:#7c3aed40;color:#c4b5fd}.ws-card-stats{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ink-soft)}.ws-card-stat{display:flex;align-items:center;gap:5px}.ws-card-actions{display:flex;gap:8px;margin-top:4px}.ws-action-btn{flex:1;padding:7px 10px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .12s ease}.ws-action-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.ws-action-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ws-action-btn.primary:hover{opacity:.92}.appoint-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:20px;padding:20px}.appoint-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-xl);padding:22px;display:flex;flex-direction:column;gap:16px;animation:modalPopIn .18s ease}.permissions-container{display:flex;flex-direction:column;gap:24px}.permissions-group{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}.permissions-group-header{display:flex;align-items:center;justify-content:space-between}.permissions-group-title{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.permissions-group-subtitle{font-size:12px;color:var(--ink-soft)}.permission-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border-soft)}.permission-item-info{display:flex;flex-direction:column;gap:2px}.permission-item-title{font-size:13px;font-weight:600;color:var(--ink)}.permission-item-desc{font-size:11.5px;color:var(--ink-soft)}.permission-tier-btn-group{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.permission-tier-btn{border:none;background:transparent;color:var(--ink-soft);font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:6px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.permission-tier-btn:hover:not(.active){color:var(--ink);background:var(--surface-hover)}.permission-tier-btn.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-xs)}.modules-toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.module-toggle-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .14s ease;font-size:12.5px;font-weight:600;color:var(--ink)}.module-toggle-chip:hover{border-color:var(--accent);background:var(--surface-hover)}.module-toggle-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.audit-container{display:flex;flex-direction:column;gap:16px}.audit-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.audit-search-wrap{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);flex:1;min-width:220px}.audit-search-input{border:none;background:transparent;color:var(--ink);font-size:12.5px;width:100%}.audit-search-input:focus{outline:none}.audit-category-filters{display:flex;align-items:center;gap:6px;overflow-x:auto}.audit-category-btn{padding:5px 10px;border-radius:6px;border:1px solid var(--border-soft);background:var(--surface);color:var(--ink-soft);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .12s ease}.audit-category-btn.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.audit-log-feed{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}.audit-log-card{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-soft);transition:all .12s ease}.audit-log-card:hover{background:var(--surface-hover);border-color:var(--border)}.audit-log-content{flex:1;min-width:0}.audit-log-top{display:flex;align-items:center;gap:8px;margin-bottom:3px;flex-wrap:wrap}.audit-actor{font-size:12.5px;font-weight:700;color:var(--ink)}.audit-action-pill{font-size:10.5px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:6px;letter-spacing:.03em}.audit-pill-security{background:#fee2e2;color:#dc2626}[data-theme=dark] .audit-pill-security{background:#dc262633;color:#fca5a5}.audit-pill-permission{background:#ede9fe;color:#7c3aed}[data-theme=dark] .audit-pill-permission{background:#7c3aed33;color:#c4b5fd}.audit-pill-channel{background:#dbeafe;color:#2563eb}[data-theme=dark] .audit-pill-channel{background:#2563eb33;color:#93c5fd}.audit-pill-member{background:#fef3c7;color:#d97706}[data-theme=dark] .audit-pill-member{background:#d9770633;color:#fde68a}.audit-pill-workspace{background:#e0e7ff;color:#4f46e5}[data-theme=dark] .audit-pill-workspace{background:#4f46e533;color:#a5b4fc}.audit-log-details{font-size:12.5px;color:var(--ink);line-height:1.4}.audit-log-time{font-size:11px;color:var(--ink-faint);margin-top:4px}.badge-role-superadmin{background:linear-gradient(135deg,#7c3aed,#6366f1)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 8px #7c3aed40}.badge-role-owner{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 8px #f59e0b40}.superadmin-success-banner{padding:10px 14px;border-radius:8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:16px}[data-theme=dark] .superadmin-success-banner{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.landing-page-root{min-height:100vh;background:var(--bg);color:var(--ink);overflow-x:hidden;position:relative;font-family:inherit;scroll-behavior:smooth}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.owner-editor-floating-pill{position:fixed;bottom:24px;right:24px;z-index:999;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #00000029;border-radius:24px;padding:6px 14px 6px 10px;display:flex;align-items:center;gap:8px}.owner-pill-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:750;color:#ff7d00;background:#ff7d001f;padding:2px 7px;border-radius:12px}.owner-pill-btn{border:none;background:transparent;color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;padding:0;transition:color .12s ease}.owner-pill-btn:hover{color:var(--accent)}.landing-announcement-bar{background:var(--accent-soft);border-bottom:1px solid var(--border-soft);padding:8px 0;font-size:12.5px}.landing-announcement-content{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.announcement-pill{background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:4px;letter-spacing:.04em}.announcement-text{font-weight:550;color:var(--ink)}.announcement-link{color:var(--accent);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:3px}.announcement-link:hover{text-decoration:underline}.landing-nav-header{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);transition:background .15s ease}.landing-nav-container{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.landing-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-logo-box{width:30px;height:30px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #3370ff40}.brand-text-group{display:flex;align-items:baseline;gap:6px}.brand-title{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.brand-edition{font-size:11px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.landing-nav-links{display:flex;align-items:center;gap:22px}.landing-nav-links .nav-link-item{color:var(--ink-soft);text-decoration:none;font-size:13.5px;font-weight:550;transition:color .12s ease}.landing-nav-links .nav-link-item:hover{color:var(--ink)}.landing-nav-actions{display:flex;align-items:center;gap:8px}.landing-icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease}.landing-icon-btn:hover{background:var(--surface-hover)}.landing-btn-ghost{padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;border-radius:6px;transition:background .12s ease}.landing-btn-ghost:hover{background:var(--surface-hover)}.landing-btn-primary{padding:7px 16px;font-size:13px;font-weight:600;color:#fff;background:var(--accent);border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:background .12s ease}.landing-btn-primary:hover{background:var(--accent-hover)}.landing-hero-section{padding:64px 0 54px;text-align:center;background:var(--bg)}.landing-hero-center{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-badge-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--ink);margin-bottom:22px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-headline{font-size:46px;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--ink);margin:0 0 18px}.hero-subtitle{font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:680px;margin:0 0 32px}.hero-cta-group{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.hero-cta-btn{padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;transition:all .12s ease}.hero-cta-btn.primary{background:var(--accent);color:#fff}.hero-cta-btn.primary:hover{background:var(--accent-hover)}.hero-cta-btn.secondary{background:var(--surface);border:1px solid var(--border);color:var(--ink)}.hero-cta-btn.secondary:hover{background:var(--surface-hover)}.hero-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);margin-bottom:36px;flex-wrap:wrap;justify-content:center}.note-check{display:inline-flex;align-items:center;gap:4px;color:var(--ink-soft)}.note-check svg{color:#00b42a}.note-divider{color:var(--border)}.hero-showcase-wrapper{margin-top:10px}.showcase-window{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 36px #00000014;overflow:hidden;text-align:left}.showcase-window-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.window-dots{display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.window-workspace-chip{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 8px}.workspace-header-select{border:none;background:transparent;color:var(--ink);font-size:11.5px;font-weight:600;outline:none;cursor:pointer}.showcase-tabs{display:flex;align-items:center;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px;position:relative}.showcase-tab{border:none;background:transparent;color:var(--ink-soft);font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative;z-index:1;transition:color .15s ease}.showcase-tab.active{color:#fff}.tab-active-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);border-radius:6px;z-index:-1;box-shadow:0 2px 8px #3370ff4d}.window-status-pill{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#00b42a}.status-dot-pulse{width:7px;height:7px;border-radius:50%;background:#00b42a;animation:pulseGreen 2s infinite ease-in-out}@keyframes pulseGreen{0%{transform:scale(.9);box-shadow:0 0 #00b42a80}70%{transform:scale(1.1);box-shadow:0 0 0 6px #00b42a00}to{transform:scale(.9);box-shadow:0 0 #00b42a00}}.showcase-desktop-layout{display:flex;min-height:400px}.showcase-rail{width:54px;background:var(--rail-bg, var(--bg-secondary));border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:12px 0;flex-shrink:0}.rail-top{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.rail-icon-btn{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;position:relative;transition:all .15s ease}.rail-icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.rail-icon-btn.active{background:var(--accent-soft);color:var(--accent)}.rail-active-indicator{position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.rail-badge{position:absolute;top:2px;right:2px;background:#f53f3f;color:#fff;font-size:9px;font-weight:700;border-radius:10px;padding:0 4px;line-height:14px}.rail-bottom{display:flex;justify-content:center;width:100%}.rail-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.showcase-body{flex:1;background:var(--surface);padding:18px;overflow:hidden}.demo-superadmin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}.demo-box-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--border-soft);padding-bottom:8px}.demo-badge-subtle{font-size:10.5px;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--ink-soft);padding:2px 6px;border-radius:4px;margin-left:auto}.demo-field-row{display:flex;flex-direction:column;gap:6px}.demo-label{font-size:11.5px;font-weight:600;color:var(--ink-soft)}.demo-user-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.demo-user-avatar{width:28px;height:28px;border-radius:6px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.demo-user-name{font-size:12px;font-weight:700;color:var(--ink)}.demo-user-role{font-size:10.5px;color:var(--ink-soft)}.demo-action-btn{margin-left:auto;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink);font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;cursor:pointer}.demo-toggle-list{display:flex;flex-direction:column;gap:8px}.demo-toggle-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 10px;gap:12px}.toggle-title{font-size:12px;font-weight:600;color:var(--ink)}.toggle-sub{font-size:10.5px;color:var(--ink-soft)}.demo-switch{width:34px;height:18px;border-radius:10px;background:var(--border);border:none;cursor:pointer;position:relative;padding:0;transition:background .15s ease;flex-shrink:0}.demo-switch.checked{background:var(--accent)}.switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .15s ease}.demo-switch.checked .switch-thumb{transform:translate(16px)}.demo-box-description{font-size:11.5px;color:var(--ink-soft);margin:0;line-height:1.45}.demo-audit-feed{display:flex;flex-direction:column;gap:6px}.demo-audit-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-soft);border-radius:6px;padding:6px 8px;font-size:11.5px}.audit-action-chip{font-size:9.5px;font-weight:750;background:var(--accent-soft);color:var(--accent);padding:1px 5px;border-radius:3px;white-space:nowrap}.audit-content{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-user{font-weight:700}.audit-time{font-size:10.5px;color:var(--ink-faint);white-space:nowrap}.demo-footer-info{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-faint);margin-top:4px}.demo-chat-layout{display:grid;grid-template-columns:190px 1fr;gap:12px;height:340px}.demo-chat-sidebar{background:var(--bg-secondary);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}.sidebar-group-title{font-size:10px;font-weight:750;color:var(--ink-faint);letter-spacing:.04em;margin-bottom:2px}.chat-nav-item{padding:5px 8px;border-radius:5px;font-size:11.5px;font-weight:550;color:var(--ink-soft);cursor:pointer}.chat-nav-item.active{background:var(--surface);color:var(--accent);font-weight:650;box-shadow:0 1px 3px #0000000a}.chat-nav-item.direct{display:flex;align-items:center;gap:5px}.chat-nav-item.active-dm{background:var(--surface);color:var(--ink);font-weight:650}.dm-status-tag{font-size:9px;font-weight:750;background:#ff7d001f;color:#ff7d00;padding:1px 4px;border-radius:3px;margin-left:auto}.demo-chat-main{background:var(--bg-secondary);border-radius:8px;padding:12px;display:flex;flex-direction:column}.owner-bypass-banner{display:flex;align-items:center;gap:6px;background:#ff7d0014;border:1px solid rgba(255,125,0,.2);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;color:#d46b08;margin-bottom:10px}.chat-message-list{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.chat-bubble-item{display:flex;gap:10px}.msg-avatar{width:28px;height:28px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--ink);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.msg-avatar.owner{background:#ff7d00;color:#fff;border:none}.msg-body{flex:1;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;padding:8px 12px}.msg-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px}.msg-author{font-size:11.5px;font-weight:700;color:var(--ink)}.msg-badge-owner{font-size:9px;font-weight:800;background:#ff7d0026;color:#ff7d00;padding:1px 4px;border-radius:3px}.msg-time{font-size:10px;color:var(--ink-faint);margin-left:auto}.msg-text{font-size:12px;line-height:1.45;color:var(--ink);margin:0}.chat-translation-card{margin-top:8px;background:var(--accent-soft);border:1px solid rgba(51,112,255,.15);border-radius:6px;padding:6px 8px}.translation-header{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--accent);margin-bottom:3px}.translation-toggle-btn{margin-left:auto;border:none;background:transparent;color:var(--accent);font-size:10.5px;font-weight:700;cursor:pointer;text-decoration:underline}.translation-content{font-size:11.5px;color:var(--ink);font-style:italic}.demo-chat-input-row{display:flex;gap:6px;margin-top:8px}.chat-input-fake{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:11.5px;color:var(--ink)}.chat-send-btn-fake{width:32px;border:none;background:var(--accent);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:.6}.demo-docs-layout{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:8px;padding:14px;height:340px}.doc-top-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-soft);padding-bottom:8px;font-size:11.5px;color:var(--ink-soft)}.doc-cloud-status{display:flex;align-items:center;gap:5px;color:#00b42a;font-weight:600;font-size:11px}.status-dot-green{width:6px;height:6px;border-radius:50%;background:#00b42a}.doc-sheet-editor{flex:1;padding-top:12px;overflow-y:auto}.doc-heading{font-size:16px;font-weight:750;color:var(--ink);margin:0 0 6px}.doc-paragraph{font-size:12px;line-height:1.5;color:var(--ink-soft);margin:0 0 12px}.doc-table-view{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;font-size:11.5px}.doc-table-view th,.doc-table-view td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border-soft)}.doc-table-view th{background:var(--bg-secondary);font-weight:700;color:var(--ink-soft);font-size:11px}.table-badge.active{font-size:10px;font-weight:700;color:#00b42a;background:#00b42a1a;padding:1px 6px;border-radius:4px}.demo-mail-layout{display:grid;grid-template-columns:220px 1fr;gap:12px;height:340px}.demo-mail-list-panel{background:var(--bg-secondary);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px}.mail-list-header{font-size:10px;font-weight:750;color:var(--ink-faint);letter-spacing:.04em;padding:4px}.mail-item-row{background:var(--surface);border:1px solid var(--border-soft);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.mail-item-row.active{border-color:var(--accent)}.mail-item-row.unread{border-left:3px solid var(--accent)}.mail-item-sender{font-size:11px;font-weight:700;color:var(--ink)}.mail-item-subject{font-size:11.5px;font-weight:600;color:var(--ink)}.mail-item-snippet{font-size:10.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-mail-view-panel{background:var(--bg-secondary);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}.mail-view-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-soft);padding-bottom:8px}.mail-view-subject{font-size:14px;font-weight:750;color:var(--ink);margin:0 0 2px}.mail-view-meta{font-size:11px;color:var(--ink-soft)}.mail-priority-badge{font-size:9.5px;font-weight:800;background:#f53f3f1a;color:#f53f3f;padding:2px 6px;border-radius:4px}.mail-view-body p{font-size:12px;line-height:1.5;color:var(--ink);margin:0 0 14px}.mail-approval-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.approval-card-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink)}.approval-card-desc{font-size:11.5px;color:var(--ink-soft);margin:0}.approval-card-actions{display:flex;gap:8px;margin-top:4px}.btn-approve{padding:6px 12px;border-radius:5px;background:#00b42a;color:#fff;border:none;font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-decline{padding:6px 12px;border-radius:5px;background:var(--surface);border:1px solid var(--border);color:var(--ink);font-size:11.5px;font-weight:600;cursor:pointer}.approval-result-chip{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:5px}.approval-result-chip.approved{background:#00b42a1a;color:#00b42a}.approval-result-chip.declined{background:#f53f3f1a;color:#f53f3f}.btn-reset-approval{margin-left:8px;border:none;background:transparent;color:var(--ink-soft);text-decoration:underline;cursor:pointer;font-size:10.5px}.landing-stats-section{padding:36px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.landing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}.stat-card{padding:8px}.stat-value{font-size:32px;font-weight:850;letter-spacing:-.02em;color:var(--ink)}.stat-label{font-size:13.5px;font-weight:650;color:var(--ink);margin-top:2px}.stat-change{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.landing-governance-section{padding:80px 0;background:var(--bg)}.section-header-center{text-align:center;max-width:640px;margin:0 auto 46px}.section-pill{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;display:inline-block}.section-title{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}.section-subtitle{font-size:15px;line-height:1.55;color:var(--ink-soft);margin:0}.governance-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.governance-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;transition:border-color .15s ease}.governance-card:hover{border-color:var(--accent)}.governance-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.governance-icon-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.governance-tier-badge{font-size:10.5px;font-weight:650;padding:2px 7px;border-radius:4px;background:var(--bg-secondary);color:var(--ink-soft)}.governance-tier-title{font-size:16px;font-weight:750;color:var(--ink);margin:0 0 3px}.governance-tier-role{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:10px}.governance-tier-desc{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0}.landing-features-section{padding:80px 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease}.feature-card:hover{border-color:var(--accent)}.feature-icon-wrapper{width:38px;height:38px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.feature-card-badge{position:absolute;top:22px;right:22px;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.feature-card-title{font-size:16px;font-weight:750;color:var(--ink);margin:0 0 6px}.feature-card-desc{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0}.landing-security-section{padding:70px 0;background:var(--bg)}.security-banner-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:36px}.security-content{flex:1}.security-title{font-size:24px;font-weight:800;color:var(--ink);margin:0 0 10px}.security-description{font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:620px;margin:0 0 20px}.security-spec-list{display:flex;flex-direction:column;gap:10px}.security-spec-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink)}.security-badge-card{width:180px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px 16px;text-align:center;flex-shrink:0}.security-badge-icon{margin-bottom:10px}.security-badge-label{font-size:11px;font-weight:800;color:var(--ink);letter-spacing:.05em}.security-badge-sub{font-size:10.5px;color:var(--ink-soft);margin-top:3px}.landing-grid-overlay{position:absolute;top:0;left:0;right:0;height:900px;background-image:linear-gradient(to right,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse 60% 60% at 50% 25%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 25%,black 40%,transparent 100%);pointer-events:none;z-index:0}[data-theme=dark] .landing-grid-overlay{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px)}.hero-radial-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:760px;height:480px;background:radial-gradient(circle,rgba(51,112,255,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.floating-hero-chips-wrap{position:relative;width:100%;max-width:1100px;margin:0 auto;height:0;pointer-events:none}.floating-hero-chip{position:absolute;z-index:10;pointer-events:auto;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #00000014;border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:650;color:var(--ink);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.floating-hero-chip:hover{border-color:var(--accent);box-shadow:0 10px 28px #3370ff2e}.chip-dot{width:6px;height:6px;border-radius:50%}.chip-dot.green{background:#00b42a}.chip-dot.blue{background:var(--accent)}.chip-dot.orange{background:#ff7d00}.chip-top-left{top:-48px;left:10px}.chip-top-right{top:-36px;right:12px}.landing-ticker-bar{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;overflow:hidden;position:relative}.ticker-track{display:flex;width:max-content}.ticker-content{display:flex;align-items:center;gap:36px;padding-right:36px}.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.ticker-item svg{color:var(--accent)}.ticker-item strong{color:var(--ink)}.chat-send-btn-active{width:32px;height:32px;border:none;background:var(--accent);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease;flex-shrink:0}.chat-send-btn-active:hover{background:var(--accent-hover)}.chat-typing-row{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;width:fit-content;font-size:11px;color:var(--ink-soft)}.typing-dots{display:flex;gap:3px}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:typingBounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}.test-audit-btn{border:1px solid var(--border);background:var(--surface);color:var(--accent);font-size:11px;font-weight:700;padding:4px 10px;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .12s ease}.test-audit-btn:hover{background:var(--accent-soft)}.role-matrix-section{padding:80px 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.role-selector-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}.role-selector-pill{border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink-soft);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:all .15s ease}.role-selector-pill.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #3370ff40}.role-matrix-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:960px;margin:0 auto}.matrix-header-info{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap;gap:12px}.matrix-role-badge{font-size:11px;font-weight:750;padding:4px 10px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--ink)}.matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.matrix-permission-item{background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-title{font-size:12.5px;font-weight:650;color:var(--ink)}.permission-desc{font-size:11px;color:var(--ink-soft);margin-top:2px}.permission-status-tag{font-size:10.5px;font-weight:750;padding:2px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.permission-status-tag.allowed{background:#00b42a1a;color:#00b42a}.permission-status-tag.restricted{background:#8f959e1f;color:var(--ink-faint)}.permission-status-tag.override{background:#ff7d001f;color:#ff7d00}.landing-pricing-section{padding:90px 0;background:var(--bg)}.pricing-billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:44px}.billing-toggle-pill-group{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:3px;position:relative}.billing-toggle-btn{border:none;background:transparent;color:var(--ink-soft);font-size:13px;font-weight:650;padding:6px 16px;border-radius:6px;cursor:pointer;position:relative;z-index:1;transition:color .15s ease}.billing-toggle-btn.active{color:#fff}.billing-indicator-pill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);border-radius:6px;z-index:-1;box-shadow:0 2px 8px #3370ff4d}.annual-discount-chip{background:#00b42a1f;color:#00b42a;border:1px solid rgba(0,180,42,.25);font-size:11.5px;font-weight:750;padding:3px 8px;border-radius:20px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px;align-items:stretch;margin-bottom:40px}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:30px;display:flex;flex-direction:column;position:relative;box-shadow:0 4px 16px #00000008;transition:border-color .18s ease,box-shadow .18s ease}.pricing-card.highlighted{border:2px solid var(--accent);box-shadow:0 12px 36px #3370ff1f}.pricing-card-badge{position:absolute;top:24px;right:24px;font-size:11px;font-weight:750;padding:3px 8px;border-radius:5px;background:var(--bg-secondary);color:var(--ink-soft)}.pricing-card.highlighted .pricing-card-badge{background:var(--accent);color:#fff}.pricing-plan-name{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 6px}.pricing-plan-desc{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0 0 20px;min-height:38px}.pricing-price-wrap{display:flex;align-items:baseline;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-soft);padding-bottom:18px}.price-currency{font-size:22px;font-weight:700;color:var(--ink)}.price-number{font-size:42px;font-weight:850;color:var(--ink);letter-spacing:-.03em;line-height:1}.price-period{font-size:12px;color:var(--ink-soft);margin-left:2px}.pricing-features-list{display:flex;flex-direction:column;gap:11px;margin-bottom:28px;flex:1}.pricing-feature-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink);line-height:1.4}.pricing-feature-item svg{color:#00b42a;flex-shrink:0;margin-top:2px}.pricing-cta-btn{width:100%;padding:11px 18px;border-radius:7px;font-size:13.5px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink);transition:all .15s ease}.pricing-cta-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.pricing-cta-btn.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px #3370ff47}.pricing-cta-btn.primary:hover{background:var(--accent-hover)}.pricing-calculator-card{max-width:780px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.calc-left{flex:1;min-width:260px}.calc-title{font-size:15px;font-weight:750;color:var(--ink);margin:0 0 4px}.calc-sub{font-size:12.5px;color:var(--ink-soft);margin:0 0 14px}.calc-slider-row{display:flex;align-items:center;gap:14px}.calc-slider{flex:1;accent-color:var(--accent);height:6px;cursor:pointer}.calc-seats-pill{font-size:12px;font-weight:750;background:var(--accent-soft);color:var(--accent);padding:3px 8px;border-radius:6px;white-space:nowrap}.calc-right{text-align:right;border-left:1px solid var(--border-soft);padding-left:24px}.calc-total-label{font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;font-weight:700}.calc-total-val{font-size:28px;font-weight:850;color:var(--accent);line-height:1.1;margin-top:2px}.calc-total-period{font-size:11px;color:var(--ink-faint)}.landing-faq-section{padding:80px 0;background:var(--bg-secondary)}.faq-accordion-list{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.faq-question-btn{width:100%;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;font-size:14px;font-weight:650;color:var(--ink);cursor:pointer;text-align:left}.faq-answer-content p{padding:0 18px 16px;font-size:13px;line-height:1.55;color:var(--ink-soft);margin:0}.landing-final-cta{padding:70px 0;background:var(--bg)}.final-cta-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 4px 16px #0000000a}.final-cta-title{font-size:24px;font-weight:800;color:var(--ink);margin:0 0 6px}.final-cta-subtitle{font-size:14px;color:var(--ink-soft);margin:0}.final-cta-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.final-btn{padding:10px 20px;font-size:13.5px}.final-ghost-btn{border:1px solid var(--border)}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:50px 0 24px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}.footer-brand-col{display:flex;flex-direction:column;gap:10px}.footer-tagline{font-size:12.5px;color:var(--ink-soft);max-width:260px;margin:0;line-height:1.5}.footer-links-col h4{font-size:12px;font-weight:750;text-transform:uppercase;color:var(--ink);letter-spacing:.04em;margin:0 0 12px}.footer-links-col a,.footer-links-col span{display:block;font-size:12.5px;color:var(--ink-soft);text-decoration:none;margin-bottom:8px;transition:color .12s ease}.footer-links-col a:hover{color:var(--ink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border-soft);font-size:12px;color:var(--ink-faint)}.footer-status{display:flex;align-items:center;gap:6px}.landing-editor-modal{width:100%;max-width:600px;max-height:85vh;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0003;display:flex;flex-direction:column;overflow:hidden}.editor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.editor-modal-body{padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.editor-section{display:flex;flex-direction:column;gap:10px}.editor-section-title{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border-soft);padding-bottom:4px}.editor-field label{display:block;font-size:11.5px;font-weight:600;color:var(--ink);margin-bottom:4px}.editor-field input,.editor-field textarea{width:100%;padding:7px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--ink);font-size:12.5px;font-family:inherit}.editor-field input:focus,.editor-field textarea:focus{outline:none;border-color:var(--accent)}.editor-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-soft);background:var(--bg-secondary)}@media (max-width: 860px){.hero-headline{font-size:34px}.demo-superadmin-grid,.demo-chat-layout,.demo-mail-layout,.security-banner-box,.final-cta-card,.pricing-calculator-card{grid-template-columns:1fr;flex-direction:column;height:auto}.calc-right{border-left:none;padding-left:0;text-align:left;border-top:1px solid var(--border-soft);padding-top:14px}.footer-top{grid-template-columns:1fr 1fr}.landing-nav-links,.floating-hero-chips-wrap{display:none}}.tickets-main-container{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;background:var(--bg-primary);color:var(--ink);padding:24px 32px;box-sizing:border-box}.tickets-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:16px}.tickets-title-group{display:flex;align-items:center;gap:14px}.tickets-icon-wrapper{width:44px;height:44px;border-radius:12px;background:#3370ff1a;border:1px solid rgba(51,112,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tickets-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tickets-title{font-size:20px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}.tickets-role-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.tickets-role-badge.owner{background:#ff7d001f;color:#ff7d00;border:1px solid rgba(255,125,0,.25)}.tickets-role-badge.superadmin{background:#3370ff1f;color:#3370ff;border:1px solid rgba(51,112,255,.25)}.tickets-role-badge.member{background:#00b42a1f;color:#00b42a;border:1px solid rgba(0,180,42,.25)}.tickets-subtitle{margin:3px 0 0;font-size:13px;color:var(--ink-soft)}.tickets-actions-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.tickets-actions-right .btn-primary,.tickets-actions-right .btn-secondary{width:auto!important;white-space:nowrap!important;margin-top:0!important}.tickets-empty-state .btn-primary{width:auto!important}.tickets-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.ticket-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;transition:all .2s ease;box-shadow:0 2px 6px #00000005}.ticket-stat-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 16px #0000000d}.stat-label{font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:26px;font-weight:700;color:var(--ink);margin:4px 0 2px;letter-spacing:-.02em}.stat-sub{font-size:11px;color:var(--ink-faint)}.tickets-control-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);padding:10px 14px;border-radius:10px}.ticket-view-pills{display:flex;background:var(--bg-primary);border:1px solid var(--border-soft);border-radius:8px;padding:2px;gap:2px}.ticket-view-pill{border:none;background:transparent;color:var(--ink-soft);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.ticket-view-pill:hover{color:var(--ink)}.ticket-view-pill.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0000000f}.ticket-search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.ticket-search-box input{border:none;background:transparent;width:100%;color:var(--ink);font-size:13px;outline:none}.ticket-search-box input::placeholder{color:var(--ink-faint)}.search-clear-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;padding:2px}.ticket-filter-select-wrapper{display:flex;align-items:center;gap:6px}.ticket-filter-select-wrapper label{font-size:12px;color:var(--ink-soft);font-weight:500;white-space:nowrap}.ticket-filter-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--ink);padding:6px 10px;font-size:12px;font-weight:500;outline:none;cursor:pointer}.ticket-filter-select:focus{border-color:var(--accent)}.tickets-content-split{display:flex;gap:16px;flex:1;min-height:0;overflow:hidden}.tickets-list-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 8px #00000005}.tickets-loading-state,.tickets-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--ink-soft);text-align:center;gap:12px;flex:1}.tickets-empty-state h3{margin:0;font-size:16px;font-weight:600;color:var(--ink)}.tickets-empty-state p{margin:0;font-size:13px;max-width:380px;line-height:1.5}.tickets-table-container{overflow:auto;flex:1;-webkit-overflow-scrolling:touch}.tickets-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.tickets-table th{position:sticky;top:0;background:var(--bg-secondary);color:var(--ink-soft);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid var(--border);z-index:2}.tickets-table td{padding:12px 14px;border-bottom:1px solid var(--border-soft);font-size:13px;vertical-align:middle}.ticket-row{cursor:pointer;transition:background .12s ease}.ticket-row:hover{background:var(--surface-hover)}.ticket-row.selected{background:#3370ff14}.ticket-num-badge{font-family:monospace;font-size:11px;font-weight:700;background:var(--bg-primary);border:1px solid var(--border);padding:2px 6px;border-radius:4px;color:var(--ink-soft)}.ticket-subject-cell{max-width:320px}.ticket-subject-text{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.ticket-workspace-sub{font-size:11px;color:var(--ink-faint);display:flex;align-items:center;gap:5px}.ticket-replies-pill{display:inline-flex;align-items:center;gap:3px;background:#3370ff14;color:var(--accent);padding:1px 5px;border-radius:4px;font-weight:600;margin-left:4px}.ticket-chip{display:inline-block;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;border:1px solid transparent}.ticket-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid transparent}.status-dot{width:6px;height:6px;border-radius:50%}.ticket-requester-cell{white-space:nowrap}.requester-name{font-size:12px;font-weight:500;color:var(--ink)}.ticket-date-cell{font-size:11px;color:var(--ink-soft);white-space:nowrap}.ticket-details-drawer{width:480px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #0000000f}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.drawer-header-left{display:flex;align-items:center;gap:8px}.drawer-ticket-num{font-family:monospace;font-size:13px;font-weight:700;color:var(--ink)}.drawer-status-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.drawer-icon-btn{background:transparent;border:none;color:var(--ink-soft);cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.drawer-icon-btn:hover{background:var(--surface-hover);color:var(--ink)}.drawer-icon-btn.delete:hover{color:#f53f3f;background:#f53f3f1a}.drawer-body{padding:18px;overflow-y:auto;flex:1}.drawer-ticket-title{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 14px;line-height:1.35}.drawer-meta-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--bg-primary);border:1px solid var(--border-soft);border-radius:10px;padding:12px;margin-bottom:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-key{font-size:11px;font-weight:600;color:var(--ink-faint);text-transform:uppercase}.meta-val{font-size:13px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:5px}.drawer-inline-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--ink);font-size:12px;font-weight:600;padding:3px 6px;outline:none;cursor:pointer}.drawer-quick-actions{background:#3370ff0d;border:1px dashed rgba(51,112,255,.3);border-radius:10px;padding:10px 12px;margin-bottom:16px}.quick-actions-label{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:8px}.quick-actions-buttons{display:flex;gap:6px;flex-wrap:wrap}.btn-quick-action{border:1px solid transparent;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.btn-quick-action.resolve{background:#00b42a1a;color:#00b42a;border-color:#00b42a4d}.btn-quick-action.resolve:hover{background:#00b42a;color:#fff}.btn-quick-action.progress{background:#3370ff1a;color:#3370ff;border-color:#3370ff4d}.btn-quick-action.progress:hover{background:#3370ff;color:#fff}.btn-quick-action.wait{background:#722ed11a;color:#722ed1;border-color:#722ed14d}.btn-quick-action.wait:hover{background:#722ed1;color:#fff}.drawer-section-title{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:8px}.drawer-desc-box{background:var(--bg-primary);border:1px solid var(--border-soft);border-radius:8px;padding:12px;font-size:13px;color:var(--ink);line-height:1.55;white-space:pre-wrap}.ticket-replies-stream{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.replies-empty-notice{font-size:12px;color:var(--ink-faint);font-style:italic;padding:12px;background:var(--bg-primary);border-radius:8px;text-align:center}.ticket-reply-bubble{background:var(--bg-primary);border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px}.ticket-reply-bubble.internal-note{background:#ff7d000d;border-color:#ff7d004d}.reply-bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.reply-sender-name{font-size:12px;font-weight:600;color:var(--ink)}.reply-role-tag{font-size:10px;font-weight:600;padding:1px 5px;border-radius:4px;display:inline-flex;align-items:center;gap:3px}.reply-role-tag.owner{background:#ff7d0026;color:#ff7d00}.reply-role-tag.superadmin{background:#3370ff26;color:#3370ff}.reply-role-tag.admin{background:#14c9c926;color:#14c9c9}.reply-role-tag.member{background:#00b42a26;color:#00b42a}.internal-note-tag{font-size:10px;font-weight:600;background:#ff7d0026;color:#ff7d00;padding:1px 5px;border-radius:4px;display:inline-flex;align-items:center;gap:3px}.reply-timestamp{font-size:11px;color:var(--ink-faint)}.reply-body-text{font-size:13px;color:var(--ink);line-height:1.5;white-space:pre-wrap}.ticket-reply-form{border-top:1px solid var(--border);padding-top:14px}.reply-form-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.internal-note-checkbox{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#ff7d00;font-weight:600;cursor:pointer}.ticket-reply-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--ink);font-size:13px;padding:8px 10px;outline:none;resize:vertical;box-sizing:border-box}.ticket-reply-textarea:focus{border-color:var(--accent)}.reply-form-footer{display:flex;justify-content:flex-end;margin-top:8px}.ticket-modal-card{width:540px;max-width:95vw;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0003;display:flex;flex-direction:column;overflow:hidden}.ticket-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.ticket-modal-form{padding:20px;display:flex;flex-direction:column;gap:14px}.ticket-modal-form .editor-field label{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:6px;display:block}.ticket-modal-form input,.ticket-modal-form textarea,.ticket-modal-form select{width:100%;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;color:var(--ink);outline:none;box-sizing:border-box}.ticket-modal-form input:focus,.ticket-modal-form textarea:focus,.ticket-modal-form select:focus{border-color:var(--accent)}.ticket-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:14px;border-top:1px solid var(--border-soft)}@media (max-width: 960px){.tickets-content-split{flex-direction:column}.ticket-details-drawer{width:100%;height:auto;max-height:520px}}@media (max-width: 768px){.tickets-main-container{padding:16px 12px!important;height:calc(100vh - 56px)!important;height:calc(100dvh - 56px)!important}.tickets-top-bar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.tickets-actions-right{width:100%!important;justify-content:flex-start!important}.tickets-control-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.ticket-search-box{width:100%!important;min-width:0!important}.landing-blog-section{padding:60px 0 50px!important}.blog-toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.blog-search-box{width:100%!important;min-width:0!important}.blog-cards-grid{grid-template-columns:1fr!important}.blog-reader-modal{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.blog-reader-hero{padding:22px 20px 18px!important}.blog-reader-title{font-size:20px!important}.blog-reader-body{padding:20px 18px!important}.modal-card-superadmin{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.admin-landing-top-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.admin-pricing-inputs-row{grid-template-columns:1fr!important}}.meet-scheduler-card{width:600px;max-width:96vw;max-height:90vh;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px #00000047,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;animation:modalZoomIn .22s cubic-bezier(.16,1,.3,1)}.meet-modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--surface) 100%);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.meet-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3370ff1f,#7928ca24);border:1px solid rgba(51,112,255,.25);color:var(--accent);padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.meet-modal-title{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:8px}.meet-modal-subtitle{font-size:12.5px;color:var(--ink-secondary);margin-top:4px}.meet-close-btn{background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.meet-close-btn:hover{background:var(--bg-hover);color:var(--ink);transform:scale(1.05)}.meet-modal-scroll{padding:22px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;flex:1}.meet-field{display:flex;flex-direction:column;gap:7px}.meet-label{font-size:12px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px;letter-spacing:.2px}.meet-title-input{font-size:15px;font-weight:600;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;background:var(--bg-primary);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.meet-title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3370ff2e}.meet-topic-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.meet-topic-pill{font-size:11.5px;padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:100px;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.meet-topic-pill:hover{border-color:var(--accent);color:var(--accent);background:#3370ff14}.meet-video-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#3370ff12,#7928ca12);border:1px solid rgba(51,112,255,.22);border-radius:14px}.meet-video-left{display:flex;align-items:center;gap:12px}.meet-video-icon-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3370ff,#7928ca);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3370ff4d;flex-shrink:0}.meet-video-title{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.meet-video-desc{font-size:12px;color:var(--ink-secondary);margin-top:2px}.meet-video-room-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:#3370ff1f;color:var(--accent);border:1px solid rgba(51,112,255,.2);display:inline-flex;align-items:center;gap:4px}.meet-datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meet-quick-dates{display:flex;gap:6px;margin-top:4px}.meet-quick-date-btn{font-size:11px;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:6px;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease}.meet-quick-date-btn:hover,.meet-quick-date-btn.active{border-color:var(--accent);color:var(--accent);background:#3370ff14}.meet-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--ink);font-size:13px;outline:none;box-sizing:border-box;transition:border-color .15s}.meet-input:focus{border-color:var(--accent)}.meet-duration-row{display:flex;align-items:center;gap:6px;margin-top:4px}.meet-duration-chip{font-size:11.5px;font-weight:500;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:6px;color:var(--ink-secondary);cursor:pointer;transition:all .15s ease}.meet-duration-chip:hover{border-color:var(--accent);color:var(--ink)}.meet-duration-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.meet-attendees-box{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--bg-primary);display:flex;flex-direction:column;gap:10px}.meet-chips-container{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.meet-attendee-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;background:var(--surface);border:1px solid var(--border-soft);border-radius:20px;font-size:12px;color:var(--ink);box-shadow:0 1px 3px #0000000d}.meet-attendee-chip-remove{background:none;border:none;color:var(--ink-secondary);cursor:pointer;display:flex;align-items:center;padding:1px;border-radius:50%;margin-left:2px;transition:color .15s}.meet-attendee-chip-remove:hover{color:#ef4444}.meet-attendee-search-wrapper{position:relative;display:flex;align-items:center}.meet-attendee-search-input{width:100%;padding:8px 10px 8px 32px;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:8px;font-size:12.5px;color:var(--ink);outline:none;box-sizing:border-box}.meet-attendee-search-input:focus{border-color:var(--accent);background:var(--surface)}.meet-attendee-search-icon{position:absolute;left:10px;color:var(--ink-secondary);pointer-events:none}.meet-user-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000002e;max-height:180px;overflow-y:auto;z-index:50;padding:4px}.meet-user-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .12s ease}.meet-user-dropdown-item:hover{background:var(--bg-hover)}.meet-suggested-users{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.meet-suggested-user-btn{font-size:11px;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border-soft);border-radius:100px;color:var(--ink-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.meet-suggested-user-btn:hover{border-color:var(--accent);color:var(--accent);background:#3370ff14}.meet-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meet-textarea{width:100%;min-height:75px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--ink);font-size:13px;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.meet-textarea:focus{border-color:var(--accent)}.meet-modal-footer{padding:16px 24px;border-top:1px solid var(--border-soft);background:var(--bg-secondary);display:flex;align-items:center;justify-content:flex-end;gap:10px}.meet-btn-secondary{padding:9px 18px;border-radius:10px;font-size:13px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;transition:all .15s ease}.meet-btn-secondary:hover{background:var(--bg-hover)}.meet-btn-primary{padding:9px 22px;border-radius:10px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#3370ff,#1d4ed8);border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 14px #3370ff59;transition:all .15s ease}.meet-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #3370ff73}.meet-btn-primary:disabled{opacity:.6;cursor:not-allowed}.calendar-event-card{position:relative;border-left:4px solid var(--accent)!important;transition:transform .15s ease,box-shadow .15s ease;border-radius:14px!important;background:var(--surface)!important}.calendar-event-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000014}.calendar-join-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#3370ff,#1d4ed8);color:#fff;border-radius:8px;font-size:12px;font-weight:600;text-decoration:none;border:none;cursor:pointer;box-shadow:0 2px 8px #3370ff40;transition:all .15s ease}.calendar-join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3370ff66}.lark-cmd-floating-pill{position:fixed;bottom:22px;right:24px;background:var(--surface);border:1px solid var(--border);color:var(--ink);padding:8px 14px;border-radius:100px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #ffffff0d;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;cursor:pointer;z-index:9999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .2s cubic-bezier(.16,1,.3,1);animation:floatPillIn .3s cubic-bezier(.16,1,.3,1)}@keyframes floatPillIn{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.lark-cmd-floating-pill:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 32px #2563eb38;color:var(--accent)}.lark-cmd-floating-pill:active{transform:translateY(0) scale(.97)}.lark-cmd-kbd{font-size:10.5px;padding:2px 6px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-soft);color:var(--ink-soft);font-weight:700;letter-spacing:.5px}.lark-cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:999999;animation:modalOverlayFade .18s cubic-bezier(.16,1,.3,1)}.lark-cmd-box{width:580px;max-width:94vw;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 32px 80px #00000052,0 0 0 1px #ffffff14;overflow:hidden;display:flex;flex-direction:column;animation:modalZoomIn .2s cubic-bezier(.16,1,.3,1)}.lark-cmd-input-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-soft);background:var(--bg-secondary)}.lark-cmd-search-icon{color:var(--accent);flex-shrink:0}.lark-cmd-input{flex:1;background:transparent;border:none;font-size:16px;font-weight:500;color:var(--ink);outline:none;font-family:inherit}.lark-cmd-input::placeholder{color:var(--ink-faint);font-size:14.5px}.lark-cmd-esc-badge{font-size:10.5px;padding:3px 7px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--ink-faint);font-weight:700;cursor:pointer}.lark-cmd-list{max-height:360px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:3px}.lark-cmd-empty{padding:36px 20px;text-align:center;color:var(--ink-soft);font-size:13.5px}.lark-cmd-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.lark-cmd-item:hover,.lark-cmd-item.selected{background:var(--surface-hover);color:var(--ink)}.lark-cmd-item.selected{background:var(--sidebar-active);color:var(--accent)}.lark-cmd-item-left{display:flex;align-items:center;gap:12px;min-width:0}.lark-cmd-item-icon-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-soft);color:var(--ink-soft);flex-shrink:0;transition:all .15s ease}.lark-cmd-item.selected .lark-cmd-item-icon-box{background:var(--accent);color:#fff;border-color:var(--accent)}.lark-cmd-item-text{display:flex;flex-direction:column;min-width:0}.lark-cmd-item-title{font-size:13.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lark-cmd-item-subtitle{font-size:11.5px;color:var(--ink-soft)}.lark-cmd-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.lark-cmd-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border-soft);color:var(--ink-soft)}.lark-cmd-arrow{color:var(--accent);animation:slideArrow .4s infinite alternate ease-in-out}@keyframes slideArrow{0%{transform:translate(0)}to{transform:translate(3px)}}.lark-cmd-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--bg-secondary);border-top:1px solid var(--border-soft);font-size:11.5px;color:var(--ink-faint)}.lark-cmd-tips{display:flex;align-items:center;gap:12px}.lark-cmd-tips kbd{font-family:inherit;background:var(--surface);border:1px solid var(--border-soft);border-radius:4px;padding:1px 4px;font-size:10.5px;color:var(--ink-soft)}.lark-cmd-branding{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--ink-soft)}.lark-toast-container{position:fixed;top:20px;right:20px;z-index:9999999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.lark-toast-item{pointer-events:auto;position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px #00000029,0 0 0 1px #ffffff0d;font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:toastSlideIn .25s cubic-bezier(.16,1,.3,1);min-width:260px;max-width:400px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.lark-toast-item.toast-success .lark-toast-icon{color:#10b981}.lark-toast-item.toast-error .lark-toast-icon{color:#ef4444}.lark-toast-item.toast-info .lark-toast-icon{color:#3b82f6}.lark-toast-item.toast-magic .lark-toast-icon{color:#8b5cf6}.lark-toast-msg{flex:1;line-height:1.4}.lark-toast-close{background:none;border:none;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px;transition:color .12s}.lark-toast-close:hover{color:var(--ink)}.lark-toast-progress{position:absolute;bottom:0;left:0;height:2.5px;background:var(--accent);width:100%;transform-origin:left;animation:toastProgress linear forwards}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.presence-dot.online,.avatar-status.online{box-shadow:0 0 #10b981b3;animation:onlinePulseRing 2.4s infinite cubic-bezier(.66,0,0,1)}@keyframes onlinePulseRing{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.reaction-pill{transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s ease}.reaction-pill:hover{transform:scale(1.1)}.reaction-pill:active{transform:scale(.92)}.admin-landing-container{display:flex;flex-direction:column;padding-bottom:24px}.admin-landing-top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);padding:16px 20px;border-radius:12px;margin-bottom:16px;flex-wrap:wrap}.admin-landing-subtabs{display:flex;gap:8px;border-bottom:1px solid var(--border-soft);padding-bottom:8px}.admin-landing-subtab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-soft);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .16s ease}.admin-landing-subtab-btn:hover{color:var(--ink);background:var(--bg-hover)}.admin-landing-subtab-btn.active{color:var(--accent);background:#3370ff14;border-color:#3370ff33}.admin-pricing-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000008;transition:all .2s ease}.admin-pricing-card.highlighted{border-color:var(--accent);box-shadow:0 4px 18px #3370ff1f;background:linear-gradient(to bottom,rgba(51,112,255,.03),var(--surface))}.admin-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-soft)}.admin-input-title{font-size:15px;font-weight:700;color:var(--ink);border:1px solid transparent;background:transparent;padding:3px 6px;border-radius:6px;width:100%}.admin-input-title:focus{border-color:var(--accent);background:var(--bg)}.admin-input-badge{font-size:11px;padding:2px 6px;border-radius:4px;border:1px solid var(--border-soft);background:var(--bg);color:var(--accent);font-weight:600}.admin-highlight-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--ink-soft);cursor:pointer;background:var(--bg);padding:4px 8px;border-radius:6px;border:1px solid var(--border-soft)}.admin-highlight-toggle input{cursor:pointer}.admin-pricing-inputs-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-pricing-inputs-row label{display:block;font-size:11px;font-weight:600;color:var(--ink-soft);margin-bottom:3px}.admin-pricing-inputs-row input[type=text]{width:100%;padding:6px 8px;font-size:12.5px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--ink)}.admin-currency-input-wrap{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.admin-currency-input-wrap span{padding:6px 8px;font-weight:700;color:var(--ink-soft);background:var(--bg-hover);border-right:1px solid var(--border-soft);font-size:13px}.admin-currency-input-wrap input{border:none;background:transparent;padding:6px 8px;width:100%;font-size:13px;font-weight:600;color:var(--ink)}.admin-currency-input-wrap input:focus{outline:none}.admin-plan-desc{width:100%;padding:6px 8px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--ink);resize:vertical}.admin-features-mgmt{margin-top:12px;border-top:1px solid var(--border-soft);padding-top:10px}.admin-features-list{display:flex;flex-direction:column;gap:5px;margin-top:6px;max-height:140px;overflow-y:auto;padding-right:4px}.admin-plan-feature-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;padding:4px 6px;background:var(--bg);border-radius:5px}.admin-plan-feature-row span{flex:1;color:var(--ink)}.admin-feat-del-btn{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:3px}.admin-feat-del-btn:hover{color:#ff4d4f;background:#ff4d4f1a}.admin-add-feature-row{display:flex;gap:6px;margin-top:8px}.admin-add-feature-row input{flex:1;padding:5px 8px;font-size:11.5px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--ink)}.admin-add-feature-row button{padding:4px 10px;font-size:11.5px;white-space:nowrap}.landing-blog-section{padding:100px 0 80px;position:relative;background:var(--bg)}.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 28px;flex-wrap:wrap}.blog-category-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blog-category-btn{padding:7px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .18s ease}.blog-category-btn:hover{color:var(--ink);border-color:var(--accent);background:var(--bg-hover)}.blog-category-btn.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 4px 12px #3370ff40}.blog-search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);padding:8px 14px;border-radius:999px;min-width:260px;box-shadow:0 2px 6px #00000005;transition:border-color .16s ease}.blog-search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3370ff1f}.blog-search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%}.blog-search-clear{background:transparent;border:none;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;padding:0}.blog-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 2px 10px #00000008;transition:all .22s cubic-bezier(.16,1,.3,1)}.blog-card:hover{border-color:var(--accent);box-shadow:0 12px 28px #00000014}.blog-card.featured{border-color:#3370ff59;box-shadow:0 8px 24px #3370ff17}.blog-card-cover{height:120px;padding:16px 20px;display:flex;align-items:flex-start;justify-content:space-between;position:relative}.blog-card-category-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:4px 10px;border-radius:999px}.blog-card-read-time{font-size:11.5px;font-weight:600;color:#ffffffe6;display:flex;align-items:center;gap:4px;background:#0003;padding:3px 8px;border-radius:999px}.blog-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-faint);margin-bottom:8px}.blog-card-title{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px;line-height:1.4;letter-spacing:-.01em;transition:color .16s ease}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-excerpt{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin:0 0 18px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{margin-top:auto;border-top:1px solid var(--border-soft);padding-top:14px}.blog-read-more-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);transition:gap .16s ease}.blog-card:hover .blog-read-more-link{gap:10px}.blog-empty-state{grid-column:1 / -1;padding:60px 20px;text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:16px;color:var(--ink-soft)}.blog-empty-state h4{margin:12px 0 6px;color:var(--ink);font-size:16px}.blog-reader-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:760px;width:95vw;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000047}.blog-reader-hero{padding:32px 36px 28px;color:#fff;position:relative;flex-shrink:0}.blog-reader-close{position:absolute;top:18px;right:18px;background:#00000040;border:none;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease}.blog-reader-close:hover{background:#00000073}.blog-reader-hero-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;margin-bottom:12px}.blog-reader-badge{background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 10px;border-radius:999px;font-weight:700;text-transform:uppercase;font-size:11px}.blog-reader-title{font-size:24px;font-weight:800;line-height:1.3;margin:0 0 10px;color:#fff}.blog-reader-author{font-size:13px;color:#ffffffd9}.blog-reader-body{padding:32px 36px;overflow-y:auto;flex:1}.blog-reader-lead{font-size:16px;font-weight:500;color:var(--ink);line-height:1.6;border-left:3px solid var(--accent);padding-left:14px;margin:0 0 24px;background:#3370ff0a;padding-top:8px;padding-bottom:8px;border-radius:0 8px 8px 0}.blog-reader-content{font-size:14.5px;color:var(--ink-soft);line-height:1.7}.blog-reader-content p{margin:0 0 16px}.blog-reader-content h4{font-size:17px;font-weight:700;color:var(--ink);margin:24px 0 10px}.blog-content-list{background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;padding:12px 18px;margin:16px 0;font-size:13.5px;color:var(--ink)}.blog-reader-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-soft)}.icon-rail-plan-wrapper{width:100%;display:flex;justify-content:center;padding:4px 6px 10px}.icon-rail-plan-pill{width:100%;max-width:54px;padding:4px 5px;border-radius:9999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000000a}.icon-rail-plan-pill:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.icon-rail-plan-pill.free{border-color:#94a3b866;background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6);color:#475569}.icon-rail-plan-pill.free:hover{border-color:#2563eb73;background:#fff;color:#1e293b}.icon-rail-plan-pill.pro{border-color:#2563eb59;background:#2563eb14;color:#2563eb}.icon-rail-plan-pill.enterprise{border-color:#722ed159;background:#722ed114;color:#722ed1}.icon-rail-plan-pill.owner{border-color:#d9770659;background:#fef3c7e6;color:#b45309}.icon-rail-plan-pill.expired{border-color:#ef444473;background:#fef2f2e6;color:#dc2626;animation:pulseExpired 2s infinite ease-in-out}.icon-rail-plan-pill.expiring{border-color:#f59e0b66;background:#fef3c7cc;color:#b45309}@keyframes pulseExpired{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 4px #ef444400}}.plan-pill-text{font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1}.pro-paywall-showcase{flex:1;height:100vh;overflow-y:auto;background:var(--bg, #f8fafc);padding:40px 32px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.pro-showcase-container{max-width:920px;width:100%;margin:0 auto}.pro-showcase-hero{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid var(--border, #e2e8f0);border-radius:20px;padding:36px 32px;text-align:center;box-shadow:0 4px 20px -2px #0f172a0f,0 1px 3px #0000000a;position:relative;overflow:hidden;margin-bottom:28px}.pro-showcase-hero-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:480px;height:240px;background:radial-gradient(ellipse,rgba(37,99,235,.12) 0%,rgba(99,102,241,.05) 50%,transparent 70%);filter:blur(28px);pointer-events:none}.pro-showcase-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;margin-bottom:14px}.pro-showcase-title{font-size:clamp(24px,3.2vw,34px);font-weight:800;color:#0f172a;letter-spacing:-.025em;margin:0 0 10px}.pro-showcase-subtitle{font-size:15px;line-height:1.6;color:#475569;max-width:620px;margin:0 auto 28px}.pro-showcase-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.pro-btn-direct-pay{display:inline-flex;align-items:center;gap:8px;background:#1d4ed8;color:#fff;padding:12px 26px;border-radius:12px;font-size:15px;font-weight:600;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 14px -2px #1d4ed866;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.pro-btn-direct-pay:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 8px 22px -2px #1d4ed880}.pro-btn-direct-pay:active{transform:translateY(0)}.pro-btn-secondary{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#334155;padding:12px 22px;border-radius:12px;font-size:14.5px;font-weight:600;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000a;cursor:pointer;transition:all .2s ease}.pro-btn-secondary:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8;transform:translateY(-1px)}.pro-btn-ghost{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#64748b;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .18s ease}.pro-btn-ghost:hover{color:#0f172a;background:#e2e8f080}.pro-features-heading{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 16px 4px;display:flex;align-items:center;gap:8px}.pro-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:28px}.pro-feature-card{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:14px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;transition:all .2s ease;box-shadow:0 1px 2px #00000008}.pro-feature-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 16px -2px #2563eb14}.pro-feature-card.highlight{border-color:#60a5fa;background:linear-gradient(135deg,#fff,#eff6ff);box-shadow:0 4px 14px #2563eb1a}.pro-feature-icon{width:38px;height:38px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;flex-shrink:0}.pro-feature-card.highlight .pro-feature-icon{background:#1d4ed8;color:#fff}.pro-feature-text h4{font-size:14px;font-weight:700;color:#0f172a;margin:0 0 4px}.pro-feature-text p{font-size:12.5px;line-height:1.5;color:#64748b;margin:0}.pro-plan-cards-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.pro-plan-quick-card{background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 6px #0000000a;position:relative}.pro-plan-quick-card.popular{border-color:#2563eb;box-shadow:0 8px 24px -4px #2563eb24}.pro-quick-card-badge{position:absolute;top:14px;right:16px;font-size:10.5px;font-weight:700;text-transform:uppercase;background:#eff6ff;color:#1d4ed8;padding:3px 8px;border-radius:999px;border:1px solid #bfdbfe}.pro-quick-card-header h3{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.pro-quick-card-price{font-size:26px;font-weight:800;color:#0f172a;margin:8px 0}.pro-quick-card-price span{font-size:13px;font-weight:500;color:#64748b}.pro-quick-card-desc{font-size:12.5px;color:#64748b;line-height:1.5;margin-bottom:16px}.pro-quick-card-btn{width:100%;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .18s ease}.pro-quick-card-btn.primary{background:#1d4ed8;color:#fff;border:none}.pro-quick-card-btn.primary:hover{background:#1e40af}.pro-quick-card-btn.outline{background:#f8fafc;color:#334155;border:1px solid #cbd5e1}.pro-quick-card-btn.outline:hover{background:#fff;border-color:#94a3b8}.pro-trust-footer{text-align:center;font-size:12.5px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:16px 0}.pro-trust-footer span{display:inline-flex;align-items:center;gap:5px}.pro-trust-footer svg{color:#10b981}.icon-rail-lock-badge{position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#f53f3f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;box-shadow:0 1px 3px #0003}.icon-rail-btn.pro-locked{opacity:.75}.icon-rail-btn.pro-locked:hover{opacity:1}.upgrade-paywall-modal{position:relative;background:var(--bg);border-radius:18px;box-shadow:0 25px 60px -15px #00000059;border:1px solid var(--border)}.paywall-header{position:relative;padding:32px 36px 24px;background:radial-gradient(circle at 50% 0%,rgba(37,99,235,.12) 0%,transparent 70%);border-bottom:1px solid var(--border-soft)}.paywall-header-tag{display:flex;margin-bottom:12px}.paywall-tag-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.02em}.paywall-tag-badge.upgrade{background:#2563eb1a;color:var(--accent);border:1px solid rgba(37,99,235,.2)}.paywall-tag-badge.feature{background:#ff7d001a;color:#ff7d00;border:1px solid rgba(255,125,0,.2)}.paywall-tag-badge.expired{background:#f53f3f1a;color:#f53f3f;border:1px solid rgba(245,63,63,.2)}.paywall-title{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 8px;letter-spacing:-.02em}.paywall-subtitle{font-size:14px;color:var(--ink-soft);margin:0;max-width:680px;line-height:1.5}.paywall-close-btn{position:absolute;top:24px;right:24px}.paywall-cycle-toggle-wrapper{display:flex;justify-content:center;padding:20px 24px 8px}.paywall-cycle-toggle{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);padding:4px;border-radius:12px;gap:4px}.cycle-btn{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-soft);background:none;border:none;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.cycle-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #0000000f}.discount-pill{font-size:10px;font-weight:700;background:#00b42a;color:#fff;padding:1px 6px;border-radius:10px}.paywall-plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 36px 28px}.paywall-plan-card{position:relative;border-radius:16px;padding:24px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;box-shadow:0 4px 16px #00000005;transition:transform .2s ease,border-color .2s ease}.paywall-plan-card.popular{border:2px solid var(--accent);box-shadow:0 8px 30px -8px #2563eb33}.paywall-plan-card:hover{transform:translateY(-3px)}.paywall-plan-badge{position:absolute;top:-12px;right:20px;background:var(--accent);color:#fff;font-size:10px;font-weight:800;padding:2px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.plan-header-block .plan-name{font-size:20px;font-weight:800;margin:0 0 6px;color:var(--ink)}.plan-header-block .plan-desc{font-size:13px;color:var(--ink-soft);margin:0;min-height:38px}.plan-price-block{margin:16px 0;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.price-curr{font-size:20px;font-weight:700;color:var(--ink)}.price-num{font-size:36px;font-weight:800;color:var(--ink);line-height:1}.paywall-plan-card.popular .price-num{color:var(--accent)}.price-period{font-size:13px;color:var(--ink-soft);font-weight:500}.price-annual-note{font-size:11px;color:#00b42a;font-weight:600;width:100%;margin-top:4px}.plan-cta-btn{width:100%;padding:12px;border-radius:10px;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .16s ease;border:1px solid transparent}.plan-cta-btn.primary{background:var(--accent);color:#fff}.plan-cta-btn.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.plan-cta-btn.secondary{background:var(--bg-secondary);color:var(--ink);border-color:var(--border)}.plan-cta-btn.secondary:hover:not(:disabled){background:var(--surface-hover)}.plan-cta-btn.disabled{opacity:.6;cursor:default}.plan-features-list{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px;font-size:13px}.features-title{font-size:11px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.plan-feature-item{display:flex;align-items:center;gap:8px;color:var(--ink)}.paywall-modal-footer{padding:14px 36px;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-soft)}.footer-left-info{display:flex;align-items:center;gap:8px}.footer-dot{opacity:.4}@media (max-width: 720px){.paywall-plans-grid{grid-template-columns:1fr;padding:14px 20px 20px}.paywall-header{padding:24px 20px 18px}}.subscription-global-banner{position:relative;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #00000014}.subscription-global-banner.expired{background:#fff0f0;color:#cf1322;border-bottom:1px solid #ffa39e}.subscription-global-banner.warning{background:#fffbe6;color:#d46b08;border-bottom:1px solid #ffe58f}.banner-content{display:flex;align-items:center;gap:10px;margin:0 auto}.banner-action-btn{background:#cf1322;color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .15s ease}.subscription-global-banner.warning .banner-action-btn{background:#d46b08}.banner-action-btn:hover{opacity:.9}.banner-close-btn{background:none;border:none;cursor:pointer;color:inherit;opacity:.65;display:flex;align-items:center}.banner-close-btn:hover{opacity:1}