.auth-page{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:minmax(0,61.3fr) minmax(0,38.7fr);overflow:hidden;background:var(--card);color:var(--text)}.auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:42px clamp(36px,3.83vw,76px) 32px;background:#081a38;color:#fff}.auth-story:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--auth-hero-image,none);background-size:cover;background-position:center center;pointer-events:none}.auth-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091b3855,transparent 68%),linear-gradient(0deg,#06152c38,transparent 20%);pointer-events:none}.auth-brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:-.65px;flex-shrink:0}.auth-brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#2374f8,#3e83fb);border:1px solid #629dff85;color:#fff;box-shadow:0 4px 18px #176cf729}.auth-brand-symbol .material-symbols-outlined{font-size:27px}.auth-story-copy{position:relative;margin-top:clamp(40px,10.85vh,104px);flex-shrink:0}.auth-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.9px;font-weight:650;color:#a8bcdc}.auth-kicker>span{height:5px;width:5px;border-radius:50%;background:#7caaff}.auth-story-copy h1{color:#fff;font-family:inherit;font-size:clamp(36px,3.47vw,64px);font-weight:650;line-height:1.13;letter-spacing:-1.9px;margin:23px 0 24px}.auth-story-copy h1>span{color:#70a6ff}.auth-story-copy p{font-size:clamp(14px,1.2vw,20px);line-height:1.5;color:#b3c3de;margin:0;max-width:350px}.auth-features{display:grid;gap:22px;margin-top:clamp(28px,4.8vh,46px);padding:0 0 24px;max-width:390px}.auth-feature{display:flex;align-items:center;gap:15px}.auth-feature-icon{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;color:#80b2ff;border:1px solid #538cec77;border-radius:16px;background:#193f7455;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-feature:nth-child(1) .auth-feature-icon{background:#3eafad29;border-color:#67c7c777;color:#8de8e0}.auth-feature:nth-child(2) .auth-feature-icon{background:#7761e72e;border-color:#9580ff88;color:#c0b5ff}.auth-feature-icon .material-symbols-outlined{font-size:22px}.auth-feature strong{font-size:14px;font-weight:600;letter-spacing:.05px;color:#e2ebfb}.auth-feature p{margin:5px 0 0;color:#92a8c8;font-size:12px;line-height:1.5}.auth-story-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;color:#a0b3d0;font-size:11px;flex-shrink:0}.auth-story-bottom .material-symbols-outlined{font-size:17px}.auth-story-version{margin-left:auto;font-size:9px;letter-spacing:1.6px;color:#92a6c5}.auth-entry{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:34px clamp(28px,3.83vw,64px) 28px;min-width:0;min-height:0}.auth-entry-top{display:flex;align-items:center;justify-content:flex-end;min-height:38px}.auth-mobile-brand{display:none}.auth-entry-top .theme-toggle{border-radius:99px}.auth-entry-top .theme-toggle button{border-radius:50%}.auth-form-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;padding:4px 5px;margin:0 -5px}.auth-form-area{width:100%;max-width:500px;margin:auto;flex-shrink:0;padding:20px 0}.auth-welcome-icon{height:55px;width:55px;display:grid;place-items:center;background:linear-gradient(145deg,#edf4ff,#e2ecff);color:#3d75e8;border:1px solid #dce8fd;border-radius:14px;margin-bottom:24px;box-shadow:0 3px 8px #3476eb05}.auth-welcome-icon .material-symbols-outlined{font-size:32px}[data-theme=dark] .auth-welcome-icon{background:var(--accent-soft);border-color:var(--border);color:var(--accent)}.auth-form-area h2{font-family:inherit;font-size:36px;font-weight:650;letter-spacing:-1.2px;line-height:1.25;margin:0 0 13px;color:var(--text)}.auth-form-description{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 29px}.auth-form{display:flex;flex-direction:column}.auth-form>label,.password-field>label{color:var(--text);font-size:12px;font-weight:600;display:block;margin-bottom:9px}.auth-form>label{font-size:13px}.auth-input-wrap{position:relative;display:flex;align-items:center;min-width:0}.auth-input-wrap>input{width:100%;height:49px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt);padding:12px 44px;color:var(--text);font-size:13px;transition:background .15s,border-color .15s,box-shadow .15s}.auth-input-wrap>input::placeholder{color:var(--muted);opacity:.75}.auth-input-wrap>input:focus{outline:0;border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px var(--accent-soft)}.auth-form .auth-input-wrap>input{height:60px;border-radius:11px;font-size:14px;padding-left:49px;padding-right:48px}.auth-input-wrap>.material-symbols-outlined{position:absolute;left:15px;pointer-events:none;color:var(--muted);font-size:19px;z-index:1}.auth-form .auth-input-wrap>.material-symbols-outlined{left:18px;font-size:21px}.auth-input-wrap>.auth-reveal{position:absolute;right:6px;padding:7px;display:grid;place-items:center;width:35px;height:35px;color:var(--muted);border:0;background:transparent;border-radius:6px;line-height:1}.auth-input-wrap>.auth-reveal:hover{background:var(--accent-soft);color:var(--accent)}.auth-reveal .material-symbols-outlined{font-size:19px}.auth-form>.auth-input-wrap{margin-bottom:23px}.auth-form>.auth-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:58px;border-radius:11px;margin-top:4px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(110deg,#2866ec,#3c7bf8);border:1px solid #2c69eb;box-shadow:0 5px 14px #2866ec25}.auth-form>.auth-submit:hover:not(:disabled){background:linear-gradient(110deg,#235ddd,#3271eb);border-color:#235ddd}.auth-submit .material-symbols-outlined{font-size:20px}.auth-feedback{display:flex;align-items:flex-start;gap:8px;margin:0 0 18px;font-size:12px;line-height:1.6}.auth-feedback .material-symbols-outlined{font-size:17px;flex-shrink:0;padding-top:1px}.auth-access-note{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid var(--border);margin:30px 0 0;padding-top:26px;color:var(--muted);font-size:12px;line-height:1.7}.auth-access-note>.material-symbols-outlined{font-size:20px}.auth-access-note strong{font-weight:500;color:var(--text)}.auth-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;color:var(--muted)}@media(min-width:851px)and (min-height:821px){.auth-welcome-icon{width:76px;height:76px;border-radius:20px;margin-bottom:28px}.auth-welcome-icon .material-symbols-outlined{font-size:45px}.auth-form-area h2{font-size:clamp(36px,2.7vw,45px)}.auth-form-description{font-size:clamp(15px,1.18vw,19px);line-height:1.5;margin-bottom:34px}.auth-form>label{font-size:15px}.auth-form .auth-input-wrap>input{font-size:16px}.auth-form>.auth-input-wrap{margin-bottom:25px}.auth-form>.auth-submit{font-size:16px}.auth-feature strong{font-size:16px}.auth-feature p{font-size:14px}.auth-feature-icon .material-symbols-outlined{font-size:29px}.auth-access-note{font-size:14px}}.profile-page{padding:35px 0 45px}.profile-page-heading{margin-bottom:28px}.profile-page-heading h1{font-family:inherit;font-size:30px;font-weight:650;letter-spacing:-.8px;line-height:1.2;margin:0 0 13px}.profile-page-heading p{color:var(--muted);font-size:14px;margin:0}.profile-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.profile-identity,.profile-password{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.profile-layout--identity-only{grid-template-columns:minmax(280px,420px)}.office-security-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.profile-cover{height:105px;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--accent-soft),color-mix(in srgb,var(--accent) 14%,var(--card)))}.profile-cover>span{position:absolute;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;right:-13px;top:-85px;transform-origin:center;will-change:transform,opacity;animation:profile-cover-pulse 5.4s ease-out infinite}.profile-cover>span:nth-child(2){width:220px;height:220px;right:-48px;top:-120px;animation-delay:-1.8s}.profile-cover>span:nth-child(3){width:290px;height:290px;right:-83px;top:-155px;animation-delay:-3.6s}@keyframes profile-cover-pulse{0%{opacity:0;transform:scale(.68)}18%{opacity:.75}65%{opacity:.34}to{opacity:0;transform:scale(1.3)}}.profile-identity-body{padding:0 25px 25px}.profile-avatar{position:relative;width:72px;height:72px;display:grid;place-items:center;margin-top:-37px;border:5px solid var(--card);border-radius:20px;background:var(--accent);color:#fff;font-size:24px;font-weight:600;letter-spacing:-.5px}.profile-identity-body>h2{font-family:inherit;font-weight:650;font-size:23px;letter-spacing:-.5px;overflow-wrap:anywhere;margin:15px 0 9px}.profile-role{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:600}.profile-role .material-symbols-outlined{font-size:14px}.profile-facts{margin:27px 0 0;padding-top:6px;border-top:1px solid var(--border)}.profile-facts>div{padding-top:17px;display:grid;gap:7px}.profile-facts dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.profile-facts dt .material-symbols-outlined{font-size:16px}.profile-facts dd{margin:0 0 0 23px;font-size:12px;font-weight:500;overflow-wrap:anywhere}.profile-access-note{display:flex;align-items:flex-start;gap:8px;border-top:1px solid var(--border);padding-top:20px;margin:25px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.profile-access-note>.material-symbols-outlined{font-size:16px;flex-shrink:0;margin-top:2px}.profile-settings{display:grid;min-width:0}.profile-card-heading{display:flex;align-items:center;gap:12px}.profile-section-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-alt);color:var(--accent);border:1px solid var(--border);flex-shrink:0}.profile-section-icon .material-symbols-outlined{font-size:20px}.profile-card-heading h2{font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 3px;letter-spacing:-.2px}.profile-card-heading p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.profile-password>.profile-card-heading{padding:24px 26px 0}.password-fields{padding:24px 26px}.password-fields>.password-field{max-width:100%;margin-bottom:21px}.password-new-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.password-field{min-width:0}.password-requirement{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin:11px 0 0}.password-requirement .material-symbols-outlined{font-size:15px}.password-fields>.auth-feedback{margin:16px 0 0}.password-form-footer{border-top:1px solid var(--border);padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface-alt)}.password-form-footer>p{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;color:var(--muted);max-width:245px;margin:0}.password-form-footer>p .material-symbols-outlined{font-size:16px;flex-shrink:0;margin-top:1px}.password-form-footer>button{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-size:12px;border-radius:8px}.password-form-footer>button .material-symbols-outlined{font-size:17px}@media(max-width:1100px){.profile-layout{grid-template-columns:245px minmax(0,1fr);gap:18px}.profile-layout--identity-only{grid-template-columns:minmax(280px,420px)}.office-security-layout{grid-template-columns:1fr}.profile-identity-body{padding-left:20px;padding-right:20px}.password-new-row{grid-template-columns:1fr}.password-form-footer{align-items:stretch;flex-direction:column;gap:14px}.password-form-footer>p{max-width:none}}@media(max-width:760px){.profile-layout{grid-template-columns:1fr}.profile-identity-body{padding:0 24px 24px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-access-note{margin-top:20px}.profile-cover{height:90px}.password-new-row{grid-template-columns:1fr 1fr}.password-form-footer{flex-direction:row;align-items:center}.profile-page{padding-top:27px}.profile-page-heading h1{font-size:28px}}@media(max-width:480px){.profile-password>.profile-card-heading{padding:20px 20px 0}.password-fields{padding:22px 20px}.password-new-row{grid-template-columns:1fr}.password-form-footer{padding:18px 20px;flex-direction:column;align-items:stretch}.profile-facts{grid-template-columns:1fr}.profile-card-heading{gap:10px}.profile-card-heading p{font-size:11px}.profile-page-heading p{font-size:12px}}@media(max-width:1250px){.auth-page{grid-template-columns:minmax(0,57fr) minmax(0,43fr)}.auth-story{padding-left:36px;padding-right:32px}.auth-story-copy h1{font-size:clamp(33px,3.7vw,45px);letter-spacing:-1.5px}.auth-entry{padding-left:32px;padding-right:32px}.auth-feature p{font-size:11px}.auth-feature strong{font-size:13px}.auth-story-version{display:none}.auth-features{max-width:320px}.auth-story:after{background:linear-gradient(90deg,#091b3866,transparent 80%)}}@media(max-height:820px){.auth-story{padding-top:30px;padding-bottom:26px}.auth-story-copy{margin-top:clamp(28px,6.6vh,54px)}.auth-story-copy h1{font-size:clamp(34px,3.45vw,54px);margin-top:18px;margin-bottom:18px}.auth-story-copy p{font-size:14px}.auth-features{gap:17px;padding-top:22px;padding-bottom:32px}.auth-feature-icon{width:39px;height:39px;border-radius:10px}.auth-entry{padding-top:24px;padding-bottom:21px;gap:10px}.auth-form-area{padding:16px 0}.auth-welcome-icon{width:45px;height:45px;margin-bottom:18px;border-radius:12px}.auth-welcome-icon .material-symbols-outlined{font-size:27px}.auth-form-area h2{font-size:32px;margin-bottom:10px}.auth-form-description{font-size:13px;margin-bottom:22px}.auth-form .auth-input-wrap>input{height:52px}.auth-form>.auth-input-wrap{margin-bottom:18px}.auth-form>.auth-submit{height:52px}.auth-access-note{margin-top:23px;padding-top:20px;font-size:11px}}@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-entry{padding:22px 28px 21px;gap:12px}.auth-mobile-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650;letter-spacing:-.4px}.auth-mobile-brand>.material-symbols-outlined{color:var(--accent);font-size:27px}.auth-entry-top{justify-content:space-between;gap:12px}.auth-form-area{max-width:430px;padding:20px 0}.auth-entry-bottom{font-size:9px}.auth-desktop-break{display:none}.auth-form-description{max-width:330px}.auth-form-area h2{font-size:32px}}@media(max-height:650px)and (min-width:851px){.auth-story-copy{margin-top:28px}.auth-story-copy h1{font-size:clamp(31px,3vw,45px);margin:15px 0}.auth-story-copy p{font-size:12px;line-height:1.65}.auth-features{gap:11px;padding:16px 0 21px}.auth-feature-icon{width:34px;height:34px}.auth-feature p{font-size:10px;margin-top:3px}.auth-feature strong{font-size:12px}.auth-story-bottom{font-size:10px}.auth-kicker{font-size:9px}.auth-brand{font-size:20px}.auth-brand-symbol{width:36px;height:36px}}@media(max-width:480px){.auth-entry{padding:18px 22px 17px}.auth-form-area{padding:18px 0}.auth-form-area h2{font-size:30px}.auth-entry-bottom{font-size:9px;gap:8px}.auth-mobile-brand{font-size:15px;gap:6px}.auth-mobile-brand>.material-symbols-outlined{font-size:25px}.auth-form .auth-input-wrap>input{font-size:16px}.auth-form-description{font-size:13px}}@media(max-width:850px)and (max-height:650px){.auth-entry{padding:12px 20px;gap:5px}.auth-entry-top{min-height:34px}.auth-form-area{padding:10px 0}.auth-welcome-icon{width:36px;height:36px;margin-bottom:10px;border-radius:10px}.auth-welcome-icon .material-symbols-outlined{font-size:24px}.auth-form-area h2{font-size:26px;margin-bottom:8px}.auth-form-description{font-size:12px;line-height:1.55;margin-bottom:15px}.auth-form>label{font-size:12px;margin-bottom:7px}.auth-form .auth-input-wrap>input{height:46px}.auth-form>.auth-input-wrap{margin-bottom:13px}.auth-form>.auth-submit{height:46px;font-size:13px}.auth-access-note{padding-top:14px;margin-top:17px;font-size:10px;line-height:1.65}.auth-entry-bottom{font-size:8px}.auth-mobile-brand{font-size:14px}.auth-mobile-brand>.material-symbols-outlined{font-size:23px}}.office-security-page{padding-top:18px}.office-security-page .profile-page-heading{position:relative;isolation:isolate;margin-bottom:18px;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:20px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--accent)));box-shadow:0 15px 36px #11224512,inset 0 1px #ffffff17;animation:office-security-in .5s cubic-bezier(.2,.82,.3,1) both}.office-security-page .profile-page-heading:before,.office-security-page .profile-page-heading:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:"";pointer-events:none}.office-security-page .profile-page-heading:before{right:-75px;top:-125px;width:255px;height:255px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%)}.office-security-page .profile-page-heading:after{right:160px;bottom:-95px;width:155px;height:155px}.office-security-page .profile-page-heading h1{margin-bottom:9px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(29px,3vw,39px);font-weight:740;letter-spacing:-.045em}.office-security-page .profile-page-heading p{font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:12px;line-height:1.55}.office-security-layout{grid-template-columns:310px minmax(0,1fr);gap:18px}.office-security-page .profile-identity,.office-security-page .profile-password{position:relative;isolation:isolate;border-color:color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:20px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 16px 38px #11224514,inset 0 1px #ffffff17}.office-security-page .profile-identity{animation:office-security-card-in .52s .06s cubic-bezier(.2,.82,.3,1) both}.office-security-page .profile-password{animation:office-security-card-in .52s .13s cubic-bezier(.2,.82,.3,1) both}.office-security-page .profile-cover{height:126px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--card)),color-mix(in srgb,#55b79b 13%,var(--card)))}.office-security-page .profile-cover:after{position:absolute;left:26px;bottom:20px;width:74px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,#55b79b 78%,var(--accent)),transparent);content:"";opacity:.7}.office-security-page .profile-cover>span{border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.office-security-page .profile-identity-body{padding:0 25px 26px}.office-security-page .profile-avatar{width:76px;height:76px;margin-top:-40px;border:5px solid var(--card);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 88%,#8875ff),color-mix(in srgb,#55b79b 45%,var(--accent)));box-shadow:0 12px 29px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #fff3;font-size:23px;animation:office-security-avatar 4.2s ease-in-out infinite}.office-security-page .profile-identity-body>h2{margin:16px 0 10px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:23px;font-weight:730;letter-spacing:-.035em}.office-security-page .profile-role{padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,var(--card));box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 7%,transparent)}.office-security-page .profile-facts{display:grid;gap:8px;margin-top:24px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 58%,transparent)}.office-security-page .profile-facts>div{gap:5px;padding:9px 8px;border-radius:9px;transition:background .2s ease}.office-security-page .profile-facts>div:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.office-security-page .profile-facts dt{gap:8px;font-size:9px}.office-security-page .profile-facts dt .material-symbols-outlined{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:13px}.office-security-page .profile-facts dd{margin-left:30px;font-size:11px;font-weight:650}.office-security-page .profile-access-note{margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,#55b79b 14%,var(--border));border-radius:12px;color:var(--muted);background:color-mix(in srgb,#55b79b 6%,var(--card));line-height:1.65}.office-security-page .profile-access-note>.material-symbols-outlined{color:#55b79b}.office-security-page .profile-password:before{position:absolute;z-index:-1;right:-90px;top:-110px;width:250px;height:250px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 6%,transparent),transparent 68%);content:"";animation:office-security-aura 9s ease-in-out infinite;pointer-events:none}.office-security-page .profile-password>.profile-card-heading{padding:24px 28px 0}.office-security-page .profile-section-icon{width:46px;height:46px;border-color:color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--card)),color-mix(in srgb,var(--accent) 6%,var(--card)));box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 10%,transparent)}.office-security-page .profile-section-icon .material-symbols-outlined{font-size:22px;animation:office-security-shield 3.2s ease-in-out infinite}.office-security-page .profile-card-heading h2{font-size:18px;font-weight:710;letter-spacing:-.025em}.office-security-page .password-fields{padding:26px 28px 25px}.office-security-page .password-fields>.password-field{margin-bottom:20px}.office-security-page .password-field>label{margin-bottom:9px;font-size:10px}.office-security-page .auth-input-wrap>input{height:54px;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 68%,var(--card));box-shadow:inset 0 1px #ffffff0f;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.office-security-page .auth-input-wrap>input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.office-security-page .auth-input-wrap>.material-symbols-outlined{color:color-mix(in srgb,var(--accent) 58%,var(--muted))}.office-security-page .auth-input-wrap>.auth-reveal{right:8px;width:38px;height:38px;border-radius:9px}.office-security-page .password-new-row{gap:16px}.office-security-page .password-requirement{display:inline-flex;width:max-content;margin-top:5px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:99px;background:color-mix(in srgb,var(--accent) 6%,transparent);font-size:9px}.office-security-page .password-form-footer{padding:18px 28px;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 75%,var(--card)),color-mix(in srgb,var(--accent) 5%,var(--card)))}.office-security-page .password-form-footer>p{padding:8px 0;font-size:9px}.office-security-page .password-form-footer>p .material-symbols-outlined{color:var(--accent)}.office-security-page .password-form-footer>button{min-height:46px;padding:10px 18px;border-color:color-mix(in srgb,var(--accent) 55%,#4454ba);border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 88%,#8875ff),var(--accent));box-shadow:0 11px 25px color-mix(in srgb,var(--accent) 22%,transparent);font-size:10px;font-weight:720;transition:box-shadow .2s ease,transform .2s ease}.office-security-page .password-form-footer>button:hover:not(:disabled){box-shadow:0 15px 31px color-mix(in srgb,var(--accent) 29%,transparent);transform:translateY(-2px)}@keyframes office-security-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes office-security-card-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes office-security-avatar{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes office-security-aura{0%,to{opacity:.5;transform:translateZ(0) scale(.95)}50%{opacity:1;transform:translate3d(-16px,13px,0) scale(1.08)}}@keyframes office-security-shield{0%,to{filter:drop-shadow(0 0 0 transparent);transform:scale(1)}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 38%,transparent));transform:scale(1.07)}}@media(max-width:1100px){.office-security-layout{grid-template-columns:minmax(0,1fr)}.office-security-page .profile-identity{max-width:none}.office-security-page .profile-facts{grid-template-columns:1fr 1fr}.office-security-page .profile-access-note{max-width:520px}}@media(max-width:760px){.office-security-page{padding-top:12px}.office-security-page .profile-page-heading{padding:19px 20px}.office-security-page .profile-page-heading h1{font-size:29px}.office-security-page .profile-identity-body{padding:0 20px 22px}.office-security-page .profile-password>.profile-card-heading{padding:21px 21px 0}.office-security-page .password-fields{padding:22px 21px}.office-security-page .password-form-footer{padding:17px 21px}}@media(max-width:520px){.office-security-page .profile-page-heading{padding:17px;border-radius:17px}.office-security-page .profile-page-heading p{font-size:10px}.office-security-page .profile-identity,.office-security-page .profile-password{border-radius:17px}.office-security-page .profile-facts{grid-template-columns:1fr}.office-security-page .profile-cover{height:105px}.office-security-page .profile-avatar{width:68px;height:68px;margin-top:-35px;border-radius:19px}.office-security-page .password-form-footer>button{width:100%}}@media(prefers-reduced-motion:reduce){.office-security-page .profile-page-heading,.office-security-page .profile-identity,.office-security-page .profile-password,.office-security-page .profile-avatar,.office-security-page .profile-password:before,.office-security-page .profile-section-icon .material-symbols-outlined{animation:none}.office-security-page .password-form-footer>button:hover:not(:disabled){transform:none}}.office-security-page .profile-settings{gap:18px}.office-ip-security{position:relative;isolation:isolate;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,#36aa8b 15%,var(--border));border-radius:20px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 95%,#36aa8b));box-shadow:0 16px 38px #11224514,inset 0 1px #ffffff17;animation:office-security-card-in .52s .2s cubic-bezier(.2,.82,.3,1) both}.office-ip-security:before{position:absolute;z-index:-1;right:-100px;top:-125px;width:275px;height:275px;border:1px solid color-mix(in srgb,#36aa8b 10%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#36aa8b 7%,transparent),transparent 68%);content:"";animation:office-ip-aura 10s ease-in-out infinite;pointer-events:none}.office-ip-security.is-enabled{border-color:color-mix(in srgb,#36aa8b 28%,var(--border))}.office-ip-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:23px 28px 18px}.office-ip-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,#36aa8b 20%,var(--border));border-radius:13px;color:#36aa8b;background:linear-gradient(145deg,color-mix(in srgb,#36aa8b 14%,var(--card)),color-mix(in srgb,#36aa8b 6%,var(--card)));box-shadow:0 8px 20px color-mix(in srgb,#36aa8b 10%,transparent)}.office-ip-icon .material-symbols-outlined{font-size:22px;animation:office-ip-lock-pulse 3.2s ease-in-out infinite}.office-ip-heading h2{margin:0 0 4px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:18px;font-weight:710;letter-spacing:-.025em}.office-ip-heading p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.office-ip-status{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:6px 9px;border:1px solid var(--border);border-radius:99px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 72%,transparent);font-size:8px;font-weight:650;white-space:nowrap}.office-ip-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.office-ip-status.active{border-color:color-mix(in srgb,#36aa8b 26%,var(--border));color:#36aa8b;background:color-mix(in srgb,#36aa8b 9%,var(--card))}.office-ip-status.active i{box-shadow:0 0 0 4px color-mix(in srgb,#36aa8b 10%,transparent);animation:office-ip-status-pulse 2.5s ease-in-out infinite}.office-current-ip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 28px;padding:14px;border:1px solid color-mix(in srgb,#36aa8b 13%,var(--border));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 62%,var(--card)),color-mix(in srgb,#36aa8b 6%,var(--card)))}.office-current-ip>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 10%,var(--card))}.office-current-ip>span .material-symbols-outlined{font-size:20px}.office-current-ip>div{display:grid;gap:4px;min-width:0}.office-current-ip small{color:var(--muted);font-size:8px}.office-current-ip strong{overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.office-current-ip>button{min-height:38px;padding:8px 12px;border-color:color-mix(in srgb,#36aa8b 23%,var(--border));border-radius:10px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 8%,var(--card));font-size:8px;font-weight:700;white-space:nowrap}.office-current-ip>button:hover:not(:disabled){border-color:color-mix(in srgb,#36aa8b 46%,var(--border));background:color-mix(in srgb,#36aa8b 13%,var(--card));transform:translateY(-1px)}.office-ip-add{padding:20px 28px 17px}.office-ip-add>label{display:block;margin-bottom:9px;color:var(--text);font-size:10px;font-weight:650}.office-ip-add>div{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.office-ip-add>div>span{position:absolute;z-index:1;left:15px;top:50%;display:grid;place-items:center;color:color-mix(in srgb,#36aa8b 68%,var(--muted));transform:translateY(-50%);pointer-events:none}.office-ip-add>div>span .material-symbols-outlined{font-size:18px}.office-ip-add input{min-width:0;height:46px;padding-left:44px;border-color:color-mix(in srgb,#36aa8b 10%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 66%,var(--card));font-size:11px}.office-ip-add input:focus{border-color:color-mix(in srgb,#36aa8b 55%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,#36aa8b 9%,transparent)}.office-ip-add button{min-height:46px;padding:9px 16px;border-color:color-mix(in srgb,#36aa8b 50%,#24836c);border-radius:12px;color:#fff;background:linear-gradient(120deg,#36aa8b,#2c9278);box-shadow:0 9px 21px color-mix(in srgb,#36aa8b 19%,transparent);font-size:9px;font-weight:720;white-space:nowrap}.office-ip-add button:hover:not(:disabled){box-shadow:0 13px 27px color-mix(in srgb,#36aa8b 27%,transparent);transform:translateY(-1px)}.office-ip-add>small{display:block;margin-top:8px;color:var(--muted);font-size:8px;line-height:1.5}.office-ip-error{display:flex;align-items:flex-start;gap:8px;margin:0 28px 16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--red) 26%,var(--border));border-radius:11px;color:var(--red);background:color-mix(in srgb,var(--red) 7%,var(--card));font-size:9px;line-height:1.5}.office-ip-error .material-symbols-outlined{font-size:16px}.office-ip-list{margin:0 28px;padding:14px;border:1px solid color-mix(in srgb,#36aa8b 10%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface-alt) 55%,transparent)}.office-ip-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;color:var(--muted);font-size:9px;font-weight:650}.office-ip-list-title b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:8px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 9%,var(--card));font-size:8px}.office-ip-chips{display:flex;flex-wrap:wrap;gap:8px}.office-ip-chips>span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 7px 6px 10px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.office-ip-chips>span.current{border-color:color-mix(in srgb,#36aa8b 25%,var(--border));background:color-mix(in srgb,#36aa8b 8%,var(--card))}.office-ip-chips>span>.material-symbols-outlined{color:#36aa8b;font-size:15px}.office-ip-chips code{color:var(--text);font-size:9px}.office-ip-chips small{padding:3px 6px;border-radius:6px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 10%,transparent);font-size:7px;font-weight:700}.office-ip-chips button{display:grid;place-items:center;width:23px;height:23px;padding:0;border:0;border-radius:7px;color:var(--muted);background:transparent}.office-ip-chips button:hover:not(:disabled){color:var(--red);background:var(--red-soft)}.office-ip-chips button .material-symbols-outlined{font-size:14px}.office-ip-empty{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;background:color-mix(in srgb,var(--card) 68%,transparent)}.office-ip-empty>.material-symbols-outlined{color:var(--muted);font-size:22px}.office-ip-empty p{display:grid;gap:3px;margin:0}.office-ip-empty b{font-size:9px}.office-ip-empty small{color:var(--muted);font-size:8px;line-height:1.45}.office-ip-warning{display:flex;align-items:flex-start;gap:11px;margin:17px 28px 22px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,var(--card))}.office-ip-warning>.material-symbols-outlined{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:17px}.office-ip-warning p{display:grid;gap:4px;margin:0}.office-ip-warning b{font-size:9px}.office-ip-warning small{color:var(--muted);font-size:8px;line-height:1.55}.office-ip-security>footer{display:flex;justify-content:flex-end;padding:15px 28px;border-top:1px solid color-mix(in srgb,#36aa8b 10%,var(--border));background:color-mix(in srgb,var(--surface-alt) 58%,var(--card))}.office-ip-security>footer button{min-height:38px;padding:8px 13px;border-color:color-mix(in srgb,var(--red) 20%,var(--border));border-radius:10px;color:var(--red);background:color-mix(in srgb,var(--red) 6%,var(--card));font-size:8px;font-weight:680}.office-ip-security>footer button:hover:not(:disabled){border-color:color-mix(in srgb,var(--red) 38%,var(--border));background:color-mix(in srgb,var(--red) 10%,var(--card))}@keyframes office-ip-aura{0%,to{opacity:.5;transform:translateZ(0) scale(.95)}50%{opacity:1;transform:translate3d(-17px,14px,0) scale(1.08)}}@keyframes office-ip-lock-pulse{0%,to{filter:drop-shadow(0 0 0 transparent);transform:scale(1)}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,#36aa8b 38%,transparent));transform:scale(1.07)}}@keyframes office-ip-status-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,#36aa8b 9%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,#36aa8b 3%,transparent)}}@media(max-width:760px){.office-ip-heading{grid-template-columns:auto minmax(0,1fr);padding:21px 21px 17px}.office-ip-status{grid-column:1/-1;width:max-content}.office-current-ip{grid-template-columns:auto minmax(0,1fr);margin:0 21px}.office-current-ip>button{grid-column:1/-1;width:100%}.office-ip-add{padding:19px 21px 16px}.office-ip-list{margin:0 21px}.office-ip-warning{margin:16px 21px 20px}.office-ip-security>footer{padding:15px 21px}}@media(max-width:520px){.office-ip-security{border-radius:17px}.office-ip-add>div{grid-template-columns:1fr}.office-ip-add button{width:100%}.office-ip-chips{display:grid}.office-ip-chips>span{min-width:0}.office-ip-chips code{min-width:0;overflow:hidden;text-overflow:ellipsis}.office-ip-security>footer button{width:100%}}@media(prefers-reduced-motion:reduce){.office-ip-security,.office-ip-security:before,.office-ip-icon .material-symbols-outlined,.office-ip-status.active i{animation:none}.office-current-ip>button:hover:not(:disabled),.office-ip-add button:hover:not(:disabled){transform:none}}@media(min-width:1101px){.office-security-page .profile-identity{position:sticky;z-index:2;top:18px;align-self:start}}.office-ip-list{padding:0;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 62%,var(--card)),color-mix(in srgb,#36aa8b 4%,var(--card)));box-shadow:inset 0 1px #ffffff0d}.office-ip-list-title{min-height:43px;margin:0;padding:10px 13px;border-bottom:1px solid color-mix(in srgb,#36aa8b 9%,var(--border))}.office-ip-list-title>span{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:9px}.office-ip-list-title>span:before{width:6px;height:6px;border-radius:50%;background:#36aa8b;box-shadow:0 0 0 4px color-mix(in srgb,#36aa8b 9%,transparent);content:""}.office-ip-list-title b{min-width:27px;height:27px;border:1px solid color-mix(in srgb,#36aa8b 14%,transparent);border-radius:9px;box-shadow:0 5px 12px color-mix(in srgb,#36aa8b 7%,transparent)}.office-ip-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:8px;padding:10px}.office-ip-chips>span{display:grid;grid-template-columns:34px minmax(0,1fr) auto 30px;gap:9px;width:100%;min-height:52px;padding:8px;border-color:color-mix(in srgb,#36aa8b 10%,var(--border));border-radius:12px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 96%,#36aa8b));box-shadow:0 7px 18px #1122450d,inset 0 1px #ffffff12;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.office-ip-chips>span:hover{border-color:color-mix(in srgb,#36aa8b 26%,var(--border));box-shadow:0 10px 23px color-mix(in srgb,#36aa8b 7%,transparent);transform:translateY(-1px)}.office-ip-chips>span.current{border-color:color-mix(in srgb,#36aa8b 25%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,#36aa8b 7%,var(--card)),var(--card))}.office-ip-chips>span>.material-symbols-outlined{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,#36aa8b 10%,var(--card));font-size:18px}.office-ip-chips code{min-width:0;overflow:hidden;font-size:10px;font-weight:670;text-overflow:ellipsis;white-space:nowrap}.office-ip-chips small{padding:4px 7px;border:1px solid color-mix(in srgb,#36aa8b 12%,transparent);border-radius:7px;font-size:7px;white-space:nowrap}.office-ip-chips button{width:30px;height:30px;border:1px solid color-mix(in srgb,var(--red) 8%,var(--border));border-radius:9px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 65%,transparent);transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease}.office-ip-chips button:hover:not(:disabled){border-color:color-mix(in srgb,var(--red) 30%,var(--border));color:var(--red);background:color-mix(in srgb,var(--red) 9%,var(--card));transform:scale(1.05)}.office-ip-chips button .material-symbols-outlined{font-size:16px}.office-ip-empty{margin:10px;padding:12px;border:1px dashed color-mix(in srgb,#36aa8b 14%,var(--border));background:color-mix(in srgb,var(--card) 72%,transparent)}@media(max-width:1100px){.office-security-page .profile-identity{position:relative;top:auto}.office-ip-chips{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}}@media(max-width:520px){.office-ip-list-title{padding:9px 11px}.office-ip-chips{padding:8px}.office-ip-chips>span{grid-template-columns:32px minmax(0,1fr) 30px}.office-ip-chips>span>.material-symbols-outlined{width:32px;height:32px}.office-ip-chips small{grid-column:2;justify-self:start}.office-ip-chips button{grid-column:3;grid-row:1}}@media(prefers-reduced-motion:reduce){.office-ip-chips>span,.office-ip-chips button{transition:none}.office-ip-chips>span:hover,.office-ip-chips button:hover:not(:disabled){transform:none}}@media(min-width:521px){.office-ip-chips button{grid-column:4}}.office-security-page .profile-page-heading>p{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:color-mix(in srgb,var(--accent) 76%,var(--muted));font-size:9px;font-weight:700;letter-spacing:.04em}.office-security-page .profile-page-heading>p:before{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);content:"";animation:office-security-office-dot 2.8s ease-in-out infinite}.office-security-page .profile-page-heading h1{margin:0;font-size:clamp(31px,3.2vw,42px);line-height:1.08}.office-security-page .profile-page-heading h1 span{display:inline-block;margin-left:2px;color:var(--accent);text-shadow:0 5px 15px color-mix(in srgb,var(--accent) 24%,transparent)}.office-security-page .profile-page-heading>small{display:block;margin-top:10px;color:var(--muted);font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:11px;line-height:1.55}@keyframes office-security-office-dot{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 2%,transparent)}}@media(max-width:520px){.office-security-page .profile-page-heading h1{font-size:30px}.office-security-page .profile-page-heading>small{font-size:10px}}@media(prefers-reduced-motion:reduce){.office-security-page .profile-page-heading>p:before{animation:none}}.auth-page{grid-template-columns:minmax(0,64.7fr) minmax(0,35.3fr)}.auth-story{padding:clamp(26px,4vh,38px) clamp(32px,3.35vw,64px) 24px}.auth-story:before{z-index:-3;background-position:center 53%;filter:saturate(.92) contrast(1.02)}.auth-story-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 53%;pointer-events:none;filter:saturate(.92) contrast(1.02)}.auth-story:after{background:linear-gradient(90deg,#06142bb3 0%,#08192d55 35%,transparent 72%),linear-gradient(0deg,#0714299c,transparent 33%,#0b1e4433 80%)}.auth-story-header{display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:2}.auth-brand{font-size:clamp(18px,1.45vw,25px);gap:16px;white-space:nowrap}.auth-brand-symbol{width:47px;height:49px;border-radius:13px;background:linear-gradient(145deg,#24539ecc,#16346acf);box-shadow:inset 0 1px #b1d1ff30,0 10px 22px #02091630}.auth-connection-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #92b4df66;border-radius:50px;font-size:12px;white-space:nowrap;background:#21437433;color:#d5e4fa;box-shadow:inset 0 1px #b9d6ff14,0 0 24px #5b9bf011;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-connection-badge .material-symbols-outlined{color:#68e0c3;font-size:19px}.auth-story-copy{margin-top:clamp(34px,7.2vh,76px);z-index:1}.auth-kicker{color:#7aabf8;letter-spacing:4px;font-size:10px;font-weight:500}.auth-kicker>span{display:none}.auth-story-copy h1{font-size:clamp(34px,3.14vw,59px);line-height:1.08;letter-spacing:-1.9px;margin:18px 0 24px;font-weight:700;text-shadow:0 4px 24px #020d2433}.auth-story-copy h1>span{background:linear-gradient(100deg,#c3daff,#689fff 74%,#4686ff);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-story-copy p{font-size:clamp(14px,1.14vw,20px);max-width:360px;line-height:1.5;color:#b7cae8}.auth-features{margin-top:clamp(23px,3.7vh,36px);gap:17px;padding:0;max-width:350px;z-index:1}.auth-feature{gap:22px}.auth-feature-icon{height:59px;width:59px;border-radius:17px;background:linear-gradient(150deg,#1e549bbb,#10294fbb);box-shadow:inset 0 1px #b3d5ff2b,0 12px 26px #030c202e;transition:transform .25s,box-shadow .25s}.auth-feature:hover .auth-feature-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:inset 0 1px #b3d5ff44,0 14px 30px #030c2059}.auth-feature:nth-child(1) .auth-feature-icon{background:linear-gradient(145deg,#236e7480,#0c3b4eaa);color:#82f2e4;border-color:#4ecccc77}.auth-feature:nth-child(2) .auth-feature-icon{background:linear-gradient(145deg,#5544a5b3,#211e62b3);color:#c8baff;border-color:#a08cff77}.auth-feature-icon .material-symbols-outlined{font-size:29px}.auth-feature strong{color:#f0f5ff;font-size:16px}.auth-feature p{font-size:14px;color:#afc5e7;margin-top:3px}.auth-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.auth-ambient span{position:absolute;width:640px;height:220px;top:-80px;right:-200px;border:1px solid #5c8eff30;border-radius:50%;transform:rotate(25deg);box-shadow:0 0 60px #3b6ff21c;animation:auth-orbit-glow 12s ease-in-out infinite alternate}.auth-ambient span:nth-child(2){top:-120px;right:-110px;width:780px;height:240px;animation-delay:-6s}.auth-ambient span:nth-child(3){top:30%;right:7%;width:15px;height:15px;border:0;background:#a3caff;box-shadow:0 0 60px 22px #4d89fc38;filter:blur(6px)}.auth-scene-cards{position:absolute;inset:0;pointer-events:none;z-index:1}.auth-scene-card{position:absolute;display:flex;align-items:flex-start;gap:11px;width:192px;padding:15px 14px;border:1px solid #c2d9ff35;border-radius:23px;color:#eef4ff;background:linear-gradient(135deg,#213e6abd,#0c192da8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #dcf0ff20,0 15px 35px #01071745;animation:auth-card-float 7s ease-in-out infinite}.auth-scene-card-icon{flex-shrink:0;display:grid;place-items:center;width:42px;height:44px;color:#a6caff;background:linear-gradient(145deg,#3d78d35c,#163c7555);border-radius:13px;text-shadow:0 0 12px #79a5ff55}.auth-scene-card-icon .material-symbols-outlined{font-size:29px}.auth-scene-card strong{display:block;font-size:12px;line-height:1.4;font-weight:600}.auth-scene-card p{margin:6px 0 0;font-size:10px;line-height:1.5;color:#b4c8e9}.auth-scene-card--access{left:51%;top:21%}.auth-scene-card--devices{right:2%;top:34%;animation-delay:-2.5s}.auth-scene-card--messages{left:43%;top:53%;animation-delay:-4.5s}.auth-scene-card--live{left:41%;top:39%;animation-delay:-1.2s}.auth-scene-card--live .auth-scene-card-icon{color:#7ce7ce;background:linear-gradient(145deg,#2ba88c55,#124c5f55)}.auth-workspace-note{position:absolute;bottom:16%;left:43%;display:flex;align-items:center;gap:13px;max-width:365px;padding:14px 18px;border:1px solid #bdd6ff40;border-radius:24px;background:linear-gradient(120deg,#243c59bf,#0e1b31bf);color:#e3edfc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff15,0 10px 28px #02091938}.auth-workspace-note>.material-symbols-outlined{color:#a0c8ff;font-size:34px}.auth-workspace-note strong{display:block;font-size:12px;font-weight:500;line-height:1.5}.auth-workspace-note>div>span{display:block;font-size:11px;margin:4px 0 0;color:#aabedc}.auth-waveform{display:flex;align-items:center;gap:3px;height:28px;margin-left:9px}.auth-waveform span{width:3px;height:12px;background:#73abff;border-radius:4px;animation:auth-wave 1.6s ease-in-out infinite alternate}.auth-waveform span:nth-child(2n){height:24px;animation-delay:-.9s}.auth-waveform span:nth-child(3n){height:18px;animation-delay:-.4s}.auth-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;flex-shrink:0;padding:17px 12px;margin:auto -15px 0;border:1px solid #a7c5f32e;border-radius:25px;background:linear-gradient(110deg,#2a4269a8,#0c182bbd);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:inset 0 1px #e2eeff18,0 12px 30px #040d222e}.auth-capabilities>div{display:flex;align-items:center;gap:13px;padding:0 20px}.auth-capabilities>div+div{border-left:1px solid #9bb8e22e}.auth-capability-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;color:#a8caff;background:#2c5eb836;border-radius:14px}.auth-capability-icon .material-symbols-outlined{font-size:28px}.auth-capabilities>div:nth-child(2) .auth-capability-icon{background:#34b6a52b;color:#8be3d5}.auth-capabilities strong{display:block;font-size:17px;font-weight:600;line-height:1.4}.auth-capabilities>div>div>span{display:block;color:#adc2df;font-size:11px;margin:3px 0 0;line-height:1.4}.auth-entry{position:relative;isolation:isolate;overflow:hidden;padding:32px clamp(30px,3.05vw,58px) 18px;gap:8px;background:radial-gradient(ellipse at 100% 110%,#eaf3ff 0%,transparent 45%),var(--card)}.auth-entry:before,.auth-entry:after{content:"";position:absolute;pointer-events:none;z-index:-1;width:700px;height:850px;bottom:-130px;right:-70px;border:38px solid #dfeaff36;border-radius:50%;transform:rotate(45deg)}.auth-entry:after{bottom:-245px;right:-180px;opacity:.65}.auth-entry-top{min-height:45px}.auth-entry-top .theme-toggle{padding:3px;background:color-mix(in srgb,var(--surface-alt) 70%,transparent);border-color:color-mix(in srgb,var(--accent) 13%,var(--border))}.auth-entry-top .theme-toggle button{width:48px;height:40px}.auth-entry-top .theme-toggle .material-symbols-outlined{font-size:24px}.auth-form-area{max-width:490px;padding:14px 0}.auth-welcome-icon{width:73px;height:73px;border:0;border-radius:19px;margin-bottom:24px;color:#355dff;background:linear-gradient(140deg,#eff1ff,#f0f4ff)}.auth-welcome-icon .material-symbols-outlined{font-size:47px}.auth-form-area h2{font-size:clamp(31px,2.48vw,44px);font-weight:700;margin:0 0 9px;letter-spacing:-1.25px;color:#121e3b}.auth-form-description{font-size:clamp(14px,1.07vw,19px);line-height:1.5;margin:0 0 28px;color:#788aad}.auth-form>label{font-size:14px;margin-bottom:8px;color:#182640}.auth-form .auth-input-wrap>input{height:55px;font-size:15px;padding-left:56px;background:#f3f6fb;border-color:#d7e0f1;border-radius:11px}.auth-form .auth-input-wrap>input:focus{border-color:#648bff;background:#f9fbff;box-shadow:0 0 0 3px #4d7dff12}.auth-form .auth-input-wrap>.material-symbols-outlined{left:20px;font-size:25px;color:#7386a9}.auth-form .auth-reveal{right:11px;color:#7386a9}.auth-form .auth-reveal .material-symbols-outlined{font-size:24px}.auth-form>.auth-input-wrap{margin-bottom:18px}.auth-form-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 19px;font-size:13px}.auth-form-options label{display:inline-flex;flex-direction:row;align-items:center;gap:9px;cursor:pointer;color:var(--muted);white-space:nowrap;font-size:inherit}.auth-remember{position:relative;padding:5px 9px 5px 5px;border-radius:10px;transition:color .2s,background .2s}.auth-remember:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 7%,transparent)}.auth-remember input[type=checkbox]{position:absolute;left:5px;width:22px;height:22px;margin:0;opacity:0;z-index:2;cursor:pointer}.auth-checkmark{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #c4cee0;border-radius:7px;background:linear-gradient(145deg,#fff,#eef3fb);box-shadow:inset 0 1px #fff,0 2px 6px #1d3f7610;transition:border-color .2s,background .2s,box-shadow .2s,transform .18s;pointer-events:none}.auth-checkmark .material-symbols-outlined{color:#fff;font-size:16px;font-weight:700;opacity:0;transform:scale(.45) rotate(-18deg);transition:opacity .16s,transform .2s}.auth-remember input:checked+.auth-checkmark{border-color:#3158f4;background:linear-gradient(145deg,#4b8dff,#304cf5);box-shadow:inset 0 1px #a9c7ff66,0 5px 13px #315cf43d;transform:scale(1.03)}.auth-remember input:checked+.auth-checkmark .material-symbols-outlined{opacity:1;transform:scale(1) rotate(0)}.auth-remember input:focus-visible+.auth-checkmark{outline:3px solid #6f99fc55;outline-offset:3px}.auth-remember input:disabled~span{opacity:.55;cursor:wait}.auth-form-options a,.auth-access-note a{color:#3b64ef;text-decoration:none}.auth-form-options a:hover,.auth-access-note a:hover{text-decoration:underline;text-underline-offset:4px}.auth-form>.auth-submit{position:relative;isolation:isolate;overflow:hidden;height:58px;margin-top:0;border:1px solid #739dff55;border-radius:14px;font-size:16px;letter-spacing:.1px;gap:0;background:linear-gradient(108deg,#4898ff,#396dfb 52%,#3d4df7);box-shadow:none;transition:transform .2s,filter .2s,border-color .2s}.auth-form>.auth-submit:before{content:"";position:absolute;z-index:-1;width:42%;height:240%;top:-70%;left:-55%;background:linear-gradient(90deg,transparent,#ffffff42,transparent);transform:rotate(18deg);transition:left .6s ease}.auth-form>.auth-submit>span:first-child{position:relative;z-index:1}.auth-form>.auth-submit:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);border-color:#a8c3ff80;box-shadow:none}.auth-form>.auth-submit:hover:not(:disabled):before{left:115%}.auth-form>.auth-submit:active:not(:disabled){transform:translateY(0) scale(.995);box-shadow:none}.auth-form>.auth-submit:disabled{filter:saturate(.62);box-shadow:none}.auth-divider{display:flex;align-items:center;gap:14px;margin:21px 0;color:#8a9bb8;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#c7d2e4)}.auth-divider:after{background:linear-gradient(90deg,#c7d2e4,transparent)}.auth-divider>span{min-width:38px;padding:4px 8px;border:1px solid #dfe6f1;border-radius:99px;background:color-mix(in srgb,var(--card) 88%,transparent);text-align:center;line-height:1}.auth-create-account{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:51px;padding:10px 14px;border:1px solid #9db8ff;border-radius:11px;color:#2d4585;text-decoration:none;font-size:14px;font-weight:600;background:#fff4;transition:background .2s,border-color .2s,transform .2s}.auth-create-account .material-symbols-outlined{font-size:23px}.auth-create-account .material-symbols-outlined:last-child{font-size:18px;margin-left:4px;color:#637fc2}.auth-create-account:hover{background:#eaf1ff;color:#2544a1;border-color:#658dfa;transform:translateY(-1px)}.auth-entry-bottom{justify-content:center;font-size:9px;opacity:.7}.auth-entry-bottom span:last-child{display:none}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:3px solid #6f99fc;outline-offset:4px}[data-theme=dark] .auth-entry{background:radial-gradient(ellipse at 100% 110%,#243654 0%,transparent 50%),#151f31}[data-theme=dark] .auth-entry:before,[data-theme=dark] .auth-entry:after{border-color:#536a9930}[data-theme=dark] .auth-form-area h2,[data-theme=dark] .auth-form>label{color:#eef3ff}[data-theme=dark] .auth-form-description{color:#a6b7d2}[data-theme=dark] .auth-form .auth-input-wrap>input{background:#202d43;border-color:#3b4b67}[data-theme=dark] .auth-form .auth-input-wrap>input:focus{background:#23324d;border-color:#7698ff}[data-theme=dark] .auth-create-account{background:#2437544d;color:#c5d5ff;border-color:#5673b3}[data-theme=dark] .auth-create-account:hover{background:#2c4264}[data-theme=dark] .auth-form-options a{color:#9cbbff}[data-theme=dark] .auth-checkmark{border-color:#4b5e7e;background:linear-gradient(145deg,#263650,#1c293e);box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .auth-remember input:checked+.auth-checkmark{border-color:#7398ff;background:linear-gradient(145deg,#5d96ff,#455cf6)}[data-theme=dark] .auth-divider{color:#8394af}[data-theme=dark] .auth-divider:before{background:linear-gradient(90deg,transparent,#445673)}[data-theme=dark] .auth-divider:after{background:linear-gradient(90deg,#445673,transparent)}[data-theme=dark] .auth-divider>span{border-color:#354760;background:#182437}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#374763}@keyframes auth-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes auth-orbit-glow{0%{opacity:.45;transform:translateY(0) rotate(25deg)}to{opacity:.9;transform:translateY(20px) rotate(28deg)}}@keyframes auth-wave{0%{transform:scaleY(.5);opacity:.6}to{transform:scaleY(1);opacity:1}}@media(max-width:1540px){.auth-connection-badge{display:none}.auth-scene-card{width:165px;gap:9px;padding:12px;border-radius:19px}.auth-scene-card strong{font-size:11px}.auth-scene-card-icon{width:34px;height:36px}.auth-scene-card-icon .material-symbols-outlined{font-size:24px}}@media(max-width:1250px){.auth-page{grid-template-columns:minmax(0,58fr) minmax(0,42fr)}.auth-story{padding-left:32px;padding-right:32px}.auth-story-header{gap:15px}.auth-brand{gap:10px;font-size:18px}.auth-brand-symbol{width:37px;height:39px}.auth-kicker{font-size:9px;letter-spacing:2.5px}.auth-story-copy h1{font-size:clamp(30px,3.35vw,42px)}.auth-story-copy p{max-width:285px;font-size:14px}.auth-features{gap:15px}.auth-feature{gap:14px}.auth-feature-icon{width:48px;height:48px;border-radius:14px}.auth-feature strong{font-size:14px}.auth-feature p{font-size:12px}.auth-scene-card--access{display:none}.auth-scene-card--devices{top:42%}.auth-scene-card--messages{top:60%;left:auto;right:7%}.auth-scene-card--live,.auth-workspace-note{display:none}.auth-capabilities{padding:14px 5px;border-radius:19px}.auth-capabilities>div{padding:0 10px;gap:8px}.auth-capability-icon{width:34px;height:38px;border-radius:10px}.auth-capability-icon .material-symbols-outlined{font-size:23px}.auth-capabilities strong{font-size:12px}.auth-capabilities>div>div>span{font-size:9px}.auth-entry{padding-left:34px;padding-right:34px}}@media(max-height:820px)and (min-width:851px){.auth-story{padding-top:25px;padding-bottom:19px}.auth-story-copy{margin-top:35px}.auth-story-copy h1{font-size:clamp(32px,3.05vw,48px);margin:15px 0 18px}.auth-story-copy p{font-size:14px;max-width:310px}.auth-kicker{font-size:9px;letter-spacing:3px}.auth-features{margin-top:26px;gap:14px;padding:0}.auth-feature-icon{width:46px;height:46px;border-radius:13px}.auth-feature-icon .material-symbols-outlined{font-size:26px}.auth-feature strong{font-size:14px}.auth-feature p{font-size:12px}.auth-capabilities{padding-top:12px;padding-bottom:12px}.auth-capability-icon{width:40px;height:40px}.auth-capability-icon .material-symbols-outlined{font-size:25px}.auth-capabilities strong{font-size:14px}.auth-capabilities>div>div>span{font-size:10px}.auth-workspace-note{bottom:17%;padding:11px 14px}.auth-workspace-note>div>span{font-size:10px}.auth-entry{padding-top:20px;padding-bottom:12px;gap:6px}.auth-entry-top{min-height:38px}.auth-entry-top .theme-toggle button{height:34px;width:43px}.auth-form-area{padding:4px 0}.auth-welcome-icon{width:51px;height:51px;border-radius:14px;margin-bottom:17px}.auth-welcome-icon .material-symbols-outlined{font-size:35px}.auth-form-area h2{font-size:31px;margin-bottom:8px}.auth-form-description{font-size:13px;margin-bottom:22px}.auth-form>label{font-size:12px;margin-bottom:7px}.auth-form .auth-input-wrap>input{height:49px;font-size:14px}.auth-form>.auth-input-wrap{margin-bottom:15px}.auth-form-options{font-size:11px;margin-bottom:16px}.auth-checkmark{width:19px;height:19px;border-radius:6px}.auth-form>.auth-submit{height:49px;font-size:15px}.auth-divider{margin:15px 0;font-size:11px}.auth-create-account{min-height:46px;font-size:13px}}@media(max-width:1000px)and (min-width:851px){.auth-scene-cards{display:none}.auth-capabilities>div>div>span{display:none}.auth-capabilities>div{flex-direction:column;gap:7px}.auth-entry{padding-left:25px;padding-right:25px}}@media(max-width:850px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-entry{padding:22px 30px 16px;gap:12px}.auth-form-area{max-width:430px;padding:16px 0}.auth-mobile-brand{font-size:16px}.auth-welcome-icon{width:59px;height:59px;border-radius:16px;margin-bottom:20px}.auth-welcome-icon .material-symbols-outlined{font-size:38px}.auth-form-area h2{font-size:34px}.auth-form-description{font-size:14px;margin-bottom:25px}.auth-form .auth-input-wrap>input{height:53px;font-size:16px}.auth-form-options{font-size:12px}.auth-create-account{min-height:50px}}@media(max-height:650px)and (min-width:851px){.auth-story-copy{margin-top:24px}.auth-story-copy h1{font-size:32px;margin:12px 0}.auth-story-copy p{font-size:12px}.auth-features{gap:10px;margin-top:18px}.auth-feature-icon{width:34px;height:34px;border-radius:10px}.auth-feature strong{font-size:12px}.auth-feature p{font-size:10px}.auth-scene-card--access,.auth-workspace-note{display:none}.auth-capabilities{padding:10px 8px}.auth-capability-icon{width:32px;height:32px}.auth-form-area{padding:5px 0}.auth-welcome-icon{display:none}.auth-form-description{margin-bottom:15px}}@media(max-width:480px){.auth-entry{padding-left:22px;padding-right:22px}.auth-mobile-brand{font-size:14px;gap:5px}.auth-entry-top .theme-toggle button{width:39px;height:35px}.auth-entry-top .theme-toggle .material-symbols-outlined{font-size:22px}}@media(max-width:850px)and (max-height:700px){.auth-entry{padding:12px 20px 10px;gap:4px}.auth-entry-top{min-height:35px}.auth-form-area{padding:5px 0}.auth-welcome-icon{width:36px;height:36px;border-radius:10px;margin-bottom:10px}.auth-welcome-icon .material-symbols-outlined{font-size:27px}.auth-form-area h2{font-size:27px;margin-bottom:7px}.auth-form-description{font-size:12px;margin-bottom:16px;line-height:1.5}.auth-form>label{font-size:12px;margin-bottom:6px}.auth-form .auth-input-wrap>input{height:44px;padding-left:45px}.auth-form .auth-input-wrap>.material-symbols-outlined{left:14px;font-size:22px}.auth-form>.auth-input-wrap{margin-bottom:12px}.auth-form-options{margin:0 0 12px;font-size:11px}.auth-form-options label{gap:7px}.auth-checkmark{width:18px;height:18px;border-radius:6px}.auth-form>.auth-submit{height:44px;font-size:14px}.auth-divider{margin:12px 0;font-size:11px}.auth-create-account{min-height:43px;padding:8px 12px;font-size:12px}.auth-entry-bottom{font-size:8px}}@media(max-width:850px)and (max-height:590px){.auth-welcome-icon{display:none}.auth-form-description{margin-bottom:13px}.auth-entry-top .theme-toggle button{height:30px;width:35px}}@media(prefers-reduced-motion:reduce){.auth-story-video{display:none}.auth-story:before,.auth-ambient,.auth-ambient span,.auth-scene-card,.auth-waveform span{animation:none}.auth-page *,.auth-page *:before,.auth-page *:after{transition:none;scroll-behavior:auto}}.profile-layout--analytics{grid-template-columns:265px minmax(0,1fr);gap:20px}.profile-layout--analytics>.profile-identity{position:sticky;top:20px}.profile-call-analytics{display:grid;gap:14px;min-width:0}.profile-analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.profile-analytics-heading>div{display:flex;align-items:center;gap:11px;min-width:0}.profile-analytics-heading>div>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.profile-analytics-heading>div>span .material-symbols-outlined{font-size:20px}.profile-analytics-heading h2{margin:0;color:var(--text);font-size:16px;font-weight:650;letter-spacing:-.02em}.profile-analytics-heading p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.profile-analytics-heading>span{flex:0 0 auto;padding:6px 9px;border-radius:99px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:650}.profile-call-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-call-metrics article{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--card);box-shadow:var(--shadow)}.profile-call-metrics article>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;color:var(--muted);background:var(--surface-alt)}.profile-call-metrics article.accent>span{color:var(--green);background:var(--green-soft)}.profile-call-metrics article>span .material-symbols-outlined{font-size:18px}.profile-call-metrics article>div{display:grid;gap:4px;min-width:0}.profile-call-metrics small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-call-metrics strong{color:var(--text);font-size:15px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-calls-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:300px;padding:35px;text-align:center;border:1px dashed var(--border);border-radius:14px;background:var(--card)}.profile-calls-empty>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;color:var(--accent);background:var(--accent-soft)}.profile-calls-empty>span .material-symbols-outlined{font-size:29px}.profile-calls-empty h3{margin:17px 0 7px;font-size:16px}.profile-calls-empty p{max-width:420px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.profile-stats-loading,.profile-stats-error{display:flex;align-items:center;justify-content:center;gap:10px;min-height:260px;padding:30px;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:var(--card);font-size:11px}.profile-stats-loading>.material-symbols-outlined{color:var(--accent);animation:fleet-spin 1.6s linear infinite}.profile-stats-error{justify-content:flex-start;min-height:100px;color:var(--red)}.profile-stats-error>div{display:grid;gap:4px}.profile-stats-error span{color:var(--muted)}.profile-call-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:14px}.profile-activity-chart,.profile-call-breakdown,.profile-call-list{min-width:0;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.profile-activity-chart>header,.profile-call-breakdown>header,.profile-call-list>header{display:flex;align-items:center;justify-content:space-between;gap:13px}.profile-activity-chart h3,.profile-call-breakdown h3,.profile-call-list h3{margin:0;color:var(--text);font-size:12px;font-weight:650}.profile-activity-chart header p,.profile-call-list header p{margin:4px 0 0;color:var(--muted);font-size:9px}.profile-activity-chart header>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.profile-activity-chart header>span .material-symbols-outlined{font-size:18px}.profile-chart-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:172px;margin-top:18px}.profile-chart-bars>div{display:grid;grid-template-rows:17px minmax(0,1fr) 16px;align-items:end;gap:5px;text-align:center}.profile-chart-bars strong{color:var(--text);font-size:8px;font-weight:650}.profile-chart-bars>div>span{display:flex;align-items:flex-end;justify-content:center;height:100%;overflow:hidden;border-radius:6px;background:var(--surface-alt)}.profile-chart-bars i{display:block;width:100%;min-height:4px;border-radius:6px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#765cff));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 18%,transparent);transition:height .35s ease}.profile-chart-bars small{color:var(--muted);font-size:8px;text-transform:capitalize}.profile-call-breakdown>header>span{padding:5px 7px;border-radius:99px;color:var(--green);background:var(--green-soft);font-size:8px}.profile-direction-ring{display:grid;place-items:center;width:112px;height:112px;margin:17px auto;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--outgoing),var(--green) var(--outgoing) 360deg);position:relative}.profile-direction-ring:after{position:absolute;inset:10px;border-radius:50%;content:"";background:var(--card)}.profile-direction-ring>div{position:relative;z-index:1;display:grid;text-align:center}.profile-direction-ring strong{font-size:22px;line-height:1}.profile-direction-ring small{margin-top:4px;color:var(--muted);font-size:8px}.profile-call-breakdown dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.profile-call-breakdown dl>div{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:8px;border-radius:8px;background:var(--surface-alt)}.profile-call-breakdown dt{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;white-space:nowrap}.profile-call-breakdown dt i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.profile-call-breakdown dt i.outgoing{background:var(--accent)}.profile-call-breakdown dt i.incoming{background:var(--green)}.profile-call-breakdown dt i.missed{background:var(--red)}.profile-call-breakdown dt i.longest{background:var(--warning)}.profile-call-breakdown dd{margin:0;color:var(--text);font-size:9px;font-weight:650;white-space:nowrap}.profile-call-lists{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:14px}.profile-call-list>header{padding-bottom:13px;border-bottom:1px solid var(--border)}.profile-call-list>header>.material-symbols-outlined{color:var(--accent);font-size:20px}.profile-call-list>div{display:grid}.profile-call-list article{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 0;border-bottom:1px solid var(--border)}.profile-call-list article:last-child{border-bottom:0;padding-bottom:0}.profile-call-list article>span:first-child{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:700}.profile-call-list article>div{display:grid;gap:3px;min-width:0}.profile-call-list article strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-call-list article small{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-call-list article>b{margin-left:auto;padding:4px 7px;border-radius:99px;color:var(--accent);background:var(--accent-soft);font-size:9px}.profile-recent-calls article>span.call-direction{color:var(--green);background:var(--green-soft)}.profile-recent-calls article>span.call-direction.missed,.profile-recent-calls article>span.call-direction.cancelled,.profile-recent-calls article>span.call-direction.interrupted{color:var(--red);background:var(--red-soft)}.profile-recent-calls .call-direction .material-symbols-outlined{font-size:15px}.profile-recent-calls article>p{display:grid;gap:3px;margin:0 0 0 auto;text-align:right}.profile-recent-calls article>p b{font-size:9px;white-space:nowrap}.profile-recent-calls article>p small{font-size:8px}.profile-recent-calls>div{max-height:315px;overflow:auto;padding-right:4px;scrollbar-width:thin}@media(max-width:1100px){.profile-layout--analytics{grid-template-columns:1fr}.profile-layout--analytics>.profile-identity{position:static}.profile-call-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.profile-call-overview,.profile-call-lists{grid-template-columns:1fr}}@media(max-width:480px){.profile-analytics-heading{align-items:flex-start;flex-direction:column}.profile-call-metrics{grid-template-columns:1fr 1fr}.profile-call-metrics article{align-items:flex-start;flex-direction:column}.profile-call-breakdown dl{grid-template-columns:1fr}.profile-recent-calls article>p{display:none}.profile-chart-bars{gap:4px}.profile-activity-chart,.profile-call-breakdown,.profile-call-list{padding:15px}}.profile-overview-card{overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--card);box-shadow:0 10px 30px #18294e0f}.profile-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid var(--border)}.profile-overview-heading>div:first-child{min-width:0}.profile-overview-heading>div:first-child>span{display:block;margin-bottom:4px;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.12em}.profile-overview-heading h2{margin:0;color:var(--text);font:680 16px/1.2 Segoe UI Variable Display,Segoe UI,sans-serif;letter-spacing:-.02em}.profile-overview-heading p{margin:4px 0 0;color:var(--muted);font-size:9px}.profile-period-switch{display:inline-flex;flex:0 0 auto;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.profile-period-switch button{min-height:30px;padding:5px 10px;border:0;border-radius:7px;color:var(--muted);background:transparent;box-shadow:none;font-size:8px}.profile-period-switch button:hover:not(:disabled){transform:none;color:var(--text);border-color:transparent;box-shadow:none}.profile-period-switch button.active{color:var(--accent);background:var(--card);box-shadow:0 3px 10px #14264c14}.profile-overview-card .profile-call-metrics{gap:0;margin:0}.profile-overview-card .profile-call-metrics article{position:relative;min-height:86px;padding:15px 16px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;opacity:0;animation:profile-reveal .48s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms) forwards}.profile-overview-card .profile-call-metrics article:last-child{border-right:0}.profile-overview-card .profile-call-metrics article>span{width:32px;height:32px;color:var(--accent);background:var(--accent-soft)}.profile-overview-card .profile-call-metrics small{font-size:8px}.profile-overview-card .profile-call-metrics strong{font-size:18px;letter-spacing:-.025em}.profile-call-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-insight-card{position:relative;min-height:136px;padding:17px;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--card);box-shadow:var(--shadow)}.profile-insight-card>header{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profile-insight-card h3{margin:0;color:var(--text);font-size:11px;font-weight:650}.profile-insight-card header p{margin:4px 0 0;color:var(--muted);font-size:8px}.profile-insight-card header>.material-symbols-outlined{color:var(--muted);font-size:17px}.profile-insight-value{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:17px}.profile-insight-value strong{font-size:23px;line-height:1;letter-spacing:-.04em}.profile-insight-value span{padding:4px 6px;border-radius:99px;color:var(--green);background:var(--green-soft);font-size:8px;font-weight:650}.profile-insight-card svg{position:absolute;right:13px;bottom:12px;width:42%;height:45px;overflow:visible}.profile-insight-card svg polyline{fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 7px color-mix(in srgb,var(--green) 24%,transparent));stroke-dasharray:180;stroke-dashoffset:180;animation:profile-line-draw .9s ease .65s forwards}.profile-mini-bars{position:absolute;right:16px;bottom:15px;display:flex;align-items:flex-end;gap:4px;width:42%;height:42px}.profile-mini-bars i{display:block;flex:1;height:var(--bar-size);min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#765cff));transform:scaleY(0);transform-origin:bottom;animation:profile-bar-grow .55s cubic-bezier(.2,.8,.3,1) var(--bar-delay) forwards}.profile-activity-chart,.profile-call-breakdown,.profile-call-list{border-radius:16px;box-shadow:0 10px 28px #18294e0f}.profile-activity-chart{position:relative;overflow:hidden}.profile-activity-chart:after{position:absolute;right:-55px;bottom:-75px;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;content:"";pointer-events:none}.profile-chart-legend{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-bottom:11px;border-bottom:1px solid var(--border)}.profile-chart-legend span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.profile-chart-legend span i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.profile-chart-legend b{color:var(--muted);font-size:8px;font-weight:650}.profile-chart-bars{position:relative;z-index:1;height:180px;margin-top:13px}.profile-chart-bars i{transform:scaleY(0);transform-origin:bottom;animation:profile-bar-grow .65s cubic-bezier(.18,.8,.3,1) var(--bar-delay,0ms) forwards}.profile-direction-ring{opacity:0;transform:scale(.72) rotate(-20deg);animation:profile-ring-in .65s cubic-bezier(.2,.8,.25,1) .72s forwards}.profile-reveal{opacity:0;transform:translateY(13px);animation:profile-reveal .52s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms) forwards}.profile-layout--analytics>.profile-identity{opacity:0;animation:profile-reveal .5s cubic-bezier(.2,.75,.25,1) 40ms forwards}@keyframes profile-reveal{to{opacity:1;transform:translateY(0)}}@keyframes profile-bar-grow{to{transform:scaleY(1)}}@keyframes profile-line-draw{to{stroke-dashoffset:0}}@keyframes profile-ring-in{to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:1100px){.profile-overview-card .profile-call-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-overview-card .profile-call-metrics article:nth-child(2){border-right:0}.profile-overview-card .profile-call-metrics article:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:760px){.profile-call-insights{grid-template-columns:1fr}.profile-overview-heading{align-items:flex-start}.profile-overview-card .profile-call-metrics article{min-height:80px}}@media(max-width:480px){.profile-overview-heading{align-items:stretch;flex-direction:column}.profile-period-switch{align-self:flex-start}.profile-overview-card .profile-call-metrics article{align-items:center;flex-direction:row;padding:12px}.profile-overview-card .profile-call-metrics strong{font-size:15px}.profile-insight-card{min-height:128px}}.profile-call-breakdown{position:relative;isolation:isolate;overflow:hidden;padding:20px;background:linear-gradient(145deg,var(--card) 0%,color-mix(in srgb,var(--card) 94%,var(--accent)) 100%)}.profile-call-breakdown:before{position:absolute;z-index:-1;top:-95px;right:-85px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);content:"";pointer-events:none}.profile-call-breakdown>header{position:relative;z-index:2;align-items:flex-start}.profile-call-breakdown>header>div>span{display:block;margin-bottom:5px;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.13em}.profile-call-breakdown>header h3{font-size:14px;letter-spacing:-.025em}.profile-call-breakdown>header>.profile-completion-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--green) 16%,transparent);border-radius:99px;color:var(--green);background:var(--green-soft);font-size:8px;font-weight:700;white-space:nowrap;box-shadow:0 5px 14px color-mix(in srgb,var(--green) 10%,transparent)}.profile-completion-badge .material-symbols-outlined{font-size:13px;font-variation-settings:"FILL" 1}.profile-ring-stage{position:relative;display:grid;place-items:center;width:174px;height:174px;margin:9px auto 13px}.profile-ring-stage:before,.profile-ring-stage:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%;content:"";pointer-events:none}.profile-ring-stage:before{inset:3px}.profile-ring-stage:after{inset:15px;border-style:dashed;animation:profile-orbit-rotate 16s linear infinite}.profile-ring-orbit{position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 61%,color-mix(in srgb,var(--accent) 7%,transparent) 63%,transparent 68%);animation:profile-orbit-pulse 2.8s ease-in-out infinite}.profile-ring-orbit:after{position:absolute;top:18px;right:19px;width:7px;height:7px;border:3px solid var(--card);border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent),0 0 18px color-mix(in srgb,var(--accent) 42%,transparent);content:""}.profile-call-breakdown .profile-direction-ring{position:relative;width:142px;height:142px;margin:0;background:conic-gradient(from -90deg,var(--accent) 0 var(--outgoing),var(--green) var(--outgoing) 360deg);box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 15%,transparent);opacity:0;transform:scale(.68) rotate(-55deg);animation:profile-ring-enter .9s cubic-bezier(.18,.85,.3,1) .68s forwards}.profile-call-breakdown .profile-direction-ring:before{position:absolute;inset:7px;border:1px solid color-mix(in srgb,#fff 36%,transparent);border-radius:50%;content:"";pointer-events:none}.profile-call-breakdown .profile-direction-ring:after{inset:15px;background:var(--card);box-shadow:inset 0 0 0 1px var(--border),0 5px 18px #14244612}.profile-call-breakdown .profile-direction-ring>div{gap:2px}.profile-call-breakdown .profile-direction-ring>div>.material-symbols-outlined{margin:0 auto 2px;color:var(--accent);font-size:16px}.profile-call-breakdown .profile-direction-ring strong{font-size:28px;font-weight:750;letter-spacing:-.05em}.profile-call-breakdown .profile-direction-ring small{margin:0;font-size:8px}.profile-call-breakdown .profile-breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.profile-call-breakdown .profile-breakdown-grid>div{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;min-height:50px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 84%,transparent);opacity:0;transform:translateY(8px);animation:profile-breakdown-item .44s ease var(--item-delay) forwards;transition:border-color .2s ease,transform .2s ease,background .2s ease}.profile-call-breakdown .profile-breakdown-grid>div:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--surface-alt)}.profile-call-breakdown .profile-breakdown-grid dt{display:flex;align-items:center;gap:7px;min-width:0}.profile-call-breakdown .profile-breakdown-grid dt>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:8px}.profile-call-breakdown .profile-breakdown-grid dt>span .material-symbols-outlined{font-size:14px}.profile-call-breakdown .profile-breakdown-grid dt>span.outgoing{color:var(--accent);background:var(--accent-soft)}.profile-call-breakdown .profile-breakdown-grid dt>span.incoming{color:var(--green);background:var(--green-soft)}.profile-call-breakdown .profile-breakdown-grid dt>span.missed{color:var(--red);background:var(--red-soft)}.profile-call-breakdown .profile-breakdown-grid dt>span.longest{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.profile-call-breakdown .profile-breakdown-grid dt small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.profile-call-breakdown .profile-breakdown-grid dd{flex:0 0 auto;margin:0;color:var(--text);font-size:10px;font-weight:750;white-space:nowrap}@keyframes profile-ring-enter{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes profile-orbit-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes profile-orbit-rotate{to{transform:rotate(360deg)}}@keyframes profile-breakdown-item{to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.profile-call-breakdown{padding:16px}.profile-call-breakdown>header{align-items:flex-start;gap:8px}.profile-call-breakdown>header>.profile-completion-badge{padding:5px 7px}.profile-ring-stage{width:158px;height:158px}.profile-call-breakdown .profile-direction-ring{width:130px;height:130px}.profile-call-breakdown .profile-breakdown-grid{grid-template-columns:1fr}.profile-call-breakdown .profile-breakdown-grid>div{min-height:46px}}.profile-insight-card svg .profile-spark-line{fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 4px 7px color-mix(in srgb,var(--green) 24%,transparent));stroke-dasharray:180;stroke-dashoffset:180;animation:profile-line-draw .9s ease .65s forwards}.profile-activity-chart:before{position:absolute;z-index:0;inset:0;border-radius:inherit;box-shadow:inset 0 0 54px color-mix(in srgb,var(--accent) 13%,transparent);content:"";opacity:0;pointer-events:none;animation:profile-chart-inner-reveal 1.15s ease .47s both}.profile-chart-bars{gap:12px}.profile-chart-bars>div{justify-items:center;width:100%}.profile-chart-bars>div>span{width:16px;max-width:42%;justify-self:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 7%,var(--border));border-radius:99px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 76%,transparent),var(--surface-alt));box-shadow:inset 0 8px 15px #1021440a,inset 0 -5px 10px color-mix(in srgb,var(--accent) 7%,transparent)}.profile-chart-bars i{position:relative;width:100%;border-radius:99px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#8f7bff),var(--accent));box-shadow:0 0 13px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 1px #ffffff47}.profile-chart-bars i:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 18%),transparent);content:"";opacity:0;animation:profile-chart-bar-shine .8s ease calc(var(--bar-delay,0ms) + .32s) forwards}@keyframes profile-chart-inner-reveal{0%{opacity:0;transform:scale(.985)}35%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes profile-chart-bar-shine{0%{opacity:0;transform:translateY(35%)}45%{opacity:1}to{opacity:0;transform:translateY(-35%)}}@media(max-width:600px){.profile-chart-bars{gap:6px}.profile-chart-bars>div>span{width:12px;max-width:48%}}.profile-calendar-card{min-height:390px}.profile-calendar-card>header,.profile-calendar-card>.profile-chart-legend,.profile-calendar-weekdays,.profile-call-calendar,.profile-calendar-scale{position:relative;z-index:2}.profile-calendar-card:after{right:-70px;bottom:-85px;width:220px;height:220px;animation:profile-calendar-ring 7s ease-in-out infinite}.profile-calendar-bg{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.profile-calendar-bg i{position:absolute;width:190px;height:190px;border-radius:50%;filter:blur(4px);opacity:.42;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);animation:profile-calendar-float 8s ease-in-out infinite}.profile-calendar-bg i:first-child{top:-95px;left:22%}.profile-calendar-bg i:last-child{right:-70px;bottom:-80px;width:250px;height:250px;opacity:.28;animation-delay:-3.5s;animation-direction:reverse}.profile-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:15px 0 7px}.profile-calendar-weekdays span{text-align:center;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.profile-call-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.profile-call-calendar>div{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-width:0;min-height:42px;padding:7px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 76%,transparent);box-shadow:inset 0 1px #ffffff1a;opacity:0;transform:scale(.82) translateY(5px);animation:profile-calendar-cell .4s cubic-bezier(.2,.8,.3,1) var(--cell-delay) forwards;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.profile-call-calendar>div:hover{z-index:3;transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--border));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 13%,transparent)}.profile-call-calendar time{color:var(--muted);font-size:8px;font-weight:650}.profile-call-calendar strong{align-self:flex-end;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;color:inherit;background:#ffffff29;font-size:8px;font-weight:800}.profile-call-calendar>div[data-level="1"]{color:color-mix(in srgb,var(--accent) 72%,var(--text));border-color:color-mix(in srgb,var(--accent) 14%,var(--border));background:color-mix(in srgb,var(--accent) 11%,var(--card))}.profile-call-calendar>div[data-level="2"]{color:color-mix(in srgb,var(--accent) 82%,var(--text));border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 24%,var(--card))}.profile-call-calendar>div[data-level="3"]{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 68%,#7767ff);box-shadow:0 7px 15px color-mix(in srgb,var(--accent) 18%,transparent)}.profile-call-calendar>div[data-level="4"]{color:#fff;border-color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,#8875ff),var(--accent));box-shadow:0 9px 19px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffff47}.profile-call-calendar>div[data-level="3"] time,.profile-call-calendar>div[data-level="4"] time{color:#ffffffc7}.profile-call-calendar>div.outside{opacity:0;filter:saturate(.45)}.profile-call-calendar>div.future{opacity:0;filter:saturate(.25)}.profile-call-calendar>div.today{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.profile-call-calendar>div.today:after{position:absolute;right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent);content:""}.profile-calendar-scale{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:11px;color:var(--muted);font-size:7px}.profile-calendar-scale i{width:9px;height:9px;border:1px solid var(--border);border-radius:3px;background:var(--surface-alt)}.profile-calendar-scale i[data-level="1"]{background:color-mix(in srgb,var(--accent) 11%,var(--card))}.profile-calendar-scale i[data-level="2"]{background:color-mix(in srgb,var(--accent) 24%,var(--card))}.profile-calendar-scale i[data-level="3"]{background:color-mix(in srgb,var(--accent) 68%,#7767ff)}.profile-calendar-scale i[data-level="4"]{border-color:var(--accent);background:var(--accent)}@keyframes profile-calendar-cell{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes profile-calendar-float{0%,to{transform:translate3d(-10px,-5px,0) scale(.94)}50%{transform:translate3d(18px,17px,0) scale(1.08)}}@keyframes profile-calendar-ring{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.8;transform:scale(1.06)}}@media(max-width:600px){.profile-calendar-card{min-height:350px}.profile-calendar-weekdays,.profile-call-calendar{gap:4px}.profile-call-calendar>div{min-height:36px;padding:5px;border-radius:8px}.profile-call-calendar strong{min-width:16px;height:16px;padding:0 4px;font-size:7px}.profile-calendar-scale{justify-content:center}}.profile-call-calendar>div{--cell-opacity:1}.profile-call-calendar>div.outside{--cell-opacity:.38}.profile-call-calendar>div.future{--cell-opacity:.28}@keyframes profile-calendar-cell{to{opacity:var(--cell-opacity);transform:scale(1) translateY(0)}}.profile-call-breakdown{container-type:inline-size}.profile-call-breakdown>header{display:grid;grid-template-columns:minmax(0,1fr) auto}.profile-call-breakdown>header>div{min-width:0}.profile-call-breakdown>header h3{overflow-wrap:anywhere}.profile-call-breakdown .profile-breakdown-grid>div{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-content:stretch;gap:5px;min-height:64px;padding:9px 10px}.profile-call-breakdown .profile-breakdown-grid dt{width:100%}.profile-call-breakdown .profile-breakdown-grid dt small{overflow:visible;line-height:1.25;text-overflow:clip;white-space:normal}.profile-call-breakdown .profile-breakdown-grid dd{margin-left:34px;overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis}.profile-call-breakdown .profile-breakdown-grid dt>span{position:relative;z-index:1}@container (max-width:340px){.profile-call-breakdown>header{grid-template-columns:1fr}.profile-call-breakdown>header>.profile-completion-badge{justify-self:start;margin-top:9px}.profile-ring-stage{width:min(158px,100%);height:158px}.profile-call-breakdown .profile-direction-ring{width:130px;height:130px}.profile-call-breakdown .profile-breakdown-grid{grid-template-columns:1fr 1fr}.profile-call-breakdown .profile-breakdown-grid>div{min-height:68px}.profile-call-breakdown .profile-breakdown-grid dd{margin-left:0;padding-left:34px}}@container (max-width:250px){.profile-call-breakdown .profile-breakdown-grid{grid-template-columns:1fr}.profile-call-breakdown .profile-breakdown-grid>div{min-height:58px}}@media(max-width:480px){.profile-call-breakdown .profile-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-call-breakdown .profile-breakdown-grid>div{min-height:66px}.profile-call-breakdown .profile-breakdown-grid dd{margin-left:0;padding-left:34px}}@media(max-width:340px){.profile-call-breakdown .profile-breakdown-grid{grid-template-columns:1fr}.profile-call-breakdown>header{grid-template-columns:1fr}.profile-call-breakdown>header>.profile-completion-badge{justify-self:start;margin-top:8px}}.profile-call-breakdown .profile-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-call-breakdown .profile-breakdown-grid>div{position:relative;isolation:isolate;min-height:76px;padding:10px 11px;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 90%,var(--card)),color-mix(in srgb,var(--card) 92%,var(--accent)));box-shadow:inset 0 1px #ffffff1a,0 5px 14px #17284c0a}.profile-call-breakdown .profile-breakdown-grid>div:before{position:absolute;z-index:-1;top:-27px;right:-25px;width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--metric-color,var(--accent)) 10%,transparent);content:"";transition:transform .25s ease,opacity .25s ease}.profile-call-breakdown .profile-breakdown-grid>div:after{position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:0 3px 3px 0;background:var(--metric-color,var(--accent));content:"";opacity:.75}.profile-call-breakdown .profile-breakdown-grid>div:nth-child(1){--metric-color:var(--accent)}.profile-call-breakdown .profile-breakdown-grid>div:nth-child(2){--metric-color:var(--green)}.profile-call-breakdown .profile-breakdown-grid>div:nth-child(3){--metric-color:var(--red)}.profile-call-breakdown .profile-breakdown-grid>div:nth-child(4){--metric-color:var(--warning)}.profile-call-breakdown .profile-breakdown-grid>div:hover:before{opacity:1;transform:scale(1.18)}.profile-call-breakdown .profile-breakdown-grid dt{align-items:center;min-width:0}.profile-call-breakdown .profile-breakdown-grid dt small{min-width:0;overflow-wrap:anywhere;font-size:8px;line-height:1.25}.profile-call-breakdown .profile-breakdown-grid dd{max-width:100%;margin:0;padding-left:34px;overflow:visible;font-size:10px;line-height:1.25;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}@media(max-width:380px){.profile-call-breakdown .profile-breakdown-grid{gap:6px}.profile-call-breakdown .profile-breakdown-grid>div{min-height:80px;padding:9px}.profile-call-breakdown .profile-breakdown-grid dt{align-items:flex-start;gap:6px}.profile-call-breakdown .profile-breakdown-grid dt>span{width:24px;height:24px}.profile-call-breakdown .profile-breakdown-grid dd{padding-left:30px;font-size:9px}}.profile-ring-stage:before{inset:1px;border:0;background:conic-gradient(from -35deg,var(--accent) 0 23%,transparent 23% 26%,var(--green) 26% 49%,transparent 49% 52%,var(--red) 52% 75%,transparent 75% 78%,var(--warning) 78% 97%,transparent 97% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));opacity:.72;animation:profile-ring-colours 14s linear infinite}.profile-ring-stage:after{inset:10px;border-color:color-mix(in srgb,var(--accent) 12%,transparent);animation:profile-orbit-rotate 18s linear infinite reverse}.profile-ring-orbit{animation:profile-orbit-pulse 3.2s ease-in-out infinite}.profile-ring-orbit:after{animation:profile-orbit-dot 2.2s ease-in-out infinite}.profile-call-breakdown .profile-direction-ring{background:conic-gradient(from -90deg,color-mix(in srgb,var(--accent) 82%,#9a88ff) 0 var(--outgoing),color-mix(in srgb,var(--green) 78%,#73e3c5) var(--outgoing) 360deg);box-shadow:0 16px 38px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 8px color-mix(in srgb,var(--accent) 5%,transparent);animation:profile-ring-enter 1.05s cubic-bezier(.16,.88,.25,1) .68s forwards}.profile-call-breakdown .profile-direction-ring:before{border-color:#ffffff57;box-shadow:inset 0 0 12px #ffffff1a}.profile-call-breakdown .profile-breakdown-grid>div{grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:8px;row-gap:4px}.profile-call-breakdown .profile-breakdown-grid dt{display:contents}.profile-call-breakdown .profile-breakdown-grid dt>span{grid-column:1;grid-row:1/3;align-self:center;width:27px;height:27px}.profile-call-breakdown .profile-breakdown-grid dt small{grid-column:2;grid-row:1;align-self:end;overflow:hidden;font-size:clamp(7px,2.25cqi,8px);line-height:1.15;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.profile-call-breakdown .profile-breakdown-grid dd{grid-column:2;grid-row:2;align-self:start;max-width:100%;margin:0;padding:0;overflow:hidden;font-size:clamp(9px,2.7cqi,10px);font-weight:780;line-height:1.15;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}@keyframes profile-ring-colours{to{transform:rotate(360deg)}}@keyframes profile-orbit-dot{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent),0 0 12px color-mix(in srgb,var(--accent) 28%,transparent);transform:scale(.86)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 9%,transparent),0 0 24px color-mix(in srgb,var(--accent) 52%,transparent);transform:scale(1.12)}}@media(max-width:380px){.profile-call-breakdown .profile-breakdown-grid>div{grid-template-columns:23px minmax(0,1fr);column-gap:6px;min-height:74px;padding:8px}.profile-call-breakdown .profile-breakdown-grid dt>span{width:23px;height:23px}.profile-call-breakdown .profile-breakdown-grid dt>span .material-symbols-outlined{font-size:13px}.profile-call-breakdown .profile-breakdown-grid dt small{font-size:6.8px}.profile-call-breakdown .profile-breakdown-grid dd{font-size:8.5px}}.profile-call-breakdown .profile-direction-ring{background:conic-gradient(from -90deg,color-mix(in srgb,var(--accent) 82%,#9a88ff) 0 var(--outgoing),color-mix(in srgb,var(--green) 78%,#73e3c5) var(--outgoing) var(--incoming-end),color-mix(in srgb,var(--red) 82%,#ff7684) var(--incoming-end) 360deg)}.profile-insight-card{--insight-color:var(--accent);--insight-soft:var(--accent-soft);min-height:174px;padding:19px;overflow:hidden;border-color:color-mix(in srgb,var(--insight-color) 16%,var(--border));background:linear-gradient(145deg,var(--card) 8%,color-mix(in srgb,var(--card) 91%,var(--insight-color)) 100%);box-shadow:0 13px 32px #12244912,inset 0 1px #ffffff17;transition:transform .3s cubic-bezier(.2,.8,.3,1),border-color .3s ease,box-shadow .3s ease}.profile-insight-card--success{--insight-color:var(--green);--insight-soft:var(--green-soft)}.profile-insight-card--activity{--insight-color:var(--accent);--insight-soft:var(--accent-soft)}.profile-insight-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--insight-color) 34%,var(--border));box-shadow:0 19px 40px color-mix(in srgb,var(--insight-color) 12%,transparent),inset 0 1px #ffffff1f}.profile-insight-card:before{position:absolute;z-index:0;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--insight-color) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--insight-color) 5%,transparent) 1px,transparent 1px);background-size:22px 22px;content:"";opacity:.35;pointer-events:none;-webkit-mask-image:linear-gradient(110deg,transparent 8%,#000 58%,transparent 96%);mask-image:linear-gradient(110deg,transparent 8%,#000 58%,transparent 96%);animation:profile-insight-grid 12s linear infinite}.profile-insight-aura{position:absolute;z-index:0;right:-52px;bottom:-76px;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--insight-color) 14%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--insight-color) 16%,transparent),transparent 66%);box-shadow:0 0 42px color-mix(in srgb,var(--insight-color) 7%,transparent);animation:profile-insight-aura 6s ease-in-out infinite;pointer-events:none}.profile-insight-aura:before,.profile-insight-aura:after{position:absolute;border:1px solid color-mix(in srgb,var(--insight-color) 11%,transparent);border-radius:50%;content:""}.profile-insight-aura:before{inset:18px}.profile-insight-aura:after{inset:38px}.profile-insight-card>header{position:relative;z-index:2;align-items:center}.profile-insight-heading{display:flex;align-items:center;gap:10px;min-width:0}.profile-insight-heading>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--insight-color) 15%,transparent);border-radius:11px;color:var(--insight-color);background:var(--insight-soft);box-shadow:0 7px 16px color-mix(in srgb,var(--insight-color) 10%,transparent);transition:transform .3s ease}.profile-insight-card:hover .profile-insight-heading>span{transform:translateY(-2px) rotate(-4deg)}.profile-insight-heading>span .material-symbols-outlined{font-size:18px}.profile-insight-heading>div{min-width:0}.profile-insight-card .profile-insight-heading h3{font-size:11px}.profile-insight-more{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border:1px solid transparent;border-radius:8px;color:var(--muted);transition:color .2s ease,background .2s ease,border-color .2s ease}.profile-insight-more .material-symbols-outlined{font-size:17px}.profile-insight-card:hover .profile-insight-more{color:var(--insight-color);border-color:color-mix(in srgb,var(--insight-color) 13%,transparent);background:var(--insight-soft)}.profile-insight-content{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:23px}.profile-insight-card .profile-insight-value{display:grid;flex:0 0 auto;gap:7px;margin:0}.profile-insight-card .profile-insight-value>small{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.profile-insight-card .profile-insight-value>div{display:flex;align-items:center;gap:8px}.profile-insight-card .profile-insight-value strong{font-size:28px}.profile-insight-card .profile-insight-value span{color:var(--insight-color);background:var(--insight-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--insight-color) 8%,transparent)}.profile-spark-wrap{position:relative;width:45%;height:58px;flex:0 1 190px}.profile-insight-card .profile-spark-wrap svg{position:static;width:100%;height:100%;overflow:visible}.profile-spark-wrap:after{position:absolute;right:0;bottom:6px;left:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--insight-color) 12%,transparent),transparent);content:""}.profile-spark-wrap>i{position:absolute;right:3%;top:37%;width:6px;height:6px;border:2px solid var(--card);border-radius:50%;background:var(--insight-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--insight-color) 12%,transparent),0 0 16px color-mix(in srgb,var(--insight-color) 35%,transparent);opacity:0;animation:profile-insight-dot .55s ease 1.25s forwards}.profile-insight-card .profile-mini-bars{position:relative;right:auto;bottom:auto;width:45%;height:58px;flex:0 1 190px;gap:5px;padding-top:8px;border-bottom:1px solid color-mix(in srgb,var(--insight-color) 12%,transparent)}.profile-insight-card .profile-mini-bars i{position:relative;max-width:16px;margin-left:auto;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,var(--insight-color) 72%,#a194ff),var(--insight-color));box-shadow:0 5px 13px color-mix(in srgb,var(--insight-color) 20%,transparent),inset 0 1px #ffffff40}@keyframes profile-insight-grid{to{background-position:22px 22px}}@keyframes profile-insight-aura{0%,to{opacity:.55;transform:translateZ(0) scale(.94)}50%{opacity:1;transform:translate3d(-15px,-11px,0) scale(1.07)}}@keyframes profile-insight-dot{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media(max-width:520px){.profile-insight-card{min-height:166px;padding:16px}.profile-insight-content{gap:10px;margin-top:20px}.profile-insight-card .profile-insight-value strong{font-size:24px}.profile-insight-card .profile-insight-value>div{align-items:flex-start;flex-direction:column;gap:5px}.profile-spark-wrap,.profile-insight-card .profile-mini-bars{width:48%;height:52px}.profile-insight-heading>span{width:32px;height:32px}}.profile-overview-card{position:relative;isolation:isolate;background:linear-gradient(145deg,var(--card) 0%,color-mix(in srgb,var(--card) 94%,var(--accent)) 100%);box-shadow:0 16px 42px #14264c14,inset 0 1px #ffffff1a}.profile-overview-card:after{position:absolute;z-index:0;right:-80px;bottom:-115px;width:250px;height:250px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;content:"";pointer-events:none;animation:profile-overview-ring 7s ease-in-out infinite}.profile-overview-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.profile-overview-atmosphere>i{position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%);filter:blur(2px);opacity:.5;animation:profile-overview-float 9s ease-in-out infinite}.profile-overview-atmosphere>i:nth-child(1){top:-85px;left:12%;width:190px;height:190px}.profile-overview-atmosphere>i:nth-child(2){right:18%;bottom:-105px;width:220px;height:220px;animation-delay:-3s;animation-direction:reverse}.profile-overview-atmosphere>i:nth-child(3){top:16px;right:-55px;width:130px;height:130px;opacity:.3;animation-delay:-5.5s}.profile-overview-heading{position:relative;z-index:2;padding:20px 22px}.profile-overview-heading>div:first-child>span{position:relative;padding-left:13px}.profile-overview-heading>div:first-child>span:before{position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);content:"";transform:translateY(-50%);animation:profile-overview-dot 2.2s ease-in-out infinite}.profile-overview-heading h2{font-size:18px}.profile-overview-heading p{font-size:9px}.profile-period-switch{position:relative;display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));gap:0;padding:4px;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 88%,transparent);box-shadow:inset 0 1px 5px #1121420d}.profile-period-switch>i{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:9px;background:var(--card);box-shadow:0 5px 14px #1425491a;transition:transform .38s cubic-bezier(.22,.8,.3,1),border-color .3s ease}.profile-period-switch[data-period=all]>i{transform:translate(100%)}.profile-period-switch button{position:relative;z-index:1;min-height:34px;padding:6px 11px;font-size:8px;font-weight:650;transition:color .3s ease,transform .2s ease}.profile-period-switch button.active{color:var(--accent);background:transparent;box-shadow:none}.profile-period-switch button:not(.active){color:var(--muted)}.profile-period-switch button:active{transform:scale(.96)}.profile-period-switch button:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-3px}.profile-overview-card .profile-call-metrics{position:relative;z-index:2;background:color-mix(in srgb,var(--card) 76%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-overview-card .profile-call-metrics article{--metric-color:var(--accent);position:relative;isolation:isolate;min-height:96px;padding:17px 18px;overflow:hidden;opacity:0;transform:translateY(10px);animation:profile-metric-swap .52s cubic-bezier(.2,.8,.3,1) var(--metric-delay) forwards;transition:background .25s ease}.profile-overview-card .profile-call-metrics article:hover{background:color-mix(in srgb,var(--metric-color) 5%,transparent)}.profile-overview-card .profile-call-metrics article.profile-metric-card--2{--metric-color:#7c6cff}.profile-overview-card .profile-call-metrics article.profile-metric-card--3{--metric-color:var(--green)}.profile-overview-card .profile-call-metrics article.profile-metric-card--4{--metric-color:var(--warning)}.profile-overview-card .profile-call-metrics article>span{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--metric-color) 13%,transparent);border-radius:12px;color:var(--metric-color);background:color-mix(in srgb,var(--metric-color) 10%,var(--card));box-shadow:0 8px 18px color-mix(in srgb,var(--metric-color) 9%,transparent);transition:transform .28s ease,box-shadow .28s ease}.profile-overview-card .profile-call-metrics article:hover>span{transform:translateY(-3px) rotate(-4deg);box-shadow:0 12px 22px color-mix(in srgb,var(--metric-color) 15%,transparent)}.profile-overview-card .profile-call-metrics article>span .material-symbols-outlined{font-size:20px}.profile-overview-card .profile-call-metrics article>div{gap:5px}.profile-overview-card .profile-call-metrics small{font-size:8px;line-height:1.3;white-space:normal}.profile-overview-card .profile-call-metrics strong{overflow:visible;font-size:clamp(15px,1.55vw,19px);line-height:1.15;text-overflow:clip;white-space:normal}.profile-overview-card .profile-call-metrics article>i{position:absolute;z-index:-1;right:-25px;bottom:-35px;width:82px;height:82px;border:1px solid color-mix(in srgb,var(--metric-color) 11%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--metric-color) 7%,transparent),transparent 68%);transition:transform .35s ease}.profile-overview-card .profile-call-metrics article:hover>i{transform:scale(1.18)}@keyframes profile-metric-swap{0%{opacity:0;filter:blur(5px);transform:translateY(10px) scale(.98)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes profile-overview-float{0%,to{transform:translate3d(-8px,-4px,0) scale(.95)}50%{transform:translate3d(18px,12px,0) scale(1.08)}}@keyframes profile-overview-ring{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.8;transform:scale(1.06)}}@keyframes profile-overview-dot{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 7%,transparent)}}@media(max-width:1100px){.profile-overview-card .profile-call-metrics article:nth-child(2){border-right:0}.profile-overview-card .profile-call-metrics article:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media(max-width:600px){.profile-overview-heading{padding:17px}.profile-overview-heading h2{font-size:16px}.profile-period-switch{grid-template-columns:repeat(2,minmax(66px,1fr))}.profile-overview-card .profile-call-metrics article{min-height:86px;padding:13px}.profile-overview-card .profile-call-metrics article>span{width:34px;height:34px}.profile-overview-card .profile-call-metrics strong{font-size:14px}}.profile-layout--analytics>.profile-identity{position:sticky;isolation:isolate;top:20px;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:18px;background:linear-gradient(155deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 16px 40px #12234617,inset 0 1px #ffffff1a;transition:border-color .3s ease,box-shadow .3s ease}.profile-layout--analytics>.profile-identity:hover{border-color:color-mix(in srgb,var(--accent) 27%,var(--border));box-shadow:0 20px 48px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px #ffffff1f}.profile-layout--analytics .profile-cover{height:122px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,var(--card)),color-mix(in srgb,var(--accent) 52%,#756bde));box-shadow:inset 0 -26px 42px #0f1d4014}.profile-layout--analytics .profile-cover:after{position:absolute;inset:0;background-image:radial-gradient(circle at 18% 26%,rgb(255 255 255 / 16%) 0 1px,transparent 1.5px);background-size:22px 22px;content:"";opacity:.32;animation:profile-cover-dots 15s linear infinite;pointer-events:none}.profile-layout--analytics .profile-cover>span{border-color:#ffffff2e;animation-duration:6.8s}.profile-layout--analytics .profile-cover>.material-symbols-outlined{position:absolute;right:18px;bottom:12px;color:#ffffff1f;font-size:56px;transform:rotate(-10deg)}.profile-cover-label{position:absolute;z-index:2;top:17px;left:18px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;color:#ffffffd6;background:#ffffff17;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:8px;font-weight:700;letter-spacing:.04em;opacity:0;animation:profile-label-in .5s ease .24s forwards}.profile-cover-label .material-symbols-outlined{font-size:14px;font-variation-settings:"FILL" 1}.profile-layout--analytics .profile-identity-body{position:relative;padding:0 18px 18px}.profile-avatar-row{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:-39px}.profile-layout--analytics .profile-avatar{width:78px;height:78px;margin:0;border:5px solid var(--card);border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 72%,#a898ff),var(--accent));box-shadow:0 13px 26px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 1px #ffffff4d;font-size:23px;font-weight:750;opacity:0;transform:translateY(9px) scale(.86);animation:profile-avatar-in .65s cubic-bezier(.18,.88,.3,1) .18s forwards}.profile-layout--analytics .profile-avatar:before{position:absolute;inset:5px;border:1px solid rgb(255 255 255 / 17%);border-radius:16px;content:""}.profile-avatar>i{position:absolute;right:-1px;bottom:3px;width:12px;height:12px;border:3px solid var(--card);border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent);animation:profile-online-pulse 2.4s ease-in-out infinite}.profile-account-state{display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--green) 15%,transparent);border-radius:99px;color:var(--green);background:var(--green-soft);font-size:8px;font-weight:700}.profile-account-state>i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}.profile-identity-title{display:grid;gap:9px;margin-top:15px}.profile-identity-title h2{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:21px;font-weight:720;line-height:1.15;letter-spacing:-.04em}.profile-layout--analytics .profile-role{justify-self:start;padding:6px 9px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:8px;box-shadow:inset 0 1px #ffffff14}.profile-layout--analytics .profile-facts{display:grid;grid-template-columns:1fr;gap:8px;margin:20px 0 0;padding:0;border:0}.profile-layout--analytics .profile-facts>div{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 82%,transparent);transition:transform .25s ease,border-color .25s ease,background .25s ease}.profile-layout--analytics .profile-facts>div:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface-alt))}.profile-layout--analytics .profile-facts dt{display:contents}.profile-layout--analytics .profile-facts dt>span{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.profile-layout--analytics .profile-facts dt>span .material-symbols-outlined{font-size:16px}.profile-layout--analytics .profile-facts dt>small{grid-column:2;grid-row:1;min-width:0;color:var(--muted);font-size:8px}.profile-layout--analytics .profile-facts dd{grid-column:2;grid-row:2;min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:10px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.profile-layout--analytics .profile-access-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin:12px 0 0;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:12px;color:var(--muted);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--card)),var(--surface-alt));font-size:9px;line-height:1.55}.profile-layout--analytics .profile-access-note>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.profile-layout--analytics .profile-access-note .material-symbols-outlined{font-size:18px}.profile-layout--analytics .profile-access-note>span:last-child{display:grid;gap:3px}.profile-layout--analytics .profile-access-note b{color:var(--text);font-size:9px;font-weight:700}@keyframes profile-cover-dots{to{background-position:22px 22px}}@keyframes profile-label-in{to{opacity:1;transform:translateY(0)}}@keyframes profile-avatar-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profile-online-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 9%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--green) 8%,transparent)}}@media(max-width:1100px){.profile-layout--analytics>.profile-identity{position:static}.profile-layout--analytics .profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout--analytics .profile-access-note{max-width:480px}}@media(max-width:560px){.profile-layout--analytics .profile-facts{grid-template-columns:1fr}.profile-layout--analytics .profile-cover{height:108px}.profile-layout--analytics .profile-identity-body{padding:0 15px 15px}.profile-avatar-row{margin-top:-36px}.profile-layout--analytics .profile-avatar{width:72px;height:72px;border-radius:20px}.profile-identity-title h2{font-size:19px}}.profile-call-lists{align-items:stretch}.profile-call-list{position:relative;isolation:isolate;overflow:hidden;padding:19px;border-color:color-mix(in srgb,var(--accent) 12%,var(--border));background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 14px 34px #12234612,inset 0 1px #ffffff17}.profile-call-list:before{position:absolute;z-index:-1;right:-70px;top:-80px;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%);content:"";animation:profile-list-aura 7s ease-in-out infinite;pointer-events:none}.profile-recent-calls:before{--list-aura-x:-13px;--list-aura-y:12px;inset:auto auto -95px -75px;animation-delay:-3s}.profile-call-list>header{position:relative;z-index:2;padding-bottom:15px}.profile-call-list>header>div{min-width:0}.profile-call-list>header>div>span{display:block;margin-bottom:5px;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.14em}.profile-call-list>header h3{font-size:13px;letter-spacing:-.02em}.profile-call-list>header p{line-height:1.5}.profile-call-list>header>.material-symbols-outlined{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:11px;color:var(--accent);background:var(--accent-soft);box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 9%,transparent);font-size:19px;transition:transform .3s ease}.profile-call-list:hover>header>.material-symbols-outlined{transform:translateY(-2px) rotate(-5deg)}.profile-call-list>div{position:relative;z-index:2;display:grid;gap:7px;padding-top:10px}.profile-call-list article{position:relative;min-width:0;margin:0;padding:10px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 76%,transparent);opacity:0;transform:translateY(8px);animation:profile-list-row-in .45s cubic-bezier(.2,.8,.3,1) var(--row-delay) forwards;transition:transform .23s ease,border-color .23s ease,background .23s ease,box-shadow .23s ease}.profile-call-list article:last-child{padding:10px;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.profile-call-list article:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--accent) 23%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface-alt));box-shadow:0 7px 17px #14264b0f}.profile-top-numbers article>span:first-child{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px;background:var(--accent-soft);box-shadow:inset 0 1px #ffffff1a;font-size:10px}.profile-top-numbers article:first-child>span:first-child{color:#fff;border-color:transparent;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 75%,#9b89ff),var(--accent));box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 20%,transparent)}.profile-top-numbers article>div{flex:1}.profile-top-numbers article>div>i{display:block;width:100%;height:3px;margin-top:4px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-alt))}.profile-top-numbers article>div>i>b{display:block;width:var(--popularity);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 57%,#9d8aff));box-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%,transparent);transform:scaleX(0);transform-origin:left;animation:profile-popularity-grow .7s cubic-bezier(.18,.85,.3,1) calc(var(--row-delay) + .22s) forwards}.profile-top-numbers article>b{display:grid;justify-items:center;gap:1px;min-width:38px;margin-left:auto;padding:5px 7px;border-radius:9px;font-size:11px}.profile-top-numbers article>b small{color:inherit;font-size:6px;font-weight:600;opacity:.72}.profile-recent-calls>div{max-height:390px;gap:7px;padding-right:5px}.profile-recent-calls article{gap:11px}.profile-recent-calls article>span.call-direction{width:36px;height:36px;border:1px solid color-mix(in srgb,var(--green) 12%,transparent);border-radius:11px;box-shadow:0 6px 14px color-mix(in srgb,var(--green) 9%,transparent)}.profile-recent-calls article>span.call-direction.missed,.profile-recent-calls article>span.call-direction.cancelled,.profile-recent-calls article>span.call-direction.interrupted{border-color:color-mix(in srgb,var(--red) 13%,transparent);box-shadow:0 6px 14px color-mix(in srgb,var(--red) 9%,transparent)}.profile-recent-calls .call-direction .material-symbols-outlined{font-size:17px}.profile-recent-calls article>div{gap:5px;flex:1}.profile-recent-calls article>div>strong{font-size:10px}.profile-recent-calls article>div>small{display:flex;align-items:center;gap:4px;min-width:0}.profile-recent-calls article>div>small>.material-symbols-outlined{flex:0 0 auto;font-size:11px}.profile-recent-calls article>div>small>i{width:3px;height:3px;flex:0 0 auto;border-radius:50%;background:var(--muted);opacity:.45}.profile-recent-calls article>p{gap:4px}.profile-recent-calls article>p b{font-size:9px}.profile-recent-calls article>p small{padding:3px 6px;border-radius:99px;color:var(--green);background:var(--green-soft);font-size:7px}.profile-recent-calls article.is-missed>p small,.profile-recent-calls article.is-cancelled>p small,.profile-recent-calls article.is-interrupted>p small{color:var(--red);background:var(--red-soft)}.profile-recent-calls>div::-webkit-scrollbar{width:5px}.profile-recent-calls>div::-webkit-scrollbar-track{background:transparent}.profile-recent-calls>div::-webkit-scrollbar-thumb{border-radius:99px;background:color-mix(in srgb,var(--accent) 24%,var(--border))}@keyframes profile-list-row-in{to{opacity:1;transform:translateY(0)}}@keyframes profile-popularity-grow{to{transform:scaleX(1)}}@keyframes profile-list-aura{0%,to{opacity:.4;transform:translateZ(0) scale(.95)}50%{opacity:.9;transform:translate3d(var(--list-aura-x,12px),var(--list-aura-y,9px),0) scale(1.08)}}@media(max-width:520px){.profile-call-list{padding:15px}.profile-call-list article{padding:9px}.profile-recent-calls article>div>small>.material-symbols-outlined,.profile-recent-calls article>div>small>i{display:none}.profile-top-numbers article>b small{display:none}}.profile-insight-menu{position:relative;z-index:8;flex:0 0 auto}.profile-insight-menu>summary{display:grid;place-items:center;width:29px;height:29px;border:1px solid transparent;border-radius:8px;color:var(--muted);cursor:pointer;list-style:none;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.profile-insight-menu>summary::-webkit-details-marker{display:none}.profile-insight-menu>summary::marker{display:none;content:""}.profile-insight-menu>summary .material-symbols-outlined{font-size:18px}.profile-insight-menu>summary:hover,.profile-insight-menu[open]>summary{color:var(--insight-color);border-color:color-mix(in srgb,var(--insight-color) 17%,transparent);background:var(--insight-soft)}.profile-insight-menu>summary:active{transform:scale(.92)}.profile-insight-menu>summary:focus-visible{outline:2px solid color-mix(in srgb,var(--insight-color) 50%,transparent);outline-offset:2px}.profile-insight-menu>div{position:absolute;top:35px;right:0;width:178px;padding:11px;border:1px solid color-mix(in srgb,var(--insight-color) 18%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--card) 96%,var(--insight-color));box-shadow:0 16px 34px #0f1e4033,inset 0 1px #ffffff1a;transform-origin:top right;animation:profile-insight-menu-in .22s ease both}.profile-insight-menu>div>strong{display:block;padding:1px 2px 8px;color:var(--text);font-size:9px}.profile-insight-menu>div>p{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0;padding:6px 2px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent);font-size:8px}.profile-insight-menu>div>p span{color:var(--muted)}.profile-insight-menu>div>p b{color:var(--text);font-size:8px;font-weight:750;white-space:nowrap}@keyframes profile-insight-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:420px){.profile-insight-menu>div{right:-4px;width:164px}}.device-dashboard{padding:0 0 20px}.fleet-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.fleet-greeting{color:var(--muted);font-size:13px;margin:0 0 8px}.fleet-page-heading h1{margin:0;color:var(--text);font-size:clamp(28px,3vw,38px);line-height:1.2;font-weight:700;letter-spacing:-.045em}.fleet-page-heading h1>span{color:var(--accent)}.fleet-page-description{color:var(--muted);font-size:13px;line-height:1.7;margin:10px 0 0;max-width:530px}.fleet-live-label{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:11px;color:var(--muted);padding:9px 0}.fleet-live-label .material-symbols-outlined{font-size:17px;color:var(--green)}.fleet-live-label--error .material-symbols-outlined{color:var(--red)}.fleet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 34px}.fleet-metric{display:grid;padding:21px 22px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.fleet-metric-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:500}.fleet-metric-title .material-symbols-outlined{font-size:21px;color:var(--muted)}.fleet-metric strong{color:var(--text);font-size:32px;line-height:1.25;font-weight:650;letter-spacing:-.04em;margin:14px 0 7px;font-variant-numeric:tabular-nums}.fleet-metric-note{color:var(--muted);font-size:10px;line-height:1.5}.fleet-metric--green .fleet-metric-title .material-symbols-outlined{color:var(--green)}.fleet-metric--blue .fleet-metric-title .material-symbols-outlined,.fleet-metric--blue strong{color:var(--accent)}.fleet-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.fleet-list-heading>div{display:flex;align-items:center;gap:13px;min-width:0}.fleet-list-heading h2{margin:0;color:var(--text);font:inherit;font-size:19px;font-weight:650;letter-spacing:-.025em}.fleet-list-heading>div>span{color:var(--muted);font-size:11px;border-left:1px solid var(--border);padding-left:13px}.fleet-group-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 13px}.fleet-group-heading h3{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text);font-weight:600;margin:0}.fleet-group-heading h3>i{display:block;height:6px;width:6px;border-radius:50%;background:var(--green)}.fleet-group-heading h3>span{background:var(--surface-alt);border:1px solid var(--border);border-radius:5px;padding:2px 6px;color:var(--muted);font-size:10px;font-weight:500}.fleet-group-heading>span{color:var(--muted);font-size:10px}.fleet-group-heading--offline{margin-top:28px}.fleet-group-heading--offline h3>i{background:var(--muted);opacity:.6}.fleet-phone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px}.fleet-phone-card{min-width:0;display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);transition:border-color .18s,transform .18s,box-shadow .18s}.fleet-phone-card--ready:hover{transform:translateY(-2px);border-color:var(--accent)}.fleet-phone-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.fleet-phone-top-actions{display:flex;align-items:center;gap:7px}.fleet-manage-button{display:grid;place-items:center;width:31px;height:31px;min-height:31px;padding:0;border-radius:8px;color:var(--muted);background:var(--surface-alt)}.fleet-manage-button:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accent-soft)}.fleet-manage-button .material-symbols-outlined{font-size:17px}.fleet-phone-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--accent-soft);border-radius:12px;color:var(--accent)}.fleet-phone-icon .material-symbols-outlined{font-size:27px}.fleet-phone-card--offline .fleet-phone-icon,.fleet-phone-card--busy .fleet-phone-icon{background:var(--surface-alt);color:var(--muted)}.fleet-phone-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;color:var(--muted);border-radius:6px;background:var(--surface-alt);font-size:10px;font-weight:500;white-space:nowrap}.fleet-phone-status>i{width:5px;height:5px;border-radius:50%;background:currentColor}.fleet-phone-status--ready{color:var(--green);background:color-mix(in srgb,var(--green) 9%,var(--card))}.fleet-phone-status--busy{color:var(--accent);background:var(--accent-soft)}.fleet-phone-body{flex:1;padding:23px 0 20px}.fleet-phone-type{display:block;color:var(--muted);font-size:10px;letter-spacing:.015em}.fleet-phone-body h3{margin:7px 0 5px;color:var(--text);font-size:19px;font-weight:650;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}.fleet-phone-body p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.fleet-phone-details{display:flex;align-items:center;gap:7px;min-width:0;border-top:1px solid var(--border);padding:14px 0;color:var(--muted);font-size:11px}.fleet-phone-details .material-symbols-outlined{font-size:16px}.fleet-phone-details code{margin-left:auto;max-width:60%;color:var(--text);font-family:inherit;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-open-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:40px;margin:1px 0 0;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:600}.fleet-open-button .material-symbols-outlined{font-size:16px}.fleet-open-button:disabled{color:var(--muted);background:var(--surface-alt);border-color:var(--border);opacity:.7}.fleet-help-note{display:flex;align-items:center;gap:9px;color:var(--muted)}.fleet-help-note{justify-content:center;margin:26px 0 0}.fleet-help-note .material-symbols-outlined{flex-shrink:0;font-size:17px}.fleet-help-note p{margin:0;font-size:11px;line-height:1.6}.fleet-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.fleet-loading .material-symbols-outlined{animation:fleet-spin 1.8s linear infinite;font-size:21px;color:var(--accent)}.fleet-empty{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:250px;padding:36px 24px;border:1px dashed var(--border);border-radius:14px;background:var(--card)}.fleet-empty-icon{display:grid;place-items:center;width:60px;height:60px;color:var(--accent);background:var(--accent-soft);border-radius:16px}.fleet-empty-icon .material-symbols-outlined{font-size:30px}.fleet-empty h3{font-size:18px;color:var(--text);font-weight:600;margin:20px 0 8px}.fleet-empty p{max-width:390px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.fleet-empty button{margin-top:18px;font-size:12px}.fleet-error{justify-content:flex-start}.fleet-error .material-symbols-outlined{flex-shrink:0;font-size:20px}.fleet-manage-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#080e1ba3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-backdrop-in .18s ease-out}.fleet-manage-dialog{width:min(720px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 28px 80px #00000052;animation:office-modal-in .2s ease-out}.fleet-manage-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.fleet-manage-dialog>header>div{display:flex;align-items:center;gap:12px;min-width:0}.fleet-manage-dialog>header>div>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.fleet-manage-dialog>header small{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.09em}.fleet-manage-dialog>header h2{margin:3px 0 0;font-size:19px;overflow-wrap:anywhere}.fleet-manage-dialog>header>button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0}.fleet-manage-identity,.fleet-manage-password,.fleet-manage-state{margin-top:13px;padding:15px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 62%,var(--card))}.fleet-manage-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.fleet-manage-section-heading>span,.fleet-manage-state>div>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.fleet-manage-section-heading h3,.fleet-manage-state h3{margin:0;font-size:12px}.fleet-manage-section-heading p,.fleet-manage-state p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.fleet-manage-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fleet-manage-fields label,.fleet-password-row label{margin:0;font-size:9px}.fleet-manage-identity>button.primary{width:100%;margin-top:12px}.fleet-password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:11px}.fleet-password-row>button{white-space:nowrap}.fleet-manage-state{display:flex;align-items:center;justify-content:space-between;gap:14px}.fleet-manage-state>div{display:flex;align-items:center;gap:10px;min-width:0}.fleet-manage-state>button{flex:0 0 auto}.fleet-manage-danger{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;padding:14px 15px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--border));border-radius:13px;background:var(--red-soft)}.fleet-manage-danger>div{display:flex;align-items:flex-start;gap:10px;min-width:0}.fleet-manage-danger>div>.material-symbols-outlined{margin-top:1px;color:var(--red);font-size:20px}.fleet-manage-danger p{display:grid;gap:3px;margin:0}.fleet-manage-danger b{color:var(--red);font-size:11px}.fleet-manage-danger small{color:var(--muted);font-size:9px;line-height:1.45}.fleet-manage-danger>button{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--red);border-color:color-mix(in srgb,var(--red) 36%,var(--border));background:var(--card)}@keyframes fleet-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.fleet-page-heading{align-items:flex-start;flex-direction:column;gap:10px}.fleet-live-label{padding:0}.fleet-metric{padding:18px}.fleet-metric-title{font-size:11px;gap:8px}}@media(max-width:700px){.fleet-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}.fleet-page-heading{margin-bottom:24px}.fleet-list-heading{align-items:stretch;flex-direction:column;gap:15px}.fleet-phone-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.fleet-help-note{align-items:flex-start}.fleet-manage-fields,.fleet-password-row{grid-template-columns:1fr}.fleet-password-row>button{width:100%}}@media(max-width:430px){.fleet-metric{padding:15px}.fleet-metric-note{font-size:9px}.fleet-metric strong{font-size:29px}.fleet-group-heading>span{display:none}.fleet-phone-grid{grid-template-columns:minmax(0,1fr)}.fleet-phone-card{padding:20px}.fleet-phone-status{font-size:11px}.fleet-open-button{min-height:44px;font-size:12px}.fleet-manage-backdrop{align-items:end;padding:0}.fleet-manage-dialog{max-height:calc(100dvh - 10px);border-radius:18px 18px 0 0}.fleet-manage-state,.fleet-manage-danger{align-items:stretch;flex-direction:column}.fleet-manage-state>button,.fleet-manage-danger>button{justify-content:center;width:100%}}@media(prefers-reduced-motion:reduce){.fleet-phone-card{transition:none}.fleet-loading .material-symbols-outlined{animation:none}}.fleet-phone-card{--phone-tone:var(--muted);position:relative;isolation:isolate;min-height:345px;padding:22px;overflow:hidden;border-color:color-mix(in srgb,var(--phone-tone) 16%,var(--border));border-radius:18px;background:linear-gradient(155deg,var(--card) 0%,color-mix(in srgb,var(--card) 94%,var(--phone-tone)) 100%);box-shadow:0 15px 36px #11224514,inset 0 1px #ffffff17;animation:fleet-card-appear .5s cubic-bezier(.2,.8,.3,1) both;transition:transform .3s cubic-bezier(.2,.8,.3,1),border-color .3s ease,box-shadow .3s ease}.fleet-phone-card--ready{--phone-tone:var(--green)}.fleet-phone-card--busy{--phone-tone:var(--accent)}.fleet-phone-card--offline{--phone-tone:var(--muted)}.fleet-phone-card:before{position:absolute;z-index:-1;top:-95px;right:-90px;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--phone-tone) 12%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--phone-tone) 9%,transparent),transparent 68%);content:"";animation:fleet-card-orbit 7s ease-in-out infinite;pointer-events:none}.fleet-phone-card:after{position:absolute;z-index:2;top:0;left:22px;right:22px;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,var(--phone-tone),transparent);content:"";opacity:.48;transform:scaleX(.35);transition:opacity .3s ease,transform .3s ease}.fleet-phone-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--phone-tone) 30%,var(--border));box-shadow:0 22px 46px color-mix(in srgb,var(--phone-tone) 11%,transparent),inset 0 1px #ffffff1f}.fleet-phone-card:hover:after{opacity:.85;transform:scaleX(1)}.fleet-phone-top,.fleet-phone-body,.fleet-phone-details,.fleet-open-button{position:relative;z-index:3}.fleet-phone-icon{position:relative;width:56px;height:56px;overflow:visible;border:1px solid color-mix(in srgb,var(--phone-tone) 15%,transparent);border-radius:16px;color:var(--phone-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--phone-tone) 13%,var(--card)),color-mix(in srgb,var(--phone-tone) 6%,var(--surface-alt)));box-shadow:0 10px 22px color-mix(in srgb,var(--phone-tone) 11%,transparent),inset 0 1px #ffffff21;transition:transform .3s ease,box-shadow .3s ease}.fleet-phone-icon:before{position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--phone-tone) 12%,transparent);border-radius:11px;content:""}.fleet-phone-icon:after{position:absolute;inset:-6px;border:1px solid color-mix(in srgb,var(--phone-tone) 16%,transparent);border-radius:20px;content:"";opacity:0;animation:fleet-phone-signal 2.8s ease-out infinite}.fleet-phone-card:hover .fleet-phone-icon{transform:translateY(-3px) rotate(-3deg);box-shadow:0 14px 27px color-mix(in srgb,var(--phone-tone) 16%,transparent),inset 0 1px #ffffff29}.fleet-phone-card--offline .fleet-phone-icon,.fleet-phone-card--busy .fleet-phone-icon{color:var(--phone-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--phone-tone) 12%,var(--card)),var(--surface-alt))}.fleet-phone-icon .material-symbols-outlined{position:relative;z-index:1;font-size:29px}.fleet-phone-status{padding:7px 9px;border:1px solid color-mix(in srgb,var(--phone-tone) 14%,transparent);border-radius:9px;color:var(--phone-tone);background:color-mix(in srgb,var(--phone-tone) 9%,var(--card));box-shadow:inset 0 1px #ffffff14;font-size:9px;font-weight:650}.fleet-phone-status>i{box-shadow:0 0 0 3px color-mix(in srgb,var(--phone-tone) 10%,transparent)}.fleet-phone-status--ready>i{animation:fleet-status-pulse 2s ease-in-out infinite}.fleet-phone-body{padding:25px 0 20px}.fleet-phone-type{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fleet-phone-type:before{width:5px;height:5px;border-radius:50%;background:var(--phone-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--phone-tone) 9%,transparent);content:""}.fleet-phone-body h3{margin:9px 0 6px;font-size:21px;font-weight:720;letter-spacing:-.035em}.fleet-phone-body p{font-size:10px;line-height:1.6}.fleet-phone-details{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:auto;padding:10px;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 78%,transparent);transition:border-color .22s ease,background .22s ease}.fleet-phone-card:hover .fleet-phone-details{border-color:color-mix(in srgb,var(--phone-tone) 16%,var(--border));background:color-mix(in srgb,var(--phone-tone) 4%,var(--surface-alt))}.fleet-phone-details>.material-symbols-outlined{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--phone-tone);background:color-mix(in srgb,var(--phone-tone) 9%,var(--card));font-size:15px}.fleet-phone-details>span{font-size:9px}.fleet-phone-details code{max-width:100%;margin:0;font-size:10px;font-weight:650}.fleet-open-button{min-height:45px;margin-top:10px;border-radius:11px;font-size:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.fleet-open-button.primary{border-color:color-mix(in srgb,var(--green) 56%,var(--border));background:linear-gradient(110deg,color-mix(in srgb,var(--green) 86%,#20c48c),var(--green));box-shadow:0 8px 18px color-mix(in srgb,var(--green) 19%,transparent)}.fleet-open-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--green) 26%,transparent)}.fleet-open-button:disabled{opacity:1;color:color-mix(in srgb,var(--muted) 88%,var(--text));border-color:color-mix(in srgb,var(--phone-tone) 10%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 88%,var(--card)),var(--surface-alt));box-shadow:inset 0 1px #ffffff12}.fleet-observer-status{position:relative;z-index:3;display:flex;align-items:center;gap:10px;min-height:52px;margin-top:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--phone-tone) 15%,var(--border));border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--phone-tone) 7%,var(--surface-alt)),var(--surface-alt));box-shadow:inset 0 1px #ffffff12}.fleet-observer-status>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;color:var(--phone-tone);background:color-mix(in srgb,var(--phone-tone) 11%,var(--card))}.fleet-observer-status .material-symbols-outlined{font-size:18px}.fleet-observer-status>div{display:grid;gap:2px;min-width:0}.fleet-observer-status b{color:var(--text);font-size:9px}.fleet-observer-status small{overflow:hidden;color:var(--muted);font-size:7px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}@keyframes fleet-card-appear{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fleet-card-orbit{0%,to{opacity:.4;transform:translateZ(0) scale(.94)}50%{opacity:.9;transform:translate3d(-17px,14px,0) scale(1.08)}}@keyframes fleet-phone-signal{0%{opacity:.35;transform:scale(.78)}70%,to{opacity:0;transform:scale(1.18)}}@keyframes fleet-status-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 8%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--green) 7%,transparent)}}@media(max-width:430px){.fleet-phone-card{min-height:330px;padding:18px;border-radius:16px}.fleet-phone-icon{width:52px;height:52px}.fleet-phone-body{padding:22px 0 18px}.fleet-phone-body h3{font-size:19px}}@media(prefers-reduced-motion:reduce){.fleet-phone-card,.fleet-phone-card:before,.fleet-phone-icon:after,.fleet-phone-status>i{animation:none}.fleet-phone-card:hover{transform:none}}.fleet-phone-card:hover .fleet-phone-icon{transform:none}.device-dashboard{padding-top:18px}.fleet-page-heading{position:relative;isolation:isolate;align-items:center;margin:0 0 18px;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:20px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--accent)));box-shadow:0 16px 38px #11224512,inset 0 1px #ffffff1a;animation:fleet-overview-in .5s cubic-bezier(.2,.82,.3,1) both}.fleet-page-heading:before,.fleet-page-heading:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:"";pointer-events:none}.fleet-page-heading:before{right:-74px;top:-118px;width:250px;height:250px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 8%,transparent),transparent 68%)}.fleet-page-heading:after{right:115px;bottom:-86px;width:150px;height:150px}.fleet-greeting{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:color-mix(in srgb,var(--accent) 72%,var(--muted));font-size:9px;font-weight:680;letter-spacing:.04em}.fleet-greeting:before{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent);content:""}.fleet-page-heading h1{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:740;line-height:1.08;letter-spacing:-.05em}.fleet-page-heading h1>span{display:inline-block;margin-left:2px;text-shadow:0 5px 15px color-mix(in srgb,var(--accent) 22%,transparent)}.fleet-page-description{margin-top:9px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:11px;line-height:1.55}.fleet-live-label{position:relative;z-index:1;gap:8px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--green) 17%,var(--border));border-radius:99px;color:color-mix(in srgb,var(--green) 58%,var(--text));background:color-mix(in srgb,var(--green) 7%,var(--card));box-shadow:0 7px 18px color-mix(in srgb,var(--green) 8%,transparent),inset 0 1px #ffffff1a;font-size:9px;font-weight:590}.fleet-live-label:before{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 8%,transparent);content:"";animation:fleet-live-pulse 2.2s ease-in-out infinite}.fleet-live-label .material-symbols-outlined{font-size:16px}.fleet-live-label--error{border-color:color-mix(in srgb,var(--red) 22%,var(--border));color:var(--red);background:var(--red-soft)}.fleet-live-label--error:before{background:var(--red);box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 8%,transparent);animation:none}.fleet-metrics{gap:13px;margin-bottom:29px}.fleet-metric{--metric-tone:var(--accent);position:relative;isolation:isolate;min-height:154px;padding:17px 18px;overflow:hidden;border-color:color-mix(in srgb,var(--metric-tone) 13%,var(--border));border-radius:17px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--metric-tone)));box-shadow:0 13px 31px #11224512,inset 0 1px #ffffff1a;opacity:0;transform:translateY(10px);animation:fleet-metric-in .48s cubic-bezier(.2,.82,.3,1) forwards;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.fleet-metric:nth-child(2){animation-delay:65ms}.fleet-metric:nth-child(3){animation-delay:.13s}.fleet-metric:nth-child(4){animation-delay:195ms}.fleet-metric--violet{--metric-tone:#806fff}.fleet-metric--green{--metric-tone:#26af87}.fleet-metric--blue{--metric-tone:#5c78f4}.fleet-metric--amber{--metric-tone:#d59a36}.fleet-metric:before{position:absolute;z-index:-1;right:-48px;top:-57px;width:135px;height:135px;border:1px solid color-mix(in srgb,var(--metric-tone) 10%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--metric-tone) 8%,transparent),transparent 68%);content:""}.fleet-metric:after{position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,transparent,var(--metric-tone),transparent);content:"";opacity:.5;transform:scaleX(.45);transition:opacity .25s ease,transform .25s ease}.fleet-metric:hover{border-color:color-mix(in srgb,var(--metric-tone) 27%,var(--border));box-shadow:0 18px 38px color-mix(in srgb,var(--metric-tone) 10%,transparent),inset 0 1px #ffffff1f;transform:translateY(-3px)}.fleet-metric:hover:after{opacity:.9;transform:scaleX(1)}.fleet-metric-title{position:relative;z-index:1;font-size:9px;font-weight:650}.fleet-metric-title .material-symbols-outlined{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--metric-tone) 15%,transparent);border-radius:11px;color:var(--metric-tone);background:color-mix(in srgb,var(--metric-tone) 10%,var(--card));box-shadow:0 7px 16px color-mix(in srgb,var(--metric-tone) 9%,transparent);font-size:20px}.fleet-metric strong{position:relative;z-index:1;margin:9px 0 3px;color:var(--text);font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:35px;font-weight:740;line-height:1}.fleet-metric--blue strong{color:var(--metric-tone)}.fleet-metric-note{position:relative;z-index:1;font-size:8px}.fleet-metric:hover .fleet-metric-title .material-symbols-outlined{transform:translateY(-2px)}.fleet-metric-title .material-symbols-outlined{transition:transform .25s ease}@keyframes fleet-overview-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fleet-metric-in{to{opacity:1;transform:translateY(0)}}@keyframes fleet-live-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--green) 5%,transparent)}}@media(max-width:1100px){.fleet-page-heading{padding:19px 20px}.fleet-live-label{align-self:flex-start}.fleet-metric{min-height:145px}}@media(max-width:700px){.device-dashboard{padding-top:12px}.fleet-page-heading{padding:17px;border-radius:17px}.fleet-page-description{font-size:10px}.fleet-metrics{gap:10px}.fleet-metric{min-height:137px;padding:14px}.fleet-metric:after{left:14px;right:14px}.fleet-metric-title .material-symbols-outlined{width:34px;height:34px}.fleet-metric strong{font-size:31px}}@media(prefers-reduced-motion:reduce){.fleet-page-heading,.fleet-metric,.fleet-live-label:before{animation:none}.fleet-metric{opacity:1;transform:none}.fleet-metric:hover{transform:none}}.fleet-add-button{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-width:190px;min-height:48px;padding:9px 16px;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:14px;color:color-mix(in srgb,var(--text) 88%,#172449);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 92%,#8296ff),color-mix(in srgb,var(--accent) 76%,#7686ef));box-shadow:0 12px 27px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff3d;font-size:10px;font-weight:730}.fleet-add-button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#ffffff21}.fleet-add-button .material-symbols-outlined{font-size:18px}.fleet-add-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:linear-gradient(120deg,var(--accent-hover),var(--accent));box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #ffffff47;transform:translateY(-2px)}.fleet-create-dialog{position:relative;isolation:isolate;width:min(480px,100%);max-width:100%;max-height:calc(100dvh - 40px);padding:21px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:19px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 96%,var(--accent)));box-shadow:0 28px 80px #00000057;animation:office-modal-in .22s ease-out}.fleet-create-dialog:before{position:absolute;z-index:-1;right:-72px;top:-95px;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%);content:"";pointer-events:none}.fleet-create-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.fleet-create-dialog>header>div{display:flex;align-items:center;gap:11px;min-width:0}.fleet-create-dialog>header>div>span{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:13px;color:var(--accent);background:var(--accent-soft);box-shadow:0 8px 19px color-mix(in srgb,var(--accent) 10%,transparent)}.fleet-create-dialog>header>div>span .material-symbols-outlined{font-size:21px}.fleet-create-dialog header small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.1em}.fleet-create-dialog h2{margin:3px 0 0;font-size:18px}.fleet-create-dialog>header>button{display:grid;place-items:center;width:35px;height:35px;min-height:35px;padding:0;border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 72%,transparent)}.fleet-create-dialog>header>button .material-symbols-outlined{font-size:18px}.fleet-create-intro{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--surface-alt))}.fleet-create-intro>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.fleet-create-intro>span .material-symbols-outlined{font-size:17px}.fleet-create-intro>div{display:grid;gap:3px}.fleet-create-intro b{font-size:9px}.fleet-create-intro p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}.fleet-create-dialog>label{gap:7px;margin-top:12px;color:var(--text);font-size:9px;font-weight:650}.fleet-create-dialog>label input{height:45px;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 67%,var(--card));font-size:10px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.fleet-create-dialog>label input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.fleet-create-dialog>label>small{color:var(--muted);font-size:7px;font-weight:520;line-height:1.4}.fleet-create-dialog>.notice{margin:0 0 12px}.fleet-create-submit{width:100%;min-height:45px;margin-top:17px;border-radius:11px;font-size:9px}@media(max-width:1100px){.fleet-add-button{align-self:flex-start}}@media(max-width:520px){.fleet-add-button{width:100%}.fleet-manage-backdrop:has(.fleet-create-dialog){align-items:end;padding:0}.fleet-create-dialog{width:100%;max-height:calc(100dvh - 10px);padding:18px;border-radius:19px 19px 0 0}}@media(prefers-reduced-motion:reduce){.fleet-create-dialog{animation:none}.fleet-add-button{transition:none}.fleet-add-button:hover:not(:disabled){transform:none}}.fleet-phone-telemost{position:relative;z-index:3;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:8px;padding:9px 10px;border:1px solid color-mix(in srgb,#4d9ff5 15%,var(--border));border-radius:11px;color:var(--muted);text-decoration:none;background:color-mix(in srgb,#4d9ff5 6%,var(--surface-alt));transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.fleet-phone-telemost>.material-symbols-outlined:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#58a8f5;background:color-mix(in srgb,#4d9ff5 12%,var(--card));font-size:15px}.fleet-phone-telemost>span{color:var(--text);font-size:9px;font-weight:680}.fleet-phone-telemost>.material-symbols-outlined:last-child{color:#58a8f5;font-size:14px}.fleet-phone-telemost:hover{border-color:color-mix(in srgb,#4d9ff5 36%,var(--border));background:color-mix(in srgb,#4d9ff5 10%,var(--card));box-shadow:0 8px 18px color-mix(in srgb,#4d9ff5 9%,transparent);transform:translateY(-1px)}.fleet-manage-telemost{grid-column:1/-1}.fleet-manage-telemost>small{color:var(--muted);font-size:7px;font-weight:520;line-height:1.4}.telemost-gate-backdrop{z-index:1100}.telemost-gate{position:relative;isolation:isolate;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:25px;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;border:1px solid color-mix(in srgb,#4d9ff5 18%,var(--border));border-radius:22px;text-align:center;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 94%,#4d9ff5));box-shadow:0 30px 90px #040c1e6b,inset 0 1px #ffffff1a;animation:telemost-gate-in .35s cubic-bezier(.18,.82,.25,1) both}.telemost-gate::-webkit-scrollbar{display:none;width:0;height:0}.telemost-gate:before,.telemost-gate:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,#4d9ff5 9%,transparent);border-radius:50%;content:"";pointer-events:none}.telemost-gate:before{right:-95px;top:-130px;width:260px;height:260px;background:radial-gradient(circle,color-mix(in srgb,#4d9ff5 9%,transparent),transparent 68%)}.telemost-gate:after{left:-100px;bottom:-145px;width:250px;height:250px}.telemost-gate-close{position:absolute;z-index:3;top:16px;right:16px;display:grid;place-items:center;width:35px;height:35px;min-height:35px;padding:0;border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 72%,transparent)}.telemost-gate-close .material-symbols-outlined{font-size:18px}.telemost-gate-visual{position:relative;display:grid;place-items:center;width:82px;height:82px;margin:0 auto 12px}.telemost-gate-visual>span{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid color-mix(in srgb,#4d9ff5 28%,var(--border));border-radius:18px;color:#65b2ff;background:linear-gradient(145deg,color-mix(in srgb,#4d9ff5 16%,var(--card)),var(--card));box-shadow:0 14px 31px color-mix(in srgb,#4d9ff5 17%,transparent)}.telemost-gate-visual>span .material-symbols-outlined{font-size:28px}.telemost-gate-visual>i{position:absolute;inset:4px;border:1px solid color-mix(in srgb,#4d9ff5 13%,transparent);border-radius:25px;animation:telemost-signal 2.8s ease-out infinite}.telemost-gate-visual>i:last-child{inset:-5px;animation-delay:1.4s}.telemost-gate>small{color:#65b2ff;font-size:7px;font-weight:780;letter-spacing:.12em}.telemost-gate>h2{margin:6px 0 0;font-size:24px;font-weight:740;letter-spacing:-.04em}.telemost-gate>p{max-width:420px;margin:8px auto 16px;color:var(--muted);font-size:9px;line-height:1.6}.telemost-gate-link,.telemost-gate-number{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid color-mix(in srgb,#4d9ff5 17%,var(--border));border-radius:12px;text-align:left;text-decoration:none;background:color-mix(in srgb,#4d9ff5 7%,var(--surface-alt))}.telemost-gate-link{color:var(--text);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.telemost-gate-link:hover{border-color:color-mix(in srgb,#4d9ff5 43%,var(--border));background:color-mix(in srgb,#4d9ff5 11%,var(--card));box-shadow:0 9px 22px color-mix(in srgb,#4d9ff5 10%,transparent);transform:translateY(-1px)}.telemost-gate-link>span,.telemost-gate-number>span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#65b2ff;background:color-mix(in srgb,#4d9ff5 13%,var(--card))}.telemost-gate-link>span .material-symbols-outlined,.telemost-gate-number>span .material-symbols-outlined{font-size:18px}.telemost-gate-link>div,.telemost-gate-number>div{display:grid;gap:3px;min-width:0}.telemost-gate-link small,.telemost-gate-number small{color:var(--muted);font-size:7px}.telemost-gate-link strong{overflow:hidden;color:#65b2ff;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.telemost-gate-link>.material-symbols-outlined{color:#65b2ff;font-size:17px}.telemost-gate-number{grid-template-columns:35px minmax(0,1fr);margin-top:8px;border-color:color-mix(in srgb,var(--accent) 13%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface-alt))}.telemost-gate-number>span{color:var(--accent);background:var(--accent-soft)}.telemost-gate-number strong{color:var(--text);font-size:13px;font-weight:750;letter-spacing:.07em;font-variant-numeric:tabular-nums}.telemost-gate-question{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--green) 14%,var(--border));border-radius:12px;text-align:left;background:color-mix(in srgb,var(--green) 6%,var(--surface-alt))}.telemost-gate-question>.material-symbols-outlined{color:var(--green);font-size:20px}.telemost-gate-question>span{display:grid;gap:2px}.telemost-gate-question b{font-size:8px}.telemost-gate-question small{color:var(--muted);font-size:7px}.telemost-gate-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:9px;margin-top:14px}.telemost-gate-actions button{min-height:43px;border-radius:11px;font-size:8px}.telemost-gate-actions button .material-symbols-outlined{font-size:16px}@keyframes telemost-gate-in{0%{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes telemost-signal{0%{opacity:.55;transform:scale(.72)}75%,to{opacity:0;transform:scale(1.08)}}@media(max-width:520px){.telemost-gate-backdrop{align-items:end;padding:0}.telemost-gate{width:100%;max-height:calc(100dvh - 8px);padding:18px 16px;border-radius:20px 20px 0 0}.telemost-gate-visual{width:68px;height:68px;margin-bottom:8px}.telemost-gate-visual>span{width:52px;height:52px}.telemost-gate>h2{font-size:22px}.telemost-gate>p{margin:6px auto 12px}.telemost-gate-link,.telemost-gate-number{padding:8px 10px}.telemost-gate-question{margin-top:9px;padding:8px 10px}.telemost-gate-actions{grid-template-columns:1fr;gap:7px;margin-top:10px}.telemost-gate-actions button{min-height:40px}.fleet-phone-telemost{grid-template-columns:28px minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){.telemost-gate,.telemost-gate-visual>i{animation:none}.telemost-gate-link{transition:none}.telemost-gate-link:hover{transform:none}}.office-users-page{padding:34px 0 44px}.office-users-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.office-users-heading p{margin:0 0 7px;color:var(--muted);font-size:12px}.office-users-heading h1{margin:0;color:var(--text);font-size:clamp(28px,3vw,38px);font-weight:700;letter-spacing:-.045em;line-height:1.2}.office-users-heading h1 span{color:var(--accent)}.office-users-heading small{display:block;margin-top:9px;color:var(--muted);font-size:12px}.office-users-heading>button{display:flex;align-items:center;gap:8px;min-height:43px}.office-users-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.office-users-metrics article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.office-users-metrics article>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.office-users-metrics article.active>span{color:var(--green);background:var(--green-soft)}.office-users-metrics article>span .material-symbols-outlined{font-size:20px}.office-users-metrics article>div{display:grid;gap:2px}.office-users-metrics strong{font-size:22px;line-height:1}.office-users-metrics small{color:var(--muted);font-size:9px}.office-users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.office-users-toolbar>div{display:flex;align-items:center;gap:10px}.office-users-toolbar h2{margin:0;font-size:18px}.office-users-toolbar>div>span{padding:3px 7px;border-radius:6px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:700}.office-users-toolbar>label{position:relative;width:260px}.office-users-toolbar>label>.material-symbols-outlined{position:absolute;left:12px;top:50%;color:var(--muted);font-size:18px;transform:translateY(-50%);pointer-events:none}.office-users-toolbar input{width:100%;padding-left:38px;background:var(--card)}.office-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.office-user-card{display:flex;flex-direction:column;min-width:0;padding:19px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);transition:border-color .18s,transform .18s}.office-user-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-2px)}.office-user-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.office-user-avatar{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:12px;color:var(--accent);background:var(--accent-soft);font-size:13px;font-weight:800}.office-user-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;color:var(--muted);background:var(--surface-alt);font-size:9px}.office-user-state i{width:5px;height:5px;border-radius:50%;background:currentColor}.office-user-state.active{color:var(--green);background:var(--green-soft)}.office-user-card-copy{padding:17px 0}.office-user-card-copy h3{margin:0 0 6px;font-size:17px;overflow-wrap:anywhere}.office-user-card-copy p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:9px}.office-user-card-copy .material-symbols-outlined{font-size:14px}.office-user-card dl{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:0 0 15px;padding:13px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.office-user-card dl>div{display:grid;gap:4px;min-width:0}.office-user-card dt{color:var(--muted);font-size:8px}.office-user-card dd{margin:0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-user-card>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px}.office-user-card>button .material-symbols-outlined{font-size:17px}.office-users-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:240px;padding:30px;text-align:center;border:1px dashed var(--border);border-radius:14px;background:var(--card)}.office-users-empty>.material-symbols-outlined{color:var(--accent);font-size:42px}.office-users-empty h3{margin:15px 0 7px}.office-users-empty p{margin:0;color:var(--muted);font-size:11px}.office-users-empty button{margin-top:15px}.office-users-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#080e1b9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modal-backdrop-in .18s ease-out}.office-users-dialog{width:min(440px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 25px 70px #0000004d;animation:office-modal-in .2s ease-out}.office-users-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.office-users-dialog>header>div{display:flex;align-items:center;gap:11px;min-width:0}.office-users-dialog>header>div>span:not(.office-user-avatar){display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.office-users-dialog header small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.09em}.office-users-dialog h2{margin:3px 0 0;font-size:17px;overflow-wrap:anywhere}.office-users-dialog>header>button{display:grid;place-items:center;width:34px;height:34px;padding:0}.office-users-dialog>label,.office-user-manage>form label{margin-top:13px;font-size:10px}.office-users-dialog>button.primary{width:100%;margin-top:16px}.office-user-manage{width:min(560px,100%)}.office-user-manage>form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.office-user-manage>form label{margin:0}.office-user-manage>form button{white-space:nowrap}.office-user-access{margin-top:15px;padding:15px;border:1px solid var(--border);border-radius:12px}.office-user-access>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.office-user-access h3{margin:0;font-size:12px}.office-user-access>div>span{color:var(--muted);font-size:9px}.office-user-access>label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--border);cursor:pointer}.office-user-access>label>span{display:flex;align-items:center;gap:9px;min-width:0}.office-user-access>label .material-symbols-outlined{color:var(--accent);font-size:18px}.office-user-access>label>span>span{display:grid;gap:2px;min-width:0}.office-user-access b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-user-access small{color:var(--muted);font-size:8px}.office-user-access>p{margin:8px 0 0;color:var(--muted);font-size:10px}.office-user-manage-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.office-user-manage-actions button{display:flex;align-items:center;gap:6px}.office-user-manage-actions button.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--border));background:var(--red-soft)}@media(max-width:800px){.office-users-metrics{grid-template-columns:1fr 1fr}.office-users-heading{align-items:flex-start;flex-direction:column}.office-users-heading>button{width:100%;justify-content:center}}@media(max-width:560px){.office-users-page{padding-top:27px}.office-users-toolbar{align-items:stretch;flex-direction:column}.office-users-toolbar>label{width:100%}.office-users-grid{grid-template-columns:1fr}.office-users-backdrop{align-items:end;padding:0}.office-users-dialog{width:100%;max-height:calc(100dvh - 10px);border-radius:18px 18px 0 0}.office-user-manage>form{grid-template-columns:1fr}.office-user-manage>form button{width:100%}.office-user-manage-actions{flex-direction:column}.office-user-manage-actions button{justify-content:center;width:100%}}@media(max-width:390px){.office-users-metrics{grid-template-columns:1fr}.office-users-metrics article{padding:14px}}.office-user-access{padding:0;overflow:hidden;background:color-mix(in srgb,var(--surface-alt) 58%,var(--card))}.office-user-access>.office-user-access-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:14px 15px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 88%,var(--accent-soft))}.office-user-access-heading>div{display:flex;align-items:center;gap:11px;min-width:0}.office-user-access-heading>div>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.office-user-access-heading>div>span .material-symbols-outlined{font-size:18px}.office-user-access-heading>div>div{display:grid;gap:2px;min-width:0}.office-user-access-heading h3{font-size:11px}.office-user-access-heading small{line-height:1.35}.office-user-access-heading>b{flex:0 0 auto;padding:5px 8px;border-radius:99px;color:var(--accent);background:var(--accent-soft);font-size:9px}.office-user-access>.office-access-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;max-height:228px;margin:0;padding:10px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--border)) transparent}.office-user-access>.office-access-list::-webkit-scrollbar{width:6px}.office-user-access>.office-access-list::-webkit-scrollbar-track{background:transparent}.office-user-access>.office-access-list::-webkit-scrollbar-thumb{border-radius:99px;background:color-mix(in srgb,var(--accent) 45%,var(--border))}.office-access-device{display:flex;align-items:center;justify-content:space-between;gap:14px;width:calc(50% - 4px);min-width:0;min-height:57px;padding:10px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--card) 76%,transparent);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.office-access-device:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent-soft) 55%,transparent);transform:translateY(-1px)}.office-access-device.granted{border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green-soft) 45%,transparent)}.office-access-device.occupied{border-color:color-mix(in srgb,var(--red) 24%,var(--border));background:color-mix(in srgb,var(--red-soft) 28%,transparent)}.office-access-device.occupied .office-access-device-icon{color:var(--red);background:var(--red-soft)}.office-access-device.occupied .office-access-device-info small{color:color-mix(in srgb,var(--red) 78%,var(--muted))}.office-access-device-info{display:flex;align-items:center;gap:10px;min-width:0}.office-access-device-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.office-access-device.granted .office-access-device-icon{color:var(--green);background:var(--green-soft)}.office-access-device-icon .material-symbols-outlined{font-size:18px}.office-access-device-info>span:last-child{display:grid;gap:2px;min-width:0}.office-access-device-info b{font-size:10px}.office-access-device-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-access-switch{position:relative;width:38px;height:22px;flex:0 0 auto;border:1px solid var(--border);border-radius:99px;background:var(--surface-alt);transition:border-color .18s ease,background .18s ease}.office-access-switch i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);box-shadow:0 2px 5px #0000002e;transition:transform .18s ease,background .18s ease}.office-access-device input:checked+.office-access-switch{border-color:var(--green);background:var(--green)}.office-access-device input:checked+.office-access-switch i{background:#fff;transform:translate(16px)}.office-access-device:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.office-access-device:has(input:disabled){opacity:.55;cursor:not-allowed}.office-access-empty{margin:15px 5px;color:var(--muted);font-size:10px;text-align:center}.office-users-dialog>label>small{display:block;margin-top:6px;color:var(--muted);font-size:8px;font-weight:500;line-height:1.45}.office-create-session-note{display:flex;align-items:center;gap:10px;margin-top:13px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--green) 17%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--green) 6%,var(--surface-alt))}.office-create-session-note>.material-symbols-outlined{color:var(--green);font-size:20px}.office-create-session-note>span{display:grid;gap:2px}.office-create-session-note b{font-size:9px}.office-create-session-note small{color:var(--muted);font-size:8px}.office-user-ip-access{margin-top:15px;padding:15px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,var(--surface-alt)),var(--surface-alt))}.office-user-ip-heading{display:flex;align-items:center;gap:10px}.office-user-ip-heading>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.office-user-ip-heading>span .material-symbols-outlined{font-size:19px}.office-user-ip-heading>div{display:grid;gap:2px;min-width:0}.office-user-ip-heading h3{margin:0;font-size:12px}.office-user-ip-heading p{margin:0;color:var(--muted);font-size:8px}.office-user-ip-heading>b{margin-left:auto;padding:5px 8px;border-radius:99px;color:var(--accent);background:var(--accent-soft);font-size:9px}.office-user-ip-access>form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:12px;padding:0;border:0;background:transparent}.office-user-ip-access>form input{min-width:0}.office-user-ip-access>form button{white-space:nowrap}.office-user-ip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.office-user-ip-list>span{display:flex;align-items:center;gap:7px;max-width:100%;padding:7px 8px;border:1px solid color-mix(in srgb,var(--green) 24%,var(--border));border-radius:9px;color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--card))}.office-user-ip-list>span>.material-symbols-outlined{font-size:15px}.office-user-ip-list code{overflow:hidden;color:var(--text);font-family:inherit;font-size:9px;font-weight:650;text-overflow:ellipsis}.office-user-ip-list button{display:grid;place-items:center;width:22px;height:22px;min-height:22px;padding:0;border:0;color:var(--muted);background:transparent}.office-user-ip-list button:hover:not(:disabled){color:var(--red);background:var(--red-soft)}.office-user-ip-list button .material-symbols-outlined{font-size:14px}.office-user-ip-empty{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px 10px;border:1px dashed var(--border);border-radius:10px;color:var(--muted)}.office-user-ip-empty>.material-symbols-outlined{font-size:20px}.office-user-ip-empty>span{display:grid;gap:2px}.office-user-ip-empty b{color:var(--text);font-size:9px}.office-user-ip-empty small{font-size:8px}.office-user-session-policy{display:flex;align-items:center;gap:9px;margin-top:10px;padding:9px 10px;border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--green) 6%,var(--card))}.office-user-session-policy>.material-symbols-outlined{color:var(--green);font-size:19px}.office-user-session-policy>span{display:grid;gap:2px}.office-user-session-policy b{color:var(--text);font-size:9px}.office-user-session-policy small{font-size:8px}@media(max-width:560px){.office-user-ip-access>form{grid-template-columns:1fr}.office-user-ip-access>form button{width:100%}}.office-shared-ip{position:relative;isolation:isolate;margin:0 0 28px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:16px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--card)),var(--card));box-shadow:var(--shadow)}.office-shared-ip:after{position:absolute;z-index:-1;right:-75px;top:-110px;width:230px;height:230px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 67%);content:""}.office-shared-ip-heading{display:flex;align-items:center;gap:12px}.office-shared-ip-heading>span{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:12px;color:var(--accent);background:var(--accent-soft)}.office-shared-ip-heading>span .material-symbols-outlined{font-size:22px}.office-shared-ip-heading>div{display:grid;gap:3px;min-width:0}.office-shared-ip-heading small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.09em}.office-shared-ip-heading h2{margin:0;font-size:15px}.office-shared-ip-heading p{margin:0;color:var(--muted);font-size:9px}.office-shared-ip-heading>b{margin-left:auto;padding:6px 9px;border-radius:99px;color:var(--accent);background:var(--accent-soft);font-size:10px}.office-shared-ip>form{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;gap:9px;margin-top:14px}.office-shared-ip>form label{position:relative;margin:0}.office-shared-ip>form label>.material-symbols-outlined{position:absolute;left:12px;top:50%;color:var(--accent);font-size:18px;transform:translateY(-50%);pointer-events:none}.office-shared-ip>form input{width:100%;padding-left:38px;background:color-mix(in srgb,var(--surface-alt) 70%,var(--card))}.office-shared-ip>form button{white-space:nowrap}.office-shared-current{color:var(--accent);background:var(--accent-soft)}.office-shared-ip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.office-shared-ip-list>span{display:flex;align-items:center;gap:7px;max-width:100%;padding:8px 9px;border:1px solid color-mix(in srgb,var(--green) 24%,var(--border));border-radius:10px;color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--card))}.office-shared-ip-list>span.current{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--accent);background:var(--accent-soft)}.office-shared-ip-list>span>.material-symbols-outlined{font-size:16px}.office-shared-ip-list code{color:var(--text);font-family:inherit;font-size:9px;font-weight:680}.office-shared-ip-list small{padding:2px 5px;border-radius:99px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card));font-size:7px}.office-shared-ip-list button{display:grid;place-items:center;width:22px;height:22px;min-height:22px;padding:0;border:0;color:var(--muted);background:transparent}.office-shared-ip-list button:hover:not(:disabled){color:var(--red);background:var(--red-soft)}.office-shared-ip-list button .material-symbols-outlined{font-size:14px}.office-shared-ip-empty{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px;border:1px dashed var(--border);border-radius:11px;color:var(--muted)}.office-shared-ip-empty>.material-symbols-outlined{font-size:21px}.office-shared-ip-empty>span{display:grid;gap:2px}.office-shared-ip-empty b{color:var(--text);font-size:9px}.office-shared-ip-empty small{font-size:8px}.office-shared-ip>footer{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border);color:var(--muted);font-size:8px}.office-shared-ip>footer .material-symbols-outlined{color:var(--accent);font-size:16px}.office-create-ip-note{display:flex;align-items:center;gap:10px;margin-top:13px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--accent) 6%,var(--surface-alt))}.office-create-ip-note>.material-symbols-outlined{color:var(--accent);font-size:20px}.office-create-ip-note>span{display:grid;gap:2px}.office-create-ip-note b{font-size:9px}.office-create-ip-note small{color:var(--muted);font-size:8px;line-height:1.4}@media(max-width:720px){.office-shared-ip>form{grid-template-columns:1fr 1fr}.office-shared-ip>form label{grid-column:1/-1}.office-shared-ip-heading{align-items:flex-start}.office-shared-ip-heading p{line-height:1.4}}@media(max-width:460px){.office-shared-ip{padding:15px}.office-shared-ip>form{grid-template-columns:1fr}.office-shared-ip>form label{grid-column:auto}.office-shared-ip>form button{width:100%}.office-shared-ip-heading>b{display:none}}@media(max-width:560px){.office-user-access-heading small{display:none}.office-user-access>.office-access-list{max-height:220px}.office-access-device{width:100%;min-height:54px}}.office-user-badges{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.office-user-presence,.office-user-state{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:5px 8px;border:1px solid var(--border);border-radius:99px;color:var(--muted);background:var(--surface-alt);font-size:8px;font-weight:600;white-space:nowrap}.office-user-presence i{width:6px;height:6px;border-radius:50%;background:currentColor}.office-user-presence.online{color:var(--green);border-color:color-mix(in srgb,var(--green) 26%,var(--border));background:var(--green-soft)}.office-user-presence.online i{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.office-user-state .material-symbols-outlined{font-size:13px}.office-user-state.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--accent-soft)}.office-user-activity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:15px;padding:14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 62%,var(--card))}.office-user-activity>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.office-user-activity>div:first-child>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.office-user-activity>div:first-child>span .material-symbols-outlined{font-size:19px}.office-user-activity h3{margin:0;font-size:11px}.office-user-activity p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.office-user-activity-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.office-user-activity-toggle button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:7px 9px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:8px;white-space:nowrap}.office-user-activity-toggle button .material-symbols-outlined{font-size:14px}.office-user-activity-toggle button.selected.active{color:var(--green);background:var(--green-soft)}.office-user-activity-toggle button.selected.disabled{color:var(--red);background:var(--red-soft)}@media(max-width:700px){.office-user-activity{grid-template-columns:1fr}.office-user-activity-toggle{width:100%}}@media(max-width:420px){.office-user-badges{align-items:flex-end;flex-direction:column}}.office-users-page{padding-top:18px}.office-users-heading{position:relative;isolation:isolate;align-items:center;margin:0 0 18px;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:20px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 94%,#806fff));box-shadow:0 16px 38px #11224512,inset 0 1px #ffffff1a;animation:office-users-overview-in .5s cubic-bezier(.2,.82,.3,1) both}.office-users-heading:before,.office-users-heading:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,#806fff 10%,transparent);border-radius:50%;content:"";pointer-events:none}.office-users-heading:before{right:-78px;top:-120px;width:255px;height:255px;background:radial-gradient(circle,color-mix(in srgb,#806fff 8%,transparent),transparent 68%)}.office-users-heading:after{right:135px;bottom:-88px;width:155px;height:155px}.office-users-heading>div{position:relative;z-index:1}.office-users-heading p{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:color-mix(in srgb,#806fff 72%,var(--muted));font-size:9px;font-weight:680;letter-spacing:.04em}.office-users-heading p:before{width:6px;height:6px;border-radius:50%;background:#806fff;box-shadow:0 0 0 4px color-mix(in srgb,#806fff 9%,transparent);content:""}.office-users-heading h1{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:740;line-height:1.08;letter-spacing:-.05em}.office-users-heading h1 span{display:inline-block;margin-left:2px;text-shadow:0 5px 15px color-mix(in srgb,var(--accent) 22%,transparent)}.office-users-heading small{margin-top:9px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:11px;line-height:1.55}.office-users-heading>button{position:relative;z-index:1;min-height:48px;padding:11px 17px;border-color:color-mix(in srgb,var(--accent) 52%,#394fc6);border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 88%,#8875ff),var(--accent));box-shadow:0 12px 25px color-mix(in srgb,var(--accent) 22%,transparent);font-size:10px;font-weight:700}.office-users-heading>button .material-symbols-outlined{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff1f;font-size:17px}.office-users-heading>button:hover:not(:disabled){border-color:transparent;box-shadow:0 16px 31px color-mix(in srgb,var(--accent) 29%,transparent);transform:translateY(-2px)}.office-users-metrics{gap:13px;margin-bottom:29px}.office-users-metrics .office-user-metric{--user-metric-tone:var(--accent);position:relative;isolation:isolate;min-height:112px;padding:17px 18px;overflow:hidden;border-color:color-mix(in srgb,var(--user-metric-tone) 13%,var(--border));border-radius:17px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--user-metric-tone)));box-shadow:0 13px 31px #11224512,inset 0 1px #ffffff1a;opacity:0;transform:translateY(10px);animation:office-user-metric-in .48s cubic-bezier(.2,.82,.3,1) forwards;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.office-users-metrics .office-user-metric:nth-child(2){animation-delay:65ms}.office-users-metrics .office-user-metric:nth-child(3){animation-delay:.13s}.office-users-metrics .office-user-metric:nth-child(4){animation-delay:195ms}.office-user-metric--violet{--user-metric-tone:#806fff!important}.office-user-metric--green{--user-metric-tone:#26af87!important}.office-user-metric--blue{--user-metric-tone:#5c78f4!important}.office-user-metric--red{--user-metric-tone:#d75c6a!important}.office-users-metrics .office-user-metric:before{position:absolute;z-index:-1;right:-45px;top:-55px;width:125px;height:125px;border:1px solid color-mix(in srgb,var(--user-metric-tone) 10%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--user-metric-tone) 8%,transparent),transparent 68%);content:""}.office-users-metrics .office-user-metric:after{position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,transparent,var(--user-metric-tone),transparent);content:"";opacity:.48;transform:scaleX(.45);transition:opacity .25s ease,transform .25s ease}.office-users-metrics .office-user-metric:hover{border-color:color-mix(in srgb,var(--user-metric-tone) 27%,var(--border));box-shadow:0 18px 38px color-mix(in srgb,var(--user-metric-tone) 10%,transparent),inset 0 1px #ffffff1f;transform:translateY(-3px)}.office-users-metrics .office-user-metric:hover:after{opacity:.9;transform:scaleX(1)}.office-users-metrics .office-user-metric>span{position:relative;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--user-metric-tone) 15%,transparent);border-radius:13px;color:var(--user-metric-tone);background:color-mix(in srgb,var(--user-metric-tone) 10%,var(--card));box-shadow:0 8px 18px color-mix(in srgb,var(--user-metric-tone) 10%,transparent)}.office-users-metrics .office-user-metric>span:after{position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--user-metric-tone) 8%,transparent);border-radius:17px;content:""}.office-users-metrics .office-user-metric>span .material-symbols-outlined{position:relative;z-index:1;font-size:21px}.office-users-metrics .office-user-metric>div{gap:4px}.office-users-metrics .office-user-metric strong{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:28px;font-weight:740;letter-spacing:-.04em}.office-users-metrics .office-user-metric small{font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:8px}.office-users-metrics .office-user-metric:hover>span{transform:translateY(-2px)}.office-users-metrics .office-user-metric>span{transition:transform .25s ease}@keyframes office-users-overview-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes office-user-metric-in{to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.office-users-page{padding-top:12px}.office-users-heading{padding:19px 20px}.office-users-heading>button{width:100%;justify-content:center}.office-users-metrics .office-user-metric{min-height:104px}}@media(max-width:560px){.office-users-heading{padding:17px;border-radius:17px}.office-users-heading small{font-size:10px}.office-users-metrics{gap:10px}.office-users-metrics .office-user-metric{min-height:98px;padding:14px}.office-users-metrics .office-user-metric>span{width:40px;height:40px}.office-users-metrics .office-user-metric strong{font-size:25px}}@media(prefers-reduced-motion:reduce){.office-users-heading,.office-users-metrics .office-user-metric{animation:none}.office-users-metrics .office-user-metric{opacity:1;transform:none}.office-users-metrics .office-user-metric:hover{transform:none}}.office-users-metrics .office-user-metric:before{animation:office-user-metric-aura 7s ease-in-out infinite}.office-users-metrics .office-user-metric:nth-child(2):before{animation-delay:-1.7s}.office-users-metrics .office-user-metric:nth-child(3):before{animation-delay:-3.4s}.office-users-metrics .office-user-metric:nth-child(4):before{animation-delay:-5.1s}.office-users-metrics .office-user-metric>span{animation:office-user-icon-float 3.8s ease-in-out infinite}.office-users-metrics .office-user-metric:nth-child(2)>span{animation-delay:-.9s}.office-users-metrics .office-user-metric:nth-child(3)>span{animation-delay:-1.8s}.office-users-metrics .office-user-metric:nth-child(4)>span{animation-delay:-2.7s}.office-users-metrics .office-user-metric>span:after{animation:office-user-icon-ring 3.8s ease-out infinite}.office-users-metrics .office-user-metric:nth-child(2)>span:after{animation-delay:-.9s}.office-users-metrics .office-user-metric:nth-child(3)>span:after{animation-delay:-1.8s}.office-users-metrics .office-user-metric:nth-child(4)>span:after{animation-delay:-2.7s}.office-user-metric--green>span .material-symbols-outlined{animation:office-user-wifi-pulse 2.2s ease-in-out infinite}.office-user-metric--blue>span .material-symbols-outlined{animation:office-user-shield-glow 2.8s ease-in-out infinite}.office-user-metric:hover>span{animation-play-state:paused}.office-user-metric:hover>span:after{animation-play-state:paused}@keyframes office-user-metric-aura{0%,to{opacity:.45;transform:translateZ(0) scale(.93)}50%{opacity:1;transform:translate3d(-13px,11px,0) scale(1.08)}}@keyframes office-user-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes office-user-icon-ring{0%{opacity:.35;transform:scale(.82)}70%,to{opacity:0;transform:scale(1.2)}}@keyframes office-user-wifi-pulse{0%,to{filter:drop-shadow(0 0 0 transparent);transform:scale(1)}50%{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--user-metric-tone) 42%,transparent));transform:scale(1.08)}}@keyframes office-user-shield-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--user-metric-tone) 45%,transparent))}}@media(prefers-reduced-motion:reduce){.office-users-metrics .office-user-metric:before,.office-users-metrics .office-user-metric>span,.office-users-metrics .office-user-metric>span:after,.office-users-metrics .office-user-metric>span .material-symbols-outlined{animation:none}}.office-users-metrics .office-user-metric{min-height:96px;padding:13px 16px}@media(max-width:800px){.office-users-metrics .office-user-metric{min-height:92px}}@media(max-width:560px){.office-users-metrics .office-user-metric{min-height:86px;padding:12px 14px}}.office-users-toolbar{position:relative;isolation:isolate;min-height:76px;margin-bottom:15px;padding:14px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:17px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 12px 30px #1122450f,inset 0 1px #ffffff14}.office-users-toolbar:after{position:absolute;z-index:-1;right:24%;top:-75px;width:155px;height:155px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 6%,transparent),transparent 68%);content:"";pointer-events:none}.office-users-toolbar>div{gap:9px}.office-users-toolbar h2{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:19px;font-weight:720;letter-spacing:-.025em}.office-users-toolbar>div>span{display:grid;place-items:center;min-width:27px;height:27px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 11%,var(--card));box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 8%,transparent);font-size:9px}.office-users-toolbar>label{width:min(360px,42vw)}.office-users-toolbar>label>.material-symbols-outlined{left:15px;z-index:1;color:color-mix(in srgb,var(--accent) 72%,var(--muted));transition:color .2s ease,transform .2s ease}.office-users-toolbar input{min-height:46px;padding-left:45px;border-color:color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 48%,var(--card));box-shadow:inset 0 1px #ffffff0f;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.office-users-toolbar>label:focus-within>.material-symbols-outlined{color:var(--accent);transform:translateY(-50%) scale(1.08)}.office-users-toolbar input:focus{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.office-users-grid{gap:14px}.office-users-grid .office-user-card{--office-user-tone:#806fff;position:relative;isolation:isolate;padding:18px;overflow:hidden;border-color:color-mix(in srgb,var(--office-user-tone) 14%,var(--border));border-radius:18px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--office-user-tone)));box-shadow:0 14px 32px #11224512,inset 0 1px #ffffff17;opacity:0;transform:translateY(10px);animation:office-user-card-in .5s cubic-bezier(.2,.82,.3,1) forwards;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.office-users-grid .office-user-card:nth-child(2n){--office-user-tone:#5c78f4}.office-users-grid .office-user-card:nth-child(3n){--office-user-tone:#26af87}.office-users-grid .office-user-card:nth-child(2){animation-delay:70ms}.office-users-grid .office-user-card:nth-child(3){animation-delay:.14s}.office-users-grid .office-user-card:nth-child(4){animation-delay:.21s}.office-users-grid .office-user-card:before{position:absolute;z-index:-1;right:-58px;top:-73px;width:168px;height:168px;border:1px solid color-mix(in srgb,var(--office-user-tone) 11%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--office-user-tone) 8%,transparent),transparent 67%);content:"";animation:office-user-card-aura 8s ease-in-out infinite;pointer-events:none}.office-users-grid .office-user-card:after{position:absolute;left:22px;right:22px;top:0;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,var(--office-user-tone),transparent);content:"";opacity:.48;transform:scaleX(.5);transition:opacity .25s ease,transform .25s ease}.office-users-grid .office-user-card:hover{border-color:color-mix(in srgb,var(--office-user-tone) 31%,var(--border));box-shadow:0 19px 42px color-mix(in srgb,var(--office-user-tone) 10%,transparent),inset 0 1px #ffffff1c;transform:translateY(-3px)}.office-users-grid .office-user-card:hover:after{opacity:.9;transform:scaleX(1)}.office-users-grid .office-user-avatar{position:relative;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--office-user-tone) 24%,transparent);border-radius:15px;color:color-mix(in srgb,var(--office-user-tone) 88%,var(--text));background:linear-gradient(145deg,color-mix(in srgb,var(--office-user-tone) 18%,var(--card)),color-mix(in srgb,var(--office-user-tone) 8%,var(--card)));box-shadow:0 9px 22px color-mix(in srgb,var(--office-user-tone) 12%,transparent),inset 0 1px #ffffff1f;font-size:14px;letter-spacing:-.02em}.office-users-grid .office-user-avatar:after{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border:3px solid var(--card);border-radius:50%;background:var(--muted);content:"";box-sizing:content-box}.office-users-grid .office-user-card:has(.office-user-presence.online) .office-user-avatar:after{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent)}.office-users-grid .office-user-presence,.office-users-grid .office-user-state{min-height:27px;padding:5px 9px;border-color:color-mix(in srgb,var(--office-user-tone) 10%,var(--border));background:color-mix(in srgb,var(--surface-alt) 75%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.office-users-grid .office-user-state.active{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));background:color-mix(in srgb,var(--accent-soft) 72%,var(--card))}.office-users-grid .office-user-card-copy{padding:18px 1px 14px}.office-users-grid .office-user-card-copy h3{margin-bottom:7px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:19px;font-weight:720;letter-spacing:-.025em}.office-users-grid .office-user-card-copy p{gap:7px;min-width:0;font-size:9px;line-height:1.45}.office-users-grid .office-user-card-copy p .material-symbols-outlined{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto;border-radius:7px;color:var(--office-user-tone);background:color-mix(in srgb,var(--office-user-tone) 9%,transparent);font-size:13px}.office-users-grid .office-user-card dl{gap:8px;margin:0 0 14px;padding:11px;border:1px solid color-mix(in srgb,var(--office-user-tone) 9%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 56%,transparent)}.office-users-grid .office-user-card dl>div{gap:5px;padding:0 2px}.office-users-grid .office-user-card dl>div+div{padding-left:12px;border-left:1px solid var(--border)}.office-users-grid .office-user-card dt{font-size:8px}.office-users-grid .office-user-card dd{font-size:10px;font-weight:650}.office-users-grid .office-user-card>button{min-height:42px;border-color:color-mix(in srgb,var(--office-user-tone) 16%,var(--border));border-radius:12px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 78%,var(--card)),color-mix(in srgb,var(--office-user-tone) 7%,var(--card)));box-shadow:inset 0 1px #ffffff14;font-weight:680;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.office-users-grid .office-user-card>button .material-symbols-outlined{color:var(--office-user-tone);transition:transform .35s ease}.office-users-grid .office-user-card>button:hover{border-color:color-mix(in srgb,var(--office-user-tone) 35%,var(--border));background:color-mix(in srgb,var(--office-user-tone) 10%,var(--card));box-shadow:0 9px 20px color-mix(in srgb,var(--office-user-tone) 9%,transparent);transform:translateY(-1px)}.office-users-grid .office-user-card>button:hover .material-symbols-outlined{transform:rotate(45deg)}@keyframes office-user-card-in{to{opacity:1;transform:translateY(0)}}@keyframes office-user-card-aura{0%,to{opacity:.5;transform:translateZ(0) scale(.94)}50%{opacity:1;transform:translate3d(-12px,10px,0) scale(1.07)}}@media(max-width:700px){.office-users-toolbar{align-items:stretch;flex-direction:column;padding:14px}.office-users-toolbar>label{width:100%}.office-users-toolbar:after{right:-30px}.office-users-grid .office-user-card{padding:16px}}@media(max-width:390px){.office-user-badges{max-width:165px}.office-users-grid .office-user-card dl{grid-template-columns:.75fr 1.4fr}.office-users-grid .office-user-avatar{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.office-users-grid .office-user-card,.office-users-grid .office-user-card:before{animation:none}.office-users-grid .office-user-card{opacity:1;transform:none}.office-users-grid .office-user-card:hover{transform:none}.office-users-grid .office-user-card>button:hover .material-symbols-outlined{transform:none}}.office-users-empty{position:relative;isolation:isolate;min-height:300px;padding:40px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:20px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--accent)));box-shadow:0 16px 38px #11224512,inset 0 1px #ffffff17;animation:office-users-empty-in .5s cubic-bezier(.2,.82,.3,1) both}.office-users-empty:before,.office-users-empty:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:"";pointer-events:none}.office-users-empty:before{right:-105px;top:-125px;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%);animation:office-users-empty-orbit 9s ease-in-out infinite}.office-users-empty:after{left:-95px;bottom:-145px;width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,#26af87 5%,transparent),transparent 70%);animation:office-users-empty-orbit 11s ease-in-out -4s infinite reverse}.office-users-empty>.material-symbols-outlined{display:grid;place-items:center;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:22px;color:color-mix(in srgb,var(--accent) 88%,var(--text));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,var(--card)),color-mix(in srgb,var(--accent) 7%,var(--card)));box-shadow:0 15px 34px color-mix(in srgb,var(--accent) 14%,transparent),0 0 0 8px color-mix(in srgb,var(--accent) 4%,transparent),inset 0 1px #ffffff21;font-size:34px;animation:office-users-empty-icon 3.8s ease-in-out infinite}.office-users-empty h3{margin:24px 0 8px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(19px,2vw,23px);font-weight:730;letter-spacing:-.03em}.office-users-empty p{max-width:420px;font-size:10px;line-height:1.6}.office-users-empty button{display:inline-flex;align-items:center;justify-content:center;min-width:155px;min-height:44px;margin-top:22px;padding:10px 18px;border-color:color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 75%,var(--card)),color-mix(in srgb,var(--accent) 8%,var(--card)));box-shadow:0 9px 21px #1122450f,inset 0 1px #ffffff17;font-weight:680;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.office-users-empty button:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:color-mix(in srgb,var(--accent) 11%,var(--card));box-shadow:0 13px 27px color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-2px)}@keyframes office-users-empty-in{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes office-users-empty-icon{0%,to{transform:translateY(0);filter:drop-shadow(0 0 0 transparent)}50%{transform:translateY(-5px);filter:drop-shadow(0 7px 10px color-mix(in srgb,var(--accent) 18%,transparent))}}@keyframes office-users-empty-orbit{0%,to{opacity:.55;transform:translateZ(0) scale(.96)}50%{opacity:1;transform:translate3d(18px,-10px,0) scale(1.07)}}@media(max-width:560px){.office-users-empty{min-height:250px;padding:32px 18px;border-radius:17px}.office-users-empty>.material-symbols-outlined{width:64px;height:64px;border-radius:19px;font-size:30px}.office-users-empty h3{margin-top:21px}.office-users-empty button{width:min(100%,240px)}}@media(prefers-reduced-motion:reduce){.office-users-empty,.office-users-empty:before,.office-users-empty:after,.office-users-empty>.material-symbols-outlined{animation:none}.office-users-empty button:hover{transform:none}}.office-users-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.office-users-toolbar-actions>label{position:relative;width:min(360px,42vw);margin:0}.office-users-toolbar-actions>label>.material-symbols-outlined{position:absolute;z-index:1;left:15px;top:50%;color:color-mix(in srgb,var(--accent) 72%,var(--muted));font-size:19px;transform:translateY(-50%);transition:color .2s ease,transform .2s ease;pointer-events:none}.office-users-toolbar-actions>label:focus-within>.material-symbols-outlined{color:var(--accent);transform:translateY(-50%) scale(1.08)}.office-users-toolbar-actions input{width:100%;min-height:46px;padding-left:45px}.office-ip-open-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 11px;border-color:color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 70%,var(--card));box-shadow:inset 0 1px #ffffff14;font-size:9px;font-weight:700;white-space:nowrap;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.office-ip-open-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent-soft) 88%,var(--card));box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-1px)}.office-ip-open-button>.material-symbols-outlined{font-size:18px}.office-ip-open-button>b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--card));font-size:8px}.office-shared-ip-dialog{width:min(620px,100%);max-height:calc(100dvh - 40px);margin:0;overflow-x:hidden;overflow-y:auto;border-radius:20px;box-shadow:0 28px 80px #050d1f52,inset 0 1px #ffffff1a;scrollbar-width:none;-ms-overflow-style:none;animation:office-ip-dialog-in .22s cubic-bezier(.2,.82,.3,1) both}.office-shared-ip-dialog::-webkit-scrollbar{display:none;width:0;height:0}.office-shared-ip-dialog .office-shared-ip-heading{padding-right:42px}.office-shared-ip-dialog>.notice{margin:13px 0 0}.office-shared-ip-close{position:absolute;z-index:3;top:15px;right:15px;display:grid;place-items:center;width:35px;height:35px;min-height:35px;padding:0;border-color:var(--border);border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 86%,var(--card))}.office-shared-ip-close:hover:not(:disabled){color:var(--text);background:var(--surface-alt);transform:none}.office-shared-ip-close .material-symbols-outlined{font-size:18px}@keyframes office-ip-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.office-users-toolbar-actions{width:100%}.office-users-toolbar-actions>label{width:100%;flex:1}}@media(max-width:560px){.office-users-toolbar-actions{display:grid;grid-template-columns:1fr}.office-ip-open-button{width:100%}.office-users-toolbar-actions>label{width:100%}.office-shared-ip-dialog{width:100%;max-height:calc(100dvh - 8px);padding:17px;border-radius:20px 20px 0 0}}@media(prefers-reduced-motion:reduce){.office-shared-ip-dialog{animation:none}.office-ip-open-button:hover:not(:disabled){transform:none}}.office-users-dialog,.office-shared-ip-dialog{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 42%,var(--border)) transparent}.office-users-dialog::-webkit-scrollbar,.office-shared-ip-dialog::-webkit-scrollbar{display:block;width:8px;height:8px}.office-users-dialog::-webkit-scrollbar-track,.office-shared-ip-dialog::-webkit-scrollbar-track{margin-block:14px;border-radius:99px;background:transparent}.office-users-dialog::-webkit-scrollbar-thumb,.office-shared-ip-dialog::-webkit-scrollbar-thumb{min-height:42px;border:2px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--accent) 42%,var(--border));background-clip:padding-box}.office-users-dialog::-webkit-scrollbar-thumb:hover,.office-shared-ip-dialog::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 68%,var(--border));background-clip:padding-box}.site-analytics-page,.super-admin-page:not(.flow-page){padding:18px 0 44px}.site-admin-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:23px 25px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:21px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 94%,#806fff));box-shadow:0 17px 42px #0f1d3c14,inset 0 1px #ffffff1a;animation:site-admin-enter .5s cubic-bezier(.2,.82,.3,1) both}.site-admin-hero:before,.site-admin-hero:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,#806fff 11%,transparent);border-radius:50%;content:"";pointer-events:none}.site-admin-hero:before{right:-80px;top:-145px;width:285px;height:285px;background:radial-gradient(circle,color-mix(in srgb,#806fff 8%,transparent),transparent 68%);animation:site-admin-aura 9s ease-in-out infinite}.site-admin-hero:after{right:170px;bottom:-105px;width:180px;height:180px}.site-admin-hero>div:first-child{min-width:0}.site-admin-hero p{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:color-mix(in srgb,#806fff 78%,var(--muted));font-size:9px;font-weight:750;letter-spacing:.07em}.site-admin-hero p:before{width:6px;height:6px;border-radius:50%;background:#806fff;box-shadow:0 0 0 4px color-mix(in srgb,#806fff 10%,transparent);content:""}.site-admin-hero h1{margin:0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(31px,3.2vw,43px);font-weight:750;line-height:1.06;letter-spacing:-.05em}.site-admin-hero h1 span{color:var(--accent);text-shadow:0 5px 15px color-mix(in srgb,var(--accent) 24%,transparent)}.site-admin-hero small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.55}.site-period-switch{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;min-width:238px;padding:4px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 74%,var(--card));box-shadow:inset 0 1px #ffffff12}.site-period-switch:before{position:absolute;z-index:0;left:4px;top:4px;width:calc((100% - 8px)/3);height:37px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:9px;background:var(--accent-soft);box-shadow:0 6px 15px color-mix(in srgb,var(--accent) 10%,transparent);content:"";transition:transform .38s cubic-bezier(.2,.82,.3,1)}.site-period-switch.period-7:before{transform:translate(100%)}.site-period-switch.period-all:before{transform:translate(200%)}.site-period-switch button{position:relative;z-index:1;min-height:37px;padding:8px 12px;border:0;border-radius:9px;color:var(--muted);background:transparent;box-shadow:none;font-size:9px;font-weight:680;white-space:nowrap;transition:color .28s ease,transform .28s ease}.site-period-switch button.active{color:var(--accent);background:transparent;box-shadow:none}.site-period-switch button:disabled{opacity:1}.site-period-switch button.active:disabled{transform:scale(.97)}.site-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.site-stat-card{--tone:var(--accent);position:relative;isolation:isolate;display:flex;align-items:center;gap:13px;min-height:106px;padding:16px 17px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tone) 15%,var(--border));border-radius:17px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--tone)));box-shadow:0 13px 31px #11224512,inset 0 1px #ffffff17;opacity:0;transform:translateY(11px);animation:site-stat-in .48s cubic-bezier(.2,.82,.3,1) var(--delay) forwards;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.site-stat-card.tone-green{--tone:#35b48f}.site-stat-card.tone-blue{--tone:#4f83f1}.site-stat-card.tone-orange{--tone:#e5a443}.site-stat-card:hover{border-color:color-mix(in srgb,var(--tone) 34%,var(--border));box-shadow:0 19px 40px color-mix(in srgb,var(--tone) 11%,transparent);transform:translateY(-3px)}.site-stat-card>span{display:grid;place-items:center;width:47px;height:47px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--tone) 17%,transparent);border-radius:14px;color:var(--tone);background:color-mix(in srgb,var(--tone) 11%,var(--card));box-shadow:0 9px 20px color-mix(in srgb,var(--tone) 10%,transparent);animation:site-icon-float 3.8s ease-in-out infinite}.site-stat-card>span .material-symbols-outlined{font-size:22px}.site-stat-card>div{display:grid;gap:2px;min-width:0}.site-stat-card strong{font-size:28px;line-height:1;letter-spacing:-.04em}.site-stat-card b{font-size:9px}.site-stat-card small{margin:0;color:var(--muted);font-size:7px;white-space:normal}.site-stat-card>i{position:absolute;z-index:-1;right:-45px;top:-55px;width:130px;height:130px;border:1px solid color-mix(in srgb,var(--tone) 11%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 9%,transparent),transparent 68%);animation:site-admin-aura 8s ease-in-out infinite}.site-analytics-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(460px,1.07fr);gap:15px}.site-panel{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:20px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 16px 38px #11224514,inset 0 1px #ffffff17;animation:site-admin-enter .52s .16s cubic-bezier(.2,.82,.3,1) both}.site-panel:before{position:absolute;z-index:-1;right:-100px;top:-130px;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:""}.site-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 24px 15px}.site-panel>header>div>span,.site-office-analytics>header>div>span{color:color-mix(in srgb,var(--accent) 82%,var(--muted));font-size:7px;font-weight:800;letter-spacing:.09em}.site-panel h2,.site-office-analytics h2{margin:6px 0 5px;font-size:18px;letter-spacing:-.025em}.site-panel header p,.site-office-analytics header p{margin:0;color:var(--muted);font-size:8px}.site-panel-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:13px;color:var(--accent);background:var(--accent-soft)}.site-panel-icon.green{color:#35b48f;border-color:color-mix(in srgb,#35b48f 19%,var(--border));background:color-mix(in srgb,#35b48f 10%,var(--card))}.site-panel-icon .material-symbols-outlined{font-size:22px}.site-distribution-body{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:15px;padding:5px 24px 18px}.site-distribution-ring-wrap{position:relative;display:grid;place-items:center;width:194px;height:194px}.site-distribution-orbit{position:absolute;inset:0;border:1px dashed color-mix(in srgb,var(--accent) 17%,transparent);border-radius:50%;animation:site-orbit 19s linear infinite}.site-distribution-orbit:after{position:absolute;top:18px;right:24px;width:7px;height:7px;border:3px solid var(--card);border-radius:50%;background:#35b48f;box-shadow:0 0 0 5px color-mix(in srgb,#35b48f 12%,transparent),0 0 18px color-mix(in srgb,#35b48f 42%,transparent);content:""}.site-distribution-ring{position:relative;display:grid;place-items:center;width:166px;height:166px;border-radius:50%;box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 14%,transparent),0 0 0 7px color-mix(in srgb,var(--accent) 4%,transparent);animation:site-ring-enter 1s cubic-bezier(.16,.88,.25,1) both}.site-distribution-ring:before{position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:50%;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--accent)));box-shadow:inset 0 0 0 1px #ffffff0f;content:""}.site-distribution-ring>div{position:relative;z-index:1;display:grid;place-items:center;gap:2px}.site-distribution-ring .material-symbols-outlined{color:#35b48f;font-size:18px}.site-distribution-ring strong{font-size:31px;letter-spacing:-.06em}.site-distribution-ring small{margin:0;font-size:7px;text-transform:uppercase}.site-distribution-legend{display:grid;align-content:center;gap:7px;min-width:0;max-height:205px;padding-right:3px;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 28%,var(--border)) transparent}.site-distribution-legend>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 62%,transparent);transition:border-color .2s ease,transform .2s ease}.site-distribution-legend>div:hover{border-color:color-mix(in srgb,var(--accent) 27%,var(--border));transform:translate(2px)}.site-distribution-legend i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 6%,transparent)}.site-distribution-legend span{display:grid;gap:3px;min-width:0}.site-distribution-legend b,.site-distribution-legend small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-distribution-legend b{font-size:8px}.site-distribution-legend small{margin:0;font-size:6px}.site-distribution-legend>div>strong{font-size:9px}.site-distribution-legend>p{color:var(--muted);font-size:9px}.site-distribution-card>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 22px}.site-distribution-card>footer>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;padding:10px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 57%,transparent)}.site-distribution-card>footer .material-symbols-outlined{grid-row:1/3;color:var(--accent);font-size:18px}.site-distribution-card>footer b{font-size:11px}.site-distribution-card>footer small{margin:0;font-size:6px;white-space:normal}.site-calendar-controls{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;gap:9px;margin:0 24px 12px;padding:6px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 58%,transparent)}.site-calendar-controls button{display:grid;place-items:center;width:35px;height:35px;min-height:35px;padding:0;border:0;border-radius:9px;background:var(--card)}.site-calendar-controls button .material-symbols-outlined{font-size:18px}.site-calendar-controls strong{text-align:center;text-transform:capitalize;font-size:10px}.site-calendar-weekdays,.site-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-inline:24px}.site-calendar-weekdays{margin-bottom:5px}.site-calendar-weekdays span{color:var(--muted);font-size:7px;font-weight:700;text-align:center}.site-calendar-grid>button,.site-calendar-grid>.blank{aspect-ratio:1.28;min-width:0}.site-calendar-grid>button{--activity:#35b48f;position:relative;display:grid;place-items:center;min-height:35px;padding:4px;overflow:hidden;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 55%,transparent);font-size:8px}.site-calendar-grid>button.has-activity{border-color:color-mix(in srgb,var(--activity) calc(var(--intensity) * 45%),var(--border));color:var(--text);background:color-mix(in srgb,var(--activity) calc(var(--intensity) * 18%),var(--card))}.site-calendar-grid>button.today:after{position:absolute;right:4px;top:4px;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);content:""}.site-calendar-grid>button.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.site-calendar-grid>button span{position:relative;z-index:1}.site-calendar-grid>button b{position:absolute;right:4px;bottom:3px;color:#35b48f;font-size:6px}.site-calendar-grid>button i{position:absolute;left:4px;right:4px;bottom:3px;height:2px;border-radius:99px;background:#35b48f;opacity:var(--intensity)}.site-calendar-detail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin:14px 24px 22px;padding:12px 13px;border:1px solid color-mix(in srgb,#35b48f 15%,var(--border));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,#35b48f 7%,var(--surface-alt)),var(--card))}.site-calendar-detail>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#35b48f;background:color-mix(in srgb,#35b48f 10%,var(--card))}.site-calendar-detail>span .material-symbols-outlined{font-size:19px}.site-calendar-detail>div{display:grid;gap:2px;min-width:0}.site-calendar-detail small{margin:0;color:#35b48f;font-size:6px;font-weight:750;text-transform:uppercase}.site-calendar-detail strong{font-size:8px}.site-calendar-detail p{margin:0;color:var(--muted);font-size:7px}.site-calendar-detail>b{display:grid;place-items:center;min-width:39px;height:34px;padding:0 8px;border-radius:10px;color:#35b48f;background:color-mix(in srgb,#35b48f 10%,var(--card));font-size:12px}.site-office-analytics{position:relative;overflow:hidden;margin-top:15px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:20px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 16px 38px #11224512}.site-office-analytics>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.site-office-analytics>header>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:99px;color:#35b48f;background:color-mix(in srgb,#35b48f 9%,var(--card));font-size:9px;font-weight:750}.site-office-analytics>header>span .material-symbols-outlined{font-size:16px}.site-office-analytics>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.site-office-analytics article{--office-color:var(--accent);position:relative;display:grid;gap:12px;padding:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--office-color) 14%,var(--border));border-radius:14px;background:linear-gradient(145deg,var(--surface-alt),color-mix(in srgb,var(--card) 94%,var(--office-color)));opacity:0;transform:translateY(8px);animation:site-stat-in .4s ease var(--delay) forwards;transition:border-color .2s ease,transform .2s ease}.site-office-analytics article:hover{border-color:color-mix(in srgb,var(--office-color) 32%,var(--border));transform:translateY(-2px)}.site-office-analytics article:after{position:absolute;right:-45px;top:-55px;width:120px;height:120px;border:1px solid color-mix(in srgb,var(--office-color) 10%,transparent);border-radius:50%;content:""}.site-office-analytics-name{display:flex;align-items:center;gap:10px}.site-office-analytics-name>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--office-color);background:color-mix(in srgb,var(--office-color) 10%,var(--card));font-size:11px;font-weight:800}.site-office-analytics-name>div{display:grid;gap:3px;min-width:0}.site-office-analytics-name b,.site-office-analytics-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-office-analytics-name b{font-size:10px}.site-office-analytics-name small{color:var(--muted);font-size:7px}.site-office-analytics dl{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0}.site-office-analytics dl>div{display:grid;gap:4px;padding:7px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--card) 66%,transparent)}.site-office-analytics dt{color:var(--muted);font-size:6px}.site-office-analytics dd{margin:0;font-size:11px;font-weight:750}.site-office-online{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:7px}.site-office-online i{width:6px;height:6px;border-radius:50%;background:currentColor}.site-office-online.online{color:#35b48f}.site-office-online.online i{box-shadow:0 0 0 4px color-mix(in srgb,#35b48f 10%,transparent)}.site-empty{margin:0;color:var(--muted);font-size:9px}@keyframes site-admin-enter{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes site-stat-in{to{opacity:1;transform:translateY(0)}}@keyframes site-admin-aura{0%,to{opacity:.5;transform:translateZ(0) scale(.95)}50%{opacity:1;transform:translate3d(-15px,12px,0) scale(1.08)}}@keyframes site-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes site-orbit{to{transform:rotate(360deg)}}@keyframes site-ring-enter{0%{opacity:0;transform:scale(.68) rotate(-55deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:1100px){.site-stat-grid{grid-template-columns:repeat(2,1fr)}.site-analytics-layout{grid-template-columns:1fr}.site-distribution-body{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:700px){.site-analytics-page,.super-admin-page:not(.flow-page){padding-top:12px}.site-admin-hero{align-items:stretch;flex-direction:column;padding:19px 20px}.site-period-switch{width:100%}.site-period-switch button{flex:1}.site-distribution-body{grid-template-columns:1fr;justify-items:center}.site-distribution-legend{width:100%;max-height:none}.site-distribution-card>footer{grid-template-columns:1fr}.site-office-analytics{padding:18px}.site-office-analytics>div{grid-template-columns:1fr}}@media(max-width:480px){.site-admin-hero{padding:17px;border-radius:17px}.site-admin-hero h1{font-size:30px}.site-admin-hero small{font-size:10px}.site-stat-grid{grid-template-columns:1fr;gap:9px}.site-stat-card{min-height:86px}.site-panel>header{padding:18px 17px 13px}.site-distribution-body{padding-inline:17px}.site-distribution-card>footer{padding:0 17px 18px}.site-calendar-controls,.site-calendar-weekdays,.site-calendar-grid{margin-inline:17px}.site-calendar-detail{margin:13px 17px 18px}.site-calendar-grid{gap:3px}.site-calendar-grid>button{aspect-ratio:1;min-height:32px}.site-calendar-detail{grid-template-columns:auto minmax(0,1fr)}.site-calendar-detail>b{display:none}.site-office-analytics dl{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.site-admin-hero,.site-admin-hero:before,.site-stat-card,.site-stat-card>span,.site-stat-card>i,.site-panel,.site-distribution-orbit,.site-distribution-ring,.site-office-analytics article{animation:none}.site-stat-card,.site-office-analytics article{opacity:1;transform:none}.site-stat-card:hover,.site-office-analytics article:hover{transform:none}}.site-admin-badge{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:180px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface-alt) 68%,var(--card));box-shadow:0 10px 24px #11224512}.site-admin-badge>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.site-admin-badge>span .material-symbols-outlined{font-size:20px}.site-admin-badge>div{display:grid;gap:3px}.site-admin-badge small{margin:0;color:var(--muted);font-size:6px;letter-spacing:.07em}.site-admin-badge b{font-size:10px}.super-admin-page .office-create{position:relative;isolation:isolate;margin:0 0 14px;padding:22px;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:19px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 15px 36px #11224512,inset 0 1px #ffffff17;animation:site-admin-enter .5s .08s both}.super-admin-page .office-create:after{position:absolute;z-index:-1;right:-85px;top:-125px;width:260px;height:260px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%);content:"";animation:site-admin-aura 9s ease-in-out infinite}.super-admin-page .office-create-title>span{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:13px;box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 10%,transparent)}.super-admin-page .office-create-title h3{font-size:16px}.super-admin-page .office-create-title p{font-size:9px}.super-admin-page .office-create-fields{grid-template-columns:1.15fr 1fr 1fr 1fr auto;gap:11px}.super-admin-page .office-create-fields label{font-size:9px}.super-admin-page .office-create-fields label>small{display:inline;margin-left:4px;color:var(--muted);font-size:7px;font-weight:500}.super-admin-page .office-create-fields input{min-height:46px;border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 64%,var(--card))}.super-admin-page .office-create-fields button{min-height:46px;border-radius:12px;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 20%,transparent)}.super-admin-page .credential-note{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,#35b48f 13%,var(--border));border-radius:11px;background:color-mix(in srgb,#35b48f 6%,var(--card));font-size:8px}.super-admin-page .admin-create-hint{border-style:solid;border-color:color-mix(in srgb,#35b48f 17%,var(--border));border-radius:15px;color:#35b48f;background:linear-gradient(135deg,color-mix(in srgb,#35b48f 8%,var(--card)),var(--card));animation:site-admin-enter .5s .16s both}.super-admin-page .admin-create-hint b{font-size:10px}.super-admin-page .admin-create-hint span{font-size:8px}.site-offices-toolbar{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;margin-bottom:15px;padding:14px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:17px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 12px 30px #1122450f}.site-offices-toolbar:after{position:absolute;z-index:-1;right:23%;top:-75px;width:155px;height:155px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:""}.site-offices-toolbar>div{display:flex;align-items:center;gap:9px}.site-offices-toolbar h2{margin:0;font-size:19px}.site-offices-toolbar>div>span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border:1px solid color-mix(in srgb,var(--accent) 19%,transparent);border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:750}.site-offices-toolbar>label{position:relative;width:min(420px,47vw)}.site-offices-toolbar>label>.material-symbols-outlined{position:absolute;z-index:1;left:15px;top:50%;color:color-mix(in srgb,var(--accent) 70%,var(--muted));font-size:19px;transform:translateY(-50%);pointer-events:none}.site-offices-toolbar input{width:100%;min-height:46px;padding-left:45px;border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 50%,var(--card))}.site-office-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.site-office-card{--office-tone:#796cf2;position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--office-tone) 15%,var(--border));border-radius:18px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--office-tone)));box-shadow:0 14px 32px #11224512,inset 0 1px #ffffff17;opacity:0;transform:translateY(11px);animation:site-stat-in .48s cubic-bezier(.2,.82,.3,1) calc(var(--office-index) * 65ms) forwards;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease}.site-office-card:nth-child(3n+2){--office-tone:#35b48f}.site-office-card:nth-child(3n){--office-tone:#4f83f1}.site-office-card:before{position:absolute;z-index:-1;right:-62px;top:-78px;width:175px;height:175px;border:1px solid color-mix(in srgb,var(--office-tone) 11%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--office-tone) 8%,transparent),transparent 68%);content:"";animation:site-admin-aura 8s ease-in-out infinite}.site-office-card:after{position:absolute;left:22px;right:22px;top:0;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,var(--office-tone),transparent);content:"";opacity:.5;transform:scaleX(.45);transition:opacity .24s ease,transform .24s ease}.site-office-card:hover{border-color:color-mix(in srgb,var(--office-tone) 34%,var(--border));box-shadow:0 19px 42px color-mix(in srgb,var(--office-tone) 11%,transparent);transform:translateY(-3px)}.site-office-card:hover:after{opacity:.95;transform:scaleX(1)}.site-office-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.site-office-avatar{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--office-tone) 23%,transparent);border-radius:15px;color:var(--office-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--office-tone) 17%,var(--card)),color-mix(in srgb,var(--office-tone) 7%,var(--card)));box-shadow:0 9px 22px color-mix(in srgb,var(--office-tone) 12%,transparent);font-size:13px;font-weight:800}.site-office-card-top>div{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.site-office-presence,.site-office-state{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:5px 8px;border:1px solid var(--border);border-radius:99px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 74%,transparent);font-size:7px;font-weight:650}.site-office-presence i{width:6px;height:6px;border-radius:50%;background:currentColor}.site-office-presence.online{color:#35b48f;border-color:color-mix(in srgb,#35b48f 24%,var(--border));background:color-mix(in srgb,#35b48f 8%,var(--card))}.site-office-state .material-symbols-outlined{font-size:13px}.site-office-state.active{color:var(--accent);background:var(--accent-soft)}.site-office-card-copy{padding:17px 1px 13px}.site-office-card-copy>small{color:var(--office-tone);font-size:6px;font-weight:800;letter-spacing:.07em}.site-office-card-copy h3{margin:5px 0 7px;font-size:19px;letter-spacing:-.025em}.site-office-card-copy p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:8px}.site-office-card-copy p .material-symbols-outlined{font-size:14px}.site-office-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.site-office-card-metrics>span{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;padding:9px;border:1px solid color-mix(in srgb,var(--office-tone) 10%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 58%,transparent)}.site-office-card-metrics .material-symbols-outlined{grid-row:1/3;color:var(--office-tone);font-size:17px}.site-office-card-metrics b{font-size:11px}.site-office-card-metrics small{margin:0;font-size:6px;white-space:normal}.site-office-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0;padding-top:11px;border-top:1px solid var(--border);color:var(--muted);font-size:7px}.site-office-card-meta>span{display:flex;align-items:center;gap:5px}.site-office-card-meta .material-symbols-outlined{font-size:13px}.site-office-card-meta>small{margin:0;font-size:6px}.site-office-card>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;margin-top:auto;border-color:color-mix(in srgb,var(--office-tone) 18%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 78%,var(--card)),color-mix(in srgb,var(--office-tone) 7%,var(--card)));font-size:9px;font-weight:700}.site-office-card>button .material-symbols-outlined{color:var(--office-tone);font-size:17px;transition:transform .3s ease}.site-office-card>button:hover:not(:disabled) .material-symbols-outlined{transform:rotate(45deg)}.site-offices-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:280px;padding:35px;border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:18px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));text-align:center}.site-offices-empty>.material-symbols-outlined{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;color:var(--accent);background:var(--accent-soft);font-size:31px}.site-offices-empty h3{margin:20px 0 7px}.site-offices-empty p{margin:0;color:var(--muted);font-size:9px}.site-offices-empty button{margin-top:16px}.office-modal{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 38%,var(--border)) transparent}.office-modal::-webkit-scrollbar{width:8px}.office-modal::-webkit-scrollbar-track{margin-block:14px;background:transparent}.office-modal::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--accent) 40%,var(--border));background-clip:padding-box}.site-office-status-control .modal-action-icon.active{color:#35b48f;background:color-mix(in srgb,#35b48f 10%,var(--card))}.site-office-status-control .modal-action-icon.disabled{color:var(--red);background:var(--red-soft)}.site-office-status-control>button{font-size:8px}.site-office-status-control:has(.active)>button{color:var(--red);border-color:color-mix(in srgb,var(--red) 23%,var(--border));background:color-mix(in srgb,var(--red) 6%,var(--card))}@media(max-width:1200px){.super-admin-page .office-create-fields{grid-template-columns:1fr 1fr}.super-admin-page .office-create-fields button{width:100%}}@media(max-width:700px){.site-admin-badge{width:100%}.site-offices-toolbar{align-items:stretch;flex-direction:column}.site-offices-toolbar>label{width:100%}.site-office-grid{grid-template-columns:1fr}.site-office-status-control{align-items:stretch;flex-direction:column}.site-office-status-control>button{width:100%}}@media(max-width:520px){.super-admin-page .office-create{padding:17px;border-radius:17px}.super-admin-page .office-create-fields{grid-template-columns:1fr}.site-office-card{padding:16px}.site-office-card-metrics{grid-template-columns:1fr}.site-office-card-meta{align-items:flex-start;flex-direction:column}.site-office-card-top{align-items:flex-start}.site-office-card-top>div{align-items:flex-end;flex-direction:column}}@media(prefers-reduced-motion:reduce){.super-admin-page .office-create,.super-admin-page .office-create:after,.super-admin-page .admin-create-hint,.site-office-card,.site-office-card:before{animation:none}.site-office-card{opacity:1;transform:none}.site-office-card:hover{transform:none}.site-office-card>button:hover:not(:disabled) .material-symbols-outlined{transform:none}}.site-calendar-grid>button.has-activity{border-color:color-mix(in srgb,var(--activity) var(--activity-border),var(--border));background:color-mix(in srgb,var(--activity) var(--activity-bg),var(--card))}.site-stat-grid,.site-analytics-layout,.site-office-analytics{transition:opacity .24s ease,transform .32s cubic-bezier(.2,.82,.3,1),filter .24s ease}.site-analytics-page.is-period-switching .site-stat-grid,.site-analytics-page.is-period-switching .site-analytics-layout,.site-analytics-page.is-period-switching .site-office-analytics{opacity:.24;filter:blur(2px);transform:translateY(7px);pointer-events:none}.site-analytics-page.is-period-switching .site-stat-card>span,.site-analytics-page.is-period-switching .site-distribution-orbit{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.site-period-switch:before,.site-period-switch button,.site-stat-grid,.site-analytics-layout,.site-office-analytics{transition:none}.site-analytics-page.is-period-switching .site-stat-grid,.site-analytics-page.is-period-switching .site-analytics-layout,.site-analytics-page.is-period-switching .site-office-analytics{opacity:1;filter:none;transform:none}}.site-period-switch{gap:0;min-width:0;padding:5px;overflow:visible}.site-period-switch:before{display:none}.site-period-switch button{min-height:38px;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.site-period-switch button.active{color:var(--accent);background:var(--card);box-shadow:0 5px 14px #11224514,inset 0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent)}.site-analytics-page.is-refreshing .site-period-switch{opacity:.7;pointer-events:none}.site-period-reveal{animation:site-period-reveal .52s cubic-bezier(.2,.82,.3,1) both}.site-calendar-grid>button{opacity:0;transform:translateY(5px) scale(.97);animation:site-calendar-cell-in .35s ease var(--cell-delay) forwards;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.site-calendar-grid>button:hover{z-index:2;border-color:color-mix(in srgb,#35b48f 34%,var(--border));box-shadow:0 9px 20px color-mix(in srgb,#35b48f 9%,transparent);transform:translateY(-2px)}@keyframes site-period-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes site-calendar-cell-in{to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.site-period-reveal,.site-calendar-grid>button{animation:none}.site-calendar-grid>button{opacity:1;transform:none}.site-calendar-grid>button:hover{transform:none}}.site-analytics-layout{align-items:start}.site-distribution-card{width:100%}.site-distribution-card .site-distribution-body{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:13px;padding:3px 24px 22px}.site-distribution-chart{position:relative;isolation:isolate;display:grid;place-items:center;width:246px;height:246px;margin:0 auto 2px}.site-distribution-chart:before,.site-distribution-chart:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.site-distribution-chart:before{inset:18px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 8%,transparent),transparent 64%);filter:blur(8px)}.site-distribution-chart:after{inset:28px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);box-shadow:inset 0 0 30px color-mix(in srgb,var(--accent) 5%,transparent)}.site-distribution-chart .site-distribution-orbit{position:absolute;inset:2px;border:1px dashed color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;background:none;animation:site-orbit 22s linear infinite}.site-distribution-chart .site-distribution-orbit:before{position:absolute;left:20px;bottom:40px;width:6px;height:6px;border:3px solid var(--card);border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent),0 0 17px color-mix(in srgb,var(--accent) 42%,transparent);content:""}.site-distribution-chart .site-distribution-orbit:after{top:25px;right:27px;width:6px;height:6px;border:3px solid var(--card);background:#35b48f;box-shadow:0 0 0 5px color-mix(in srgb,#35b48f 12%,transparent),0 0 17px color-mix(in srgb,#35b48f 42%,transparent)}.site-distribution-chart svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 15px 20px color-mix(in srgb,var(--accent) 10%,transparent))}.site-donut-track{fill:none;stroke:color-mix(in srgb,var(--surface-alt) 84%,var(--card));stroke-width:22}.site-donut-segment{stroke-width:20;stroke-linecap:round;opacity:0;animation:site-donut-segment-in .9s cubic-bezier(.16,.88,.25,1) var(--segment-delay) forwards;transition:stroke-width .22s ease,filter .22s ease}.site-donut-segment:hover{stroke-width:23;filter:drop-shadow(0 0 5px currentColor)}.site-distribution-center{position:absolute;z-index:2;display:grid;place-items:center;width:132px;height:132px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:50%;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:inset 0 1px #ffffff17,0 10px 26px #1122451a}.site-distribution-center>span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:1px;border-radius:10px;color:#35b48f;background:color-mix(in srgb,#35b48f 10%,var(--card))}.site-distribution-center>span .material-symbols-outlined{font-size:17px}.site-distribution-center strong{font-size:31px;line-height:.9;letter-spacing:-.06em}.site-distribution-center small{margin:2px 0 0;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.site-distribution-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-distribution-summary>span{--summary-tone:var(--accent);display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--summary-tone) 14%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--summary-tone) 6%,var(--surface-alt)),var(--card));box-shadow:inset 0 1px #ffffff0f}.site-distribution-summary>span+span{--summary-tone:#35b48f}.site-distribution-summary>span>.material-symbols-outlined{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:10px;color:var(--summary-tone);background:color-mix(in srgb,var(--summary-tone) 10%,var(--card));font-size:18px}.site-distribution-summary>span>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px;min-width:0}.site-distribution-summary small{grid-column:1/-1;margin:0;color:var(--muted);font-size:7px}.site-distribution-summary b{grid-column:1/-1;font-size:14px}.site-distribution-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px;padding:10px 2px 3px;color:var(--muted);font-size:8px;font-weight:680}.site-distribution-list-head>b{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:8px;color:var(--accent);background:var(--accent-soft);font-size:8px}.site-distribution-card .site-distribution-legend{display:grid;gap:7px;width:100%;padding:2px;overflow:visible}.site-distribution-card .site-distribution-legend>div{min-height:50px;padding:9px 11px;border-color:color-mix(in srgb,var(--accent) 9%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 68%,var(--card)),var(--card));box-shadow:inset 0 1px #ffffff0d}.site-distribution-card .site-distribution-legend>div:hover{border-color:color-mix(in srgb,var(--accent) 27%,var(--border));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 7%,transparent)}.site-distribution-card .site-distribution-legend i{width:9px;height:9px}.site-distribution-card .site-distribution-legend b{font-size:9px}.site-distribution-card .site-distribution-legend small{font-size:7px}.site-distribution-card .site-distribution-legend>div>strong{display:grid;place-items:center;min-width:42px;height:28px;padding:0 7px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface-alt) 62%,var(--card));font-size:8px}.site-distribution-card .site-distribution-legend.is-scrollable{max-height:570px;padding-right:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 38%,var(--border)) transparent}.site-distribution-card .site-distribution-legend::-webkit-scrollbar{width:7px}.site-distribution-card .site-distribution-legend::-webkit-scrollbar-track{margin-block:5px;border-radius:99px;background:transparent}.site-distribution-card .site-distribution-legend::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--accent) 40%,var(--border));background-clip:padding-box}.site-distribution-card .site-distribution-legend::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 66%,var(--border));background-clip:padding-box}@keyframes site-donut-segment-in{0%{opacity:0;stroke-dasharray:0 100;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@media(max-width:700px){.site-distribution-card .site-distribution-body{padding-inline:18px}.site-distribution-chart{width:230px;height:230px}.site-distribution-center{width:122px;height:122px}.site-distribution-card .site-distribution-legend.is-scrollable{max-height:520px}}@media(max-width:420px){.site-distribution-summary{grid-template-columns:1fr}.site-distribution-chart{width:214px;height:214px}.site-distribution-center{width:114px;height:114px}.site-distribution-center strong{font-size:27px}.site-distribution-card .site-distribution-legend>div{grid-template-columns:auto minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){.site-donut-segment,.site-distribution-chart .site-distribution-orbit{animation:none}.site-donut-segment{opacity:1}.site-donut-segment:hover{stroke-width:20}}.site-analytics-layout{align-items:stretch}.site-distribution-card{display:flex;min-height:0;flex-direction:column}.site-distribution-card .site-distribution-body{display:grid;grid-template-rows:minmax(286px,1fr) auto;align-content:center;gap:12px;min-height:0;flex:1;padding:0 24px 22px}.site-distribution-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-height:286px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:17px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 43%),linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 45%,transparent),transparent 68%)}.site-distribution-stage:before,.site-distribution-stage:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 7%,transparent);border-radius:50%;content:"";pointer-events:none}.site-distribution-stage:before{width:360px;height:360px}.site-distribution-stage:after{width:310px;height:310px;border-style:dashed;opacity:.55}.site-distribution-stage .site-distribution-chart{z-index:2;width:220px;height:220px;margin:0}.site-distribution-stage .site-distribution-center{width:116px;height:116px}.site-distribution-stage .site-distribution-center strong{font-size:29px}.site-office-constellation{position:absolute;z-index:3;inset:0;pointer-events:none}.site-office-label{--office-tone:var(--accent);position:absolute;left:clamp(45px,var(--office-x),calc(100% - 45px));top:clamp(22px,var(--office-y),calc(100% - 22px));display:flex;align-items:center;gap:6px;max-width:100px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--office-tone) 20%,var(--border));border-radius:99px;color:color-mix(in srgb,var(--office-tone) 58%,var(--text));background:color-mix(in srgb,var(--office-tone) 7%,var(--card));box-shadow:0 7px 18px color-mix(in srgb,var(--office-tone) 8%,transparent),inset 0 1px #ffffff14;opacity:0;transform:translate(-50%,-50%) scale(.9);animation:site-office-label-in .42s cubic-bezier(.2,.82,.3,1) var(--label-delay) forwards}.site-office-label i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--office-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--office-tone) 10%,transparent)}.site-office-label b{overflow:hidden;font-size:7px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.site-office-label-more{--office-tone:var(--muted);left:auto;right:10px;top:10px;min-width:30px;justify-content:center;transform:none}.site-office-label-more i{display:none}.site-distribution-card .site-distribution-summary{grid-template-columns:1fr 1fr;gap:8px}.site-distribution-card .site-distribution-summary>span{min-height:52px;padding:8px 11px}.site-distribution-card .site-distribution-summary>span>.material-symbols-outlined{width:31px;height:31px;font-size:16px}.site-distribution-card .site-distribution-summary small{font-size:6px}.site-distribution-card .site-distribution-summary b{font-size:13px}@keyframes site-office-label-in{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:1100px){.site-distribution-card .site-distribution-body{grid-template-rows:286px auto}.site-distribution-stage{min-height:286px}}@media(max-width:520px){.site-distribution-card .site-distribution-body{grid-template-rows:270px auto;padding-inline:16px}.site-distribution-stage{min-height:270px}.site-distribution-stage .site-distribution-chart{width:200px;height:200px}.site-distribution-stage .site-distribution-center{width:108px;height:108px}.site-office-label{left:clamp(39px,var(--office-x),calc(100% - 39px));max-width:78px;padding:4px 6px}.site-office-label b{font-size:6px}.site-distribution-card .site-distribution-summary{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.site-office-label{opacity:1;transform:translate(-50%,-50%) scale(1);animation:none}.site-office-label-more{transform:none}}.site-office-label.site-office-label-more{opacity:1;transform:none;animation:none}.site-admin-hero-actions{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex:0 0 auto}.site-admin-hero-actions .site-admin-badge{height:100%}.site-office-create-button{position:relative;isolation:isolate;display:grid;grid-template-columns:42px minmax(108px,1fr) 18px;align-items:center;gap:10px;min-height:62px;padding:9px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:15px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--card)),color-mix(in srgb,#35b48f 9%,var(--card)));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 11%,transparent),inset 0 1px #ffffff1a;text-align:left;transition:transform .28s cubic-bezier(.2,.8,.3,1),border-color .25s ease,box-shadow .25s ease}.site-office-create-button:before{position:absolute;z-index:-1;top:-80%;left:-45%;width:34%;height:260%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 13%),transparent);content:"";transform:translate(-180%) skew(-18deg);animation:site-office-create-sheen 6.8s ease-in-out infinite}.site-office-create-button>span:first-child{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card))}.site-office-create-button>span:first-child .material-symbols-outlined{font-size:21px}.site-office-create-button>span:nth-child(2){display:grid;gap:3px;min-width:0}.site-office-create-button small{margin:0;color:color-mix(in srgb,var(--accent) 72%,var(--muted));font-size:6px;font-weight:820;letter-spacing:.09em;white-space:nowrap}.site-office-create-button strong{font-size:10px;font-weight:760;white-space:nowrap}.site-office-create-button>.material-symbols-outlined{color:var(--accent);font-size:17px;transition:transform .28s ease}.site-office-create-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:0 17px 36px color-mix(in srgb,var(--accent) 17%,transparent),inset 0 1px #ffffff21}.site-office-create-button:hover>.material-symbols-outlined{transform:translate(3px)}@keyframes site-office-create-sheen{0%,18%{opacity:0;transform:translate(-180%) skew(-18deg)}35%{opacity:.65}58%{opacity:0;transform:translate(630%) skew(-18deg)}to{opacity:0;transform:translate(630%) skew(-18deg)}}.site-office-create-backdrop{position:fixed;z-index:80;inset:0;display:grid;padding:24px;place-items:center;background:#030915b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:site-office-backdrop-in .22s ease both}.site-office-create-dialog{position:relative;isolation:isolate;width:min(700px,100%);max-height:calc(100dvh - 48px);padding:0;overflow-x:hidden;overflow-y:auto;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:25px;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--accent) 13%,transparent),transparent 31%),radial-gradient(circle at 4% 100%,color-mix(in srgb,#35b48f 7%,transparent),transparent 29%),var(--card);box-shadow:0 34px 100px #00071370,inset 0 1px #ffffff1a;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 40%,var(--border)) transparent;animation:site-office-dialog-in .32s cubic-bezier(.18,.82,.28,1) both}.site-office-create-dialog:before{position:absolute;z-index:-1;top:-220px;right:-170px;width:420px;height:420px;border:1px solid color-mix(in srgb,var(--accent) 11%,transparent);border-radius:50%;content:""}.site-office-create-dialog::-webkit-scrollbar{width:7px}.site-office-create-dialog::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--accent) 42%,var(--border));background-clip:padding-box}.site-office-create-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px 20px;border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent)}.site-office-create-dialog>header>div{display:flex;align-items:center;gap:14px;min-width:0}.site-office-create-dialog>header>div>span{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:16px;color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--card)),var(--accent-soft));box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 12%,transparent)}.site-office-create-dialog>header>div>span .material-symbols-outlined{font-size:25px}.site-office-create-dialog>header>div>div{display:grid;gap:3px}.site-office-create-dialog header small{color:var(--accent);font-size:7px;font-weight:850;letter-spacing:.12em}.site-office-create-dialog header h2{margin:0;font-size:24px;letter-spacing:-.03em}.site-office-create-dialog header p{margin:0;color:var(--muted);font-size:9px}.site-office-create-dialog>header>button{display:grid;width:41px;height:41px;min-height:41px;padding:0;place-items:center;border:1px solid var(--border);border-radius:13px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 76%,var(--card));transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease}.site-office-create-dialog>header>button:hover:not(:disabled){color:var(--red);border-color:color-mix(in srgb,var(--red) 28%,var(--border));background:var(--red-soft);transform:rotate(90deg)}.site-office-create-error{margin:14px 25px 0}.site-office-create-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:21px 25px 17px}.site-office-create-fields>label{display:grid;gap:7px;min-width:0;color:var(--text);font-size:9px;font-weight:700}.site-office-create-fields>label>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.site-office-create-fields>label>span small{color:var(--muted);font-size:7px;font-weight:550}.site-office-create-fields>label>div{position:relative;display:flex;align-items:center;min-width:0;height:51px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface-alt) 70%,var(--card));box-shadow:inset 0 1px #ffffff0f;transition:border-color .23s ease,box-shadow .23s ease,background .23s ease}.site-office-create-fields>label>div:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent),0 9px 22px color-mix(in srgb,var(--accent) 7%,transparent)}.site-office-create-fields>label>div>.material-symbols-outlined{width:29px;color:color-mix(in srgb,var(--accent) 72%,var(--muted));font-size:19px}.site-office-create-fields input{width:100%;height:49px;min-height:0;padding:0 2px;border:0;outline:0;color:var(--text);background:transparent;box-shadow:none;font:inherit;font-size:10px}.site-office-create-fields input:focus{outline:0;box-shadow:none}.site-office-create-fields input::placeholder{color:var(--muted);opacity:.76}.site-office-create-note{display:flex;align-items:center;gap:11px;margin:0 25px;padding:12px 14px;border:1px solid color-mix(in srgb,#35b48f 18%,var(--border));border-radius:14px;background:color-mix(in srgb,#35b48f 7%,var(--surface-alt))}.site-office-create-note>.material-symbols-outlined{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:11px;color:#35b48f;background:color-mix(in srgb,#35b48f 11%,var(--card));font-size:19px}.site-office-create-note>span{display:grid;gap:2px}.site-office-create-note strong{font-size:9px}.site-office-create-note small{color:var(--muted);font-size:8px;line-height:1.45}.site-office-create-dialog>footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px;padding:17px 25px;border-top:1px solid color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface-alt) 48%,transparent)}.site-office-create-dialog>footer button{min-height:43px;padding:9px 16px;border-radius:12px;font-size:9px;font-weight:720}.site-office-create-dialog>footer .primary{min-width:155px;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 18%,transparent)}.site-office-create-dialog>footer .primary .material-symbols-outlined{font-size:18px}.site-office-create-dialog>footer .primary:disabled .material-symbols-outlined{animation:site-office-create-spin 1s linear infinite}@keyframes site-office-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes site-office-dialog-in{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes site-office-create-spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.site-admin-hero-actions{width:min(350px,100%);flex-direction:column}.site-office-create-button,.site-admin-hero-actions .site-admin-badge{width:100%}}@media(max-width:700px){.site-admin-hero-actions{width:100%}.site-office-create-button{grid-template-columns:42px 1fr 18px}.site-office-create-backdrop{padding:10px}.site-office-create-dialog{max-height:calc(100dvh - 20px);border-radius:20px}.site-office-create-fields{grid-template-columns:1fr}.site-office-create-dialog>header,.site-office-create-fields{padding-right:17px;padding-left:17px}.site-office-create-note{margin-inline:17px}.site-office-create-dialog>footer{padding-inline:17px}}@media(max-width:440px){.site-office-create-dialog>header{align-items:flex-start}.site-office-create-dialog header p{display:none}.site-office-create-dialog>footer{align-items:stretch;flex-direction:column-reverse}.site-office-create-dialog>footer button{width:100%}}@media(prefers-reduced-motion:reduce){.site-office-create-button:before,.site-office-create-backdrop,.site-office-create-dialog,.site-office-create-dialog>footer .primary:disabled .material-symbols-outlined{animation:none}.site-office-create-button:hover{transform:none}}.site-distribution-stage{overflow:visible;border:0;background:transparent}.site-distribution-stage:before,.site-distribution-stage:after{border-color:color-mix(in srgb,var(--accent) 16%,transparent);opacity:0;animation:site-distribution-wave 4.6s cubic-bezier(.25,.46,.45,.94) infinite}.site-distribution-stage:before{width:372px;height:372px;background:radial-gradient(circle,transparent 64%,color-mix(in srgb,var(--accent) 3%,transparent) 65%,transparent 72%)}.site-distribution-stage:after{width:318px;height:318px;animation-delay:1.45s}.site-distribution-stage .site-distribution-chart:before{inset:12px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 66%);filter:blur(10px);animation:site-donut-aura 3.8s ease-in-out infinite}.site-distribution-stage .site-distribution-chart:after{inset:24px;border-color:color-mix(in srgb,var(--accent) 15%,transparent);box-shadow:inset 0 0 34px color-mix(in srgb,var(--accent) 7%,transparent),0 0 28px color-mix(in srgb,var(--accent) 6%,transparent);animation:site-donut-shell 3.8s ease-in-out .35s infinite}.site-distribution-chart .site-distribution-orbit{inset:-12px;border-color:color-mix(in srgb,var(--accent) 18%,transparent);animation:site-orbit 24s linear infinite,site-orbit-breathe 3.8s ease-in-out infinite}.site-distribution-chart svg{filter:drop-shadow(0 14px 23px color-mix(in srgb,var(--accent) 15%,transparent))}.site-donut-guide{fill:none;stroke:color-mix(in srgb,var(--accent) 14%,transparent);stroke-width:1;transform-origin:120px 120px}.site-donut-guide-outer{stroke-dasharray:2 7;animation:site-guide-spin 28s linear infinite,site-guide-glow 4.2s ease-in-out infinite}.site-donut-guide-inner{stroke-dasharray:18 6;opacity:.42;animation:site-guide-spin-reverse 22s linear infinite,site-guide-glow 4.2s ease-in-out 1s infinite}.site-donut-track{stroke:color-mix(in srgb,var(--surface-alt) 78%,var(--card));stroke-width:21;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 6%,transparent))}.site-donut-segment{stroke-width:19;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 18%,transparent));transition:stroke-width .25s ease,filter .25s ease}.site-donut-segment:hover{stroke-width:22;filter:drop-shadow(0 0 7px currentColor)}.site-donut-highlight{fill:none;stroke:#ffffff7a;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 95;opacity:.6;transform-origin:120px 120px;animation:site-highlight-orbit 5.8s linear infinite,site-highlight-pulse 2.9s ease-in-out infinite}.site-distribution-center{border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:radial-gradient(circle at 38% 25%,color-mix(in srgb,var(--accent) 10%,var(--card)),var(--card) 68%);box-shadow:inset 0 1px #ffffff1f,inset 0 0 28px color-mix(in srgb,var(--accent) 5%,transparent),0 12px 30px #1122451f}@keyframes site-distribution-wave{0%{opacity:0;transform:scale(.88)}34%{opacity:.52}72%,to{opacity:0;transform:scale(1.08)}}@keyframes site-donut-aura{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes site-donut-shell{0%,to{opacity:.38;transform:scale(.97)}50%{opacity:.82;transform:scale(1.025)}}@keyframes site-orbit-breathe{0%,to{opacity:.42}50%{opacity:.92}}@keyframes site-guide-spin{to{transform:rotate(360deg)}}@keyframes site-guide-spin-reverse{to{transform:rotate(-360deg)}}@keyframes site-guide-glow{0%,to{opacity:.22}50%{opacity:.68}}@keyframes site-highlight-orbit{to{transform:rotate(360deg)}}@keyframes site-highlight-pulse{0%,to{opacity:.24}50%{opacity:.78}}@media(prefers-reduced-motion:reduce){.site-distribution-stage:before,.site-distribution-stage:after,.site-distribution-stage .site-distribution-chart:before,.site-distribution-stage .site-distribution-chart:after,.site-distribution-chart .site-distribution-orbit,.site-donut-guide,.site-donut-highlight{animation:none}.site-distribution-stage:before,.site-distribution-stage:after{opacity:.28}.site-donut-guide,.site-donut-highlight{opacity:.4}}.site-office-label{max-width:118px}.site-office-label em{margin-left:1px;color:var(--office-tone);font-size:6px;font-style:normal;font-weight:800;font-variant-numeric:tabular-nums}.site-donut-track{stroke-width:15}.site-donut-segment{stroke-width:13;pointer-events:none;filter:drop-shadow(0 0 4px currentColor)}.site-donut-segment:hover{stroke-width:13;filter:drop-shadow(0 0 4px currentColor)}.site-donut-highlight{stroke-width:1.5;pointer-events:none}.site-donut-energy{fill:none;stroke:color-mix(in srgb,#35b48f 50%,transparent);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1 10;opacity:.42;transform-origin:120px 120px;animation:site-energy-spin 15s linear infinite,site-energy-pulse 3.2s ease-in-out infinite}.site-donut-sparks{fill:color-mix(in srgb,var(--accent) 80%,#fff);filter:drop-shadow(0 0 5px var(--accent));transform-origin:120px 120px;animation:site-sparks-spin 19s linear infinite}.site-donut-sparks circle{opacity:.2;animation:site-spark-pulse 2.8s ease-in-out infinite}.site-donut-sparks circle:nth-child(2){animation-delay:.65s}.site-donut-sparks circle:nth-child(3){animation-delay:1.3s}.site-donut-sparks circle:nth-child(4){animation-delay:1.95s}@keyframes site-energy-spin{to{transform:rotate(-360deg)}}@keyframes site-energy-pulse{0%,to{opacity:.18}50%{opacity:.64}}@keyframes site-sparks-spin{to{transform:rotate(360deg)}}@keyframes site-spark-pulse{0%,to{opacity:.18}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.site-donut-energy,.site-donut-sparks,.site-donut-sparks circle{animation:none}.site-donut-energy{opacity:.36}.site-donut-sparks circle{opacity:.55}}.site-donut-segment{stroke-linecap:round;stroke-linejoin:round}.site-distribution-card .site-panel-icon{position:relative;isolation:isolate;overflow:visible;animation:site-distribution-badge-breathe 3.4s ease-in-out infinite}.site-distribution-card .site-panel-icon:before,.site-distribution-card .site-panel-icon:after{position:absolute;z-index:-1;inset:-1px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:14px;content:"";opacity:0;pointer-events:none;animation:site-distribution-badge-wave 3.1s cubic-bezier(.2,.7,.3,1) infinite}.site-distribution-card .site-panel-icon:after{animation-delay:1.55s}.site-distribution-card .site-panel-icon .material-symbols-outlined{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 38%,transparent));animation:site-distribution-icon-glow 2.7s ease-in-out infinite}.site-distribution-card:before{animation:site-distribution-card-wave 5.4s ease-in-out infinite}@keyframes site-distribution-badge-wave{0%{opacity:.58;transform:scale(.92)}72%,to{opacity:0;transform:scale(1.5)}}@keyframes site-distribution-badge-breathe{0%,to{border-color:color-mix(in srgb,var(--accent) 18%,var(--border));box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:0 0 25px color-mix(in srgb,var(--accent) 18%,transparent)}}@keyframes site-distribution-icon-glow{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}@keyframes site-distribution-card-wave{0%,to{opacity:.32;transform:scale(.94)}50%{opacity:.78;transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){.site-distribution-card .site-panel-icon,.site-distribution-card .site-panel-icon:before,.site-distribution-card .site-panel-icon:after,.site-distribution-card .site-panel-icon .material-symbols-outlined,.site-distribution-card:before{animation:none}.site-distribution-card .site-panel-icon:before,.site-distribution-card .site-panel-icon:after{display:none}}.site-distribution-center{overflow:visible}.site-distribution-center:before,.site-distribution-center:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.site-distribution-center:before{inset:17px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 8%,transparent);animation:site-center-halo 3.3s ease-in-out infinite}.site-distribution-center:after{inset:29px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%);filter:blur(3px);animation:site-center-aura 3.3s ease-in-out .35s infinite}.site-distribution-stage .site-distribution-center strong{position:relative;z-index:2;margin:0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:46px;font-weight:790;line-height:1;letter-spacing:-.08em;color:transparent;background:linear-gradient(145deg,#fff 12%,color-mix(in srgb,var(--accent) 54%,#fff) 58%,#7d9cff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--accent) 28%,transparent));animation:site-center-number 3.3s ease-in-out infinite}.site-distribution-center strong:after{position:absolute;z-index:-1;inset:0;color:var(--accent);content:attr(data-value);filter:blur(11px);opacity:.34}@keyframes site-center-halo{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.88;transform:scale(1.04)}}@keyframes site-center-aura{0%,to{opacity:.28;transform:scale(.88)}50%{opacity:.8;transform:scale(1.12)}}@keyframes site-center-number{0%,to{filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--accent) 23%,transparent));transform:translateY(0)}50%{filter:drop-shadow(0 7px 17px color-mix(in srgb,var(--accent) 38%,transparent));transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.site-distribution-center:before,.site-distribution-center:after,.site-distribution-center strong{animation:none}}.site-distribution-stage .site-distribution-center strong{font-family:Bahnschrift SemiBold,Trebuchet MS,Segoe UI,sans-serif;font-weight:650;letter-spacing:-.045em}.site-distribution-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.site-distribution-atmosphere i{--object-tone:var(--accent);position:absolute;display:block;width:10px;height:10px;border:1px solid color-mix(in srgb,var(--object-tone) 36%,transparent);border-radius:3px;background:color-mix(in srgb,var(--object-tone) 8%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--object-tone) 20%,transparent);opacity:.35;animation:site-atmosphere-drift 7s ease-in-out infinite}.site-distribution-atmosphere i:after{position:absolute;inset:3px;border-radius:50%;background:var(--object-tone);box-shadow:0 0 8px var(--object-tone);content:"";opacity:.55}.site-distribution-atmosphere i:nth-child(1){left:8%;top:18%;width:13px;height:13px;transform:rotate(45deg);animation-delay:-1s}.site-distribution-atmosphere i:nth-child(2){--object-tone:#35b48f;right:9%;top:27%;width:7px;height:7px;border-radius:50%;animation-delay:-3.8s;animation-duration:6.2s}.site-distribution-atmosphere i:nth-child(3){left:14%;bottom:15%;width:6px;height:6px;border-radius:50%;animation-delay:-5.2s;animation-duration:8.4s}.site-distribution-atmosphere i:nth-child(4){--object-tone:#4f83f1;right:13%;bottom:17%;width:14px;height:14px;transform:rotate(45deg);animation-delay:-2.2s;animation-duration:9s}.site-distribution-atmosphere i:nth-child(5){--object-tone:#35b48f;left:31%;top:8%;width:5px;height:5px;border:0;border-radius:50%;animation-delay:-6s;animation-duration:7.8s}.site-distribution-atmosphere i:nth-child(6){right:30%;bottom:7%;width:8px;height:8px;border-radius:50%;animation-delay:-4.4s;animation-duration:6.8s}.site-distribution-atmosphere:before,.site-distribution-atmosphere:after{position:absolute;width:74px;height:28px;border-top:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:50%;content:"";opacity:.45;animation:site-atmosphere-arc 6s ease-in-out infinite}.site-distribution-atmosphere:before{left:4%;top:47%;transform:rotate(22deg)}.site-distribution-atmosphere:after{right:3%;bottom:34%;border-color:color-mix(in srgb,#35b48f 13%,transparent);transform:rotate(-24deg);animation-delay:-3s}@keyframes site-atmosphere-drift{0%,to{opacity:.2;translate:0 0;scale:.82}45%{opacity:.62;translate:0 -8px;scale:1.08}70%{translate:4px -3px}}@keyframes site-atmosphere-arc{0%,to{opacity:.18;scale:.9}50%{opacity:.58;scale:1.08}}@media(prefers-reduced-motion:reduce){.site-distribution-atmosphere i,.site-distribution-atmosphere:before,.site-distribution-atmosphere:after{animation:none}}.site-office-card.is-active .site-office-state.active{border-color:color-mix(in srgb,var(--office-tone) 34%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--office-tone) 7%,transparent),0 0 18px color-mix(in srgb,var(--office-tone) 19%,transparent);animation:site-office-active-glow 2.6s ease-in-out infinite}.site-office-card.is-active:after{opacity:.78;box-shadow:0 0 10px color-mix(in srgb,var(--office-tone) 35%,transparent)}.site-office-card.is-inactive{--office-tone:#7d8698;border-color:color-mix(in srgb,#7d8698 22%,var(--border));background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,#7d8698));box-shadow:0 12px 28px #1122450d,inset 0 1px #ffffff12}.site-office-card.is-inactive:before{border-color:color-mix(in srgb,#7d8698 12%,transparent);background:radial-gradient(circle,color-mix(in srgb,#7d8698 7%,transparent),transparent 68%);animation:none}.site-office-card.is-inactive:after{background:linear-gradient(90deg,transparent,#7d8698,transparent);opacity:.28}.site-office-card.is-inactive .site-office-state{border-color:color-mix(in srgb,#7d8698 24%,var(--border));color:#8b94a5;background:color-mix(in srgb,#7d8698 9%,var(--card));box-shadow:0 0 12px color-mix(in srgb,#7d8698 12%,transparent)}.site-office-card.is-inactive .site-office-avatar{color:#8b94a5;border-color:color-mix(in srgb,#7d8698 22%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,#7d8698 11%,var(--card)),var(--card));box-shadow:0 7px 18px color-mix(in srgb,#7d8698 8%,transparent)}.office-modal{max-height:min(760px,calc(100dvh - 32px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 52%,var(--border)) color-mix(in srgb,var(--surface-alt) 55%,transparent)}.office-modal::-webkit-scrollbar{width:10px}.office-modal::-webkit-scrollbar-track{margin-block:12px;border-radius:99px;background:color-mix(in srgb,var(--surface-alt) 55%,transparent)}.office-modal::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--accent) 58%,var(--border));background-clip:padding-box}.office-modal::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 78%,var(--border));background-clip:padding-box}@keyframes site-office-active-glow{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--office-tone) 6%,transparent),0 0 12px color-mix(in srgb,var(--office-tone) 12%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--office-tone) 4%,transparent),0 0 22px color-mix(in srgb,var(--office-tone) 25%,transparent)}}@media(max-width:640px){.office-modal{max-height:calc(100dvh - 10px);scrollbar-gutter:auto}}@media(prefers-reduced-motion:reduce){.site-office-card.is-active .site-office-state.active{animation:none}}.office-modal{display:flex;max-height:min(760px,calc(100dvh - 32px));flex-direction:column;overflow:hidden;scrollbar-gutter:auto}.office-modal>header{position:relative;top:auto;flex:0 0 auto}.office-modal-scroll{min-height:0;flex:1;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--accent) 62%,var(--border)) color-mix(in srgb,var(--surface-alt) 72%,var(--card))}.office-modal-scroll::-webkit-scrollbar{width:12px}.office-modal-scroll::-webkit-scrollbar-track{margin-block:10px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:99px;background:color-mix(in srgb,var(--surface-alt) 72%,var(--card))}.office-modal-scroll::-webkit-scrollbar-thumb{min-height:54px;border:3px solid transparent;border-radius:99px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,#fff),color-mix(in srgb,var(--accent) 58%,var(--border)));background-clip:padding-box;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 22%,transparent)}.office-modal-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 90%,#fff),var(--accent));background-clip:padding-box}.office-modal-scroll>.modal-danger-zone{margin-bottom:20px}@media(max-width:640px){.office-modal{max-height:calc(100dvh - 10px)}.office-modal-scroll{scrollbar-gutter:stable}.office-modal-scroll::-webkit-scrollbar{width:9px}}.site-calendar-card{--calendar-tone:#3dcca5;border-color:color-mix(in srgb,var(--calendar-tone) 22%,var(--border));background:radial-gradient(circle at 88% 3%,color-mix(in srgb,var(--calendar-tone) 10%,transparent),transparent 31%),linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--calendar-tone)));box-shadow:0 18px 44px #11224517,inset 0 1px #ffffff1a}.site-calendar-card:after{position:absolute;z-index:-1;left:-80px;bottom:-115px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--calendar-tone) 10%,transparent),transparent 68%);content:"";pointer-events:none}.site-calendar-card .site-panel-icon.green{border-color:color-mix(in srgb,var(--calendar-tone) 34%,var(--border));color:var(--calendar-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--calendar-tone) 15%,var(--card)),color-mix(in srgb,var(--calendar-tone) 6%,var(--card)));box-shadow:0 10px 24px color-mix(in srgb,var(--calendar-tone) 13%,transparent),inset 0 1px #ffffff1f}.site-calendar-controls{border:0;background:color-mix(in srgb,var(--surface-alt) 68%,transparent);box-shadow:inset 0 1px #ffffff14,0 8px 24px #1122450d}.site-calendar-controls button{color:color-mix(in srgb,var(--calendar-tone) 76%,var(--text));background:linear-gradient(145deg,color-mix(in srgb,var(--calendar-tone) 9%,var(--card)),var(--card));box-shadow:0 5px 13px #11224514;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.site-calendar-controls button:hover{color:#fff;background:color-mix(in srgb,var(--calendar-tone) 72%,var(--card));box-shadow:0 7px 18px color-mix(in srgb,var(--calendar-tone) 20%,transparent);transform:translateY(-1px)}.site-calendar-weekdays{margin-top:3px;margin-bottom:7px}.site-calendar-weekdays span{color:color-mix(in srgb,var(--calendar-tone) 52%,var(--muted));font-weight:800;letter-spacing:.04em}.site-calendar-grid{gap:6px}.site-calendar-grid>button{border:0!important;border-radius:11px;color:color-mix(in srgb,var(--muted) 88%,var(--text));background:color-mix(in srgb,var(--surface-alt) 52%,transparent);box-shadow:inset 0 1px #ffffff0d,0 5px 12px #11224508;opacity:1;transform:translateY(0) scale(1);animation:none;transition:color .32s cubic-bezier(.2,.8,.25,1),background .32s cubic-bezier(.2,.8,.25,1),box-shadow .32s cubic-bezier(.2,.8,.25,1),transform .32s cubic-bezier(.2,.8,.25,1)}.site-calendar-grid>button:before{position:absolute;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(145deg,color-mix(in srgb,var(--calendar-tone) 18%,transparent),color-mix(in srgb,var(--calendar-tone) 6%,transparent));content:"";opacity:0;transform:scale(.86);transition:opacity .38s cubic-bezier(.2,.8,.25,1),transform .38s cubic-bezier(.2,.8,.25,1);pointer-events:none}.site-calendar-card:not(.is-visible) .site-calendar-grid>button{opacity:0;transform:translateY(12px) scale(.94)}.site-calendar-card.is-visible .site-calendar-grid>button{animation:site-calendar-scroll-in .5s cubic-bezier(.16,.8,.25,1) var(--cell-delay)}.site-calendar-grid>button.has-activity{border:0!important;color:#eafff8;background:linear-gradient(145deg,color-mix(in srgb,var(--calendar-tone) calc(22% + var(--activity-bg)),var(--card)),color-mix(in srgb,var(--calendar-tone) calc(12% + var(--activity-bg)),var(--surface-alt)));box-shadow:inset 0 1px #ffffff21,0 8px 18px color-mix(in srgb,var(--calendar-tone) calc(8% + var(--activity-bg)),transparent)}.site-calendar-grid>button.has-activity span{font-weight:800}.site-calendar-grid>button.has-activity b{right:6px;bottom:5px;color:#83f1d1;font-weight:800}.site-calendar-grid>button.has-activity i{left:7px;right:7px;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,#68e9c4,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--calendar-tone) 55%,transparent);opacity:calc(.35 + var(--intensity))}.site-calendar-grid>button.today:after{right:6px;top:6px;background:#9b91ff;box-shadow:0 0 0 3px color-mix(in srgb,#9b91ff 13%,transparent),0 0 9px #9b91ff}.site-calendar-grid>button.selected{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--calendar-tone) 82%,#fff),0 0 0 4px color-mix(in srgb,var(--calendar-tone) 10%,transparent),0 9px 22px color-mix(in srgb,var(--calendar-tone) 16%,transparent)}.site-calendar-grid>button:hover{z-index:2;border:0!important;color:var(--text);box-shadow:inset 0 1px #ffffff24,0 13px 27px color-mix(in srgb,var(--calendar-tone) 18%,transparent);transform:translateY(-3px) scale(1.025)}.site-calendar-grid>button:hover:before{opacity:1;transform:scale(1)}.site-calendar-detail{border-color:color-mix(in srgb,var(--calendar-tone) 24%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--calendar-tone) 11%,var(--surface-alt)),color-mix(in srgb,var(--card) 97%,var(--calendar-tone)));box-shadow:inset 0 1px #ffffff12}@keyframes site-calendar-scroll-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.site-office-table-panel{padding:0;background:radial-gradient(circle at 92% 0,color-mix(in srgb,#35b48f 8%,transparent),transparent 28%),linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 96%,var(--accent)))}.site-office-table-panel>header{margin:0;padding:22px 24px 17px}.site-office-table-panel>header>span{position:relative;isolation:isolate;overflow:visible;border:1px solid color-mix(in srgb,#35b48f 18%,var(--border));background:color-mix(in srgb,#35b48f 9%,var(--card));box-shadow:0 0 22px color-mix(in srgb,#35b48f 8%,transparent)}.site-office-table-panel>header>span:before,.site-office-table-panel>header>span:after{position:absolute;z-index:-1;inset:-1px;border:1px solid color-mix(in srgb,#35b48f 42%,transparent);border-radius:99px;content:"";pointer-events:none;animation:site-office-table-pulse 3.2s cubic-bezier(.2,.7,.3,1) infinite}.site-office-table-panel>header>span:after{animation-delay:1.6s}.site-office-table-panel>header>span small{padding-left:6px;border-left:1px solid color-mix(in srgb,#35b48f 20%,var(--border));color:var(--muted);font-size:6px;font-weight:700}.site-office-table-panel>.site-office-table-filters{display:grid;grid-template-columns:minmax(260px,390px) auto;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:14px 24px;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--surface-alt) 58%,transparent),color-mix(in srgb,var(--card) 76%,transparent))}.site-office-table-filters>label{position:relative;display:flex;align-items:center;flex-direction:row;gap:0;width:100%;height:46px;min-height:46px;padding:0 8px 0 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:inset 0 1px #ffffff12,0 7px 18px #1122450a;transition:border-color .24s ease,box-shadow .24s ease,background .24s ease}.site-office-table-filters>label:focus-within{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent),0 10px 25px color-mix(in srgb,var(--accent) 8%,transparent)}.site-office-table-filters>label>.material-symbols-outlined{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:9px;color:color-mix(in srgb,var(--accent) 78%,#fff);background:color-mix(in srgb,var(--accent) 11%,var(--card));font-size:17px;transition:color .24s ease,background .24s ease,transform .24s ease}.site-office-table-filters>label:focus-within>.material-symbols-outlined{color:#fff;background:color-mix(in srgb,var(--accent) 72%,var(--card));transform:scale(1.04)}.site-office-table-filters input{width:100%;height:44px;min-height:0;margin:0;padding:0 11px;border:0;border-radius:0;outline:0!important;color:var(--text);background:transparent;box-shadow:none!important;font:inherit;font-size:9px;line-height:44px}.site-office-table-filters input::placeholder{color:var(--muted);opacity:.82}.site-office-table-filters input[type=search]::-webkit-search-cancel-button{display:none}.site-office-table-filters label>button{display:grid;place-items:center;width:29px;height:29px;min-height:0;flex:0 0 29px;padding:0;border:0;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;transition:color .2s ease,background .2s ease,transform .2s ease}.site-office-table-filters label>button:hover{color:var(--text);background:var(--surface-alt);box-shadow:none;transform:rotate(90deg)}.site-office-table-filters label>button .material-symbols-outlined{font-size:16px}.site-office-table-filters>div{display:flex;grid-template-columns:none;align-items:center;gap:3px;min-width:0;padding:4px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:inset 0 1px #ffffff12,0 7px 18px #1122450a}.site-office-table-filters>div>button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:0;border-radius:10px;color:var(--muted);background:transparent;box-shadow:none;font-size:7px;font-weight:750;white-space:nowrap;transition:color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease}.site-office-table-filters>div>button .material-symbols-outlined{font-size:15px;transition:transform .24s ease}.site-office-table-filters>div>button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 7%,var(--surface-alt));box-shadow:none;transform:none}.site-office-table-filters>div>button:hover .material-symbols-outlined{transform:scale(1.08)}.site-office-table-filters>div>button.active{color:color-mix(in srgb,var(--accent) 66%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,var(--card)),color-mix(in srgb,var(--accent) 9%,var(--card)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,var(--border)),0 6px 16px color-mix(in srgb,var(--accent) 11%,transparent)}.site-office-table-panel>.site-office-table-wrap{display:block;grid-template-columns:none;overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--border)) transparent}.site-office-table-wrap::-webkit-scrollbar{height:8px}.site-office-table-wrap::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:color-mix(in srgb,var(--accent) 45%,var(--border));background-clip:padding-box}.site-office-table{width:100%;min-width:820px;border-collapse:collapse;text-align:left}.site-office-table th{padding:11px 16px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 62%,transparent);font-size:6px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}.site-office-table th:first-child,.site-office-table td:first-child{padding-left:24px}.site-office-table th:last-child,.site-office-table td:last-child{padding-right:24px}.site-office-table td{padding:13px 16px;border-top:1px solid color-mix(in srgb,var(--border) 66%,transparent);font-size:8px;vertical-align:middle;transition:background .34s cubic-bezier(.2,.8,.25,1),box-shadow .34s cubic-bezier(.2,.8,.25,1)}.site-office-table tbody tr{opacity:0;transform:translateY(10px) scale(.992);animation:site-office-row-in .52s cubic-bezier(.16,.8,.25,1) var(--row-delay) forwards}.site-office-table tbody tr:hover td{background:color-mix(in srgb,var(--office-color) 6%,var(--surface-alt));box-shadow:inset 0 1px color-mix(in srgb,var(--office-color) 8%,transparent),inset 0 -1px color-mix(in srgb,var(--office-color) 8%,transparent)}.site-office-table-name{display:flex;align-items:center;gap:10px;min-width:150px}.site-office-table-name>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--office-color) 22%,var(--border));border-radius:11px;color:color-mix(in srgb,var(--office-color) 68%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--office-color) 17%,var(--card)),color-mix(in srgb,var(--office-color) 7%,var(--card)));box-shadow:0 7px 16px color-mix(in srgb,var(--office-color) 8%,transparent);font-size:10px;font-weight:850;transition:transform .34s cubic-bezier(.2,.8,.25,1),box-shadow .34s ease}.site-office-table tbody tr:hover .site-office-table-name>span{box-shadow:0 9px 22px color-mix(in srgb,var(--office-color) 18%,transparent);transform:translateY(-2px) scale(1.04)}.site-office-table-name>div{display:grid;gap:3px;min-width:0}.site-office-table-name b{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.site-office-table-name small,.site-office-metric small{color:var(--muted);font-size:6px}.site-office-admin{color:color-mix(in srgb,var(--accent) 58%,var(--text));font-weight:700}.site-office-table .site-office-online{width:max-content;padding:6px 8px;border:1px solid color-mix(in srgb,currentColor 18%,var(--border));border-radius:99px;background:color-mix(in srgb,currentColor 5%,var(--card));font-weight:750}.site-office-table .site-office-online:not(.online){color:#939cad}.site-office-table .site-office-online.online i{animation:site-office-status-pulse 2.4s ease-out infinite}.site-office-metric{display:grid;gap:3px}.site-office-metric b{font-size:12px;line-height:1;font-variant-numeric:tabular-nums}.site-office-table-empty{display:grid!important;grid-template-columns:none!important;place-items:center;gap:6px;min-height:210px;padding:30px;text-align:center}.site-office-table-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:15px;color:var(--accent);background:var(--accent-soft)}.site-office-table-empty strong{font-size:13px}.site-office-table-empty p{margin:0;color:var(--muted);font-size:8px}.site-office-table-empty button{margin-top:5px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:10px;color:var(--text);background:var(--accent-soft);font-size:8px;font-weight:750}@keyframes site-office-row-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes site-office-table-pulse{0%{opacity:.58;transform:scale(.94)}72%,to{opacity:0;transform:scale(1.42)}}@keyframes site-office-status-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,#35b48f 10%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,#35b48f 0%,transparent)}}@media(max-width:1080px){.site-office-table-panel>.site-office-table-filters{grid-template-columns:1fr;align-items:stretch;gap:10px}.site-office-table-filters>label{width:100%;max-width:none}.site-office-table-filters>div{max-width:100%;overflow-x:auto}}@media(max-width:700px){.site-office-table-panel>header{padding:18px}.site-office-table-panel>.site-office-table-filters{padding:12px 18px}.site-office-table th:first-child,.site-office-table td:first-child{padding-left:18px}.site-office-table th:last-child,.site-office-table td:last-child{padding-right:18px}.site-calendar-grid{gap:4px}}@media(prefers-reduced-motion:reduce){.site-calendar-card.is-visible .site-calendar-grid>button,.site-office-table tbody tr,.site-office-table-panel>header>span:before,.site-office-table-panel>header>span:after,.site-office-table .site-office-online.online i{opacity:1;transform:none;animation:none}.site-calendar-controls button:hover,.site-calendar-grid>button:hover,.site-office-table tbody tr:hover .site-office-table-name>span{transform:none}}.site-work-overview{--work-tone:#5479f2;position:relative;isolation:isolate;margin:15px 0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--work-tone) 15%,var(--border));border-radius:20px;background:radial-gradient(circle at 8% 92%,color-mix(in srgb,#35b48f 8%,transparent),transparent 28%),linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--work-tone)));box-shadow:0 17px 42px #11224514,inset 0 1px #ffffff17}.site-work-overview:before,.site-work-overview:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--work-tone) 8%,transparent);border-radius:50%;content:"";pointer-events:none}.site-work-overview:before{right:-110px;top:-165px;width:330px;height:330px}.site-work-overview:after{left:32%;bottom:-210px;width:360px;height:260px}.site-work-overview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 24px 17px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.site-work-overview>header>div>span{color:color-mix(in srgb,var(--work-tone) 78%,var(--muted));font-size:7px;font-weight:800;letter-spacing:.09em}.site-work-overview h2{margin:6px 0 5px;font-size:18px;letter-spacing:-.025em}.site-work-overview header p{margin:0;color:var(--muted);font-size:8px}.site-work-period{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--work-tone) 18%,var(--border));border-radius:11px;color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 9%,var(--card));font-size:7px;font-weight:730;white-space:nowrap}.site-work-period .material-symbols-outlined{font-size:15px}.site-work-layout{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:0;min-height:390px}.site-work-total-card{display:grid;grid-template-columns:245px minmax(150px,1fr);align-items:center;gap:18px;padding:24px;border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.site-work-ring-stage{position:relative;display:grid;place-items:center;width:235px;height:235px;margin:auto}.site-work-ring-stage:before,.site-work-ring-stage:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.site-work-ring-stage:before{inset:8px;border:1px dashed color-mix(in srgb,var(--work-tone) 17%,transparent);animation:site-work-orbit-spin 24s linear infinite}.site-work-ring-stage:after{inset:23px;border:1px solid color-mix(in srgb,#35b48f 11%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--work-tone) 6%,transparent)}.site-work-orbit{position:absolute;inset:0;border-radius:50%;animation:site-work-orbit-spin 15s linear infinite}.site-work-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--work-tone);box-shadow:0 0 0 5px color-mix(in srgb,var(--work-tone) 10%,transparent),0 0 15px color-mix(in srgb,var(--work-tone) 45%,transparent)}.site-work-orbit i:nth-child(1){left:50%;top:2px}.site-work-orbit i:nth-child(2){right:15px;bottom:45px;background:#35b48f}.site-work-orbit i:nth-child(3){left:10px;bottom:62px;width:5px;height:5px;background:#9b8df5}.site-work-ring{position:relative;z-index:2;display:grid;place-items:center;width:188px;height:188px;border-radius:50%;background:conic-gradient(from -90deg,var(--work-tone) 0 var(--work-coverage),color-mix(in srgb,var(--work-tone) 8%,var(--surface-alt)) var(--work-coverage) 360deg);box-shadow:0 17px 38px color-mix(in srgb,var(--work-tone) 12%,transparent);animation:site-work-ring-in .75s cubic-bezier(.18,.82,.25,1) both}.site-work-ring:before{position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--work-tone) 16%,var(--border));border-radius:50%;background:radial-gradient(circle at 48% 35%,color-mix(in srgb,var(--work-tone) 9%,var(--card)),var(--card) 68%);box-shadow:inset 0 0 28px color-mix(in srgb,var(--work-tone) 8%,transparent);content:""}.site-work-ring>div{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;text-align:center}.site-work-ring .material-symbols-outlined{color:#35b48f;font-size:21px}.site-work-ring strong{max-width:145px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(20px,2vw,27px);font-weight:780;line-height:1;letter-spacing:-.045em}.site-work-ring small{color:var(--muted);font-size:6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.site-work-coverage{position:absolute;z-index:4;right:5px;bottom:23px;display:grid;place-items:center;min-width:55px;padding:7px 9px;border:1px solid color-mix(in srgb,#35b48f 23%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--card) 94%,#35b48f);box-shadow:0 9px 24px color-mix(in srgb,#35b48f 14%,transparent)}.site-work-coverage b{color:#35b48f;font-size:11px}.site-work-coverage small{color:var(--muted);font-size:5.5px;text-transform:uppercase}.site-work-facts{display:grid;gap:8px;margin:0}.site-work-facts>div{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;min-height:68px;padding:10px 11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--work-tone) 11%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 62%,transparent);opacity:0;transform:translate(-8px);animation:site-work-fact-in .45s cubic-bezier(.2,.8,.25,1) forwards}.site-work-facts>div:nth-child(1){animation-delay:.22s}.site-work-facts>div:nth-child(2){animation-delay:.3s}.site-work-facts>div:nth-child(3){animation-delay:.38s}.site-work-facts dt{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:7px;font-weight:680}.site-work-facts dt .material-symbols-outlined{color:var(--work-tone);font-size:15px}.site-work-facts dd{grid-column:2;grid-row:1/3;align-self:center;margin:0;color:var(--text);font-size:18px;font-weight:780}.site-work-facts small{grid-column:1;color:var(--muted);font-size:6px}.site-work-offices{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;padding:20px 22px}.site-work-offices>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.site-work-offices>header>div{display:grid;gap:4px}.site-work-offices>header>div>small{color:#35b48f;font-size:6px;font-weight:780;letter-spacing:.08em}.site-work-offices>header>div>strong{font-size:14px}.site-work-offices>header p{margin:0;color:var(--muted);font-size:7px}.site-work-offices>header>span{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid color-mix(in srgb,#35b48f 16%,var(--border));border-radius:10px;color:#35b48f;background:color-mix(in srgb,#35b48f 7%,var(--card))}.site-work-offices>header>span .material-symbols-outlined{font-size:15px}.site-work-offices>header>span b{font-size:10px}.site-work-offices>header>span small{padding-left:5px;border-left:1px solid var(--border);color:var(--muted);font-size:6px}.site-work-office-list{display:grid;align-content:start;gap:7px;max-height:310px;padding-right:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--work-tone) 28%,var(--border)) transparent}.site-work-office-list article{position:relative;display:grid;grid-template-columns:minmax(135px,.8fr) minmax(150px,1.35fr) minmax(90px,.58fr);align-items:center;gap:13px;min-height:58px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--office-tone) 12%,var(--border));border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--office-tone) 5%,var(--surface-alt)),color-mix(in srgb,var(--card) 92%,transparent));opacity:0;transform:translateY(8px);animation:site-work-row-in .45s cubic-bezier(.2,.8,.25,1) var(--work-delay) forwards}.site-work-office-list article:hover{border-color:color-mix(in srgb,var(--office-tone) 28%,var(--border));background:color-mix(in srgb,var(--office-tone) 7%,var(--card))}.site-work-office-name{display:flex;align-items:center;gap:9px;min-width:0}.site-work-office-name>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--office-tone) 25%,var(--border));border-radius:10px;color:var(--office-tone);background:color-mix(in srgb,var(--office-tone) 10%,var(--card));font-size:8px;font-weight:800}.site-work-office-name>div,.site-work-office-value{display:grid;gap:3px;min-width:0}.site-work-office-name strong,.site-work-office-value strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.site-work-office-name small,.site-work-office-value small{overflow:hidden;color:var(--muted);font-size:6px;text-overflow:ellipsis;white-space:nowrap}.site-work-office-track{display:grid;gap:5px;min-width:0}.site-work-office-track>i{display:block;width:100%;height:7px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--office-tone) 7%,var(--surface-alt));box-shadow:inset 0 1px 2px #09163014}.site-work-office-track>i>b{display:block;width:var(--work-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--office-tone),color-mix(in srgb,var(--office-tone) 55%,#64ddb9));box-shadow:0 0 12px color-mix(in srgb,var(--office-tone) 28%,transparent);transform:scaleX(0);transform-origin:left;animation:site-work-bar-grow .75s cubic-bezier(.18,.82,.25,1) calc(var(--work-delay) + .12s) forwards}.site-work-office-track small{color:var(--muted);font-size:6px}.site-work-office-value{text-align:right}.site-work-office-value strong{font-size:9px}.site-work-live{position:absolute;right:8px;top:5px;display:flex;align-items:center;gap:4px;color:#35b48f;font-size:5.5px;font-weight:720}.site-work-live i{width:5px;height:5px;border-radius:50%;background:#35b48f;box-shadow:0 0 0 3px color-mix(in srgb,#35b48f 10%,transparent)}.site-work-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:230px;color:var(--muted);text-align:center}.site-work-empty>.material-symbols-outlined{font-size:30px}.site-work-empty strong{color:var(--text);font-size:11px}.site-work-empty p{margin:0;font-size:7px}.site-office-table{min-width:940px}.site-office-work-time b{color:#35b48f;font-size:9px;white-space:nowrap}@keyframes site-work-orbit-spin{to{transform:rotate(360deg)}}@keyframes site-work-ring-in{0%{opacity:0;transform:scale(.72) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes site-work-fact-in{to{opacity:1;transform:translate(0)}}@keyframes site-work-row-in{to{opacity:1;transform:translateY(0)}}@keyframes site-work-bar-grow{to{transform:scaleX(1)}}@media(max-width:1180px){.site-work-layout{grid-template-columns:1fr}.site-work-total-card{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.site-work-office-list{max-height:360px}}@media(max-width:720px){.site-work-overview>header{padding:18px}.site-work-period{display:none}.site-work-total-card{grid-template-columns:1fr;padding:18px}.site-work-facts{grid-template-columns:repeat(3,1fr);width:100%}.site-work-offices{padding:18px}.site-work-office-list article{grid-template-columns:minmax(130px,1fr) minmax(110px,1fr)}.site-work-office-value{grid-column:2}.site-work-office-track{grid-column:1/-1;grid-row:2}.site-work-facts>div{grid-template-columns:1fr;justify-items:center;text-align:center}.site-work-facts dd{grid-column:1;grid-row:auto}.site-work-facts small{grid-column:1}}@media(max-width:500px){.site-work-ring-stage{width:210px;height:210px}.site-work-ring{width:170px;height:170px}.site-work-facts{grid-template-columns:1fr}.site-work-office-list article{grid-template-columns:1fr}.site-work-office-track,.site-work-office-value{grid-column:1;grid-row:auto}.site-work-office-value{text-align:left}}@media(prefers-reduced-motion:reduce){.site-work-ring-stage:before,.site-work-orbit,.site-work-ring,.site-work-facts>div,.site-work-office-list article,.site-work-office-track>i>b{opacity:1;transform:none;animation:none}}.site-work-chart-dashboard{display:grid;gap:0}.site-work-chart-summary{display:grid;align-items:stretch;padding:18px 24px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.site-work-hours-total{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-height:92px;padding:14px 16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--work-tone) 18%,var(--border));border-radius:15px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,#35b48f 10%,transparent),transparent 38%),linear-gradient(135deg,color-mix(in srgb,var(--work-tone) 8%,var(--card)),var(--card));box-shadow:inset 0 1px #ffffff12}.site-work-hours-total:after{position:absolute;z-index:-1;right:-50px;bottom:-70px;width:155px;height:155px;border:1px solid color-mix(in srgb,var(--work-tone) 10%,transparent);border-radius:50%;content:""}.site-work-hours-total>span{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--work-tone) 21%,var(--border));border-radius:15px;color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 12%,var(--card));box-shadow:0 9px 24px color-mix(in srgb,var(--work-tone) 12%,transparent)}.site-work-hours-total>span .material-symbols-outlined{font-size:26px}.site-work-hours-total>div{display:grid;gap:4px;min-width:0}.site-work-hours-total small{color:var(--work-tone);font-size:6px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.site-work-hours-total strong{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:28px;font-weight:780;line-height:1;letter-spacing:-.045em}.site-work-hours-total p{margin:0;color:var(--muted);font-size:7px}.site-work-line-panel{padding:18px 24px 22px}.site-work-line-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:8px}.site-work-line-heading>div{display:grid;gap:4px}.site-work-line-heading small{color:var(--work-tone);font-size:6px;font-weight:800;letter-spacing:.08em}.site-work-line-heading strong{font-size:13px}.site-work-line-heading>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:7px;font-weight:670}.site-work-line-heading>span i{width:17px;height:3px;border-radius:99px;background:linear-gradient(90deg,#6382f4,#35b48f);box-shadow:0 0 8px color-mix(in srgb,var(--work-tone) 24%,transparent)}.site-work-line-chart{position:relative;min-height:300px;overflow:hidden;border:1px solid color-mix(in srgb,var(--work-tone) 11%,var(--border));border-radius:16px;background:radial-gradient(circle at 80% 5%,color-mix(in srgb,#35b48f 6%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 54%,transparent),color-mix(in srgb,var(--card) 88%,transparent));box-shadow:inset 0 1px #ffffff0f}.site-work-line-chart:before{position:absolute;inset:28px 22px 46px 58px;background:linear-gradient(90deg,color-mix(in srgb,var(--work-tone) 3%,transparent) 1px,transparent 1px);background-size:8.33% 100%;content:"";opacity:.65;pointer-events:none}.site-work-line-chart svg{position:relative;z-index:1;display:block;width:100%;height:auto;min-height:300px;overflow:visible}.site-work-grid-line line{stroke:color-mix(in srgb,var(--work-tone) 10%,var(--border));stroke-width:1;vector-effect:non-scaling-stroke}.site-work-grid-line text{fill:var(--muted);font-size:8px;font-weight:650;text-anchor:end}.site-work-area{fill:url(#siteWorkArea);opacity:0;animation:site-work-area-in .65s ease .35s forwards}.site-work-line{fill:none;stroke:url(#siteWorkLine);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 8px color-mix(in srgb,var(--work-tone) 22%,transparent));stroke-dasharray:1;stroke-dashoffset:1;animation:site-work-line-draw 1.1s cubic-bezier(.2,.8,.25,1) .15s forwards}.site-work-point{cursor:pointer;outline:none}.site-work-point-hit{fill:transparent;stroke:transparent;pointer-events:all}.site-work-point-dot{fill:var(--card);stroke:#6382f4;stroke-width:3;vector-effect:non-scaling-stroke;opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;animation:site-work-point-in .32s cubic-bezier(.2,.85,.3,1) var(--point-delay) forwards;transition:r .3s cubic-bezier(.2,.8,.25,1),fill .25s ease,stroke .25s ease,filter .3s ease}.site-work-point:hover .site-work-point-dot,.site-work-point:focus .site-work-point-dot,.site-work-point.active .site-work-point-dot{r:7px;fill:#6382f4;stroke:color-mix(in srgb,#6382f4 28%,#fff);filter:drop-shadow(0 0 8px color-mix(in srgb,#6382f4 55%,transparent))}.site-work-x-label{fill:var(--muted);font-size:8px;font-weight:650;text-anchor:middle;text-transform:capitalize}.site-work-value-label{fill:var(--text);font-size:8px;font-weight:780;text-anchor:middle;paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round}.site-work-chart-empty{position:absolute;z-index:3;inset:44px 60px 48px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed color-mix(in srgb,var(--work-tone) 15%,var(--border));border-radius:13px;color:var(--muted);background:color-mix(in srgb,var(--card) 78%,transparent);text-align:center}.site-work-chart-empty .material-symbols-outlined{color:var(--work-tone);font-size:28px}.site-work-chart-empty strong{color:var(--text);font-size:11px}.site-work-chart-empty p{margin:0;font-size:7px}.site-work-hover-layer{pointer-events:none}.site-work-hover-guide{stroke:color-mix(in srgb,#6382f4 35%,transparent);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .28s ease}.site-work-hover-layer.is-visible .site-work-hover-guide{opacity:1}.site-work-tooltip-object{overflow:visible;pointer-events:none}.site-work-tooltip{box-sizing:border-box;display:grid;align-content:center;width:100%;height:100%;padding:11px 13px;border:1px solid color-mix(in srgb,#6382f4 28%,var(--border));border-radius:14px;color:var(--text);background:radial-gradient(circle at 88% 18%,color-mix(in srgb,#35b48f 14%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,#6382f4 12%,var(--card)),color-mix(in srgb,var(--card) 96%,#35b48f));box-shadow:0 16px 40px #0812283d,inset 0 1px #ffffff1a;opacity:0;transform:translateY(7px) scale(.96);transform-origin:50% 100%;transition:opacity .24s ease,transform .3s cubic-bezier(.2,.85,.25,1)}.site-work-hover-layer.is-visible .site-work-tooltip{opacity:1;transform:translateY(0) scale(1)}.site-work-tooltip>span{display:flex;align-items:center;gap:5px;color:#7791fa;font-size:6px;font-weight:820;letter-spacing:.08em}.site-work-tooltip>span i{width:6px;height:6px;border-radius:50%;background:#35b48f;box-shadow:0 0 0 4px color-mix(in srgb,#35b48f 12%,transparent)}.site-work-tooltip strong{margin-top:5px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:18px;font-weight:800;line-height:1;letter-spacing:-.04em}.site-work-tooltip small{margin-top:5px;color:var(--muted);font-size:6.5px;font-weight:620}@keyframes site-work-summary-in{to{opacity:1;transform:translateY(0)}}@keyframes site-work-line-draw{to{stroke-dashoffset:0}}@keyframes site-work-area-in{to{opacity:1}}@keyframes site-work-point-in{to{opacity:1;transform:scale(1)}}@keyframes site-work-guide-in{to{opacity:1}}@keyframes site-work-tooltip-in{to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:680px){.site-work-chart-summary,.site-work-line-panel{padding:15px}.site-work-line-chart{min-height:220px;overflow:hidden}.site-work-line-chart svg{width:100%;min-width:0;min-height:220px}.site-work-hours-total strong{font-size:24px}}@media(max-width:430px){.site-work-hours-total{align-items:flex-start;flex-direction:column}.site-work-line-heading>span{display:none}}@media(prefers-reduced-motion:reduce){.site-work-area,.site-work-line,.site-work-point-dot,.site-work-hover-guide,.site-work-tooltip{opacity:1;transform:none;animation:none}.site-work-line{stroke-dashoffset:0}}.site-work-hero{min-height:390px;background:radial-gradient(circle at 78% 35%,color-mix(in srgb,#35b48f 8%,transparent),transparent 32%),radial-gradient(circle at 24% 108%,color-mix(in srgb,#6382f4 11%,transparent),transparent 34%),linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 91%,#153c4b));box-shadow:0 18px 46px #11224517,inset 0 1px #ffffff1a}.site-work-hero:before{right:-95px;top:-215px;width:470px;height:470px}.site-work-hero:after{left:39%;bottom:-270px;width:520px;height:420px}.site-work-hero .site-work-chart-dashboard{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.32fr);min-height:390px}.site-work-story{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:34px 28px 30px 32px;opacity:0;transform:translate(-16px);animation:site-work-copy-in .7s cubic-bezier(.2,.82,.25,1) .05s forwards}.site-work-brand{display:flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--work-tone) 78%,var(--text));font-size:8px;font-weight:800;letter-spacing:.02em}.site-work-brand i{width:7px;height:7px;border-radius:50%;background:#7690ff;box-shadow:0 0 0 5px color-mix(in srgb,#7690ff 10%,transparent),0 0 16px color-mix(in srgb,#7690ff 42%,transparent)}.site-work-story-copy{display:grid;gap:0;margin-top:28px}.site-work-story-copy>small{color:color-mix(in srgb,var(--work-tone) 80%,var(--muted));font-size:6.5px;font-weight:820;letter-spacing:.095em;text-transform:uppercase}.site-work-story-copy h2{margin:10px 0 3px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:29px;font-weight:760;line-height:1.02;letter-spacing:-.045em}.site-work-story-copy>strong{width:max-content;max-width:100%;color:transparent;background:linear-gradient(100deg,#8aa1ff 4%,#6f91fa 43%,#43d3b0 92%);background-clip:text;-webkit-background-clip:text;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(34px,4.15vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 12px 34px color-mix(in srgb,#5479f2 12%,transparent)}.site-work-story-copy p{max-width:440px;margin:14px 0 0;color:var(--muted);font-size:8.5px;line-height:1.65}.site-work-story-note{display:flex;align-items:center;gap:10px;margin-top:27px}.site-work-story-note>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border:1px solid color-mix(in srgb,#35b48f 18%,var(--border));border-radius:12px;color:#35b48f;background:color-mix(in srgb,#35b48f 9%,var(--card));box-shadow:0 9px 22px color-mix(in srgb,#35b48f 8%,transparent)}.site-work-story-note .material-symbols-outlined{font-size:20px}.site-work-story-note>div{display:grid;gap:3px}.site-work-story-note b{font-size:8px}.site-work-story-note small{color:var(--muted);font-size:6.5px}.site-work-hero .site-work-line-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:30px 28px 26px 18px;border-left:1px solid color-mix(in srgb,var(--work-tone) 7%,transparent);opacity:0;transform:translate(18px);animation:site-work-chart-in .75s cubic-bezier(.2,.82,.25,1) .14s forwards}.site-work-hero .site-work-line-heading{margin:0 3px 11px}.site-work-hero .site-work-line-heading small{font-size:6.5px}.site-work-hero .site-work-line-heading strong{font-size:14px}.site-work-hero .site-work-line-chart{min-height:270px;border-color:color-mix(in srgb,var(--work-tone) 9%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 22%,transparent),color-mix(in srgb,var(--card) 18%,transparent));box-shadow:inset 0 1px #ffffff0d,0 18px 45px #0b18300d}.site-work-hero .site-work-line-chart svg{min-height:270px}.site-work-hero .site-work-line{animation-duration:1.25s}.site-work-hero .site-work-area{animation-duration:.85s}@keyframes site-work-copy-in{to{opacity:1;transform:translate(0)}}@keyframes site-work-chart-in{to{opacity:1;transform:translate(0)}}@media(max-width:1040px){.site-work-hero .site-work-chart-dashboard{grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr)}.site-work-story{padding-left:25px}.site-work-story-copy h2{font-size:25px}.site-work-story-copy>strong{font-size:clamp(31px,4.5vw,48px)}}@media(max-width:780px){.site-work-hero .site-work-chart-dashboard{grid-template-columns:1fr}.site-work-story{padding:25px 22px 20px}.site-work-story-copy{margin-top:20px}.site-work-story-copy h2{font-size:24px}.site-work-story-copy>strong{font-size:40px}.site-work-story-note{margin-top:20px}.site-work-hero .site-work-line-panel{padding:16px 18px 22px;border-top:1px solid color-mix(in srgb,var(--work-tone) 8%,transparent);border-left:0}.site-work-hero .site-work-line-chart,.site-work-hero .site-work-line-chart svg{min-height:230px}}@media(max-width:430px){.site-work-story-copy>strong{font-size:32px;white-space:normal}.site-work-story-note small{display:none}.site-work-hero .site-work-line-panel{padding-inline:13px}}@media(prefers-reduced-motion:reduce){.site-work-story,.site-work-hero .site-work-line-panel{opacity:1;transform:none;animation:none}}.site-work-hero{min-height:470px}.site-work-hero .site-work-chart-dashboard{grid-template-columns:minmax(300px,.68fr) minmax(0,1.42fr);min-height:470px}.site-work-hero .site-work-line-panel{padding:31px 30px 28px 16px}.site-work-hero .site-work-line-heading{margin-bottom:13px}.site-work-hero .site-work-line-heading small{font-size:7px}.site-work-hero .site-work-line-heading strong{font-size:15px}.site-work-line-chart,.site-work-hero .site-work-line-chart{min-height:350px;border-radius:18px}.site-work-line-chart:before{inset:38px 25px 54px 62px}.site-work-line-chart svg,.site-work-hero .site-work-line-chart svg{min-height:350px}.site-work-grid-line line{stroke:color-mix(in srgb,var(--work-tone) 13%,var(--border));stroke-width:1.2}.site-work-grid-line text,.site-work-x-label{font-size:8.5px;font-weight:680}.site-work-line{stroke-width:5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 7px 11px color-mix(in srgb,var(--work-tone) 30%,transparent))}.site-work-point-dot{stroke-width:4}.site-work-point:hover .site-work-point-dot,.site-work-point:focus .site-work-point-dot,.site-work-point.active .site-work-point-dot{r:9px;filter:drop-shadow(0 0 11px color-mix(in srgb,#6382f4 62%,transparent))}.site-work-value-label{font-size:9px;font-weight:800;stroke-width:5px}.site-work-tooltip{padding:14px 16px;border-radius:17px;box-shadow:0 20px 48px #08122847,inset 0 1px #ffffff1c}.site-work-tooltip>span{gap:6px;font-size:7px}.site-work-tooltip>span i{width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb,#35b48f 12%,transparent)}.site-work-tooltip strong{margin-top:6px;font-size:22px;font-weight:820}.site-work-tooltip small{margin-top:6px;font-size:7.5px}@media(max-width:1040px){.site-work-hero .site-work-chart-dashboard{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr)}}@media(max-width:780px){.site-work-hero{min-height:0}.site-work-hero .site-work-chart-dashboard{grid-template-columns:1fr;min-height:0}.site-work-hero .site-work-line-panel{padding:18px 16px 23px}.site-work-line-chart,.site-work-hero .site-work-line-chart,.site-work-line-chart svg,.site-work-hero .site-work-line-chart svg{min-height:280px}}@media(max-width:430px){.site-work-line-chart,.site-work-hero .site-work-line-chart,.site-work-line-chart svg,.site-work-hero .site-work-line-chart svg{min-height:245px}.site-work-hero .site-work-line-panel{padding-inline:11px}}.site-work-line-heading{position:relative;z-index:7}.site-work-range{position:relative;display:block!important}.site-work-range>button{display:flex;align-items:center;gap:7px;min-height:38px;max-width:260px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--work-tone) 18%,var(--border));border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 72%,var(--card));box-shadow:inset 0 1px #ffffff12;font-size:7px;font-weight:720;transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.site-work-range>button:hover,.site-work-range>button.active,.site-work-range>button[aria-expanded=true]{border-color:color-mix(in srgb,var(--work-tone) 38%,var(--border));color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 9%,var(--card));box-shadow:0 9px 24px color-mix(in srgb,var(--work-tone) 11%,transparent)}.site-work-range>button:active{transform:scale(.98)}.site-work-range>button>span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-work-range>button .material-symbols-outlined{font-size:16px}.site-work-range>button .material-symbols-outlined:last-child{font-size:14px;transition:transform .25s ease}.site-work-range>button[aria-expanded=true] .material-symbols-outlined:last-child{transform:rotate(180deg)}.site-work-range-popover{position:absolute;z-index:20;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 42px));padding:15px;border:1px solid color-mix(in srgb,var(--work-tone) 25%,var(--border));border-radius:17px;background:radial-gradient(circle at 90% 5%,color-mix(in srgb,#35b48f 10%,transparent),transparent 30%),linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--work-tone)));box-shadow:0 24px 60px #08122840,inset 0 1px #ffffff1a;transform-origin:90% 0;animation:site-work-calendar-in .28s cubic-bezier(.2,.84,.25,1) both}.site-work-range-popover>header{display:flex;align-items:center;gap:10px}.site-work-range-popover>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--work-tone) 20%,var(--border));border-radius:12px;color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 10%,var(--card))}.site-work-range-popover>header>span .material-symbols-outlined{font-size:20px}.site-work-range-popover>header>div{display:grid;gap:2px}.site-work-range-popover>header small{color:var(--work-tone);font-size:6px;font-weight:820;letter-spacing:.09em}.site-work-range-popover>header strong{font-size:12px}.site-work-range-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0 11px}.site-work-range-presets button{min-height:31px;padding:6px;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 70%,transparent);font-size:7px;font-weight:680;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.site-work-range-presets button:hover{border-color:color-mix(in srgb,var(--work-tone) 30%,var(--border));color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 8%,var(--card));transform:translateY(-1px)}.site-work-range-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:7px}.site-work-range-fields label{display:grid;gap:5px;min-width:0}.site-work-range-fields label>span{color:var(--muted);font-size:6px;font-weight:760;text-transform:uppercase}.site-work-range-fields input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--work-tone) 13%,var(--border));border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--surface-alt) 74%,var(--card));font:inherit;font-size:7.5px;font-weight:670;outline:0;transition:border-color .2s ease,box-shadow .2s ease}.site-work-range-fields input:focus{border-color:color-mix(in srgb,var(--work-tone) 56%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--work-tone) 9%,transparent)}.site-work-range-fields>i{display:grid;place-items:center;width:24px;height:40px;color:var(--muted)}.site-work-range-fields>i .material-symbols-outlined{font-size:15px}.site-work-range-popover>p{display:flex;align-items:center;gap:5px;margin:9px 0 0;color:#e97886;font-size:7px}.site-work-range-popover>p .material-symbols-outlined{font-size:14px}.site-work-range-popover>footer{display:grid;grid-template-columns:1fr 1.35fr;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.site-work-range-popover>footer button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:7px 10px;border-radius:10px;font-size:7.5px;font-weight:750}.site-work-range-popover>footer button:first-child{border:1px solid var(--border);color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 66%,transparent)}.site-work-range-popover>footer button:last-child{border:1px solid color-mix(in srgb,var(--work-tone) 25%,transparent);color:#f7f9ff;background:linear-gradient(120deg,#5979ed,#43bca2);box-shadow:0 9px 22px color-mix(in srgb,var(--work-tone) 18%,transparent)}.site-work-range-popover>footer button:last-child:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.site-work-range-popover>footer .material-symbols-outlined{font-size:15px}.site-work-range-popover>footer button:disabled .material-symbols-outlined{animation:site-work-calendar-spin .8s linear infinite}@keyframes site-work-calendar-in{0%{opacity:0;transform:translateY(-7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes site-work-calendar-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.site-work-line-heading{align-items:flex-start;flex-direction:column}.site-work-range{width:100%}.site-work-range>button{width:100%;max-width:none;justify-content:space-between}.site-work-range>button>span{max-width:none}.site-work-range-popover{right:auto;left:0;width:min(330px,calc(100vw - 54px))}}@media(prefers-reduced-motion:reduce){.site-work-range-popover,.site-work-range-popover>footer button:disabled .material-symbols-outlined{animation:none}}.site-work-hero.calendar-open{z-index:40;overflow:visible}.site-work-hero.calendar-open:before,.site-work-hero.calendar-open:after{opacity:0;transition:opacity .2s ease}.site-work-range-popover{width:min(360px,calc(100vw - 42px));padding:16px}.site-work-range-selection{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:11px 0;padding:9px;border:1px solid color-mix(in srgb,var(--work-tone) 13%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 58%,transparent)}.site-work-range-selection>span{display:grid;gap:3px;min-width:0;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--card) 78%,transparent)}.site-work-range-selection small{color:var(--work-tone);font-size:5.5px;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.site-work-range-selection b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.site-work-range-selection>i{display:grid;place-items:center;width:23px;height:23px;color:var(--muted)}.site-work-range-selection>i .material-symbols-outlined{font-size:14px}.site-work-calendar{padding:10px;border:1px solid color-mix(in srgb,var(--work-tone) 13%,var(--border));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 62%,transparent),color-mix(in srgb,var(--card) 90%,transparent));box-shadow:inset 0 1px #ffffff0f}.site-work-calendar>header{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;margin-bottom:8px}.site-work-calendar>header strong{text-align:center;text-transform:capitalize;font-size:9px}.site-work-calendar>header button{display:grid;place-items:center;width:34px;height:32px;padding:0;border:1px solid color-mix(in srgb,var(--work-tone) 11%,var(--border));border-radius:9px;color:var(--muted);background:color-mix(in srgb,var(--card) 72%,transparent);box-shadow:none;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.site-work-calendar>header button:hover:not(:disabled){border-color:color-mix(in srgb,var(--work-tone) 34%,var(--border));color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 8%,var(--card));transform:translateY(-1px)}.site-work-calendar>header button:disabled{opacity:.28}.site-work-calendar>header .material-symbols-outlined{font-size:17px}.site-work-calendar-weekdays,.site-work-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.site-work-calendar-weekdays{margin-bottom:4px}.site-work-calendar-weekdays span{padding:3px 0;color:var(--muted);font-size:5.5px;font-weight:760;text-align:center}.site-work-calendar-grid>.blank{min-height:30px}.site-work-calendar-grid button{position:relative;display:grid;place-items:center;min-width:0;min-height:31px;padding:0;border:1px solid transparent;border-radius:9px;color:var(--text);background:transparent;box-shadow:none;font-size:7px;font-weight:680;transition:color .2s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.25,1)}.site-work-calendar-grid button:hover:not(:disabled){z-index:2;border-color:color-mix(in srgb,var(--work-tone) 34%,var(--border));color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 9%,var(--card));box-shadow:0 7px 16px color-mix(in srgb,var(--work-tone) 10%,transparent);transform:translateY(-2px)}.site-work-calendar-grid button.in-range{border-radius:7px;color:color-mix(in srgb,var(--work-tone) 82%,var(--text));background:color-mix(in srgb,var(--work-tone) 10%,var(--card))}.site-work-calendar-grid button.start,.site-work-calendar-grid button.end{z-index:2;border-color:color-mix(in srgb,#35b48f 48%,var(--border));color:#f7fbff;background:linear-gradient(135deg,#607ff0,#39b99b);box-shadow:0 7px 17px color-mix(in srgb,#5479f2 22%,transparent)}.site-work-calendar-grid button.start:after,.site-work-calendar-grid button.end:after{position:absolute;inset:-3px;border:1px solid color-mix(in srgb,#6382f4 26%,transparent);border-radius:11px;content:""}.site-work-calendar-grid button.today:not(.start):not(.end){border-color:color-mix(in srgb,#35b48f 35%,var(--border));color:#35b48f}.site-work-calendar-grid button.today:not(.start):not(.end):after{position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:#35b48f;content:""}.site-work-calendar-grid button:disabled{color:var(--muted);opacity:.28}.site-work-calendar>p{display:flex;align-items:center;justify-content:center;gap:5px;margin:8px 0 0;color:var(--muted);font-size:6px}.site-work-calendar>p .material-symbols-outlined{color:var(--work-tone);font-size:13px}.site-work-range-popover>footer{margin-top:11px;padding-top:10px}@media(max-width:560px){.site-work-range-popover{width:min(360px,calc(100vw - 54px));padding:13px}.site-work-calendar-grid button{min-height:29px}.site-work-range-selection b{font-size:6.5px}}.site-analytics-page{overflow-x:clip}.site-work-range-popover{width:min(302px,calc(100vw - 34px));padding:12px;border-radius:15px}.site-work-range-popover>header>span{width:34px;height:34px;border-radius:10px}.site-work-range-popover>header>span .material-symbols-outlined{font-size:18px}.site-work-range-popover>header strong{font-size:10px}.site-work-range-presets{gap:5px;margin:10px 0 8px}.site-work-range-presets button{min-height:28px;padding:5px;font-size:6.5px}.site-work-range-selection{gap:5px;margin:8px 0;padding:6px;border-radius:10px}.site-work-range-selection>span{gap:2px;padding:5px 6px;border-radius:7px}.site-work-range-selection b{font-size:6.3px}.site-work-range-selection>i{width:18px;height:20px}.site-work-calendar{padding:7px;border-radius:11px}.site-work-calendar>header{grid-template-columns:29px minmax(0,1fr) 29px;gap:5px;margin-bottom:5px}.site-work-calendar>header button{width:29px;height:27px;border-radius:7px}.site-work-calendar>header strong{font-size:8px}.site-work-calendar>header .material-symbols-outlined{font-size:15px}.site-work-calendar-weekdays,.site-work-calendar-grid{gap:3px}.site-work-calendar-weekdays{margin-bottom:2px}.site-work-calendar-weekdays span{padding:2px 0;font-size:5px}.site-work-calendar-grid>.blank{min-height:25px}.site-work-calendar-grid button{min-height:25px;border-radius:7px;font-size:6.3px}.site-work-calendar-grid button:hover:not(:disabled){transform:translateY(-1px)}.site-work-calendar-grid button.start:after,.site-work-calendar-grid button.end:after{inset:-2px;border-radius:9px}.site-work-calendar>p{margin-top:6px;font-size:5.5px}.site-work-calendar>p .material-symbols-outlined{font-size:11px}.site-work-range-popover>footer{gap:6px;margin-top:8px;padding-top:8px}.site-work-range-popover>footer button{min-height:32px;padding:6px 8px;font-size:6.8px}.site-work-line-chart.is-empty:before{opacity:.25}.site-work-line-chart.is-empty .site-work-grid-line{opacity:.34}.site-work-chart-empty{inset:50% auto auto 50%;display:grid;width:min(330px,calc(100% - 48px));min-height:150px;box-sizing:border-box;place-items:center;align-content:center;gap:5px;padding:20px;border:1px solid color-mix(in srgb,var(--work-tone) 18%,var(--border));border-radius:20px;color:var(--muted);background:radial-gradient(circle at 80% 10%,color-mix(in srgb,#35b48f 12%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--work-tone)),color-mix(in srgb,var(--surface-alt) 88%,var(--card)));box-shadow:0 20px 50px #08122824,inset 0 1px #ffffff17;text-align:center;transform:translate(-50%,-50%);animation:site-work-empty-in .45s cubic-bezier(.2,.82,.25,1) both}.site-work-chart-empty>span{display:grid;place-items:center;width:47px;height:47px;margin-bottom:3px;border:1px solid color-mix(in srgb,var(--work-tone) 24%,var(--border));border-radius:15px;color:var(--work-tone);background:color-mix(in srgb,var(--work-tone) 11%,var(--card));box-shadow:0 10px 24px color-mix(in srgb,var(--work-tone) 13%,transparent)}.site-work-chart-empty>span .material-symbols-outlined{font-size:25px}.site-work-chart-empty>small{color:var(--work-tone);font-size:5.8px;font-weight:820;letter-spacing:.09em}.site-work-chart-empty>strong{font-size:12px}.site-work-chart-empty>p{max-width:245px;margin:0;font-size:7px;line-height:1.55}@keyframes site-work-empty-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:560px){.site-work-range-popover{width:min(302px,calc(100vw - 32px));padding:11px}.site-work-chart-empty{width:calc(100% - 34px);min-height:138px;padding:16px;border-radius:16px}}.office-analytics-page{padding:18px 0 44px;color:var(--text)}.office-analytics-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:22px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:20px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--accent)));box-shadow:0 16px 38px #11224512,inset 0 1px #ffffff17;animation:office-analytics-in .5s cubic-bezier(.2,.82,.3,1) both}.office-analytics-hero:before,.office-analytics-hero:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:"";pointer-events:none}.office-analytics-hero:before{right:-80px;top:-135px;width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 8%,transparent),transparent 68%)}.office-analytics-hero:after{right:250px;bottom:-105px;width:170px;height:170px}.office-analytics-hero>div:first-child{min-width:0}.office-analytics-hero p{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:color-mix(in srgb,var(--accent) 76%,var(--muted));font-size:9px;font-weight:700;letter-spacing:.04em}.office-analytics-hero p:before{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent);content:"";animation:office-analytics-dot 2.8s ease-in-out infinite}.office-analytics-hero h1{margin:0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(31px,3.2vw,42px);font-weight:740;line-height:1.08;letter-spacing:-.05em}.office-analytics-hero h1 span{margin-left:2px;color:var(--accent);text-shadow:0 5px 15px color-mix(in srgb,var(--accent) 24%,transparent)}.office-analytics-hero small{display:block;margin-top:10px;color:var(--muted);font-size:11px;line-height:1.55}.office-analytics-period{display:grid;grid-template-columns:repeat(3,1fr);flex:0 0 auto;padding:5px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 75%,var(--card));box-shadow:inset 0 1px #ffffff12}.office-analytics-period button{min-height:38px;padding:8px 12px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:9px;font-weight:650;white-space:nowrap}.office-analytics-period button.active{color:var(--accent);background:var(--card);box-shadow:0 5px 14px #11224514,inset 0 0 0 1px color-mix(in srgb,var(--accent) 9%,transparent)}.office-analytics-inline-error{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--red) 28%,var(--border));border-radius:11px;color:var(--red);background:var(--red-soft);font-size:9px}.office-analytics-inline-error .material-symbols-outlined{font-size:17px}.office-analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.office-analytics-metric{--metric-tone:var(--accent);position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-height:96px;padding:14px 15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--metric-tone) 14%,var(--border));border-radius:17px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--metric-tone)));box-shadow:0 13px 30px #11224512,inset 0 1px #ffffff17;opacity:0;transform:translateY(10px);animation:office-analytics-in .5s cubic-bezier(.2,.82,.3,1) var(--metric-delay) forwards;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.office-analytics-metric.tone-green{--metric-tone:#29ad86}.office-analytics-metric.tone-red{--metric-tone:#d75c6a}.office-analytics-metric.tone-blue{--metric-tone:#5c78f4}.office-analytics-metric:before{position:absolute;z-index:-1;right:-45px;top:-58px;width:130px;height:130px;border:1px solid color-mix(in srgb,var(--metric-tone) 10%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--metric-tone) 8%,transparent),transparent 68%);content:"";animation:office-analytics-aura 7s ease-in-out infinite}.office-analytics-metric>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--metric-tone) 16%,transparent);border-radius:13px;color:var(--metric-tone);background:color-mix(in srgb,var(--metric-tone) 10%,var(--card));box-shadow:0 8px 19px color-mix(in srgb,var(--metric-tone) 10%,transparent)}.office-analytics-metric>span .material-symbols-outlined{font-size:21px}.office-analytics-metric>div{display:grid;gap:5px;min-width:0}.office-analytics-metric small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.office-analytics-metric strong{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:25px;font-weight:740;line-height:1;letter-spacing:-.04em}.office-analytics-metric>i{position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:99px 99px 0 0;background:linear-gradient(90deg,transparent,var(--metric-tone),transparent);opacity:.45;transform:scaleX(.45);transition:opacity .22s ease,transform .22s ease}.office-analytics-metric:hover{border-color:color-mix(in srgb,var(--metric-tone) 28%,var(--border));box-shadow:0 18px 38px color-mix(in srgb,var(--metric-tone) 10%,transparent);transform:translateY(-3px)}.office-analytics-metric:hover>i{opacity:.9;transform:scaleX(1)}.office-analytics-insights,.office-analytics-details{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}.office-analytics-details{grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr)}.office-analytics-card{position:relative;isolation:isolate;min-width:0;padding:19px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:18px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 96%,var(--accent)));box-shadow:0 14px 34px #11224512,inset 0 1px #ffffff14;animation:office-analytics-in .55s cubic-bezier(.2,.82,.3,1) both}.office-analytics-card:before{position:absolute;z-index:-1;right:-80px;top:-95px;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--accent) 7%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 5%,transparent),transparent 68%);content:"";pointer-events:none}.office-analytics-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.office-analytics-card>header>div:first-child>span{display:block;margin-bottom:5px;color:var(--accent);font-size:7px;font-weight:780;letter-spacing:.1em}.office-analytics-card h2{margin:0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:16px;font-weight:710;letter-spacing:-.025em}.office-analytics-card header p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.office-card-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:11px;color:var(--accent);background:var(--accent-soft)}.office-card-icon .material-symbols-outlined{font-size:20px}.office-chart-legend{display:flex;align-items:center;gap:14px;padding:9px 0 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:8px}.office-chart-legend span{display:inline-flex;align-items:center;gap:6px}.office-chart-legend i{width:7px;height:7px;border-radius:3px}.office-chart-legend i.completed{background:#38b991}.office-chart-legend i.unsuccessful{background:#dd6976}.office-chart-legend b{margin-left:auto;color:var(--text);font-size:8px}.office-call-bars{display:grid;grid-template-columns:repeat(14,minmax(10px,1fr));align-items:end;gap:7px;height:210px;padding-top:20px}.office-call-bars>div{display:grid;grid-template-rows:16px minmax(0,1fr) 19px;align-items:end;justify-items:center;height:100%;min-width:0}.office-bar-value{color:var(--text);font-size:7px;font-weight:700}.office-bar-track{display:flex;align-items:stretch;flex-direction:column-reverse;justify-content:flex-start;width:min(23px,75%);height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 7%,var(--border));border-radius:7px 7px 4px 4px;background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.office-bar-track i{display:block;width:100%;height:var(--bar-height);min-height:0;transform:scaleY(0);transform-origin:bottom;animation:office-bars-grow .7s cubic-bezier(.2,.82,.3,1) var(--bar-delay) forwards}.office-bar-track i.completed{background:linear-gradient(180deg,#58d0ab,#2ca27f)}.office-bar-track i.unsuccessful{background:linear-gradient(180deg,#ed8791,#cb5664)}.office-call-bars>div>small{max-width:100%;overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.office-call-bars>div:nth-child(odd)>small{opacity:.75}.office-attendance-main{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;padding:5px 0 16px}.office-attendance-ring{display:grid;place-items:center;width:126px;height:126px;border-radius:50%;background:conic-gradient(#36aa8b 0 var(--attendance),color-mix(in srgb,var(--surface-alt) 86%,var(--card)) var(--attendance) 360deg);box-shadow:0 10px 30px color-mix(in srgb,#36aa8b 12%,transparent);animation:office-ring-in .9s cubic-bezier(.2,.82,.3,1) both}.office-attendance-ring:before{position:absolute;width:96px;height:96px;border:1px solid color-mix(in srgb,#36aa8b 12%,var(--border));border-radius:50%;background:var(--card);content:""}.office-attendance-ring>div{position:relative;z-index:1;display:grid;gap:3px;text-align:center}.office-attendance-ring strong{font-size:24px;letter-spacing:-.04em}.office-attendance-ring small{color:var(--muted);font-size:7px}.office-attendance-main dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.office-attendance-main dl>div{padding:9px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 68%,transparent)}.office-attendance-main dt{color:var(--muted);font-size:7px}.office-attendance-main dd{margin:5px 0 0;font-size:15px;font-weight:720}.office-visit-bars{display:flex;align-items:end;gap:5px;height:48px;padding:8px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 56%,transparent)}.office-visit-bars i{flex:1;height:var(--visit-height);min-height:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,color-mix(in srgb,#36aa8b 78%,#8ae7ce),#36aa8b);transform:scaleY(0);transform-origin:bottom;animation:office-bars-grow .6s ease var(--visit-delay) forwards}.office-completion-pill,.office-users-count{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid color-mix(in srgb,#36aa8b 18%,var(--border));border-radius:99px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 8%,var(--card));font-size:8px;font-weight:700}.office-completion-pill .material-symbols-outlined,.office-users-count .material-symbols-outlined{font-size:14px}.office-outcomes-content{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:17px}.office-outcome-ring{display:grid;place-items:center;width:145px;height:145px;border-radius:50%;background:conic-gradient(#36aa8b 0 var(--completed-angle),#df6572 var(--completed-angle) var(--missed-angle),#d49b48 var(--missed-angle) var(--cancelled-angle),#7181df var(--cancelled-angle) 360deg);box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 12%,transparent);animation:office-ring-in .9s cubic-bezier(.2,.82,.3,1) both}.office-outcome-ring:before{position:absolute;width:108px;height:108px;border:1px solid var(--border);border-radius:50%;background:var(--card);content:""}.office-outcome-ring>div{position:relative;z-index:1;display:grid;text-align:center}.office-outcome-ring strong{font-size:26px;letter-spacing:-.04em}.office-outcome-ring small{color:var(--muted);font-size:8px}.office-outcomes-content dl{display:grid;gap:7px;margin:0}.office-outcomes-content dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface-alt) 64%,transparent)}.office-outcomes-content dt{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px}.office-outcomes-content dt i{width:7px;height:7px;border-radius:3px}.office-outcomes-content dt i.completed{background:#36aa8b}.office-outcomes-content dt i.missed{background:#df6572}.office-outcomes-content dt i.cancelled{background:#d49b48}.office-outcomes-content dt i.interrupted{background:#7181df}.office-outcomes-content dd{margin:0;font-size:10px;font-weight:720}.office-call-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.office-call-summary>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;padding:9px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 58%,transparent)}.office-call-summary .material-symbols-outlined{grid-row:1/3;align-self:center;color:var(--accent);font-size:17px}.office-call-summary small{color:var(--muted);font-size:7px}.office-call-summary b{font-size:8px}.office-recent-list{display:grid;max-height:315px;overflow:auto;padding-right:4px;scrollbar-width:thin}.office-recent-list article{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 2px;border-bottom:1px solid var(--border)}.office-recent-list article:last-child{border-bottom:0}.office-recent-list article>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 10%,var(--card))}.office-recent-list article:not(.result-completed)>span{color:var(--red);background:var(--red-soft)}.office-recent-list article>span .material-symbols-outlined{font-size:17px}.office-recent-list article>div{display:grid;gap:4px;min-width:0}.office-recent-list article strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.office-recent-list article small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.office-recent-list article>p{display:grid;gap:3px;margin:0 0 0 auto;text-align:right}.office-recent-list article>p b{font-size:8px;white-space:nowrap}.office-recent-list article>p small{justify-self:end;padding:3px 6px;border-radius:99px;color:#36aa8b;background:color-mix(in srgb,#36aa8b 9%,transparent)}.office-recent-list article:not(.result-completed)>p small{color:var(--red);background:var(--red-soft)}.office-users-performance{padding:0}.office-users-performance>header{margin:0;padding:19px;border-bottom:1px solid var(--border)}.office-performance-list{min-width:760px}.office-performance-head,.office-performance-list article{display:grid;grid-template-columns:minmax(190px,1.4fr) 70px 125px 90px 110px minmax(120px,1fr);align-items:center;gap:10px}.office-performance-head{padding:10px 19px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 66%,transparent);font-size:7px;font-weight:680}.office-performance-list article{margin:0 10px;padding:11px 9px;border-bottom:1px solid var(--border);opacity:0;transform:translateY(7px);animation:office-analytics-in .45s ease var(--row-delay) forwards}.office-performance-list article:last-child{border-bottom:0}.office-performance-user{display:flex;align-items:center;gap:10px;min-width:0}.office-performance-user>span{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:11px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:750}.office-performance-user>span i{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border:2px solid var(--card);border-radius:50%;background:var(--muted)}.office-performance-user>span i.online{background:#36aa8b;box-shadow:0 0 0 3px color-mix(in srgb,#36aa8b 10%,transparent)}.office-performance-user>div{display:grid;gap:3px;min-width:0}.office-performance-user strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.office-performance-user small{color:var(--muted);font-size:7px}.office-performance-list article>b{font-size:10px}.office-performance-rate{display:flex;align-items:center;gap:8px}.office-performance-rate>i{width:58px;height:6px;overflow:hidden;border-radius:99px;background:var(--surface-alt)}.office-performance-rate>i b{display:block;width:var(--rate);height:100%;border-radius:inherit;background:linear-gradient(90deg,#36aa8b,#63d2b3)}.office-performance-rate strong{font-size:8px}.office-performance-failed{color:var(--red)}.office-performance-list article>span{color:var(--muted);font-size:8px}.office-performance-seen{display:flex;align-items:center;gap:5px}.office-performance-seen>i{width:6px;height:6px;border-radius:50%;background:#36aa8b;box-shadow:0 0 0 3px color-mix(in srgb,#36aa8b 10%,transparent)}.office-analytics-empty{display:flex;align-items:center;justify-content:center;gap:11px;min-height:120px;color:var(--muted)}.office-analytics-empty>.material-symbols-outlined{font-size:27px}.office-analytics-empty>span{display:grid;gap:4px}.office-analytics-empty b{color:var(--text);font-size:10px}.office-analytics-empty small{font-size:8px}.office-analytics-empty.large{min-height:190px}.office-analytics-loading,.office-analytics-error{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:360px;margin-top:18px;padding:30px;border:1px solid var(--border);border-radius:20px;background:var(--card);text-align:center}.office-analytics-loading>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:17px;border-radius:19px;color:var(--accent);background:var(--accent-soft);animation:office-analytics-loading 1.4s ease-in-out infinite}.office-analytics-loading b{font-size:15px}.office-analytics-loading small,.office-analytics-error small{margin-top:6px;color:var(--muted);font-size:9px}.office-analytics-error{flex-direction:row;gap:12px}.office-analytics-error>.material-symbols-outlined{color:var(--red);font-size:28px}.office-analytics-error>div{display:grid;gap:5px;text-align:left}.office-analytics-page.is-refreshing .office-analytics-period{opacity:.7;pointer-events:none}@keyframes office-analytics-in{0%{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes office-analytics-dot{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 2%,transparent)}}@keyframes office-analytics-aura{0%,to{opacity:.45;transform:translateZ(0) scale(.94)}50%{opacity:1;transform:translate3d(-13px,11px,0) scale(1.08)}}@keyframes office-bars-grow{to{transform:scaleY(1)}}@keyframes office-ring-in{0%{opacity:0;transform:scale(.78) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes office-analytics-loading{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:1180px){.office-analytics-insights,.office-analytics-details{grid-template-columns:1fr}.office-attendance-main{grid-template-columns:150px minmax(0,1fr)}.office-performance-list,.office-users-performance{overflow-x:auto}.office-users-performance>header{position:sticky;left:0}}@media(max-width:800px){.office-analytics-hero{align-items:flex-start;flex-direction:column;padding:19px 20px}.office-analytics-period{width:100%}.office-analytics-metrics{grid-template-columns:1fr 1fr}.office-call-bars{gap:5px}.office-call-bars>div:nth-child(2n)>small{visibility:hidden}}@media(max-width:560px){.office-analytics-page{padding-top:12px}.office-analytics-hero{padding:17px;border-radius:17px}.office-analytics-hero h1{font-size:30px}.office-analytics-hero small{font-size:10px}.office-analytics-period button{padding:7px 5px;font-size:8px}.office-analytics-metrics{gap:9px}.office-analytics-metric{align-items:flex-start;flex-direction:column;min-height:118px;padding:13px}.office-analytics-metric>span{width:40px;height:40px}.office-analytics-metric strong{font-size:22px}.office-analytics-card{padding:15px;border-radius:16px}.office-call-bars{grid-template-columns:repeat(7,minmax(11px,1fr));height:190px}.office-call-bars[data-days="14"]>div:nth-child(-n+7){display:none}.office-call-bars>div:nth-child(2n)>small{visibility:visible}.office-attendance-main{grid-template-columns:1fr;justify-items:center}.office-attendance-main dl{width:100%}.office-outcomes-content{grid-template-columns:1fr;justify-items:center}.office-outcomes-content dl{width:100%}.office-call-summary{grid-template-columns:1fr}.office-recent-list article>p{display:none}.office-users-performance>header{min-width:0}.office-performance-list{min-width:700px}}@media(prefers-reduced-motion:reduce){.office-analytics-hero,.office-analytics-metric,.office-analytics-card,.office-performance-list article,.office-bar-track i,.office-visit-bars i,.office-attendance-ring,.office-outcome-ring,.office-analytics-loading>span,.office-analytics-hero p:before,.office-analytics-metric:before{animation:none}.office-analytics-metric,.office-performance-list article{opacity:1;transform:none}.office-analytics-metric:hover{transform:none}}.office-call-bars[data-days="1"]{grid-template-columns:1fr}.office-call-bars[data-days="7"]{grid-template-columns:repeat(7,minmax(10px,1fr))}.office-attendance-ring,.office-outcome-ring{position:relative}.office-outcome-ring.empty{background:color-mix(in srgb,var(--surface-alt) 86%,var(--card))}.office-analytics-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.office-analytics-metric.tone-amber{--metric-tone:#d49b48}.office-analytics-metric.tone-cyan{--metric-tone:#3aa9bd}.office-period-reveal{animation:office-period-reveal .52s cubic-bezier(.2,.82,.3,1) both}.office-analytics-calendar{--calendar-tone:#36aa8b;margin-bottom:14px;padding:20px}.office-analytics-calendar[data-mode=attendance]{--calendar-tone:var(--accent)}.office-analytics-calendar>header{align-items:center}.office-calendar-switch{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;padding:4px;border:1px solid color-mix(in srgb,var(--calendar-tone) 13%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 72%,var(--card))}.office-calendar-switch button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:8px;font-weight:670;white-space:nowrap;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.office-calendar-switch button .material-symbols-outlined{font-size:15px}.office-calendar-switch button.active{color:var(--calendar-tone);background:var(--card);box-shadow:0 5px 13px #11224514,inset 0 0 0 1px color-mix(in srgb,var(--calendar-tone) 10%,transparent)}.office-calendar-legend{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:8px}.office-calendar-legend span{display:flex;align-items:center;gap:7px}.office-calendar-legend span i{width:7px;height:7px;border-radius:3px;background:var(--calendar-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--calendar-tone) 8%,transparent)}.office-calendar-legend b{color:var(--text);font-size:8px}.office-calendar-weekdays,.office-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.office-calendar-weekdays{padding:14px 0 7px}.office-calendar-weekdays span{color:var(--muted);font-size:7px;font-weight:680;text-align:center}.office-calendar-grid>div{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;min-height:62px;padding:8px;border:1px solid color-mix(in srgb,var(--calendar-tone) 8%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 50%,var(--card));opacity:0;transform:translateY(5px) scale(.97);animation:office-calendar-cell-in .35s ease var(--cell-delay) forwards;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.office-calendar-grid>div:hover:not(.future){z-index:2;border-color:color-mix(in srgb,var(--calendar-tone) 34%,var(--border));box-shadow:0 9px 20px color-mix(in srgb,var(--calendar-tone) 9%,transparent);transform:translateY(-2px)}.office-calendar-grid time{font-size:8px;font-weight:680}.office-calendar-grid strong{justify-self:end;color:var(--calendar-tone);font-size:10px}.office-calendar-grid small{align-self:end;grid-column:1/-1;color:var(--muted);font-size:6px}.office-calendar-grid>div[data-level="1"]{background:color-mix(in srgb,var(--calendar-tone) 8%,var(--card))}.office-calendar-grid>div[data-level="2"]{background:color-mix(in srgb,var(--calendar-tone) 15%,var(--card))}.office-calendar-grid>div[data-level="3"]{border-color:color-mix(in srgb,var(--calendar-tone) 24%,var(--border));background:color-mix(in srgb,var(--calendar-tone) 23%,var(--card))}.office-calendar-grid>div[data-level="4"]{border-color:color-mix(in srgb,var(--calendar-tone) 38%,var(--border));background:color-mix(in srgb,var(--calendar-tone) 34%,var(--card));box-shadow:inset 0 1px #ffffff17}.office-calendar-grid>div.today:after{position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--calendar-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--calendar-tone) 10%,transparent);content:""}.office-calendar-grid>div.outside{opacity:.36}.office-calendar-grid>div.future{opacity:.22}.office-calendar-scale{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:11px;color:var(--muted);font-size:7px}.office-calendar-scale i{width:13px;height:13px;border:1px solid color-mix(in srgb,var(--calendar-tone) 7%,var(--border));border-radius:4px;background:var(--surface-alt)}.office-calendar-scale i[data-level="1"]{background:color-mix(in srgb,var(--calendar-tone) 8%,var(--card))}.office-calendar-scale i[data-level="2"]{background:color-mix(in srgb,var(--calendar-tone) 15%,var(--card))}.office-calendar-scale i[data-level="3"]{background:color-mix(in srgb,var(--calendar-tone) 23%,var(--card))}.office-calendar-scale i[data-level="4"]{background:color-mix(in srgb,var(--calendar-tone) 34%,var(--card))}@keyframes office-period-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes office-calendar-cell-in{to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1280px){.office-analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.office-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.office-analytics-calendar>header{align-items:flex-start;flex-direction:column}.office-calendar-switch{width:100%}}@media(max-width:560px){.office-analytics-calendar{padding:15px}.office-calendar-legend{align-items:flex-start;flex-direction:column;gap:8px}.office-calendar-weekdays,.office-calendar-grid{gap:4px}.office-calendar-grid>div{min-height:45px;padding:6px;border-radius:8px}.office-calendar-grid small{display:none}.office-calendar-grid strong{font-size:8px}.office-calendar-scale{justify-content:center}.office-calendar-switch button{padding:6px 5px}}@media(prefers-reduced-motion:reduce){.office-period-reveal,.office-calendar-grid>div{animation:none}.office-calendar-grid>div{opacity:1;transform:none}.office-calendar-grid>div:hover:not(.future){transform:none}}.office-outcomes-content{grid-template-columns:184px minmax(0,1fr);gap:20px}.office-outcome-stage{position:relative;display:grid;place-items:center;width:180px;height:180px;isolation:isolate}.office-outcome-stage:before,.office-outcome-stage:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.office-outcome-stage:before{inset:1px;background:conic-gradient(from -32deg,#36aa8b 0 22%,transparent 22% 26%,#df6572 26% 46%,transparent 46% 50%,#d49b48 50% 71%,transparent 71% 75%,#7181df 75% 96%,transparent 96%);opacity:.65;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:office-outcome-halo 18s linear infinite}.office-outcome-stage:after{inset:11px;border:1px dashed color-mix(in srgb,var(--accent) 16%,transparent);animation:office-outcome-halo 22s linear infinite reverse}.office-outcome-orbit{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 61%,color-mix(in srgb,var(--accent) 6%,transparent) 63%,transparent 68%);animation:office-outcome-breathe 3.2s ease-in-out infinite}.office-outcome-orbit:after{position:absolute;top:17px;right:23px;width:6px;height:6px;border:3px solid var(--card);border-radius:50%;background:#36aa8b;box-shadow:0 0 0 5px color-mix(in srgb,#36aa8b 13%,transparent),0 0 17px color-mix(in srgb,#36aa8b 48%,transparent);content:"";animation:office-outcome-node 2.5s ease-in-out infinite}.office-outcome-ring{position:relative;width:150px;height:150px;background:conic-gradient(from -90deg,#36aa8b 0 var(--completed-angle),#df6572 var(--completed-angle) var(--missed-angle),#d49b48 var(--missed-angle) var(--cancelled-angle),#7181df var(--cancelled-angle) 360deg);box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 16%,transparent),0 0 0 7px color-mix(in srgb,var(--accent) 5%,transparent);animation:office-outcome-enter 1s cubic-bezier(.16,.88,.25,1) .16s both}.office-outcome-ring:before{inset:14px;width:auto;height:auto;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:inset 0 0 0 1px #ffffff0f,0 7px 22px #11224517}.office-outcome-ring:after{position:absolute;inset:7px;border:1px solid rgb(255 255 255 / 24%);border-radius:50%;content:"";pointer-events:none}.office-outcome-ring>div{gap:1px;place-items:center}.office-outcome-ring>div>.material-symbols-outlined{margin-bottom:1px;color:var(--accent);font-size:17px;font-variation-settings:"FILL" 1,"wght" 500}.office-outcome-ring strong{font-size:29px;font-weight:760;line-height:1;letter-spacing:-.055em}.office-outcome-ring small{margin-top:2px;font-size:7px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.office-outcome-ring.empty{background:conic-gradient(from -90deg,color-mix(in srgb,var(--muted) 14%,var(--card)) 0 360deg)}.office-outcomes-content dl{gap:8px}.office-outcomes-content dl>.office-outcome-result{--result-tone:var(--accent);position:relative;isolation:isolate;min-height:48px;padding:8px 10px;overflow:hidden;border-color:color-mix(in srgb,var(--result-tone) 13%,var(--border));border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-alt) 82%,var(--card)),color-mix(in srgb,var(--card) 96%,var(--result-tone)));opacity:0;transform:translate(10px);animation:office-outcome-result-in .45s ease var(--result-delay) forwards;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.office-outcomes-content dl>.office-outcome-result:before{position:absolute;z-index:-1;top:-27px;right:-24px;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--result-tone) 10%,transparent);content:"";transition:transform .25s ease}.office-outcomes-content dl>.office-outcome-result:hover{border-color:color-mix(in srgb,var(--result-tone) 34%,var(--border));box-shadow:0 9px 20px color-mix(in srgb,var(--result-tone) 8%,transparent);transform:translateY(-2px)}.office-outcomes-content dl>.office-outcome-result:hover:before{transform:scale(1.2)}.office-outcome-result.completed{--result-tone:#36aa8b}.office-outcome-result.missed{--result-tone:#df6572}.office-outcome-result.cancelled{--result-tone:#d49b48}.office-outcome-result.interrupted{--result-tone:#7181df}.office-outcomes-content .office-outcome-result dt{gap:8px;font-size:8px;font-weight:620}.office-outcome-result dt>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--result-tone) 11%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--result-tone) 9%,transparent)}.office-outcome-result dt>span i{width:7px;height:7px;border-radius:50%;background:var(--result-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--result-tone) 9%,transparent)}.office-outcomes-content .office-outcome-result dd{display:grid;justify-items:end;gap:1px;color:var(--text);font-size:12px;font-weight:760}.office-outcomes-content .office-outcome-result dd small{color:var(--result-tone);font-size:7px;font-weight:700}@keyframes office-outcome-enter{0%{opacity:0;transform:scale(.68) rotate(-58deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes office-outcome-halo{to{transform:rotate(360deg)}}@keyframes office-outcome-breathe{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes office-outcome-node{0%,to{transform:scale(.8);opacity:.65}50%{transform:scale(1.15);opacity:1}}@keyframes office-outcome-result-in{to{opacity:1;transform:translate(0)}}@media(max-width:560px){.office-outcomes-content{grid-template-columns:1fr}.office-outcome-stage{width:164px;height:164px}.office-outcome-ring{width:136px;height:136px}.office-outcome-ring:before{inset:13px}.office-outcomes-content dl>.office-outcome-result{min-height:45px}.office-outcomes-content .office-outcome-result dd{font-size:11px}}@media(prefers-reduced-motion:reduce){.office-outcome-stage:before,.office-outcome-stage:after,.office-outcome-orbit,.office-outcome-orbit:after,.office-outcome-ring,.office-outcomes-content dl>.office-outcome-result{animation:none}.office-outcome-ring,.office-outcomes-content dl>.office-outcome-result{opacity:1;transform:none}.office-outcomes-content dl>.office-outcome-result:hover{transform:none}}.office-users-performance{overflow:hidden}.office-users-count small{padding-left:5px;border-left:1px solid color-mix(in srgb,#36aa8b 22%,transparent);color:var(--muted);font-size:7px;font-weight:620}.office-user-filters{position:relative;display:grid;grid-template-columns:minmax(240px,340px) auto;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 3%,var(--surface-alt)),color-mix(in srgb,var(--card) 86%,transparent))}.office-user-filters:before{position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent 45%);content:"";pointer-events:none}.office-user-search{position:relative;display:flex;align-items:center;flex-direction:row;gap:9px;width:100%;height:42px;min-height:42px;margin:0;padding:5px 7px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:13px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 62%,var(--card));box-shadow:inset 0 1px #ffffff0f,0 5px 16px #11224508;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.office-user-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 9px 22px color-mix(in srgb,var(--accent) 7%,transparent)}.office-user-search>.material-symbols-outlined{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:17px;transition:transform .2s ease,background .2s ease}.office-user-search:focus-within>.material-symbols-outlined{background:color-mix(in srgb,var(--accent) 16%,var(--card));transform:scale(1.04)}.office-user-search input{width:100%;height:30px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:0;color:var(--text);background:transparent;font:inherit;font-size:9px;font-weight:620;line-height:30px;box-shadow:none}.office-user-search input:focus{outline:0;box-shadow:none}.office-user-search input[type=search]::-webkit-search-cancel-button{display:none}.office-user-search input::placeholder{color:var(--muted);font-weight:520}.office-user-search button{display:grid;place-items:center;width:27px;height:27px;min-height:27px;flex:0 0 auto;padding:0;border:0;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;transition:color .2s ease,background .2s ease}.office-user-search button:hover:not(:disabled){color:var(--text);border-color:transparent;background:var(--surface-alt);box-shadow:none;transform:none}.office-user-search button .material-symbols-outlined{font-size:15px}.office-user-filter-tabs{display:flex;align-items:center;gap:3px;height:42px;padding:4px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 72%,var(--card));box-shadow:inset 0 1px 2px #1122450d}.office-user-filter-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:6px 10px;border:0;border-radius:9px;color:var(--muted);background:transparent;box-shadow:none;font-size:7px;font-weight:680;white-space:nowrap;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.office-user-filter-tabs button .material-symbols-outlined{font-size:15px;transition:transform .2s ease}.office-user-filter-tabs button:hover:not(:disabled){color:var(--text);border-color:transparent;background:color-mix(in srgb,var(--card) 70%,transparent);box-shadow:none;transform:none}.office-user-filter-tabs button:hover .material-symbols-outlined{transform:scale(1.08)}.office-user-filter-tabs button.active{color:var(--accent);background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 91%,var(--accent)));box-shadow:0 5px 13px #11224517,inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}.office-user-filter-tabs button.active:after{position:absolute;left:50%;bottom:2px;width:14px;height:2px;border-radius:99px;background:var(--accent);box-shadow:0 0 7px color-mix(in srgb,var(--accent) 45%,transparent);content:"";transform:translate(-50%)}.office-user-filter-empty{display:grid;justify-items:center;padding:38px 18px 42px;text-align:center;animation:office-analytics-in .35s ease both}.office-user-filter-empty>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:16px;color:var(--accent);background:var(--accent-soft);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 9%,transparent)}.office-user-filter-empty>span .material-symbols-outlined{font-size:25px}.office-user-filter-empty>b{font-size:12px}.office-user-filter-empty>small{margin-top:5px;color:var(--muted);font-size:8px}.office-user-filter-empty>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;margin-top:15px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card));font-size:8px;font-weight:680;transition:transform .2s ease,box-shadow .2s ease}.office-user-filter-empty>button:hover{box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 11%,transparent);transform:translateY(-1px)}.office-user-filter-empty>button .material-symbols-outlined{font-size:15px}@media(max-width:900px){.office-user-filters{grid-template-columns:1fr;align-items:stretch;gap:9px}.office-user-filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:auto}.office-user-search{width:100%}}@media(max-width:560px){.office-user-filters{padding:10px 14px}.office-user-filter-tabs{grid-template-columns:repeat(2,1fr)}.office-user-filter-tabs button{padding:6px 5px}.office-users-count small{display:none}}@media(prefers-reduced-motion:reduce){.office-user-filter-empty{animation:none}.office-user-filter-tabs button,.office-user-filter-empty>button{transition:none}.office-user-filter-empty>button:hover{transform:none}}.office-call-chart{--chart-green:#39bc96;--chart-red:#df6978}.office-call-chart>header{margin-bottom:12px}.office-call-chart .office-card-icon{border-color:color-mix(in srgb,var(--accent) 18%,transparent);background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent) 13%,var(--card)));box-shadow:0 9px 21px color-mix(in srgb,var(--accent) 11%,transparent),inset 0 1px #ffffff1a}.office-chart-legend{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 13px;border-bottom:1px solid color-mix(in srgb,var(--accent) 8%,var(--border))}.office-chart-legend>div{display:flex;align-items:center;gap:7px}.office-chart-legend>div>span{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--legend-tone) 12%,var(--border));border-radius:9px;color:var(--muted);background:color-mix(in srgb,var(--legend-tone) 5%,var(--card));font-size:7px;font-weight:620}.office-chart-legend>div>span.completed{--legend-tone:var(--chart-green)}.office-chart-legend>div>span.unsuccessful{--legend-tone:var(--chart-red)}.office-chart-legend>div>span>i{width:7px;height:7px;border-radius:50%;background:var(--legend-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--legend-tone) 9%,transparent)}.office-chart-legend>div>span>b{margin-left:2px;padding:2px 5px;border-radius:6px;color:var(--legend-tone);background:color-mix(in srgb,var(--legend-tone) 10%,transparent);font-size:7px}.office-chart-total{display:flex;align-items:center;gap:7px;color:var(--text)}.office-chart-total>.material-symbols-outlined{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:15px}.office-chart-total>span{display:grid;gap:1px}.office-chart-total b{margin:0;font-size:10px;line-height:1}.office-chart-total small{color:var(--muted);font-size:6px;font-weight:560;white-space:nowrap}.office-call-bars{position:relative;isolation:isolate;gap:11px;height:238px;padding:27px 4px 0;border-bottom:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--accent) 7%,transparent) 0 1px,transparent 1px 48px)}.office-call-bars:after{position:absolute;z-index:-1;inset:27px 0 19px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 2%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));content:"";pointer-events:none}.office-call-bars>div{position:relative;z-index:1;grid-template-rows:19px minmax(0,1fr) 23px;transition:transform .22s ease}.office-call-bars>div:hover{z-index:5;transform:translateY(-2px)}.office-bar-value{display:grid;place-items:center;min-width:20px;height:17px;padding:0 5px;border-radius:6px;color:var(--text);background:color-mix(in srgb,var(--surface-alt) 76%,transparent);font-size:7px;font-weight:760;opacity:.72;transition:color .2s ease,background .2s ease,opacity .2s ease}.office-call-bars>div:hover .office-bar-value,.office-call-bars>div.today .office-bar-value{color:var(--accent);background:var(--accent-soft);opacity:1}.office-bar-track{position:relative;width:min(34px,60%);border:1px solid color-mix(in srgb,var(--accent) 7%,transparent);border-radius:11px 11px 6px 6px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 5%,var(--surface-alt)));box-shadow:inset 0 1px #ffffff08;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.office-bar-track:before{position:absolute;z-index:-1;left:50%;bottom:0;width:calc(100% + 12px);height:22px;border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);filter:blur(8px);content:"";transform:translate(-50%);opacity:0;transition:opacity .2s ease}.office-call-bars>div:hover .office-bar-track{border-color:color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 7%,transparent),inset 0 1px #ffffff0f}.office-call-bars>div:hover .office-bar-track:before{opacity:1}.office-bar-track i{position:relative;box-shadow:inset 0 1px #ffffff38}.office-bar-track i.completed{background:linear-gradient(180deg,#64d8b6,var(--chart-green))}.office-bar-track i.unsuccessful{background:linear-gradient(180deg,#f08b97,var(--chart-red))}.office-bar-track i:first-child{border-radius:0 0 5px 5px}.office-bar-track i:last-child{border-radius:9px 9px 0 0}.office-bar-track i:only-child{border-radius:9px 9px 5px 5px}.office-call-bars>div>small{align-self:end;padding-top:7px;color:var(--muted);font-size:7px;font-weight:600;transition:color .2s ease}.office-call-bars>div.today>small{color:var(--accent);font-weight:720}.office-call-bars>div.today>small:after{display:inline-block;width:4px;height:4px;margin-left:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent);content:"";vertical-align:middle}.office-bar-tooltip{position:absolute;z-index:10;left:50%;top:22px;display:grid;gap:5px;width:126px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--card) 96%,var(--accent));box-shadow:0 14px 32px #0a142a38;pointer-events:none;opacity:0;transform:translate(-50%,8px) scale(.96);transition:opacity .18s ease,transform .18s ease}.office-bar-tooltip:after{position:absolute;left:50%;bottom:-5px;width:9px;height:9px;border-right:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:var(--card);content:"";transform:translate(-50%) rotate(45deg)}.office-call-bars>div:hover .office-bar-tooltip{opacity:1;transform:translate(-50%) scale(1)}.office-bar-tooltip>b{padding-bottom:4px;border-bottom:1px solid var(--border);font-size:8px}.office-bar-tooltip>small{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;color:var(--muted);font-size:7px}.office-bar-tooltip>small>i{width:6px;height:6px;border-radius:50%}.office-bar-tooltip>small>i.completed{background:var(--chart-green)}.office-bar-tooltip>small>i.unsuccessful{background:var(--chart-red)}.office-bar-tooltip>small>strong{color:var(--text);font-size:8px}.office-call-bars[data-days="1"] .office-bar-track{width:54px}.office-call-bars[data-days="7"] .office-bar-track{width:min(40px,58%)}@media(max-width:560px){.office-chart-legend{align-items:flex-start}.office-chart-legend>div{align-items:stretch;flex-direction:column}.office-chart-total{align-self:center}.office-call-bars{height:218px;gap:5px;padding-inline:0}.office-call-bars[data-days="7"] .office-bar-track{width:min(28px,70%)}.office-bar-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.office-call-bars>div,.office-bar-track,.office-bar-value,.office-bar-tooltip{transition:none}.office-call-bars>div:hover{transform:none}}.office-attendance-card{--attendance-tone:#39b995}.office-attendance-card .office-card-icon{border-color:color-mix(in srgb,var(--attendance-tone) 18%,transparent);color:var(--attendance-tone);background:color-mix(in srgb,var(--attendance-tone) 11%,var(--card));box-shadow:0 9px 20px color-mix(in srgb,var(--attendance-tone) 10%,transparent),inset 0 1px #ffffff17}.office-attendance-main{grid-template-columns:172px minmax(0,1fr);gap:16px;padding:1px 0 16px}.office-attendance-stage{position:relative;display:grid;place-items:center;width:168px;height:168px;isolation:isolate}.office-attendance-stage:before,.office-attendance-stage:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.office-attendance-stage:before{inset:1px;background:conic-gradient(from -35deg,var(--attendance-tone) 0 30%,transparent 30% 35%,var(--accent) 35% 60%,transparent 60% 65%,color-mix(in srgb,var(--attendance-tone) 60%,var(--accent)) 65% 94%,transparent 94%);opacity:.62;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:office-attendance-halo 18s linear infinite}.office-attendance-stage:after{inset:10px;border:1px dashed color-mix(in srgb,var(--attendance-tone) 16%,transparent);animation:office-attendance-halo 21s linear infinite reverse}.office-attendance-orbit{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 61%,color-mix(in srgb,var(--attendance-tone) 7%,transparent) 63%,transparent 69%);animation:office-attendance-breathe 3.2s ease-in-out infinite}.office-attendance-orbit:after{position:absolute;top:17px;right:21px;width:6px;height:6px;border:3px solid var(--card);border-radius:50%;background:var(--attendance-tone);box-shadow:0 0 0 5px color-mix(in srgb,var(--attendance-tone) 13%,transparent),0 0 17px color-mix(in srgb,var(--attendance-tone) 46%,transparent);content:"";animation:office-attendance-node 2.5s ease-in-out infinite}.office-attendance-ring{position:relative;width:140px;height:140px;background:conic-gradient(from -90deg,var(--attendance-tone) 0 var(--attendance),color-mix(in srgb,var(--surface-alt) 82%,var(--card)) var(--attendance) 360deg);box-shadow:0 17px 36px color-mix(in srgb,var(--attendance-tone) 15%,transparent),0 0 0 7px color-mix(in srgb,var(--attendance-tone) 5%,transparent);animation:office-attendance-enter 1s cubic-bezier(.16,.88,.25,1) .18s both}.office-attendance-ring:before{inset:13px;width:auto;height:auto;border-color:color-mix(in srgb,var(--attendance-tone) 12%,var(--border));background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--attendance-tone)));box-shadow:inset 0 0 0 1px #ffffff0f,0 7px 20px #11224514}.office-attendance-ring:after{position:absolute;inset:7px;border:1px solid rgb(255 255 255 / 23%);border-radius:50%;content:"";pointer-events:none}.office-attendance-ring>div{gap:1px;place-items:center}.office-attendance-ring>div>.material-symbols-outlined{margin-bottom:1px;color:var(--attendance-tone);font-size:17px;font-variation-settings:"FILL" 1,"wght" 520}.office-attendance-ring strong{font-size:27px;font-weight:760;line-height:1;letter-spacing:-.055em}.office-attendance-ring small{margin-top:2px;font-size:7px;font-weight:650;letter-spacing:.035em;text-transform:uppercase}.office-attendance-main dl{gap:8px}.office-attendance-main dl>div{--attendance-metric:var(--accent);position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center;min-height:70px;padding:9px 10px;overflow:hidden;border-color:color-mix(in srgb,var(--attendance-metric) 13%,var(--border));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 82%,var(--card)),color-mix(in srgb,var(--card) 95%,var(--attendance-metric)));box-shadow:inset 0 1px #ffffff0d;opacity:0;transform:translateY(8px);animation:office-attendance-metric-in .42s ease var(--attendance-delay) forwards;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.office-attendance-main dl>div:before{position:absolute;z-index:-1;top:-25px;right:-22px;width:65px;height:65px;border-radius:50%;background:color-mix(in srgb,var(--attendance-metric) 10%,transparent);content:"";transition:transform .25s ease}.office-attendance-main dl>div:hover{border-color:color-mix(in srgb,var(--attendance-metric) 32%,var(--border));box-shadow:0 8px 19px color-mix(in srgb,var(--attendance-metric) 8%,transparent);transform:translateY(-2px)}.office-attendance-main dl>div:hover:before{transform:scale(1.18)}.office-attendance-main dl>div.online{--attendance-metric:#39b995;--attendance-delay:.52s}.office-attendance-main dl>div.visited{--attendance-metric:var(--accent);--attendance-delay:.59s}.office-attendance-main dl>div.logins{--attendance-metric:#43a9c0;--attendance-delay:.66s}.office-attendance-main dl>div.absent{--attendance-metric:#dc7480;--attendance-delay:.73s}.office-attendance-main dt{display:contents}.office-attendance-main dt>span{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:8px;color:var(--attendance-metric);background:color-mix(in srgb,var(--attendance-metric) 11%,var(--card))}.office-attendance-main dt .material-symbols-outlined{font-size:14px}.office-attendance-main dt small{grid-column:2;grid-row:1;color:var(--muted);font-size:7px;line-height:1.15}.office-attendance-main dd{grid-column:2;grid-row:2;margin:2px 0 0;font-size:15px;font-weight:750;line-height:1}.office-visit-bars{position:relative;height:58px;padding:9px 10px;overflow:hidden;border-color:color-mix(in srgb,var(--attendance-tone) 10%,var(--border));border-radius:12px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--attendance-tone) 6%,transparent) 0 1px,transparent 1px 16px),color-mix(in srgb,var(--surface-alt) 53%,transparent);box-shadow:inset 0 1px #ffffff0a}.office-visit-bars:after{position:absolute;left:9px;right:9px;bottom:8px;height:1px;background:color-mix(in srgb,var(--attendance-tone) 16%,transparent);content:""}.office-visit-bars i{position:relative;z-index:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#66d8b7,var(--attendance-tone));box-shadow:0 0 14px color-mix(in srgb,var(--attendance-tone) 12%,transparent)}@keyframes office-attendance-enter{0%{opacity:0;transform:scale(.68) rotate(-58deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes office-attendance-halo{to{transform:rotate(360deg)}}@keyframes office-attendance-breathe{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes office-attendance-node{0%,to{opacity:.65;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes office-attendance-metric-in{to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.office-attendance-main{grid-template-columns:1fr;justify-items:center}.office-attendance-stage{width:160px;height:160px}.office-attendance-ring{width:134px;height:134px}.office-attendance-main dl{width:100%}.office-attendance-main dl>div{min-height:62px}}@media(prefers-reduced-motion:reduce){.office-attendance-stage:before,.office-attendance-stage:after,.office-attendance-orbit,.office-attendance-orbit:after,.office-attendance-ring,.office-attendance-main dl>div{animation:none}.office-attendance-ring,.office-attendance-main dl>div{opacity:1;transform:none}.office-attendance-main dl>div:hover{transform:none}}.office-attendance-main{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:14px;padding-bottom:14px}.office-attendance-visual{display:grid;justify-items:center;gap:7px;width:180px}.office-attendance-legend{display:grid;gap:5px;width:168px}.office-attendance-legend>span{--legend-tone:var(--attendance-tone);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;min-height:24px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--legend-tone) 11%,var(--border));border-radius:8px;color:var(--muted);background:color-mix(in srgb,var(--legend-tone) 5%,var(--card));font-size:6.5px;font-weight:620}.office-attendance-legend>span.absent{--legend-tone:var(--accent)}.office-attendance-legend i{width:6px;height:6px;border-radius:50%;background:var(--legend-tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--legend-tone) 9%,transparent)}.office-attendance-legend b{color:var(--legend-tone);font-size:7px}.office-attendance-main dl{align-self:center;gap:7px;width:100%}.office-attendance-main dl>div{display:flex;align-items:center;gap:8px;min-width:0;min-height:66px;padding:8px 9px}.office-attendance-main dl>div dt{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:8px;color:var(--attendance-metric);background:color-mix(in srgb,var(--attendance-metric) 11%,var(--card))}.office-attendance-main dl>div dt .material-symbols-outlined{font-size:15px}.office-attendance-main dl>div dd{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:3px;min-width:0;margin:0}.office-attendance-main dl>div dd strong{color:var(--text);font-size:15px;font-weight:760;line-height:1}.office-attendance-main dl>div dd small{overflow:hidden;color:var(--muted);font-size:6.5px;font-weight:590;line-height:1.2;text-overflow:ellipsis;white-space:normal}.office-attendance-summary{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:11px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--attendance-tone) 13%,var(--border));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--attendance-tone) 7%,var(--surface-alt)),color-mix(in srgb,var(--card) 96%,var(--attendance-tone)));box-shadow:inset 0 1px #ffffff0f;animation:office-analytics-in .45s ease .76s both}.office-attendance-summary:before{position:absolute;z-index:-1;right:-42px;top:-54px;width:125px;height:125px;border:1px solid color-mix(in srgb,var(--attendance-tone) 11%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--attendance-tone) 9%,transparent),transparent 68%);content:""}.office-attendance-summary>span{display:grid;place-items:center;width:37px;height:37px;border:1px solid color-mix(in srgb,var(--attendance-tone) 15%,transparent);border-radius:11px;color:var(--attendance-tone);background:color-mix(in srgb,var(--attendance-tone) 11%,var(--card))}.office-attendance-summary>span .material-symbols-outlined{font-size:19px}.office-attendance-summary>div{display:grid;gap:3px;min-width:0}.office-attendance-summary>div>small{color:var(--attendance-tone);font-size:6px;font-weight:720;letter-spacing:.04em;text-transform:uppercase}.office-attendance-summary>div>strong{overflow:hidden;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.office-attendance-summary p{margin:0;color:var(--muted);font-size:7px;line-height:1.35}.office-attendance-summary>b{position:relative;z-index:1;display:grid;place-items:center;min-width:45px;height:34px;padding:0 8px;border:1px solid color-mix(in srgb,var(--attendance-tone) 18%,transparent);border-radius:10px;color:var(--attendance-tone);background:color-mix(in srgb,var(--attendance-tone) 10%,var(--card));font-size:11px;font-weight:780}@media(max-width:560px){.office-attendance-main{grid-template-columns:1fr}.office-attendance-visual{width:100%}.office-attendance-main dl{grid-template-columns:1fr 1fr}.office-attendance-main dl>div{min-height:60px}.office-attendance-summary{grid-template-columns:auto minmax(0,1fr)}.office-attendance-summary>b{display:none}.office-attendance-summary>div>strong{white-space:normal}}@media(prefers-reduced-motion:reduce){.office-attendance-summary{animation:none}}.office-attendance-main .office-attendance-facts{display:grid;grid-template-columns:1fr;align-content:center;gap:7px;min-width:0}.office-attendance-main .office-attendance-facts>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:7px 9px;border-radius:11px}.office-attendance-main .office-attendance-facts>div dt{grid-column:1;display:grid;place-items:center;width:30px;height:30px;margin:0}.office-attendance-main .office-attendance-facts>div dd{display:contents}.office-attendance-main .office-attendance-facts>div dd small{grid-column:2;grid-row:1;align-self:center;overflow:visible;color:var(--muted);font-size:7px;font-weight:630;line-height:1.2;text-overflow:clip;white-space:normal}.office-attendance-main .office-attendance-facts>div dd strong{grid-column:3;grid-row:1;align-self:center;min-width:20px;color:var(--attendance-metric);font-size:15px;font-weight:780;line-height:1;text-align:right}.office-attendance-main .office-attendance-facts>div:after{position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:0 3px 3px 0;background:var(--attendance-metric);content:"";opacity:.65}@media(max-width:560px){.office-attendance-main .office-attendance-facts{grid-template-columns:1fr 1fr}.office-attendance-main .office-attendance-facts>div{min-height:48px}}.office-analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.office-analytics-metric.tone-work{--metric-tone:#5579f1;grid-column:span 2;background:radial-gradient(circle at 82% 38%,color-mix(in srgb,#39b995 12%,transparent),transparent 27%),linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 91%,#5579f1))}.office-analytics-metric.tone-work>span{background:linear-gradient(145deg,color-mix(in srgb,#5579f1 14%,var(--card)),color-mix(in srgb,#39b995 10%,var(--card)))}.office-performance-list{min-width:940px}.office-performance-head,.office-performance-list article{grid-template-columns:minmax(170px,1.35fr) 58px 112px 78px 92px 135px minmax(110px,.9fr)}.office-performance-work{display:flex;align-items:center;gap:7px;min-width:0;color:var(--text)!important}.office-performance-work>.material-symbols-outlined{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border-radius:8px;color:#5579f1;background:color-mix(in srgb,#5579f1 10%,var(--card));font-size:15px}.office-performance-work>span{display:grid;gap:2px;min-width:0}.office-performance-work b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.office-performance-work small{color:var(--muted);font-size:6px}@media(max-width:1280px){.office-analytics-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.office-analytics-metric.tone-work{grid-column:span 3}}@media(max-width:800px){.office-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.office-analytics-metric.tone-work{grid-column:span 2}}@media(max-width:560px){.office-analytics-metrics{grid-template-columns:1fr}.office-analytics-metric.tone-work{grid-column:span 1}}.office-work-usage{margin-top:14px;padding:0;overflow:hidden}.office-work-usage>header{margin:0;padding:19px;border-bottom:1px solid var(--border)}.office-work-filters{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:14px;padding:13px 19px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-alt) 45%,transparent)}.office-work-filters>label{display:flex;align-items:center;gap:9px;max-width:440px;height:42px;padding:0 11px;border:1px solid var(--border);border-radius:12px;background:var(--card);transition:border-color .2s ease,box-shadow .2s ease}.office-work-filters>label:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent)}.office-work-filters>label>.material-symbols-outlined{color:var(--accent);font-size:18px}.office-work-filters input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font:inherit;font-size:9px}.office-work-filters label>button{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border:0;border-radius:8px;color:var(--muted);background:var(--surface-alt)}.office-work-filters label>button .material-symbols-outlined{font-size:14px}.office-work-filters>div{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.office-work-filters>div>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:6px 10px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:8px;font-weight:680;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.office-work-filters>div>button .material-symbols-outlined{font-size:15px}.office-work-filters>div>button.active{color:#5579f1;background:color-mix(in srgb,#5579f1 10%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,#5579f1 15%,transparent)}.office-work-table-scroll{overflow-x:auto;scrollbar-width:thin}.office-work-table{min-width:850px}.office-work-head,.office-work-table article{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(190px,1.25fr) 145px 90px minmax(140px,.9fr);align-items:center;gap:12px}.office-work-head{padding:10px 19px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 68%,transparent);font-size:7px;font-weight:700}.office-work-table article{position:relative;margin:0 10px;padding:11px 9px;border-bottom:1px solid var(--border);opacity:0;transform:translateY(7px);animation:office-analytics-in .42s ease var(--row-delay) forwards}.office-work-table article:last-child{border-bottom:0}.office-work-table article.is-active:before{position:absolute;left:-10px;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:#39b995;box-shadow:0 0 12px color-mix(in srgb,#39b995 35%,transparent);content:""}.office-work-user,.office-work-phone,.office-work-duration{display:flex;align-items:center;gap:9px;min-width:0}.office-work-user>span,.office-work-phone>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:9px;font-weight:760}.office-work-phone>span{color:#39b995;background:color-mix(in srgb,#39b995 10%,var(--card))}.office-work-phone .material-symbols-outlined{font-size:17px}.office-work-user>div,.office-work-phone>div,.office-work-duration>span{display:grid;gap:3px;min-width:0}.office-work-user strong,.office-work-phone strong,.office-work-duration strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.office-work-user small,.office-work-phone small,.office-work-duration small{overflow:hidden;color:var(--muted);font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.office-work-duration>.material-symbols-outlined{color:#5579f1;font-size:18px}.office-work-count{display:grid;place-items:center;width:34px;height:28px;border-radius:9px;color:#5579f1;background:color-mix(in srgb,#5579f1 9%,var(--card));font-size:9px}.office-work-state{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:7px}.office-work-state.active{color:#39b995;font-weight:700}.office-work-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,#39b995 10%,transparent)}.office-work-empty{display:grid;justify-items:center;min-height:190px;padding:30px;text-align:center}.office-work-empty>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:11px;border-radius:15px;color:var(--accent);background:var(--accent-soft)}.office-work-empty>span .material-symbols-outlined{font-size:25px}.office-work-empty>b{font-size:11px}.office-work-empty>small{margin-top:5px;color:var(--muted);font-size:8px}.office-work-empty>button{display:flex;align-items:center;gap:6px;margin-top:14px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:8px;font-weight:680}.office-work-empty>button .material-symbols-outlined{font-size:14px}@media(max-width:760px){.office-work-filters{grid-template-columns:1fr}.office-work-filters>label{max-width:none}.office-work-filters>div{display:grid;grid-template-columns:1fr 1fr}}.office-work-filters{grid-template-columns:minmax(270px,1.35fr) minmax(170px,.75fr) minmax(170px,.75fr) auto;gap:9px;padding:13px 15px}.office-work-filters>.office-work-search{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:9px;width:100%;max-width:none;height:54px;padding:6px 9px;border-color:color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:14px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)))}.office-work-search>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.office-work-search>span:first-child .material-symbols-outlined{font-size:19px}.office-work-search>span:nth-child(2){display:grid;gap:3px;min-width:0}.office-work-search small,.office-work-select small{color:var(--muted);font-size:6px;font-weight:690;letter-spacing:.04em;text-transform:uppercase}.office-work-search input{height:auto!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;color:var(--text)!important;background:transparent!important;font-size:9px!important;line-height:1.3}.office-work-search input::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent);opacity:1}.office-work-search>button{width:27px!important;height:27px!important;padding:0!important}.office-work-filters>.office-work-select{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;max-width:none;height:54px;padding:6px 9px;border-color:var(--border);border-radius:14px;background:var(--card);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.office-work-filters>.office-work-select:focus-within,.office-work-filters>.office-work-select:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:color-mix(in srgb,var(--card) 96%,var(--accent));box-shadow:0 8px 20px #1122450f}.office-work-select>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.office-work-select>span:first-child .material-symbols-outlined{font-size:17px}.office-work-select>span:nth-child(2){display:grid;gap:3px;min-width:0}.office-work-select select{width:100%;min-width:0;padding:0 17px 0 0;border:0;outline:0;color:var(--text);background:transparent;appearance:none;font:inherit;font-size:8px;font-weight:680;cursor:pointer;text-overflow:ellipsis}.office-work-select>.material-symbols-outlined{position:absolute;right:9px;bottom:9px;color:var(--muted)!important;font-size:16px!important;pointer-events:none}.office-work-filters>.office-work-status{align-self:stretch;display:grid;grid-template-columns:repeat(3,max-content);align-items:center;gap:3px;padding:5px;border-color:var(--border);border-radius:14px;background:var(--card)}.office-work-status>button{min-height:42px!important;padding:6px 8px!important;border-radius:10px!important}.office-work-status>button.active{color:var(--accent)!important;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent) 8%,var(--card)))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 5px 13px #1122450f!important}@media(max-width:1300px){.office-work-filters{grid-template-columns:minmax(260px,1fr) 1fr 1fr}.office-work-status{grid-column:1/-1;justify-self:end}}@media(max-width:820px){.office-work-filters{grid-template-columns:1fr 1fr}.office-work-search{grid-column:1/-1}.office-work-status{grid-column:1/-1;justify-self:stretch}.office-work-filters>.office-work-status{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.office-work-filters{grid-template-columns:1fr}.office-work-search,.office-work-status{grid-column:auto}.office-work-filters>.office-work-status{grid-template-columns:1fr}.office-work-status>button{min-height:36px!important}}.office-work-filters{position:relative;z-index:5;grid-template-columns:minmax(270px,1.25fr) minmax(180px,.68fr) minmax(180px,.68fr) minmax(280px,auto);align-items:stretch;gap:8px;padding:11px 15px;overflow:visible}.office-work-filters>.office-work-search{grid-template-columns:34px minmax(0,1fr) 26px;height:48px;padding:5px 8px;border-radius:13px}.office-work-search>span:first-child{width:32px;height:32px;border-radius:9px}.office-work-search>span:first-child .material-symbols-outlined{font-size:17px}.office-work-search>button{width:25px!important;height:25px!important}.office-work-filters>.office-work-dropdown{position:relative;display:block;min-width:0;padding:0;border:0;background:transparent}.office-work-dropdown>.office-work-dropdown-trigger{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;height:48px;min-height:48px;padding:5px 8px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:var(--card);text-align:left;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.office-work-dropdown>.office-work-dropdown-trigger:hover,.office-work-dropdown.is-open>.office-work-dropdown-trigger{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--card) 96%,var(--accent));box-shadow:0 8px 22px #0b193517}.office-work-dropdown.is-open>.office-work-dropdown-trigger{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 10px 24px #0b19351a}.office-work-dropdown-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--accent);background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--accent) 7%,var(--card)))}.office-work-dropdown-icon .material-symbols-outlined{font-size:17px}.office-work-dropdown-copy{display:grid;gap:2px;min-width:0}.office-work-dropdown-copy small{color:var(--muted);font-size:6px;font-weight:720;letter-spacing:.04em;text-transform:uppercase}.office-work-dropdown-copy strong{overflow:hidden;font-size:8px;font-weight:710;text-overflow:ellipsis;white-space:nowrap}.office-work-dropdown-trigger>.material-symbols-outlined{color:var(--muted);font-size:17px;transition:color .2s ease,transform .25s ease}.office-work-dropdown.is-open .office-work-dropdown-trigger>.material-symbols-outlined{color:var(--accent);transform:rotate(180deg)}.office-work-dropdown-menu{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:max(100%,220px);padding:7px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--card) 97%,var(--accent));box-shadow:0 22px 55px #0610263b,inset 0 1px #ffffff12;transform-origin:top;animation:office-work-menu-in .2s cubic-bezier(.2,.75,.25,1) both}.office-work-dropdown-title{display:flex;align-items:center;gap:8px;margin-bottom:5px;padding:5px 6px 8px;border-bottom:1px solid var(--border)}.office-work-dropdown-title>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.office-work-dropdown-title>span .material-symbols-outlined{font-size:15px}.office-work-dropdown-title>div{display:grid;gap:2px}.office-work-dropdown-title small{color:var(--muted);font-size:5.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.office-work-dropdown-title strong{font-size:8px}.office-work-dropdown-options{display:grid;gap:3px;max-height:230px;padding-right:2px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 30%,transparent) transparent}.office-work-dropdown-options>button{display:grid!important;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:8px;width:100%;min-height:36px!important;padding:7px 8px!important;border:0!important;border-radius:9px!important;color:var(--muted)!important;background:transparent!important;font-size:8px!important;font-weight:650!important;text-align:left!important;transition:color .18s ease,background .18s ease,transform .18s ease!important}.office-work-dropdown-options>button:hover{color:var(--text)!important;background:var(--surface-alt)!important;transform:translate(2px)}.office-work-dropdown-options>button.selected{color:var(--accent)!important;background:var(--accent-soft)!important}.office-work-dropdown-options>button .material-symbols-outlined{justify-self:end;color:var(--accent);font-size:15px}.office-work-filters>.office-work-status{align-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;padding:4px;border-radius:13px}.office-work-status>button{min-width:0;min-height:38px!important;padding:5px 7px!important;white-space:nowrap}.office-work-status>button .material-symbols-outlined{font-size:14px!important}@keyframes office-work-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.office-work-total{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 15px 15px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:14px;background:radial-gradient(circle at 88% 25%,color-mix(in srgb,#39b995 9%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--card)),var(--card));box-shadow:inset 0 1px #ffffff0d}.office-work-total>div{display:flex;align-items:center;gap:10px;min-width:0}.office-work-total>div>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.office-work-total>div>span .material-symbols-outlined{font-size:19px}.office-work-total p{display:grid;gap:3px;margin:0;min-width:0}.office-work-total p small{color:var(--accent);font-size:6px;font-weight:720;letter-spacing:.04em;text-transform:uppercase}.office-work-total p b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.office-work-total dl{display:flex;align-items:stretch;gap:7px;margin:0}.office-work-total dl>div{display:grid;gap:3px;min-width:100px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 65%,transparent)}.office-work-total dl>div.time{min-width:150px;border-color:color-mix(in srgb,#39b995 17%,var(--border));background:color-mix(in srgb,#39b995 7%,var(--card))}.office-work-total dt{color:var(--muted);font-size:6px;font-weight:650}.office-work-total dd{margin:0;color:var(--text);font-size:10px;font-weight:780}.office-work-total .time dd{color:#39b995}@media(max-width:1080px){.office-work-filters{grid-template-columns:minmax(260px,1fr) 1fr 1fr}.office-work-filters>.office-work-status{grid-column:1/-1;justify-self:stretch}.office-work-status{grid-column:1/-1}}@media(max-width:760px){.office-work-filters{grid-template-columns:1fr 1fr}.office-work-filters>.office-work-search{grid-column:1/-1}.office-work-filters>.office-work-status{grid-column:1/-1}.office-work-total{align-items:stretch;flex-direction:column}.office-work-total dl{width:100%}.office-work-total dl>div{flex:1}}@media(max-width:520px){.office-work-filters{grid-template-columns:1fr}.office-work-filters>.office-work-search,.office-work-filters>.office-work-status{grid-column:auto}.office-work-status>button span:not(.material-symbols-outlined){display:none}.office-work-total dl{display:grid;grid-template-columns:1fr}.office-work-total dl>div.time{min-width:0}.office-work-total p b{white-space:normal}}@media(prefers-reduced-motion:reduce){.office-work-dropdown-menu{animation:none}.office-work-dropdown-trigger>.material-symbols-outlined{transition:none}}.office-work-filters{grid-template-columns:minmax(250px,1.3fr) minmax(170px,.82fr) minmax(170px,.82fr) minmax(300px,1.05fr);align-items:center;gap:10px;min-height:76px;padding:13px 22px}.office-work-filters>.office-work-search,.office-work-filters>.office-work-dropdown,.office-work-filters>.office-work-status{grid-column:auto;justify-self:stretch;align-self:center;width:100%;min-width:0;margin:0}.office-work-filters>.office-work-search,.office-work-dropdown>.office-work-dropdown-trigger,.office-work-filters>.office-work-status{height:50px;min-height:50px}.office-work-filters>.office-work-search{padding:6px 9px}.office-work-filters>.office-work-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px}.office-work-status>button{width:100%;min-width:0;min-height:40px!important;padding:5px 6px!important;gap:5px!important;font-size:7px!important}@media(max-width:900px){.office-work-filters{grid-template-columns:1fr 1fr;min-height:0;padding:14px 16px}.office-work-filters>.office-work-search{grid-column:1/-1}.office-work-filters>.office-work-status{grid-column:1/-1}}@media(max-width:560px){.office-work-filters{grid-template-columns:1fr;padding:12px}.office-work-filters>.office-work-search,.office-work-filters>.office-work-status{grid-column:auto}}.office-work-phone-dropdown>.office-work-dropdown-trigger{grid-template-columns:32px minmax(0,1fr) auto 18px}.office-work-selected-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;color:var(--accent);background:var(--accent-soft);font-size:7px;font-weight:780}.office-work-phone-menu{width:max(100%,270px)}.office-work-select-all{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:42px;margin-bottom:5px;padding:6px 8px;border:0;border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--surface-alt) 68%,transparent);text-align:left;transition:background .18s ease,color .18s ease}.office-work-select-all:hover,.office-work-select-all.selected{color:var(--accent);background:var(--accent-soft)}.office-work-select-all>span:last-child,.office-work-phone-option{display:grid;gap:2px;min-width:0}.office-work-select-all b,.office-work-phone-option b{overflow:hidden;font-size:8px;font-weight:690;text-overflow:ellipsis;white-space:nowrap}.office-work-select-all small,.office-work-phone-option small{overflow:hidden;color:var(--muted);font-size:6px;text-overflow:ellipsis;white-space:nowrap}.office-work-checkbox{display:grid;place-items:center;width:20px;height:20px;border:1px solid color-mix(in srgb,var(--muted) 45%,var(--border));border-radius:6px;color:#fff;background:var(--card);box-shadow:inset 0 1px #ffffff0d;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.office-work-checkbox .material-symbols-outlined{justify-self:center!important;color:inherit!important;font-size:13px!important}.office-work-select-all.selected .office-work-checkbox,.office-work-phone-options>button.selected .office-work-checkbox{border-color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,#fff),var(--accent));box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 24%,transparent);transform:scale(1.04)}.office-work-phone-options{padding-top:2px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.office-work-phone-options>button{grid-template-columns:23px minmax(0,1fr)!important;min-height:43px!important}.office-work-phone-options>button:hover{transform:none}.office-work-phone-options>button.selected{color:var(--text)!important}.office-work-dropdown-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:5px;margin-top:6px;padding-top:7px;border-top:1px solid var(--border)}.office-work-dropdown-actions>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:33px;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--surface-alt);font-size:7px;font-weight:700;transition:border-color .18s ease,color .18s ease,background .18s ease}.office-work-dropdown-actions>button:last-child{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--accent);background:var(--accent-soft)}.office-work-dropdown-actions>button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.office-work-dropdown-actions>button:disabled{cursor:not-allowed;opacity:.4}.office-work-dropdown-actions .material-symbols-outlined{font-size:14px}.office-work-usage{z-index:12;overflow:visible}.office-work-usage:before{clip-path:inset(95px 110px 0 0)}.office-work-filters{z-index:20}.office-work-dropdown-menu{z-index:80}.office-work-table-scroll{position:relative;z-index:1;border-radius:0 0 18px 18px}.office-work-select-all{grid-template-columns:18px minmax(0,1fr);min-height:38px;padding:6px 7px}.office-work-checkbox{width:15px;height:15px;border-radius:4px}.office-work-checkbox .material-symbols-outlined{font-size:10px!important;font-variation-settings:"wght" 750}.office-work-phone-options>button{grid-template-columns:18px minmax(0,1fr)!important;min-height:37px!important;padding:6px 7px!important}.office-work-select-all.selected .office-work-checkbox,.office-work-phone-options>button.selected .office-work-checkbox{box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 20%,transparent);transform:none}.office-analytics-page{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:clip}.office-analytics-page>*{max-width:100%;min-width:0}.office-users-performance{max-width:100%;overflow-x:hidden!important}.office-performance-list{width:100%;min-width:0;overflow-x:hidden!important}.office-performance-head,.office-performance-list article{grid-template-columns:minmax(145px,1.35fr) 50px minmax(90px,.8fr) 70px 82px minmax(112px,1fr) minmax(100px,.9fr)}.office-work-table-scroll{width:100%;max-width:100%;overflow-x:hidden}.office-work-table{width:100%;min-width:0}.office-work-head,.office-work-table article{grid-template-columns:minmax(145px,1.1fr) minmax(150px,1.2fr) minmax(112px,.8fr) 74px minmax(115px,.85fr)}@media(max-width:760px){.office-performance-head,.office-work-head{display:none}.office-performance-list{padding:9px}.office-performance-list article{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:12px 8px}.office-performance-user{grid-column:1/-1}.office-performance-list article>b,.office-performance-list article>span{min-width:0;padding:7px;border-radius:9px;background:color-mix(in srgb,var(--surface-alt) 72%,transparent)}.office-performance-rate{justify-content:space-between}.office-performance-rate>i{flex:1}.office-performance-seen{justify-content:flex-start}.office-work-table{padding:9px}.office-work-table article{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:12px 8px}.office-work-duration{align-items:center;padding:8px;border-radius:9px;background:color-mix(in srgb,var(--surface-alt) 68%,transparent)}.office-work-count{justify-self:end;align-self:center}.office-work-state{grid-column:1/-1;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,var(--surface-alt) 68%,transparent)}.office-work-total{margin:8px 0 0}}@media(max-width:480px){.office-performance-list article,.office-work-table article{grid-template-columns:1fr}.office-performance-user,.office-work-state{grid-column:auto}.office-work-count{justify-self:start}}.office-apk-page{--apk-accent:#8fa4ff;--apk-green:#42d3ad;--apk-cyan:#49bfe9;display:grid;gap:18px;padding:34px 0 44px;animation:apk-page-in .55s cubic-bezier(.2,.8,.2,1) both}.office-apk-page *{box-sizing:border-box}.office-apk-page button,.office-apk-page a{-webkit-tap-highlight-color:transparent}.office-apk-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:224px;padding:30px 36px;overflow:hidden;border:1px solid color-mix(in srgb,var(--apk-accent) 24%,var(--border));border-radius:24px;background:linear-gradient(118deg,color-mix(in srgb,var(--card) 90%,#17244b),color-mix(in srgb,var(--card) 96%,var(--apk-green)));box-shadow:0 20px 48px #06102521,inset 0 1px #ffffff1a}.office-apk-hero:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 78% 46%,color-mix(in srgb,var(--apk-accent) 15%,transparent),transparent 30%),linear-gradient(90deg,transparent 0 49%,color-mix(in srgb,var(--border) 30%,transparent) 50%,transparent 51%);background-size:auto,48px 48px;opacity:.48;content:""}.office-apk-hero:after{position:absolute;z-index:-1;right:-110px;bottom:-185px;width:450px;height:450px;border:1px solid color-mix(in srgb,var(--apk-accent) 17%,transparent);border-radius:50%;content:""}.office-apk-hero-copy{position:relative;z-index:2;max-width:780px}.office-apk-kicker{display:flex;align-items:center;gap:9px;color:var(--apk-accent);font-size:10px;font-weight:850;letter-spacing:.16em}.office-apk-kicker i{width:8px;height:8px;border-radius:50%;background:var(--apk-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--apk-accent) 11%,transparent);animation:apk-kicker-pulse 2.4s ease-in-out infinite}.office-apk-hero h1{margin:15px 0 11px;color:var(--text);font-size:clamp(35px,4.2vw,54px);font-weight:820;line-height:1;letter-spacing:-.052em}.office-apk-hero h1 span{color:transparent;background:linear-gradient(105deg,var(--apk-accent),#b4c0ff 45%,var(--apk-green));background-clip:text;-webkit-background-clip:text}.office-apk-hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.office-apk-visual{position:relative;width:200px;height:178px;flex:0 0 200px;margin-left:30px}.office-apk-phone{position:absolute;z-index:3;top:7px;left:56px;display:flex;flex-direction:column;align-items:center;width:92px;height:164px;padding-top:34px;border:1px solid color-mix(in srgb,var(--apk-accent) 42%,var(--border));border-radius:24px;color:var(--apk-accent);background:linear-gradient(155deg,color-mix(in srgb,var(--surface-alt) 88%,var(--apk-accent)),var(--card));box-shadow:0 22px 42px #050d2452,inset 0 1px #ffffff26;animation:apk-phone-float 4.8s ease-in-out infinite}.office-apk-phone>.material-symbols-outlined{font-size:33px}.office-apk-phone b{margin-top:4px;color:var(--text);font-size:27px;letter-spacing:-.05em}.office-apk-phone small{margin-top:8px;color:var(--apk-green);font-size:7px;font-weight:900;letter-spacing:.18em}.office-apk-phone-speaker{position:absolute;top:12px;width:23px;height:3px;border-radius:5px;background:var(--border)}.office-apk-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--apk-accent) 25%,transparent);border-radius:50%;animation:apk-orbit 14s linear infinite}.office-apk-orbit:after{position:absolute;top:50%;left:-4px;width:8px;height:8px;border-radius:50%;background:var(--apk-green);box-shadow:0 0 0 6px color-mix(in srgb,var(--apk-green) 10%,transparent);content:""}.office-apk-orbit.orbit-one{inset:1px 5px 2px 10px}.office-apk-orbit.orbit-two{inset:25px 28px;animation-direction:reverse;animation-duration:10s}.office-apk-orbit.orbit-two:after{top:8%;left:auto;right:-3px;background:var(--apk-accent)}.office-apk-spark{position:absolute;z-index:4;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);box-shadow:0 10px 24px #070f2240}.office-apk-spark .material-symbols-outlined{font-size:18px}.office-apk-spark.spark-one{top:15px;right:3px;color:#f4b752;animation:apk-spark 3.5s ease-in-out infinite}.office-apk-spark.spark-two{bottom:18px;left:3px;color:var(--apk-cyan);animation:apk-spark 3.5s .8s ease-in-out infinite}.office-apk-workspace{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:14px}.office-apk-builder,.office-apk-result{min-height:512px;border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:0 18px 45px #08132b17,inset 0 1px #ffffff12;animation:apk-card-in .6s .08s cubic-bezier(.2,.8,.2,1) both}.office-apk-builder{padding:25px}.office-apk-result{animation-delay:.16s}.office-apk-card-heading{display:flex;align-items:center;gap:12px;padding-bottom:21px;border-bottom:1px solid var(--border)}.office-apk-card-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--apk-accent) 22%,var(--border));border-radius:15px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 10%,transparent)}.office-apk-card-icon .material-symbols-outlined{font-size:25px}.office-apk-card-heading>div{display:grid;gap:3px}.office-apk-card-heading small,.office-apk-status-top small{color:var(--apk-accent);font-size:8px;font-weight:850;letter-spacing:.15em}.office-apk-card-heading h2,.office-apk-status-top h2{margin:0;color:var(--text);font-size:19px;letter-spacing:-.02em}.office-apk-step{margin-left:auto;color:color-mix(in srgb,var(--muted) 55%,transparent);font-size:28px;font-weight:900;letter-spacing:-.08em}.office-apk-field{display:grid;gap:8px;margin-top:23px}.office-apk-name-control{display:flex;align-items:center;gap:11px;height:59px;padding:0 15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-alt);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.office-apk-name-control>.material-symbols-outlined{color:var(--apk-accent);font-size:21px}.office-apk-field>small{color:var(--muted);font-size:9px}.office-apk-recipe{display:grid;margin-top:20px}.office-apk-recipe>div{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.office-apk-recipe>div>i{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 10%,transparent);font-size:9px;font-style:normal;font-weight:850}.office-apk-recipe p{display:grid;gap:2px;flex:1;margin:0}.office-apk-recipe strong{color:var(--text);font-size:10px}.office-apk-recipe small{color:var(--muted);font-size:8px}.office-apk-recipe>div>.material-symbols-outlined{color:var(--apk-green);font-size:17px}.office-apk-recipe>span{width:1px;height:7px;margin-left:26px;background:var(--border)}.office-apk-build-button,.office-apk-download{display:flex;align-items:center;width:100%;border:0;text-align:left;text-decoration:none;cursor:pointer}.office-apk-build-button{gap:11px;min-height:65px;margin-top:20px;padding:9px 15px;border-radius:17px;color:#0c2145;background:linear-gradient(118deg,#a5b7ff,#8299f2 54%,#70d5bc);box-shadow:0 15px 34px #6680e53b;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.office-apk-build-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 40px #6680e54d}.office-apk-build-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.office-apk-build-button>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;background:#ffffff38}.office-apk-build-button>p{display:grid;gap:3px;flex:1;margin:0}.office-apk-build-button strong{font-size:12px}.office-apk-build-button small{opacity:.72;font-size:8px}.office-apk-build-button>.material-symbols-outlined{font-size:20px}.office-apk-build-button:disabled>span .material-symbols-outlined{animation:apk-orbit 1.4s linear infinite}.office-apk-build-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;color:var(--muted);font-size:8px}.office-apk-build-note .material-symbols-outlined{font-size:14px}.office-apk-result{position:relative;display:grid;place-items:center;padding:28px;overflow:hidden;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 93%,var(--apk-accent)))}.office-apk-result:before,.office-apk-result:after{position:absolute;border:1px solid color-mix(in srgb,var(--apk-accent) 10%,transparent);border-radius:50%;content:""}.office-apk-result:before{right:-105px;top:-120px;width:285px;height:285px}.office-apk-result:after{left:-105px;bottom:-135px;width:245px;height:245px}.office-apk-empty,.office-apk-status{position:relative;z-index:1;width:100%;max-width:410px}.office-apk-empty{text-align:center}.office-apk-empty-icon{position:relative;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 21px;border:1px solid color-mix(in srgb,var(--apk-accent) 23%,var(--border));border-radius:29px;color:var(--apk-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--apk-accent) 14%,var(--surface-alt)),var(--surface-alt));box-shadow:0 18px 38px color-mix(in srgb,var(--apk-accent) 10%,transparent)}.office-apk-empty-icon .material-symbols-outlined{font-size:43px}.office-apk-empty-icon i{position:absolute;right:10px;top:10px;width:9px;height:9px;border:2px solid var(--surface-alt);border-radius:50%;background:var(--apk-green);box-shadow:0 0 0 5px color-mix(in srgb,var(--apk-green) 10%,transparent);animation:apk-kicker-pulse 2.2s ease-in-out infinite}.office-apk-empty>span{color:var(--apk-accent);font-size:8px;font-weight:850;letter-spacing:.16em}.office-apk-empty h2{margin:7px 0 0;color:var(--text);font-size:23px}.office-apk-empty>p{max-width:340px;margin:9px auto 0;color:var(--muted);font-size:11px;line-height:1.6}.office-apk-empty-line{display:flex;gap:6px;width:140px;margin:25px auto 0}.office-apk-empty-line i{height:3px;flex:1;border-radius:4px;background:var(--border)}.office-apk-empty-line i:first-child{background:var(--apk-accent)}.office-apk-status-top{display:flex;align-items:center;gap:12px}.office-apk-status-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--apk-accent) 24%,var(--border));border-radius:16px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 10%,transparent)}.office-apk-status-icon .material-symbols-outlined{font-size:26px}.office-apk-status-top>div{display:grid;gap:4px}.office-apk-live{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--apk-green);box-shadow:0 0 0 6px color-mix(in srgb,var(--apk-green) 10%,transparent);animation:apk-kicker-pulse 2s ease-in-out infinite}.office-apk-status>p{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.office-apk-progress{display:flex;align-items:center;margin:29px 9px 0}.office-apk-progress i{width:13px;height:13px;flex:0 0 auto;border:3px solid var(--surface-alt);border-radius:50%;background:var(--border);box-shadow:0 0 0 1px var(--border)}.office-apk-progress i.done{background:var(--apk-green);box-shadow:0 0 0 1px var(--apk-green)}.office-apk-progress i.current{box-shadow:0 0 0 1px var(--apk-accent),0 0 0 7px color-mix(in srgb,var(--apk-accent) 9%,transparent)}.office-apk-progress i.failed{background:var(--red);box-shadow:0 0 0 1px var(--red)}.office-apk-progress b{position:relative;height:2px;flex:1;overflow:hidden;background:var(--border)}.office-apk-progress b:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--apk-green),transparent);transform:translate(-100%);animation:apk-progress 2s ease-in-out infinite;content:""}.office-apk-progress-labels{display:flex;justify-content:space-between;margin:9px 0 20px;color:var(--muted);font-size:7px;font-weight:750;text-transform:uppercase}.office-apk-file{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-alt)}.office-apk-file>span{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;color:var(--apk-green);background:color-mix(in srgb,var(--apk-green) 10%,transparent)}.office-apk-file>span .material-symbols-outlined{font-size:25px}.office-apk-file>div{display:grid;gap:3px;min-width:0;flex:1}.office-apk-file strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.office-apk-file small{color:var(--muted);font-size:8px}.office-apk-file>.material-symbols-outlined{color:var(--apk-green);font-size:19px}.office-apk-download{gap:11px;min-height:62px;margin-top:13px;padding:9px 14px;border-radius:16px;color:#0b2a37;background:linear-gradient(118deg,#6bdabb,var(--apk-green));box-shadow:0 15px 30px color-mix(in srgb,var(--apk-green) 18%,transparent);transition:transform .25s ease,box-shadow .25s ease}.office-apk-download:hover{transform:translateY(-2px);box-shadow:0 20px 36px color-mix(in srgb,var(--apk-green) 25%,transparent)}.office-apk-download>span{display:grid;gap:3px;flex:1}.office-apk-download strong{font-size:12px}.office-apk-download small{opacity:.72;font-size:8px}.office-apk-download>.material-symbols-outlined{font-size:21px}.office-apk-failed-actions{display:grid;gap:10px;margin-top:13px}.office-apk-failed-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:var(--surface-alt);font-size:10px;font-weight:750}.office-apk-failed-actions details{color:var(--muted);font-size:9px}.office-apk-failed-actions summary{cursor:pointer;text-align:center}.office-apk-failed-actions pre{max-height:110px;overflow:auto;padding:10px;border-radius:10px;color:var(--red);background:var(--surface-alt);font-size:8px;white-space:pre-wrap}.office-apk-result.is-working .office-apk-status-icon .material-symbols-outlined{animation:apk-orbit 1.6s linear infinite}.office-apk-result.is-success .office-apk-status-icon{color:var(--apk-green);border-color:color-mix(in srgb,var(--apk-green) 28%,var(--border));background:color-mix(in srgb,var(--apk-green) 10%,transparent)}.office-apk-result.is-danger .office-apk-status-icon{color:var(--red);border-color:color-mix(in srgb,var(--red) 28%,var(--border));background:color-mix(in srgb,var(--red) 9%,transparent)}.office-apk-history{padding:25px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--card) 96%,var(--apk-accent)));box-shadow:inset 0 1px #ffffff0f;animation:apk-card-in .6s .22s cubic-bezier(.2,.8,.2,1) both}.office-apk-history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.office-apk-history-heading>div{display:grid;gap:3px}.office-apk-history-heading span{color:var(--apk-accent);font-size:8px;font-weight:850;letter-spacing:.15em}.office-apk-history-heading h2{margin:0;color:var(--text);font-size:20px}.office-apk-history-heading p{margin:2px 0 0;color:var(--muted);font-size:9px}.office-apk-history-heading>button{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:var(--surface-alt);font-size:9px;font-weight:720;transition:color .2s ease,border-color .2s ease,transform .2s ease}.office-apk-history-heading>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--apk-accent) 35%,var(--border));color:var(--text)}.office-apk-history-heading .material-symbols-outlined{font-size:16px}.office-apk-history-list{display:grid;gap:7px;margin-top:14px}.office-apk-history-item{display:grid;grid-template-columns:42px minmax(150px,1fr) 85px 120px 38px;align-items:center;gap:11px;min-height:67px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:15px;background:color-mix(in srgb,var(--surface-alt) 72%,transparent);animation:apk-history-in .42s calc(var(--item-index) * 45ms) ease both;transition:transform .22s ease,border-color .22s ease,background .22s ease}.office-apk-history-item:hover{transform:translate(3px);border-color:color-mix(in srgb,var(--apk-accent) 31%,var(--border));background:var(--surface-alt)}.office-apk-history-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 10%,transparent)}.office-apk-history-icon .material-symbols-outlined{font-size:20px}.office-apk-history-name{display:grid;gap:3px;min-width:0}.office-apk-history-name strong{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.office-apk-history-name small,.office-apk-history-size{color:var(--muted);font-size:8px}.office-apk-history-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:750}.office-apk-history-status i{width:6px;height:6px;border-radius:50%;background:var(--apk-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--apk-accent) 8%,transparent)}.office-apk-history-item>a,.office-apk-history-item>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:11px;color:var(--apk-accent);background:var(--card);text-decoration:none;transition:transform .2s ease,color .2s ease,border-color .2s ease}.office-apk-history-item>a:hover,.office-apk-history-item>button:hover{transform:translateY(-2px);border-color:var(--apk-accent);color:var(--text)}.office-apk-history-item>a .material-symbols-outlined,.office-apk-history-item>button .material-symbols-outlined{font-size:18px}.office-apk-history-item.is-success .office-apk-history-icon,.office-apk-history-item.is-success>a{color:var(--apk-green)}.office-apk-history-item.is-success .office-apk-history-status i{background:var(--apk-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--apk-green) 8%,transparent)}.office-apk-history-item.is-danger .office-apk-history-icon{color:var(--red)}.office-apk-history-item.is-danger .office-apk-history-status i{background:var(--red)}.office-apk-history-empty{display:flex;align-items:center;justify-content:center;gap:12px;min-height:110px;color:var(--muted)}.office-apk-history-empty>.material-symbols-outlined{font-size:28px}.office-apk-history-empty p{display:grid;gap:3px;margin:0}.office-apk-history-empty strong{color:var(--text);font-size:10px}.office-apk-history-empty small{font-size:8px}.office-apk-history-skeleton{height:67px;border-radius:15px;background:linear-gradient(100deg,var(--surface-alt) 25%,color-mix(in srgb,var(--surface-alt) 78%,var(--apk-accent)) 45%,var(--surface-alt) 65%);background-size:200% 100%;animation:apk-skeleton 1.4s ease infinite}.office-apk-error{position:fixed;z-index:50;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;width:min(410px,calc(100vw - 32px));padding:13px 14px;border:1px solid color-mix(in srgb,var(--red) 45%,var(--border));border-radius:15px;color:var(--text);background:color-mix(in srgb,var(--card) 92%,var(--red));box-shadow:0 20px 50px #050c1c59;animation:apk-error-in .35s ease both}.office-apk-error>.material-symbols-outlined{color:var(--red)}.office-apk-error span{flex:1;font-size:10px;line-height:1.45}.office-apk-error button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;color:var(--muted);background:var(--surface-alt)}.office-apk-error button .material-symbols-outlined{font-size:17px}@keyframes apk-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes apk-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes apk-history-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes apk-phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes apk-orbit{to{transform:rotate(360deg)}}@keyframes apk-spark{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes apk-kicker-pulse{0%,to{opacity:.65;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes apk-progress{0%{transform:translate(-100%)}70%,to{transform:translate(100%)}}@keyframes apk-skeleton{to{background-position:-200% 0}}@keyframes apk-error-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:1050px){.office-apk-hero{padding:32px 35px}.office-apk-workspace{grid-template-columns:1fr}.office-apk-builder,.office-apk-result{min-height:auto}.office-apk-result{min-height:470px}.office-apk-facts{grid-template-columns:1fr 1fr}.office-apk-facts>div:last-child{grid-column:1/-1}.office-apk-history-item{grid-template-columns:42px minmax(130px,1fr) 75px 110px 38px}}@media(max-width:720px){.office-apk-page{gap:12px}.office-apk-hero{min-height:230px;padding:26px 22px;border-radius:21px}.office-apk-hero h1{font-size:39px}.office-apk-hero-copy>p{font-size:11px}.office-apk-visual{display:none}.office-apk-facts{grid-template-columns:1fr}.office-apk-facts>div:last-child{grid-column:auto}.office-apk-builder,.office-apk-result,.office-apk-history{padding:18px;border-radius:19px}.office-apk-history-heading{align-items:flex-start}.office-apk-history-heading p{display:none}.office-apk-history-heading>button{font-size:0}.office-apk-history-heading>button .material-symbols-outlined{font-size:17px}.office-apk-history-item{grid-template-columns:39px minmax(0,1fr) 38px;gap:9px}.office-apk-history-size,.office-apk-history-status{display:none}.office-apk-error{right:16px;bottom:16px}.office-apk-result{min-height:430px}}@media(max-width:430px){.office-apk-hero h1{font-size:34px}.office-apk-hero-tags span:nth-child(3){display:none}.office-apk-card-heading h2{font-size:17px}.office-apk-step{font-size:23px}.office-apk-build-button{padding:8px 11px}.office-apk-build-button small{display:none}}@media(prefers-reduced-motion:reduce){.office-apk-page,.office-apk-builder,.office-apk-result,.office-apk-history,.office-apk-history-item,.office-apk-phone,.office-apk-orbit,.office-apk-spark,.office-apk-kicker i,.office-apk-live,.office-apk-progress b:after,.office-apk-history-skeleton{animation:none!important}.office-apk-page *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.office-apk-field>.office-apk-field-title{height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.office-apk-field-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.office-apk-field-title>span{color:var(--text);font-size:11px;font-weight:750}.office-apk-field-title>button{display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--border);border-radius:9px;color:var(--apk-accent);background:var(--surface-alt);font-size:8px;font-weight:750;transition:transform .2s ease,border-color .2s ease,background .2s ease}.office-apk-field-title>button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--apk-accent) 50%,var(--border));background:color-mix(in srgb,var(--apk-accent) 9%,var(--surface-alt))}.office-apk-field-title .material-symbols-outlined{font-size:15px}.office-apk-field>.office-apk-name-control{display:flex;align-items:center;gap:11px;height:59px;padding:0 15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-alt);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.office-apk-name-control:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--apk-accent) 70%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--apk-accent) 9%,transparent)}.office-apk-name-control>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 10%,transparent)}.office-apk-name-control>span .material-symbols-outlined{font-size:19px}.office-apk-name-control input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font:700 14px inherit}.office-apk-name-control input:disabled{opacity:1;-webkit-text-fill-color:var(--text)}.office-apk-name-control>b{color:var(--muted);font-size:8px;font-weight:650}.office-apk-name-control>.material-symbols-outlined:last-child{color:var(--muted);font-size:17px}.office-apk-name-control.is-editing{border-color:color-mix(in srgb,var(--apk-accent) 62%,var(--border));background:color-mix(in srgb,var(--surface-alt) 90%,var(--apk-accent))}.office-apk-build-button{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,opacity .25s ease}.office-apk-build-button:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 15%,rgb(255 255 255 / 24%) 48%,transparent 70%);transform:translate(-115%);transition:transform .65s cubic-bezier(.2,.75,.2,1);content:""}.office-apk-build-button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 21px 42px #6680e552}.office-apk-build-button:not(:disabled):hover:before{transform:translate(115%)}.office-apk-build-button:active:not(:disabled){transform:translateY(0) scale(.992);transition-duration:.08s}.office-apk-build-button>.material-symbols-outlined{transition:transform .28s ease}.office-apk-build-button:not(:disabled):hover>.material-symbols-outlined{transform:translate(4px)}@media(max-width:720px){.office-apk-page{padding:20px 0 34px}}.office-apk-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 9px;color:color-mix(in srgb,var(--accent) 72%,var(--muted));font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:9px;font-weight:680;letter-spacing:.04em}.office-apk-kicker i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent)}.office-apk-hero h1{margin:0;color:var(--text);font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:740;line-height:1.08;letter-spacing:-.05em}.office-apk-hero h1>span{display:inline-block;margin-left:2px;color:var(--accent);background:none;-webkit-text-fill-color:currentColor;text-shadow:0 5px 15px color-mix(in srgb,var(--accent) 22%,transparent)}.office-apk-hero-copy>p{max-width:660px;margin-top:9px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:11px;line-height:1.55}.office-apk-name-control input[readonly]{cursor:default}.office-apk-name-control.is-editing input{cursor:text}.office-apk-name-edit{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;padding:0;border:1px solid color-mix(in srgb,var(--apk-accent) 30%,var(--border));border-radius:10px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 9%,var(--card));box-shadow:inset 0 1px #ffffff14;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.office-apk-name-edit:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--apk-accent) 72%,var(--border));color:var(--text);background:color-mix(in srgb,var(--apk-accent) 16%,var(--card))}.office-apk-name-edit:active:not(:disabled){transform:scale(.94)}.office-apk-name-edit .material-symbols-outlined{font-size:17px}.office-apk-build-button{border:1px solid color-mix(in srgb,var(--apk-accent) 25%,var(--border));color:#f4f7ff;background:linear-gradient(120deg,#0f1729,#192641 52%,#101a2e);box-shadow:0 15px 34px #040a1847,inset 0 1px #ffffff14}.office-apk-build-button:before{z-index:0;background:linear-gradient(105deg,transparent 12%,rgb(143 164 255 / 38%) 40%,rgb(66 211 173 / 28%) 56%,transparent 82%)}.office-apk-build-button>span,.office-apk-build-button>p,.office-apk-build-button>.material-symbols-outlined{position:relative;z-index:1}.office-apk-build-button>span{color:#b9c5ff;background:#8fa4ff21;box-shadow:inset 0 0 0 1px #ffffff0d}.office-apk-build-button strong{color:#f7f9ff;text-shadow:0 1px 8px rgb(0 0 0 / 28%)}.office-apk-build-button small{color:#b9c4d9;opacity:1}.office-apk-build-button>.material-symbols-outlined{color:#9fb0ff}.office-apk-build-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--apk-accent) 54%,var(--border));box-shadow:0 21px 42px #040a185c,0 0 0 1px color-mix(in srgb,var(--apk-accent) 9%,transparent)}.office-apk-history-heading>button.is-refreshing .material-symbols-outlined{animation:apk-orbit .8s linear infinite}.office-apk-history-heading>button:disabled{cursor:wait;opacity:.72}.office-apk-hero h1{letter-spacing:-.045em}.office-apk-hero h1>span{margin-left:.08em;color:transparent;background:linear-gradient(105deg,var(--apk-accent) 4%,#9eb7ff 45%,var(--apk-green) 96%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:apk-title-flow 6s ease-in-out infinite}.office-apk-build-progress{position:relative;margin:23px 0 19px;padding:15px 16px 13px;overflow:hidden;border:1px solid color-mix(in srgb,var(--apk-accent) 20%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--surface-alt) 78%,transparent)}.office-apk-build-progress:before{position:absolute;top:-38px;right:-26px;width:105px;height:105px;border-radius:50%;background:color-mix(in srgb,var(--apk-accent) 8%,transparent);filter:blur(1px);content:"";animation:apk-percent-pulse 2.8s ease-in-out infinite}.office-apk-build-progress-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.office-apk-build-progress-head>span{color:var(--muted);font-size:8px;font-weight:820;letter-spacing:.12em}.office-apk-build-progress-head>strong{min-width:58px;color:var(--text);font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:26px;font-variant-numeric:tabular-nums;font-weight:780;line-height:.85;text-align:right;letter-spacing:-.06em;transition:color .35s ease}.office-apk-build-progress-head>strong small{margin-left:2px;color:var(--apk-accent);font-size:11px;font-weight:820;letter-spacing:0}.office-apk-build-progress-track{position:relative;height:8px;margin-top:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:99px;background:color-mix(in srgb,var(--card) 72%,transparent);box-shadow:inset 0 1px 3px color-mix(in srgb,#000 18%,transparent)}.office-apk-build-progress-track>i{position:absolute;inset:0 auto 0 0;width:var(--build-progress);min-width:3px;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,var(--apk-accent),#739cff 46%,var(--apk-green));box-shadow:0 0 16px color-mix(in srgb,var(--apk-accent) 35%,transparent);transition:width .75s cubic-bezier(.22,1,.36,1)}.office-apk-build-progress-track>i:after{position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-130%);content:"";animation:apk-progress-shine 1.9s ease-in-out infinite}.office-apk-build-progress-labels{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:7px;font-weight:680}.office-apk-build-progress.is-success{border-color:color-mix(in srgb,var(--apk-green) 29%,var(--border))}.office-apk-build-progress.is-success .office-apk-build-progress-head>strong,.office-apk-build-progress.is-success .office-apk-build-progress-head>strong small{color:var(--apk-green)}.office-apk-build-progress.is-danger{border-color:color-mix(in srgb,var(--red) 30%,var(--border))}.office-apk-build-progress.is-danger .office-apk-build-progress-track>i{background:var(--red);box-shadow:none}.office-apk-history-item{grid-template-columns:42px minmax(150px,1fr) 72px 105px 116px 38px}.office-apk-history-android{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:8px;font-weight:700;white-space:nowrap}.office-apk-history-android .material-symbols-outlined{color:var(--apk-green);font-size:14px}@keyframes apk-title-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes apk-progress-shine{0%,26%{transform:translate(-130%)}70%,to{transform:translate(330%)}}@keyframes apk-percent-pulse{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:1050px){.office-apk-history-item{grid-template-columns:42px minmax(130px,1fr) 68px 100px 108px 38px}}@media(max-width:820px){.office-apk-history-item{grid-template-columns:42px minmax(130px,1fr) 104px 110px 38px}.office-apk-history-size{display:none}}@media(max-width:720px){.office-apk-history-item{grid-template-columns:39px minmax(0,1fr) 38px}.office-apk-history-android,.office-apk-history-size,.office-apk-history-status{display:none}.office-apk-build-progress{padding:14px}.office-apk-build-progress-head>strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.office-apk-hero h1>span,.office-apk-build-progress:before,.office-apk-build-progress-track>i:after{animation:none!important}}.office-apk-stop-button{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:65px;margin-top:20px;padding:9px 15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--red) 38%,var(--border));border-radius:17px;color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--card) 88%,var(--red)),var(--card) 55%,color-mix(in srgb,var(--surface-alt) 88%,var(--red)));box-shadow:0 15px 34px color-mix(in srgb,var(--red) 11%,transparent),inset 0 1px #ffffff12;text-align:left;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,opacity .2s ease}.office-apk-stop-button:before{position:absolute;inset:0;background:linear-gradient(105deg,transparent 18%,color-mix(in srgb,var(--red) 24%,transparent) 48%,transparent 78%);transform:translate(-110%);content:"";transition:transform .6s cubic-bezier(.2,.75,.2,1)}.office-apk-stop-button:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--red) 68%,var(--border));box-shadow:0 20px 40px color-mix(in srgb,var(--red) 18%,transparent)}.office-apk-stop-button:hover:not(:disabled):before{transform:translate(110%)}.office-apk-stop-button:active:not(:disabled){transform:scale(.992)}.office-apk-stop-button:disabled{cursor:wait;opacity:.72}.office-apk-stop-button>span,.office-apk-stop-button>p,.office-apk-stop-button>.material-symbols-outlined{position:relative;z-index:1}.office-apk-stop-button>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;color:#ff8b98;background:color-mix(in srgb,var(--red) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 14%,transparent)}.office-apk-stop-button>p{display:grid;gap:3px;flex:1;margin:0}.office-apk-stop-button strong{color:var(--text);font-size:12px}.office-apk-stop-button small{color:var(--muted);font-size:8px}.office-apk-stop-button>.material-symbols-outlined{color:#ff8b98;font-size:20px;transition:transform .25s ease}.office-apk-stop-button:hover:not(:disabled)>.material-symbols-outlined{transform:rotate(90deg)}.office-apk-stop-button:disabled>span .material-symbols-outlined,.office-apk-result.is-cancelling .office-apk-status-icon .material-symbols-outlined{animation:apk-orbit 1.1s linear infinite}.office-apk-result.is-cancelled .office-apk-status-icon{color:#f2a65a;border-color:color-mix(in srgb,#f2a65a 32%,var(--border));background:color-mix(in srgb,#f2a65a 10%,transparent)}.office-apk-build-progress.is-cancelled{border-color:color-mix(in srgb,#f2a65a 28%,var(--border))}.office-apk-build-progress.is-cancelled .office-apk-build-progress-track>i{background:linear-gradient(90deg,var(--apk-accent),#f2a65a);box-shadow:0 0 14px color-mix(in srgb,#f2a65a 22%,transparent)}.office-apk-history-item.is-cancelled .office-apk-history-icon{color:#f2a65a}.office-apk-history-item.is-cancelled .office-apk-history-status i{background:#f2a65a;box-shadow:0 0 0 4px color-mix(in srgb,#f2a65a 8%,transparent)}@media(max-width:430px){.office-apk-stop-button small{display:none}}@media(prefers-reduced-motion:reduce){.office-apk-stop-button:before,.office-apk-stop-button:disabled>span .material-symbols-outlined,.office-apk-result.is-cancelling .office-apk-status-icon .material-symbols-outlined{animation:none!important}}.office-apk-hero{min-height:292px;padding:34px 42px;background:radial-gradient(circle at 82% 32%,color-mix(in srgb,var(--apk-accent) 14%,transparent),transparent 29%),radial-gradient(circle at 67% 105%,color-mix(in srgb,var(--apk-green) 8%,transparent),transparent 34%),linear-gradient(118deg,color-mix(in srgb,var(--card) 90%,#17244b),color-mix(in srgb,var(--card) 96%,var(--apk-green)))}.office-apk-hero:before{background:linear-gradient(115deg,transparent 0 48%,color-mix(in srgb,var(--apk-accent) 8%,transparent) 48.3%,transparent 48.7%),linear-gradient(90deg,transparent 0 49%,color-mix(in srgb,var(--border) 24%,transparent) 50%,transparent 51%);background-size:auto,52px 52px;opacity:.55}.office-apk-hero-copy{width:min(780px,calc(100% - 235px));max-width:none}.office-apk-hero-lead{max-width:745px!important;font-size:12px!important;line-height:1.68!important}.office-apk-hero-guide{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:7px;max-width:760px;margin-top:22px}.office-apk-hero-guide>div{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid color-mix(in srgb,var(--apk-accent) 15%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--surface-alt) 62%,transparent);box-shadow:inset 0 1px #ffffff0d;opacity:0;transform:translateY(8px);animation:apk-guide-in .55s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .25s ease,border-color .25s ease,background .25s ease}.office-apk-hero-guide>div:nth-of-type(2){animation-delay:.1s}.office-apk-hero-guide>div:nth-of-type(3){animation-delay:.2s}.office-apk-hero-guide>div:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--apk-accent) 36%,var(--border));background:color-mix(in srgb,var(--apk-accent) 7%,var(--surface-alt))}.office-apk-hero-guide>div>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;color:var(--apk-accent);background:color-mix(in srgb,var(--apk-accent) 10%,transparent)}.office-apk-hero-guide>div:nth-of-type(2)>span{color:var(--apk-cyan);background:color-mix(in srgb,var(--apk-cyan) 10%,transparent)}.office-apk-hero-guide>div:nth-of-type(3)>span{color:var(--apk-green);background:color-mix(in srgb,var(--apk-green) 10%,transparent)}.office-apk-hero-guide .material-symbols-outlined{font-size:18px}.office-apk-hero-guide p{display:grid;gap:3px;min-width:0;margin:0}.office-apk-hero-guide strong{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.office-apk-hero-guide small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.office-apk-hero-guide>i{position:relative;height:1px;overflow:hidden;background:var(--border)}.office-apk-hero-guide>i:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--apk-green),transparent);transform:translate(-120%);content:"";animation:apk-guide-flow 2.8s ease-in-out infinite}.office-apk-hero-guide>i:nth-of-type(2):after{animation-delay:.55s}.office-apk-hero-ambient{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.office-apk-hero-ambient>i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--apk-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--apk-accent) 7%,transparent);animation:apk-ambient-drift 5s ease-in-out infinite}.office-apk-hero-ambient .dot-one{left:47%;top:22%}.office-apk-hero-ambient .dot-two{left:61%;bottom:17%;width:4px;height:4px;background:var(--apk-green);animation-delay:-1.6s}.office-apk-hero-ambient .dot-three{right:31%;top:16%;width:3px;height:3px;animation-delay:-3.1s}.office-apk-hero-ambient .ambient-beam{position:absolute;left:35%;bottom:22%;width:340px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--apk-accent) 24%,transparent),transparent);transform:rotate(-16deg);transform-origin:center;animation:apk-beam-breathe 4.4s ease-in-out infinite}.office-apk-phone{overflow:hidden}.office-apk-phone>.material-symbols-outlined,.office-apk-phone>b,.office-apk-phone>small,.office-apk-phone-speaker{position:relative;z-index:2}.office-apk-phone-scan{position:absolute;z-index:1;left:8px;right:8px;top:25px;height:38px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--apk-cyan) 12%,transparent),transparent);transform:translateY(-55px);animation:apk-phone-scan 4s ease-in-out infinite}.office-apk-visual-particle{position:absolute;z-index:5;width:5px;height:5px;border-radius:50%;background:var(--apk-green);box-shadow:0 0 0 5px color-mix(in srgb,var(--apk-green) 9%,transparent);animation:apk-visual-particle 3.4s ease-in-out infinite}.office-apk-visual-particle.particle-one{right:30px;bottom:20px}.office-apk-visual-particle.particle-two{left:26px;top:30px;width:4px;height:4px;background:var(--apk-accent);animation-delay:-1.4s}@keyframes apk-guide-in{to{opacity:1;transform:none}}@keyframes apk-guide-flow{0%,22%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes apk-ambient-drift{0%,to{opacity:.35;transform:translateZ(0) scale(.85)}50%{opacity:1;transform:translate3d(8px,-7px,0) scale(1.08)}}@keyframes apk-beam-breathe{0%,to{opacity:.25;transform:rotate(-16deg) scaleX(.82)}50%{opacity:.8;transform:rotate(-16deg) scaleX(1.12)}}@keyframes apk-phone-scan{0%,18%{opacity:0;transform:translateY(-55px)}35%{opacity:1}72%{opacity:.65;transform:translateY(130px)}73%,to{opacity:0;transform:translateY(130px)}}@keyframes apk-visual-particle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:translateY(-7px) scale(1.15)}}@media(max-width:1050px){.office-apk-hero{padding:32px 35px}.office-apk-hero-copy{width:calc(100% - 220px)}.office-apk-hero-guide{gap:5px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.office-apk-hero-guide>div{gap:7px;padding:9px}.office-apk-hero-guide>div>span{width:30px;height:30px;flex-basis:30px}}@media(max-width:720px){.office-apk-hero{min-height:275px;padding:27px 22px}.office-apk-hero-copy{width:100%}.office-apk-hero-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px}.office-apk-hero-guide>i{display:none}.office-apk-hero-guide>div{justify-content:center;padding:9px 7px}.office-apk-hero-guide>div>span{width:29px;height:29px;flex-basis:29px}.office-apk-hero-guide small{display:none}.office-apk-hero-lead{font-size:10px!important}.office-apk-hero-ambient .dot-one{left:78%}.office-apk-hero-ambient .dot-two{left:62%}}@media(max-width:480px){.office-apk-hero-guide>div{flex-direction:column;gap:6px;text-align:center}.office-apk-hero-guide strong{font-size:8px}.office-apk-hero{min-height:320px}}@media(prefers-reduced-motion:reduce){.office-apk-hero-guide>div,.office-apk-hero-guide>i:after,.office-apk-hero-ambient>i,.office-apk-hero-ambient .ambient-beam,.office-apk-phone-scan,.office-apk-visual-particle{animation:none!important}.office-apk-hero-guide>div{opacity:1;transform:none}}.office-apk-status{max-width:450px}.office-apk-status-top{padding-bottom:15px;border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)}.office-apk-status>p{margin:14px 0 0;line-height:1.65}.office-apk-build-progress{margin:17px 0 15px;padding:16px 17px 14px;border-color:color-mix(in srgb,var(--apk-accent) 22%,var(--border));border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 86%,transparent),color-mix(in srgb,var(--card) 88%,var(--apk-accent)));box-shadow:inset 0 1px #ffffff0f,0 12px 26px #08132b0f}.office-apk-build-progress:before{top:-58px;right:-42px;width:160px;height:160px;background:radial-gradient(circle,color-mix(in srgb,var(--apk-accent) 12%,transparent),transparent 66%);animation:apk-percent-pulse 3.4s ease-in-out infinite}.office-apk-build-progress-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px;align-items:center;gap:15px}.office-apk-progress-copy{display:grid;gap:5px;min-width:0}.office-apk-progress-copy>span{color:var(--apk-accent);font-size:7px;font-weight:850;letter-spacing:.14em}.office-apk-progress-copy>strong{overflow:hidden;color:var(--text);font-size:12px;font-weight:760;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.office-apk-progress-copy>small{max-width:250px;color:var(--muted);font-size:8px;line-height:1.5}.office-apk-progress-dial{--dial-color:var(--apk-accent);position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--dial-color) var(--progress-angle),color-mix(in srgb,var(--border) 64%,transparent) 0);box-shadow:0 0 0 1px color-mix(in srgb,var(--dial-color) 15%,transparent),0 12px 25px color-mix(in srgb,var(--dial-color) 10%,transparent);transition:background .15s linear}.office-apk-progress-dial:before{position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:50%;background:var(--card);box-shadow:inset 0 6px 14px #08132b0f;content:""}.office-apk-progress-dial:after{display:none;content:none}.office-apk-progress-dial>div{position:relative;z-index:1;display:grid;grid-template-columns:auto auto;align-items:end;justify-content:center}.office-apk-progress-dial strong{color:var(--text);font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:25px;font-variant-numeric:tabular-nums;font-weight:780;line-height:.9;letter-spacing:-.06em}.office-apk-progress-dial small{margin:0 0 2px 2px;color:var(--dial-color);font-size:9px;font-weight:850}.office-apk-progress-dial span{grid-column:1/-1;margin-top:4px;color:var(--muted);font-size:6px;font-weight:760;letter-spacing:.1em;text-align:center;text-transform:uppercase}.office-apk-build-progress-track{height:7px;margin-top:15px;border:0;background:color-mix(in srgb,var(--border) 55%,transparent);box-shadow:inset 0 1px 3px #08132b1a}.office-apk-build-progress-track>i{background:linear-gradient(90deg,var(--apk-accent),#7298ff 45%,var(--apk-green));box-shadow:0 0 14px color-mix(in srgb,var(--apk-accent) 26%,transparent)}.office-apk-progress-timeline{position:relative;display:grid;grid-template-columns:repeat(4,max-content);align-items:start;justify-content:space-between;margin-top:13px}.office-apk-progress-timeline:before{position:absolute;top:4px;left:4px;right:4px;height:1px;background:var(--border);content:""}.office-apk-progress-timeline>span{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:var(--muted);font-size:7px;font-weight:680}.office-apk-progress-timeline>span:first-child{justify-items:start}.office-apk-progress-timeline>span:last-child{justify-items:end}.office-apk-progress-timeline i{width:9px;height:9px;border:2px solid var(--surface-alt);border-radius:50%;background:var(--border);box-shadow:0 0 0 1px var(--border);transition:background .45s ease,box-shadow .45s ease,transform .45s ease}.office-apk-progress-timeline>span.done{color:color-mix(in srgb,var(--apk-green) 72%,var(--text))}.office-apk-progress-timeline>span.done i{background:var(--apk-green);box-shadow:0 0 0 1px var(--apk-green)}.office-apk-progress-timeline>span.current{color:var(--text)}.office-apk-progress-timeline>span.current i{background:var(--apk-accent);box-shadow:0 0 0 1px var(--apk-accent),0 0 0 5px color-mix(in srgb,var(--apk-accent) 9%,transparent);transform:scale(1.05);animation:apk-stage-pulse 1.8s ease-in-out infinite}.office-apk-build-progress.is-success .office-apk-progress-dial{--dial-color:var(--apk-green)}.office-apk-build-progress.is-danger .office-apk-progress-dial{--dial-color:var(--red)}.office-apk-build-progress.is-cancelled .office-apk-progress-dial{--dial-color:#f2a65a}.office-apk-file{padding:12px 13px;border-radius:16px;background:linear-gradient(120deg,var(--surface-alt),color-mix(in srgb,var(--surface-alt) 90%,var(--apk-green)));box-shadow:inset 0 1px #ffffff0d;transition:transform .25s ease,border-color .25s ease}.office-apk-file:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--apk-green) 26%,var(--border))}@keyframes apk-stage-pulse{0%,to{box-shadow:0 0 0 1px var(--apk-accent),0 0 0 4px color-mix(in srgb,var(--apk-accent) 7%,transparent)}50%{box-shadow:0 0 0 1px var(--apk-accent),0 0 0 7px color-mix(in srgb,var(--apk-accent) 12%,transparent)}}.office-apk-build-button{border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border));color:var(--text);background:linear-gradient(120deg,color-mix(in srgb,var(--card) 94%,var(--accent)),color-mix(in srgb,var(--surface-alt) 88%,var(--accent)) 54%,color-mix(in srgb,var(--card) 92%,var(--green)));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px #ffffff9e}.office-apk-build-button:before{background:linear-gradient(105deg,transparent 12%,color-mix(in srgb,var(--accent) 18%,transparent) 40%,color-mix(in srgb,var(--green) 16%,transparent) 57%,transparent 82%)}.office-apk-build-button>span{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.office-apk-build-button strong{color:var(--text);text-shadow:none}.office-apk-build-button small{color:var(--muted)}.office-apk-build-button>.material-symbols-outlined{color:var(--accent)}.office-apk-build-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--card) 88%,var(--accent)),color-mix(in srgb,var(--surface-alt) 78%,var(--accent)) 54%,color-mix(in srgb,var(--card) 84%,var(--green)));box-shadow:0 20px 38px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 6%,transparent)}[data-theme=dark] .office-apk-build-button{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--card) 88%,#0c1528),color-mix(in srgb,var(--surface-alt) 84%,var(--accent)) 54%,color-mix(in srgb,var(--card) 88%,var(--green)));box-shadow:0 15px 34px #040a184f,inset 0 1px #ffffff14}[data-theme=dark] .office-apk-build-button>span{color:#bdc8ff;background:color-mix(in srgb,var(--accent) 14%,transparent)}[data-theme=dark] .office-apk-build-button strong{color:#f6f8ff}[data-theme=dark] .office-apk-build-button small{color:#b8c3d8}[data-theme=dark] .office-apk-build-button>.material-symbols-outlined{color:#b5c1ff}@media(max-width:430px){.office-apk-build-progress{padding:14px}.office-apk-build-progress-main{grid-template-columns:minmax(0,1fr) 72px;gap:10px}.office-apk-progress-dial{width:70px;height:70px}.office-apk-progress-dial strong{font-size:21px}.office-apk-progress-copy>small{display:none}}@media(prefers-reduced-motion:reduce){.office-apk-progress-dial:after,.office-apk-progress-timeline>span.current i{animation:none!important}}.office-apk-progress-timeline:after{position:absolute;z-index:0;top:4px;left:4px;width:calc(100% - 8px);height:2px;border-radius:4px;background:linear-gradient(90deg,var(--apk-green),var(--apk-cyan),var(--apk-accent));box-shadow:0 0 10px color-mix(in srgb,var(--apk-green) 18%,transparent);content:"";transform:scaleX(var(--timeline-fill));transform-origin:left center;transition:transform .65s cubic-bezier(.22,1,.36,1)}.office-apk-history-list{max-height:382px;padding-right:7px;overflow-x:hidden;overflow-y:auto;scrollbar-color:color-mix(in srgb,var(--apk-accent) 45%,var(--border)) color-mix(in srgb,var(--surface-alt) 72%,transparent);scrollbar-gutter:stable;scrollbar-width:thin}.office-apk-history-list::-webkit-scrollbar{width:8px}.office-apk-history-list::-webkit-scrollbar-track{border-radius:99px;background:color-mix(in srgb,var(--surface-alt) 72%,transparent)}.office-apk-history-list::-webkit-scrollbar-thumb{min-height:48px;border:2px solid var(--card);border-radius:99px;background:linear-gradient(180deg,var(--apk-accent),color-mix(in srgb,var(--apk-accent) 55%,var(--apk-green)))}.office-apk-history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent),var(--apk-green))}.office-apk-history-item.is-danger>button{color:var(--red);border-color:color-mix(in srgb,var(--red) 24%,var(--border));background:color-mix(in srgb,var(--red) 7%,var(--card))}.office-apk-history-item.is-danger>button:hover{border-color:color-mix(in srgb,var(--red) 58%,var(--border));color:var(--red)}.office-apk-history-item.is-cancelled>button{color:#d99148;border-color:color-mix(in srgb,#f2a65a 27%,var(--border));background:color-mix(in srgb,#f2a65a 7%,var(--card))}.office-apk-history-item.is-cancelled>button:hover{border-color:color-mix(in srgb,#f2a65a 62%,var(--border));color:#f2a65a}@media(max-width:720px){.office-apk-history-list{max-height:340px;padding-right:4px}}.office-database-page{--db-blue:#728dff;--db-mint:#38cfa7;--db-cyan:#42b9df;position:relative;min-height:calc(100dvh - 118px);font-family:Segoe UI Variable Display,Segoe UI,sans-serif}.database-kicker{display:inline-flex;align-items:center;gap:10px;color:color-mix(in srgb,var(--accent) 78%,var(--text));font-size:10px;font-weight:800;letter-spacing:.15em}.database-kicker>i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent),0 0 18px color-mix(in srgb,var(--accent) 36%,transparent)}.database-checking{display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.database-checking h2{margin:10px 0 0;font-size:24px}.database-checking p{margin:0;color:var(--muted)}.database-loader{position:relative;display:grid;width:90px;height:90px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:30px;color:var(--accent);background:var(--accent-soft)}.database-loader .material-symbols-outlined{font-size:38px}.database-loader>span{position:absolute;inset:-12px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:38px;animation:db-loader 1.8s ease-in-out infinite}@keyframes db-loader{50%{opacity:.25;transform:scale(1.1)}}.database-locked{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr);align-items:center;gap:70px;padding:70px 7%;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:32px;background:radial-gradient(circle at 82% 25%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 34%),radial-gradient(circle at 9% 100%,color-mix(in srgb,var(--db-mint) 8%,transparent),transparent 32%),linear-gradient(140deg,var(--card),color-mix(in srgb,var(--card) 92%,#172c42));box-shadow:var(--shadow);isolation:isolate}.database-lock-ambient{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.database-lock-ambient:before,.database-lock-ambient:after{position:absolute;width:650px;height:650px;border:1px solid color-mix(in srgb,var(--accent) 11%,transparent);border-radius:50%;content:""}.database-lock-ambient:before{top:-390px;right:-190px}.database-lock-ambient:after{bottom:-510px;left:-170px}.database-lock-ambient i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--db-mint);box-shadow:0 0 0 7px color-mix(in srgb,var(--db-mint) 9%,transparent),0 0 25px var(--db-mint);animation:db-float 5s ease-in-out infinite}.database-lock-ambient i:nth-child(1){top:18%;left:48%}.database-lock-ambient i:nth-child(2){right:10%;bottom:22%;animation-delay:-1.8s}.database-lock-ambient i:nth-child(3){left:7%;bottom:12%;background:var(--accent);animation-delay:-3.2s}@keyframes db-float{50%{opacity:.45;transform:translateY(-16px)}}.database-lock-copy{max-width:760px}.database-lock-copy h1,.database-hero h1{margin:20px 0 12px;color:var(--text);font-size:clamp(54px,5.2vw,82px);line-height:.95;letter-spacing:-.055em}.database-lock-copy h1 span,.database-hero h1 span{color:var(--accent)}.database-lock-copy>p,.database-hero p{max-width:720px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}.database-lock-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.database-lock-benefits span{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--border));border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--surface-alt) 76%,transparent);font-size:12px;font-weight:650}.database-lock-benefits .material-symbols-outlined{color:var(--db-mint);font-size:18px}.database-unlock-card{position:relative;display:grid;min-width:0;padding:34px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:28px;background:radial-gradient(circle at 88% 3%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30%),color-mix(in srgb,var(--card) 95%,transparent);box-shadow:0 30px 80px #030b1a40,inset 0 1px #ffffff14}.database-unlock-icon{display:grid;width:62px;height:62px;margin-bottom:22px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:20px;color:var(--accent);background:var(--accent-soft);box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 14%,transparent)}.database-unlock-icon .material-symbols-outlined{font-size:29px}.database-unlock-card>small:first-of-type{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.14em}.database-unlock-card h2{margin:7px 0 8px;font-size:28px;letter-spacing:-.03em}.database-unlock-card>p{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.55}.database-unlock-card>label{margin:0 0 8px;font-size:11px;font-weight:700}.database-password-field{display:flex;align-items:center;gap:10px;padding:0 8px 0 15px;border:1px solid var(--border);border-radius:15px;background:var(--surface-alt);transition:border-color .25s ease,box-shadow .25s ease}.database-password-field:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.database-password-field>.material-symbols-outlined{color:var(--accent);font-size:20px}.database-password-field input{flex:1;min-width:0;height:52px;padding:0;border:0;background:transparent;box-shadow:none}.database-password-field button{display:grid;width:39px;height:39px;min-height:39px;padding:0;place-items:center;border:0;border-radius:11px;color:var(--muted);background:transparent}.database-password-field button:hover{color:var(--accent);background:var(--accent-soft)}.database-form-error{display:flex;align-items:center;gap:8px;margin:12px 0 0!important;padding:10px 12px;border:1px solid color-mix(in srgb,var(--red) 22%,var(--border));border-radius:12px;color:var(--red)!important;background:var(--red-soft);font-size:11px!important}.database-form-error .material-symbols-outlined{font-size:18px}.database-unlock-button{min-height:54px;margin-top:18px;border-radius:15px}.database-unlock-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;color:var(--muted)!important;font-size:10px!important;font-weight:500!important;letter-spacing:0!important}.database-unlock-note .material-symbols-outlined{font-size:15px}.database-open{padding-bottom:30px}.database-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:230px;padding:42px 48px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:28px;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 31%),linear-gradient(140deg,var(--card),color-mix(in srgb,var(--card) 92%,#173041));box-shadow:var(--shadow)}.database-hero:after{position:absolute;right:-130px;bottom:-330px;width:570px;height:570px;border:1px solid color-mix(in srgb,var(--db-mint) 11%,transparent);border-radius:50%;content:""}.database-hero h1{margin:15px 0 10px;font-size:58px}.database-hero p{max-width:790px;font-size:15px}.database-lock-button{z-index:1;display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 16px;border:1px solid color-mix(in srgb,var(--red) 22%,var(--border));border-radius:14px;color:var(--red);background:color-mix(in srgb,var(--red-soft) 78%,var(--card));white-space:nowrap}.database-lock-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--red) 42%,var(--border));background:var(--red-soft);box-shadow:0 10px 30px color-mix(in srgb,var(--red) 12%,transparent)}.database-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.database-summary article{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 10px 28px #0a19340d}.database-summary article>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:15px;color:var(--accent);background:var(--accent-soft)}.database-summary article.readonly>span{color:var(--db-mint);background:color-mix(in srgb,var(--db-mint) 12%,var(--card))}.database-summary article>div{display:grid;min-width:0;gap:2px}.database-summary small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.1em}.database-summary strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.database-summary p{overflow:hidden;margin:0;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.database-flow-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:40px 4px 18px}.database-flow-heading small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.13em}.database-flow-heading h2{margin:5px 0 3px;font-size:28px}.database-flow-heading p{margin:0;color:var(--muted);font-size:12px}.database-flow-heading>span{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--db-mint) 20%,var(--border));border-radius:999px;color:var(--db-mint);background:color-mix(in srgb,var(--db-mint) 8%,var(--card));font-size:10px;font-weight:700}.database-flow-heading>span i{width:7px;height:7px;border-radius:50%;background:var(--db-mint);box-shadow:0 0 0 5px color-mix(in srgb,var(--db-mint) 10%,transparent)}.database-flow{position:relative;min-height:790px;padding:34px;overflow:hidden;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 50% 4%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 24%),radial-gradient(circle at 92% 86%,color-mix(in srgb,var(--db-mint) 8%,transparent),transparent 27%),linear-gradient(155deg,color-mix(in srgb,var(--card) 96%,#152641),var(--card));box-shadow:var(--shadow);isolation:isolate}.database-flow>svg{position:absolute;z-index:-1;inset:40px 5% 80px;width:90%;height:650px;opacity:.72}.database-flow>svg path{fill:none;stroke:color-mix(in srgb,var(--accent) 27%,var(--border));stroke-width:2;stroke-dasharray:7 8;vector-effect:non-scaling-stroke;animation:db-path 30s linear infinite}.database-flow>svg circle{fill:var(--db-mint);filter:drop-shadow(0 0 7px var(--db-mint))}@keyframes db-path{to{stroke-dashoffset:-300}}.database-core{display:grid;width:260px;min-height:132px;margin:0 auto 80px;place-items:center;align-content:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 70%,var(--card)),var(--card));box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 13%,transparent),inset 0 1px #ffffff1a}.database-core>span{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;color:var(--accent);background:var(--accent-soft)}.database-core small{margin-top:8px;color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.14em}.database-core strong{font-size:15px}.database-core>i{margin-top:5px;color:var(--db-mint);font-size:7px;font-style:normal;font-weight:800;letter-spacing:.13em}.database-node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.database-node{--node-tone:var(--accent);position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:138px;padding:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--node-tone) 18%,var(--border));border-radius:21px;color:var(--text);background:color-mix(in srgb,var(--card) 94%,var(--node-tone));box-shadow:0 12px 30px #08132712;text-align:left;animation:db-node-in .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--node-order) * 55ms);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease}.database-node:before{position:absolute;top:-70px;right:-65px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--node-tone) 13%,transparent);border-radius:50%;content:""}.database-node:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--node-tone) 43%,var(--border));box-shadow:0 20px 45px color-mix(in srgb,var(--node-tone) 12%,transparent)}@keyframes db-node-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.database-node-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;color:var(--node-tone);background:color-mix(in srgb,var(--node-tone) 12%,var(--card))}.database-node-icon .material-symbols-outlined{font-size:27px}.database-node>div{display:grid;min-width:0;gap:3px}.database-node small{color:var(--node-tone);font-size:7px;font-weight:850;letter-spacing:.12em}.database-node strong{font-size:17px}.database-node p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.database-node>b{display:grid;min-width:38px;height:38px;padding:0 8px;place-items:center;border:1px solid color-mix(in srgb,var(--node-tone) 19%,var(--border));border-radius:12px;color:var(--node-tone);background:color-mix(in srgb,var(--node-tone) 8%,var(--card));font-size:13px}.database-node>.material-symbols-outlined{position:absolute;right:12px;bottom:10px;color:var(--node-tone);font-size:15px;opacity:.55}.database-node.tone-green{--node-tone:#38cfa7}.database-node.tone-cyan{--node-tone:#42b9df}.database-node.tone-amber{--node-tone:#e6a744}.database-node.tone-mint{--node-tone:#2fbf9d}.database-node.tone-rose{--node-tone:#e77888}.database-node.tone-indigo{--node-tone:#8b7cf6}.database-node.tone-slate{--node-tone:#91a5c5}.database-node.tone-violet{--node-tone:#8d82ff}.database-node.tone-blue{--node-tone:#728dff}.database-safety-note{display:flex;align-items:center;gap:16px;margin-top:18px;padding:20px 24px;border:1px solid color-mix(in srgb,var(--db-mint) 18%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--db-mint) 6%,var(--card))}.database-safety-note>span{display:grid;width:51px;height:51px;flex:0 0 auto;place-items:center;border-radius:16px;color:var(--db-mint);background:color-mix(in srgb,var(--db-mint) 12%,var(--card))}.database-safety-note>div{display:grid;gap:2px}.database-safety-note small{color:var(--db-mint);font-size:8px;font-weight:850;letter-spacing:.12em}.database-safety-note strong{font-size:14px}.database-safety-note p{margin:0;color:var(--muted);font-size:11px}.database-modal-backdrop{position:fixed;z-index:60;inset:0;display:grid;padding:28px;place-items:center;background:#030813b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:db-backdrop .25s ease both}@keyframes db-backdrop{0%{opacity:0}to{opacity:1}}.database-modal{display:flex;flex-direction:column;width:min(1320px,100%);max-height:calc(100dvh - 56px);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:28px;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 27%),var(--card);box-shadow:0 35px 110px #00050f75;animation:db-modal-in .32s cubic-bezier(.2,.84,.2,1) both}@keyframes db-modal-in{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}.database-modal>header{display:grid;grid-template-columns:64px minmax(0,1fr) 44px;align-items:center;gap:16px;padding:24px 26px;border-bottom:1px solid var(--border)}.database-modal-icon{--node-tone:var(--accent);display:grid;width:60px;height:60px;place-items:center;border:1px solid color-mix(in srgb,var(--node-tone) 24%,var(--border));border-radius:19px;color:var(--node-tone);background:color-mix(in srgb,var(--node-tone) 11%,var(--card))}.database-modal-icon.tone-green{--node-tone:#38cfa7}.database-modal-icon.tone-cyan{--node-tone:#42b9df}.database-modal-icon.tone-amber{--node-tone:#e6a744}.database-modal-icon.tone-mint{--node-tone:#2fbf9d}.database-modal-icon.tone-rose{--node-tone:#e77888}.database-modal-icon.tone-indigo{--node-tone:#8b7cf6}.database-modal-icon.tone-slate{--node-tone:#91a5c5}.database-modal-icon.tone-violet{--node-tone:#8d82ff}.database-modal-icon.tone-blue{--node-tone:#728dff}.database-modal header>div{display:grid;gap:2px}.database-modal header small{color:var(--accent);font-size:8px;font-weight:850;letter-spacing:.12em}.database-modal header h2{margin:0;font-size:25px}.database-modal header p{margin:0;color:var(--muted);font-size:11px}.database-modal header>button{display:grid;width:43px;height:43px;min-height:43px;padding:0;place-items:center;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:var(--surface-alt)}.database-modal header>button:hover{color:var(--red);border-color:color-mix(in srgb,var(--red) 24%,var(--border));background:var(--red-soft)}.database-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 26px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-alt) 58%,transparent)}.database-modal-toolbar label{display:flex;align-items:center;gap:8px;width:min(420px,100%);padding:0 13px;border:1px solid var(--border);border-radius:13px;background:var(--card)}.database-modal-toolbar label:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.database-modal-toolbar label .material-symbols-outlined{color:var(--accent);font-size:20px}.database-modal-toolbar input{width:100%;height:42px;padding:0;border:0;background:transparent;box-shadow:none}.database-modal-toolbar>span{display:flex;align-items:center;gap:7px;color:var(--db-mint);font-size:10px;font-weight:700}.database-modal-toolbar>span .material-symbols-outlined{font-size:17px}.database-table-wrap{min-height:280px;overflow:auto;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--border)) transparent;scrollbar-width:thin}.database-table-wrap::-webkit-scrollbar{width:8px;height:8px}.database-table-wrap::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--accent) 38%,var(--border))}.database-table-wrap table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px}.database-table-wrap th{position:sticky;z-index:2;top:0;padding:13px 16px;border-bottom:1px solid var(--border);color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 94%,var(--card));font-size:8px;font-weight:800;letter-spacing:.08em;text-align:left;white-space:nowrap}.database-table-wrap td{max-width:300px;padding:13px 16px;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:var(--text);text-overflow:ellipsis;white-space:nowrap}.database-table-wrap tbody tr{transition:background .22s ease}.database-table-wrap tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 48%,transparent)}.database-table-wrap code{padding:4px 7px;border:1px solid color-mix(in srgb,var(--db-mint) 16%,var(--border));border-radius:7px;color:var(--db-mint);background:color-mix(in srgb,var(--db-mint) 7%,var(--card));font-family:Cascadia Code,monospace;font-size:10px}.database-null{color:var(--muted);font-style:italic}.database-state{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.database-state i{width:6px;height:6px;border-radius:50%;background:var(--muted)}.database-state.active{color:var(--db-mint)}.database-state.active i{background:var(--db-mint);box-shadow:0 0 0 4px color-mix(in srgb,var(--db-mint) 10%,transparent)}.database-action{display:inline-flex;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:8px;color:color-mix(in srgb,var(--accent) 72%,var(--text));background:var(--accent-soft);font-size:9px;font-weight:700}.database-table-loading,.database-table-empty{display:grid;min-height:330px;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.database-table-loading .material-symbols-outlined{color:var(--accent);font-size:32px;animation:db-spin 1s linear infinite}@keyframes db-spin{to{transform:rotate(360deg)}}.database-table-loading p,.database-table-empty p{margin:0;font-size:11px}.database-table-empty .material-symbols-outlined{font-size:38px}.database-table-empty strong{color:var(--text);font-size:15px}.database-modal>footer{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.database-modal>footer>div{display:flex;gap:8px}.database-modal>footer button{display:flex;align-items:center;gap:5px;min-height:35px;padding:7px 11px;border-radius:10px}@media(max-width:1200px){.database-locked{grid-template-columns:1fr;gap:35px;padding:50px}.database-lock-copy{max-width:none}.database-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.database-flow{min-height:1010px}.database-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.database-flow>svg{display:none}}@media(max-width:760px){.office-database-page{min-height:auto}.database-locked{padding:30px 20px;border-radius:22px}.database-lock-copy h1,.database-hero h1{font-size:44px}.database-lock-copy>p{font-size:14px}.database-unlock-card{padding:24px}.database-hero{align-items:flex-start;flex-direction:column;padding:30px 24px}.database-lock-button{width:100%;justify-content:center}.database-summary{grid-template-columns:1fr}.database-flow-heading{align-items:flex-start;flex-direction:column}.database-flow{min-height:auto;padding:20px}.database-core{margin-bottom:28px}.database-node-grid{grid-template-columns:1fr}.database-modal-backdrop{padding:10px}.database-modal{max-height:calc(100dvh - 20px);border-radius:20px}.database-modal>header{grid-template-columns:52px minmax(0,1fr) 38px;padding:18px 16px}.database-modal-icon{width:50px;height:50px}.database-modal-toolbar{align-items:stretch;flex-direction:column;padding:12px 16px}.database-modal-toolbar label{width:100%}.database-modal>footer{gap:10px;align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.database-lock-ambient i,.database-loader>span,.database-flow>svg path,.database-node,.database-modal-backdrop,.database-modal{animation:none}}.database-flow{padding:36px 32px 42px;background:radial-gradient(circle at 50% 3%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 24%),radial-gradient(circle at 94% 86%,color-mix(in srgb,var(--db-mint) 9%,transparent),transparent 28%),linear-gradient(155deg,color-mix(in srgb,var(--card) 97%,#152641),var(--card))}.database-flow-ambient{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.database-flow-ambient:before,.database-flow-ambient:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:""}.database-flow-ambient:before{width:620px;height:620px;top:-470px;left:50%;transform:translate(-50%)}.database-flow-ambient:after{width:500px;height:500px;right:-330px;bottom:-320px;border-color:color-mix(in srgb,var(--db-mint) 8%,transparent)}.database-flow-ambient i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 70%,transparent);opacity:.55;animation:db-map-particle 5s ease-in-out infinite}.database-flow-ambient i:nth-child(1){top:18%;left:12%}.database-flow-ambient i:nth-child(2){top:38%;right:9%;animation-delay:-1.7s}.database-flow-ambient i:nth-child(3){bottom:12%;left:45%;background:var(--db-mint);animation-delay:-3.1s}@keyframes db-map-particle{50%{opacity:.18;transform:translateY(-10px)}}.database-core{position:relative;z-index:3;margin:0 auto;border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 16%,transparent),transparent 52%),linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 72%,var(--card)),var(--card));box-shadow:0 20px 58px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px #ffffff1a}.database-core:after{position:absolute;bottom:-7px;left:50%;width:12px;height:12px;border:3px solid color-mix(in srgb,var(--card) 92%,transparent);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,var(--border)),0 0 18px color-mix(in srgb,var(--accent) 55%,transparent);content:"";transform:translate(-50%)}.database-flow-bridge{position:relative;z-index:1;height:82px;pointer-events:none}.database-flow-bridge:before{position:absolute;top:0;left:calc(50% - 1px);width:2px;height:42px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 74%,transparent),color-mix(in srgb,var(--db-mint) 62%,var(--accent)));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 22%,transparent);content:""}.database-flow-bridge:after{position:absolute;top:41px;right:16.666%;left:16.666%;height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,var(--border)),color-mix(in srgb,var(--db-mint) 55%,var(--accent)) 50%,color-mix(in srgb,var(--accent) 14%,var(--border)));content:""}.database-flow-bridge>b{position:absolute;top:41px;bottom:-2px;width:2px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 34%,var(--border)),color-mix(in srgb,var(--accent) 13%,var(--border)))}.database-flow-bridge>b:nth-of-type(1){left:calc(16.666% - 1px)}.database-flow-bridge>b:nth-of-type(2){left:calc(50% - 1px)}.database-flow-bridge>b:nth-of-type(3){left:calc(83.333% - 1px)}.database-junction{position:absolute;z-index:2;top:42px;left:50%;display:grid;width:24px;height:24px;place-items:center;border:1px solid color-mix(in srgb,var(--db-mint) 48%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--card) 88%,var(--db-mint));box-shadow:0 0 0 7px color-mix(in srgb,var(--db-mint) 7%,transparent),0 0 24px color-mix(in srgb,var(--db-mint) 38%,transparent);transform:translate(-50%,-50%)}.database-junction:after{position:absolute;inset:-1px;border:1px solid color-mix(in srgb,var(--db-mint) 38%,transparent);border-radius:inherit;content:"";animation:db-junction-wave 2.8s ease-out infinite}.database-junction>i{width:8px;height:8px;border-radius:50%;background:var(--db-mint);box-shadow:0 0 10px var(--db-mint)}@keyframes db-junction-wave{0%,35%{opacity:.7;transform:scale(1)}75%,to{opacity:0;transform:scale(2.25)}}.database-node-grid{position:relative;isolation:isolate}.database-grid-rails{position:absolute;z-index:0;inset:-3px 0 0;pointer-events:none}.database-grid-rails>i{position:absolute;top:0;bottom:calc((100% - 32px)/3 - 8px);width:2px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 20%,var(--border)),color-mix(in srgb,var(--accent) 10%,var(--border)))}.database-grid-rails>i:nth-child(1){left:calc(16.666% - 1px)}.database-grid-rails>i:nth-child(2){left:calc(50% - 1px)}.database-grid-rails>i:nth-child(3){left:calc(83.333% - 1px)}.database-node{z-index:1;min-height:138px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--node-tone) 8%,transparent),transparent 42%),color-mix(in srgb,var(--card) 96%,var(--node-tone))}.database-node-port{position:absolute;z-index:3;top:7px;left:50%;display:grid;width:17px;height:17px;place-items:center;border:1px solid color-mix(in srgb,var(--node-tone) 45%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--card) 90%,var(--node-tone));box-shadow:0 0 0 4px color-mix(in srgb,var(--node-tone) 5%,transparent);transform:translate(-50%);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.database-node-port>i{width:5px;height:5px;border-radius:50%;background:var(--node-tone);box-shadow:0 0 8px color-mix(in srgb,var(--node-tone) 75%,transparent)}.database-node:hover .database-node-port{border-color:color-mix(in srgb,var(--node-tone) 72%,var(--border));box-shadow:0 0 0 5px color-mix(in srgb,var(--node-tone) 9%,transparent),0 0 17px color-mix(in srgb,var(--node-tone) 25%,transparent);transform:translate(-50%) scale(1.08)}@media(max-width:1200px){.database-flow{min-height:auto}.database-flow-bridge:after{right:25%;left:25%}.database-flow-bridge>b:nth-of-type(1){left:calc(25% - 1px)}.database-flow-bridge>b:nth-of-type(2){left:calc(75% - 1px)}.database-flow-bridge>b:nth-of-type(3){display:none}.database-grid-rails>i{bottom:calc((100% - 64px)/5 - 8px)}.database-grid-rails>i:nth-child(1){left:calc(25% - 1px)}.database-grid-rails>i:nth-child(2){left:calc(75% - 1px)}.database-grid-rails>i:nth-child(3){display:none}}@media(max-width:760px){.database-flow{padding:22px 16px 26px}.database-flow-bridge{height:58px}.database-flow-bridge:before{height:58px}.database-flow-bridge:after{display:none}.database-flow-bridge>b:nth-of-type(1){display:block;top:0;bottom:-2px;left:calc(50% - 1px)}.database-flow-bridge>b:nth-of-type(2),.database-flow-bridge>b:nth-of-type(3){display:none}.database-junction{top:31px}.database-grid-rails>i:nth-child(1){display:block;left:calc(50% - 1px);bottom:calc((100% - 128px)/9 - 8px)}.database-grid-rails>i:nth-child(2),.database-grid-rails>i:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){.database-flow-ambient i,.database-junction:after{animation:none}}.workspace-body>main:has(.database-locked){overflow:hidden}.office-database-page.database-locked{width:100%;height:calc(100% - 28px);min-height:0;max-height:calc(100% - 28px);margin:14px 0;padding:clamp(26px,4.2vh,44px) clamp(30px,4vw,62px);grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:clamp(32px,5vw,76px);border-radius:26px;box-sizing:border-box}.database-lock-copy{display:grid;align-content:center;max-width:680px;min-width:0}.database-lock-copy h1{margin:16px 0 14px;font-size:clamp(48px,4vw,68px);line-height:1;white-space:nowrap}.database-lock-copy>p{max-width:620px;font-size:clamp(13px,1.15vw,16px);line-height:1.62}.database-lock-benefits{display:flex;align-items:center;gap:12px;margin-top:26px}.database-lock-benefits>span{--benefit-tone:var(--db-mint);position:relative;display:grid;width:60px;height:60px;flex:0 0 60px;min-width:60px;min-height:60px;padding:0;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--benefit-tone) 24%,var(--border));border-radius:18px;color:var(--benefit-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--benefit-tone) 12%,var(--card)),color-mix(in srgb,var(--surface-alt) 92%,var(--benefit-tone)));box-shadow:0 12px 28px color-mix(in srgb,var(--benefit-tone) 8%,transparent),inset 0 1px #ffffff1a;transition:transform .3s cubic-bezier(.2,.8,.3,1),border-color .3s ease,box-shadow .3s ease}.database-lock-benefits>span:nth-child(2){--benefit-tone:var(--db-cyan)}.database-lock-benefits>span:nth-child(3){--benefit-tone:var(--accent)}.database-lock-benefits>span:before{position:absolute;right:-18px;bottom:-22px;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--benefit-tone) 20%,transparent);border-radius:50%;content:"";transition:transform .35s ease}.database-lock-benefits>span:after{position:absolute;top:9px;right:9px;width:5px;height:5px;border-radius:50%;background:var(--benefit-tone);box-shadow:0 0 color-mix(in srgb,var(--benefit-tone) 42%,transparent),0 0 10px var(--benefit-tone);content:"";animation:db-benefit-pulse 2.2s ease-out infinite}.database-lock-benefits>span:nth-child(2):after{animation-delay:.42s}.database-lock-benefits>span:nth-child(3):after{animation-delay:.84s}.database-lock-benefits>span:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--benefit-tone) 55%,var(--border));box-shadow:0 17px 34px color-mix(in srgb,var(--benefit-tone) 14%,transparent),inset 0 1px #ffffff21}.database-lock-benefits>span:hover:before{transform:scale(1.18)}.database-lock-benefits .material-symbols-outlined{position:relative;z-index:1;display:grid;width:39px;height:39px;min-width:0;min-height:0;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--benefit-tone) 20%,transparent);border-radius:13px;color:var(--benefit-tone);background:color-mix(in srgb,var(--benefit-tone) 10%,transparent);box-shadow:inset 0 1px #ffffff14;font-size:21px;animation:db-benefit-glow 2.2s ease-in-out infinite}.database-lock-benefits>span:nth-child(2) .material-symbols-outlined{animation-delay:.42s}.database-lock-benefits>span:nth-child(3) .material-symbols-outlined{animation-delay:.84s}@keyframes db-benefit-pulse{0%,28%,to{opacity:.72;box-shadow:0 0 color-mix(in srgb,var(--benefit-tone) 44%,transparent),0 0 8px color-mix(in srgb,var(--benefit-tone) 70%,transparent)}58%{opacity:1;box-shadow:0 0 0 8px color-mix(in srgb,var(--benefit-tone) 0%,transparent),0 0 18px var(--benefit-tone)}}@keyframes db-benefit-glow{0%,28%,to{border-color:color-mix(in srgb,var(--benefit-tone) 20%,transparent);box-shadow:inset 0 1px #ffffff14,0 0 color-mix(in srgb,var(--benefit-tone) 0%,transparent)}58%{border-color:color-mix(in srgb,var(--benefit-tone) 48%,transparent);box-shadow:inset 0 1px #ffffff1c,0 0 16px color-mix(in srgb,var(--benefit-tone) 20%,transparent)}}.database-unlock-card{align-self:center;width:100%;max-height:100%;padding:clamp(23px,3.2vh,30px);border-radius:24px;box-sizing:border-box;box-shadow:0 22px 65px #030b1a33,inset 0 1px #ffffff17}.database-unlock-card:before{position:absolute;top:22px;right:24px;width:9px;height:9px;border-radius:50%;background:var(--db-mint);box-shadow:0 0 0 5px color-mix(in srgb,var(--db-mint) 11%,transparent),0 0 16px color-mix(in srgb,var(--db-mint) 48%,transparent);content:"";animation:db-card-status-pulse 1.9s ease-out infinite}.database-unlock-icon{position:relative;width:56px;height:56px;margin-bottom:16px;border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 19%,var(--card)),var(--accent-soft));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px #ffffff1f}.database-unlock-icon:before{position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:12px;content:""}.database-unlock-icon:after{position:absolute;z-index:0;inset:-1px;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:18px;content:"";pointer-events:none;animation:db-lock-ripple 2.25s cubic-bezier(.18,.72,.28,1) infinite}.database-unlock-icon .material-symbols-outlined{position:relative;z-index:1;font-size:27px;animation:db-lock-glyph-pulse 2.25s ease-in-out infinite}.database-unlock-card h2{margin:6px 0 7px;font-size:clamp(24px,2vw,30px);line-height:1.12}.database-unlock-card>p{margin-bottom:18px;font-size:12px;line-height:1.5}.database-unlock-card>label{margin-bottom:7px}.database-password-field{min-height:50px;border-radius:14px}.database-password-field input{height:48px;font-size:12px}.database-password-field input:hover,.database-password-field input:focus,.database-password-field input:focus-visible{outline:0;border:0;box-shadow:none}.database-password-field>.material-symbols-outlined{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:18px}.database-password-field button{transition:color .22s ease,background .22s ease,transform .22s ease}.database-password-field button:hover{transform:scale(1.04)}.database-unlock-button{min-height:49px;margin-top:14px;border-radius:14px}.database-unlock-button .material-symbols-outlined{font-size:19px}.database-unlock-note{margin-top:11px}@keyframes db-card-status-pulse{0%,to{opacity:.8;box-shadow:0 0 0 4px color-mix(in srgb,var(--db-mint) 13%,transparent),0 0 12px color-mix(in srgb,var(--db-mint) 45%,transparent)}58%{opacity:1;box-shadow:0 0 0 11px color-mix(in srgb,var(--db-mint) 0%,transparent),0 0 25px color-mix(in srgb,var(--db-mint) 88%,transparent)}}@keyframes db-lock-icon-breathe{0%,to{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 11%,transparent),inset 0 1px #ffffff1f}48%{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 15px 36px color-mix(in srgb,var(--accent) 21%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 7%,transparent),inset 0 1px #ffffff26}}@keyframes db-lock-ripple{0%{opacity:.72;transform:scale(.9)}68%,to{opacity:0;transform:scale(1.42)}}@keyframes db-lock-glyph-pulse{0%,to{color:var(--accent);filter:drop-shadow(0 0 0 transparent)}48%{color:color-mix(in srgb,var(--accent) 72%,white);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 58%,transparent))}}.database-unlock-icon{isolation:isolate;animation:db-lock-icon-breathe 2.25s ease-in-out infinite}@media(max-width:1200px)and (min-width:901px){.office-database-page.database-locked{grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:28px;padding-inline:34px}.database-lock-copy h1{font-size:clamp(43px,5vw,58px)}.database-lock-copy>p{font-size:13px}.database-lock-benefits{margin-top:18px}}@media(max-width:900px){.office-database-page.database-locked{height:calc(100% - 20px);max-height:calc(100% - 20px);min-height:0;margin:10px 0;padding:22px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:18px}.database-lock-copy{align-content:start}.database-lock-copy h1{margin:10px 0 0;font-size:38px;white-space:normal}.database-lock-copy>p,.database-lock-benefits{display:none}.database-unlock-card{align-self:start;max-width:560px;margin:0 auto;padding:20px}.database-unlock-icon{width:48px;height:48px;margin-bottom:11px}.database-unlock-card>p{margin-bottom:13px}}@media(max-height:720px)and (min-width:901px){.office-database-page.database-locked{padding-block:22px}.database-lock-copy h1{margin-block:12px 10px;font-size:52px}.database-lock-benefits{margin-top:18px}.database-unlock-card{padding:22px 25px}.database-unlock-icon{width:48px;height:48px;margin-bottom:11px}.database-unlock-card>p{margin-bottom:13px}.database-unlock-button{min-height:46px;margin-top:12px}.database-unlock-note{margin-top:8px}}.database-open{padding-top:14px}.database-hero{min-height:218px;padding:34px 40px;border-radius:26px;background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--db-mint) 10%,transparent),transparent 29%),radial-gradient(circle at 94% 88%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 34%),linear-gradient(138deg,var(--card),color-mix(in srgb,var(--card) 94%,#183249));box-shadow:0 18px 46px #040e201f,inset 0 1px #ffffff17}.database-hero:before{position:absolute;top:0;right:34px;left:34px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 46%,transparent),color-mix(in srgb,var(--db-mint) 38%,transparent),transparent);content:""}.database-hero:after{right:-105px;bottom:-360px;width:610px;height:610px;border-color:color-mix(in srgb,var(--db-mint) 12%,transparent)}.database-hero>div:first-child{position:relative;z-index:2;min-width:0;max-width:760px}.database-hero h1{margin:14px 0 9px;font-size:clamp(45px,4.3vw,60px);line-height:1;white-space:nowrap}.database-hero p{max-width:700px;font-size:13px;line-height:1.6}.database-hero-actions{position:relative;z-index:2;display:grid;width:min(290px,100%);gap:10px}.database-session-state{display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--db-mint) 18%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--db-mint) 7%,var(--card));box-shadow:inset 0 1px #ffffff14}.database-session-state>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--db-mint);animation:db-session-pulse 1.9s ease-out infinite}.database-session-state>span{display:grid;gap:2px}.database-session-state small{color:var(--db-mint);font-size:7px;font-weight:850;letter-spacing:.12em}.database-session-state strong{font-size:11px;font-weight:690}.database-lock-button{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;width:100%;min-height:66px;padding:10px 12px;border-color:color-mix(in srgb,var(--red) 25%,var(--border));border-radius:17px;color:color-mix(in srgb,var(--red) 82%,var(--text));background:linear-gradient(135deg,color-mix(in srgb,var(--red) 11%,var(--card)),color-mix(in srgb,var(--red) 6%,var(--surface-alt)));box-shadow:0 12px 28px color-mix(in srgb,var(--red) 8%,transparent),inset 0 1px #ffffff14;text-align:left;transition:transform .28s cubic-bezier(.2,.8,.3,1),border-color .28s ease,background .28s ease,box-shadow .28s ease}.database-lock-button-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--red) 22%,transparent);border-radius:13px;background:color-mix(in srgb,var(--red) 10%,var(--card));box-shadow:inset 0 1px #ffffff14}.database-lock-button-icon .material-symbols-outlined{font-size:21px}.database-lock-button>span:nth-child(2){display:grid;min-width:0;gap:3px}.database-lock-button small{color:color-mix(in srgb,var(--red) 70%,var(--muted));font-size:7px;font-weight:800;letter-spacing:.1em}.database-lock-button strong{font-size:11px;font-weight:730;white-space:nowrap}.database-lock-button>.material-symbols-outlined{font-size:17px;transition:transform .28s ease}.database-lock-button:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--red) 48%,var(--border));color:var(--red);background:linear-gradient(135deg,color-mix(in srgb,var(--red) 17%,var(--card)),color-mix(in srgb,var(--red) 9%,var(--surface-alt)));box-shadow:0 18px 36px color-mix(in srgb,var(--red) 14%,transparent),inset 0 1px #ffffff1a}.database-lock-button:hover:not(:disabled)>.material-symbols-outlined{transform:translate(3px)}@keyframes db-session-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--db-mint) 11%,transparent),0 0 9px color-mix(in srgb,var(--db-mint) 38%,transparent)}55%{box-shadow:0 0 0 9px color-mix(in srgb,var(--db-mint) 0%,transparent),0 0 19px color-mix(in srgb,var(--db-mint) 75%,transparent)}}.database-summary{gap:12px;margin:16px 0 20px}.database-summary article{--summary-tone:var(--accent);position:relative;isolation:isolate;min-height:108px;padding:16px 17px;overflow:hidden;border-color:color-mix(in srgb,var(--summary-tone) 14%,var(--border));border-radius:18px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--summary-tone)));box-shadow:0 12px 29px #050f2212,inset 0 1px #ffffff14;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.database-summary article:nth-child(2){--summary-tone:#7f8fff}.database-summary article:nth-child(3){--summary-tone:var(--db-cyan)}.database-summary article:nth-child(4){--summary-tone:var(--db-mint)}.database-summary article:after{position:absolute;z-index:-1;right:-38px;bottom:-48px;width:105px;height:105px;border:1px solid color-mix(in srgb,var(--summary-tone) 10%,transparent);border-radius:50%;content:""}.database-summary article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--summary-tone) 31%,var(--border));box-shadow:0 18px 38px color-mix(in srgb,var(--summary-tone) 10%,transparent),inset 0 1px #ffffff1a}.database-summary article>span,.database-summary article.readonly>span{width:49px;height:49px;border:1px solid color-mix(in srgb,var(--summary-tone) 17%,transparent);border-radius:15px;color:var(--summary-tone);background:color-mix(in srgb,var(--summary-tone) 10%,var(--card));box-shadow:0 8px 19px color-mix(in srgb,var(--summary-tone) 9%,transparent)}.database-summary article>span .material-symbols-outlined{font-size:23px}.database-summary strong{font-size:16px}.database-summary p{max-width:180px}@media(max-width:1050px){.database-hero{align-items:flex-start;flex-direction:column}.database-hero-actions{width:100%;grid-template-columns:minmax(190px,.7fr) minmax(250px,1fr)}.database-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.database-open{padding-top:10px}.database-hero{min-height:0;padding:25px 21px;border-radius:21px}.database-hero h1{font-size:40px;white-space:normal}.database-hero-actions{grid-template-columns:1fr}.database-lock-button{width:100%}.database-summary{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.database-lock-benefits span:after,.database-lock-benefits .material-symbols-outlined{animation:none}}.database-summary article:before{position:absolute;z-index:-1;right:-47px;bottom:-62px;width:148px;height:148px;border-radius:50%;background:conic-gradient(from 18deg,transparent 0 46%,color-mix(in srgb,var(--summary-tone) 42%,transparent) 47% 70%,transparent 71% 100%);content:"";opacity:.72;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);animation:db-summary-arc 8s linear infinite}.database-summary article:after{right:-49px;bottom:-59px;width:145px;height:145px;border-color:color-mix(in srgb,var(--summary-tone) 13%,transparent);box-shadow:0 0 38px color-mix(in srgb,var(--summary-tone) 8%,transparent),inset 0 0 35px color-mix(in srgb,var(--summary-tone) 5%,transparent);animation:db-summary-glow 3.8s ease-in-out infinite}.database-summary article:nth-child(2):before{animation-delay:-1.8s;animation-duration:9.5s}.database-summary article:nth-child(3):before{animation-delay:-3.6s;animation-duration:8.7s}.database-summary article:nth-child(4):before{animation-delay:-5.2s;animation-duration:10.2s}.database-summary article:nth-child(2):after{animation-delay:-.9s}.database-summary article:nth-child(3):after{animation-delay:-1.8s}.database-summary article:nth-child(4):after{animation-delay:-2.7s}@keyframes db-summary-arc{to{transform:rotate(360deg)}}@keyframes db-summary-glow{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.database-flow{background:linear-gradient(color-mix(in srgb,var(--accent) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 3%,transparent) 1px,transparent 1px),radial-gradient(circle at 50% 3%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 25%),radial-gradient(circle at 8% 76%,color-mix(in srgb,var(--db-cyan) 7%,transparent),transparent 23%),radial-gradient(circle at 94% 86%,color-mix(in srgb,var(--db-mint) 10%,transparent),transparent 28%),linear-gradient(155deg,color-mix(in srgb,var(--card) 97%,#152641),var(--card));background-size:44px 44px,44px 44px,auto,auto,auto,auto}.database-flow-ambient:before{width:700px;height:700px;top:-515px;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 14%,transparent);animation:db-orbit-turn 34s linear infinite}.database-flow-ambient:after{width:580px;height:580px;right:-355px;bottom:-365px;border-style:dashed;border-color:color-mix(in srgb,var(--db-mint) 11%,transparent);animation:db-orbit-turn-simple 42s linear infinite reverse}.database-flow-ambient i{animation-name:db-map-particle,db-particle-glow;animation-duration:5s,2.7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.database-flow-ambient i:nth-child(4){top:11%;right:23%;width:4px;height:4px;background:var(--db-cyan);animation-delay:-2.2s,-.5s}.database-flow-ambient i:nth-child(5){top:62%;left:7%;width:4px;height:4px;background:var(--db-mint);animation-delay:-3.7s,-1.2s}.database-flow-ambient i:nth-child(6){right:17%;bottom:20%;width:6px;height:6px;animation-delay:-4.4s,-2s}.database-flow-ambient i:nth-child(7){bottom:6%;left:27%;width:4px;height:4px;background:var(--db-cyan);animation-delay:-1.1s,-.8s}@keyframes db-orbit-turn{to{transform:translate(-50%) rotate(360deg)}}@keyframes db-orbit-turn-simple{to{transform:rotate(360deg)}}@keyframes db-particle-glow{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 5%,transparent),0 0 22px currentColor}}.database-core{animation:db-core-breathe 8s cubic-bezier(.45,0,.55,1) infinite}.database-core:before{position:absolute;z-index:-1;inset:-17px;border:1px dashed color-mix(in srgb,var(--accent) 19%,transparent);border-radius:42px;content:"";opacity:.38;animation:db-core-frame 10s cubic-bezier(.45,0,.55,1) infinite}@keyframes db-core-breathe{0%,to{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 20px 56px color-mix(in srgb,var(--accent) 12%,transparent),0 0 color-mix(in srgb,var(--db-cyan) 0%,transparent),inset 0 1px #ffffff1a}25%{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:0 21px 59px color-mix(in srgb,var(--accent) 14%,transparent),0 0 12px color-mix(in srgb,var(--db-cyan) 3%,transparent),inset 0 1px #ffffff1c}50%{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 23px 64px color-mix(in srgb,var(--accent) 17%,transparent),0 0 25px color-mix(in srgb,var(--db-cyan) 5%,transparent),inset 0 1px #ffffff1f}75%{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));box-shadow:0 21px 59px color-mix(in srgb,var(--accent) 14%,transparent),0 0 12px color-mix(in srgb,var(--db-cyan) 3%,transparent),inset 0 1px #ffffff1c}}@keyframes db-core-frame{0%,to{inset:-17px;opacity:.32}25%{inset:-18px;opacity:.38}50%{inset:-20px;opacity:.46}75%{inset:-18px;opacity:.38}}.database-flow-bridge:before{background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,var(--db-mint)) 0 7px,transparent 7px 13px);box-shadow:none;animation:db-dash-y 1.4s linear infinite}.database-flow-bridge:after{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 34%,var(--border)) 0 8px,transparent 8px 15px);animation:db-dash-x 1.7s linear infinite}.database-flow-bridge>b{background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 25%,var(--border)) 0 7px,transparent 7px 14px);animation:db-dash-y 1.65s linear infinite}.database-grid-rails>i{background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 19%,var(--border)) 0 7px,transparent 7px 14px);animation:db-dash-y 1.9s linear infinite}@keyframes db-dash-y{to{background-position:0 28px}}@keyframes db-dash-x{to{background-position:30px 0}}.database-modal-toolbar{display:grid;grid-template-columns:minmax(300px,520px) auto;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:14px 22px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-alt) 76%,var(--card)),color-mix(in srgb,var(--card) 95%,var(--db-mint)))}.database-modal-toolbar .database-table-search{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 34px;align-items:center;gap:10px;width:100%;height:54px;min-height:54px;padding:0 9px 0 8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 19%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--card) 92%,var(--surface-alt));box-shadow:inset 0 1px #ffffff12,0 9px 24px #0611250f;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.database-modal-toolbar .database-table-search:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--card);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent),0 13px 30px color-mix(in srgb,var(--accent) 8%,transparent)}.database-table-search-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card))}.database-modal-toolbar .database-table-search-icon .material-symbols-outlined{font-size:20px}.database-table-search-copy{display:grid;min-width:0;gap:0}.database-table-search-copy>small{color:color-mix(in srgb,var(--accent) 72%,var(--muted));font-size:7px;font-weight:820;letter-spacing:.11em}.database-modal-toolbar .database-table-search input{box-sizing:border-box;width:100%;height:27px;min-height:0;margin:0;padding:0;border:0;border-radius:0;outline:0;color:var(--text);background:transparent;box-shadow:none;font:inherit;font-size:11px;font-weight:620}.database-table-search input::placeholder{color:var(--muted);opacity:.78}.database-modal-toolbar .database-table-search>button{display:grid;width:32px;height:32px;min-height:32px;padding:0;place-items:center;border:0;border-radius:9px;color:var(--muted);background:transparent;box-shadow:none;transition:color .2s ease,background .2s ease,transform .2s ease}.database-modal-toolbar .database-table-search>button:hover{color:var(--text);background:var(--surface-alt);transform:rotate(90deg)}.database-modal-toolbar .database-table-search>button .material-symbols-outlined{color:inherit;font-size:17px}.database-modal-toolbar .database-view-mode{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 12px 7px 8px;border:1px solid color-mix(in srgb,var(--db-mint) 18%,var(--border));border-radius:15px;color:var(--text);background:color-mix(in srgb,var(--db-mint) 7%,var(--card));box-shadow:inset 0 1px #ffffff12}.database-view-mode>span:first-child{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:var(--db-mint);background:color-mix(in srgb,var(--db-mint) 12%,var(--card))}.database-view-mode>span:first-child .material-symbols-outlined{font-size:19px}.database-view-mode>span:last-child{display:grid;gap:2px}.database-view-mode small{color:var(--db-mint);font-size:7px;font-weight:820;letter-spacing:.1em}.database-view-mode strong{font-size:10px;font-weight:720;white-space:nowrap}@media(max-width:760px){.database-modal-toolbar{grid-template-columns:1fr;gap:9px;padding:12px}.database-modal-toolbar .database-table-search{height:50px;min-height:50px}.database-modal-toolbar .database-view-mode{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.database-summary article:before,.database-summary article:after,.database-flow-ambient:before,.database-flow-ambient:after,.database-flow-ambient i,.database-core,.database-core:before,.database-flow-bridge:before,.database-flow-bridge:after,.database-flow-bridge>b,.database-grid-rails>i{animation:none}}.database-flow-glow{position:absolute;z-index:-1;top:-105px;left:8%;width:520px;height:320px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 15%,transparent) 0,color-mix(in srgb,var(--db-cyan) 7%,transparent) 38%,transparent 72%);filter:blur(20px);opacity:.55;pointer-events:none;will-change:transform,opacity;animation:db-flow-glow-wander 18s cubic-bezier(.45,.05,.55,.95) infinite}.database-flow-glow:after{position:absolute;top:48%;left:64%;width:280px;height:220px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--db-mint) 10%,transparent),transparent 70%);content:"";filter:blur(15px);animation:db-flow-glow-orbit 13s ease-in-out infinite}@keyframes db-flow-glow-wander{0%,to{opacity:.42;transform:translate3d(-8%,0,0) scale(.94)}22%{opacity:.63;transform:translate3d(48%,10%,0) scale(1.07)}48%{opacity:.48;transform:translate3d(96%,38%,0) scale(.98)}72%{opacity:.6;transform:translate3d(42%,65%,0) scale(1.1)}}@keyframes db-flow-glow-orbit{0%,to{opacity:.35;transform:translate3d(-10%,0,0) scale(.9)}50%{opacity:.72;transform:translate3d(42%,-22%,0) scale(1.12)}}.database-hero-actions{isolation:isolate}.database-hero-actions:before{position:absolute;z-index:-1;top:-72px;left:-62px;width:300px;height:250px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--db-mint) 12%,transparent),transparent 68%);content:"";filter:blur(20px);pointer-events:none;will-change:transform,opacity;animation:db-actions-ambient 11s ease-in-out infinite}.database-session-state,.database-lock-button{position:relative;overflow:hidden}.database-session-state>*{position:relative;z-index:1}.database-lock-button>*{position:relative;z-index:1}.database-session-state:after,.database-lock-button:before{position:absolute;z-index:0;top:-65%;left:-48%;width:30%;height:230%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 9%),color-mix(in srgb,var(--db-mint) 10%,transparent),transparent);content:"";pointer-events:none;transform:translate(-160%) skew(-18deg);will-change:transform,opacity;animation:db-control-sheen 9s cubic-bezier(.45,.05,.55,.95) infinite}.database-lock-button:before{background:linear-gradient(90deg,transparent,rgb(255 255 255 / 7%),color-mix(in srgb,var(--red) 9%,transparent),transparent);animation-delay:-4.5s}.database-session-state{animation:db-session-panel-breathe 7s ease-in-out infinite}.database-lock-button{animation:db-lock-panel-breathe 8s ease-in-out infinite}.database-session-state>i{animation:db-session-dot-soft 3.8s ease-in-out infinite}.database-lock-button>.material-symbols-outlined{animation:db-lock-arrow-float 3.6s ease-in-out infinite}.database-lock-button:hover:not(:disabled)>.material-symbols-outlined{animation:none}@keyframes db-actions-ambient{0%,to{opacity:.35;transform:translate3d(-8%,5%,0) scale(.92)}50%{opacity:.7;transform:translate3d(42%,18%,0) scale(1.12)}}@keyframes db-control-sheen{0%,16%{opacity:0;transform:translate(-170%) skew(-18deg)}28%{opacity:.36}52%{opacity:.18;transform:translate(560%) skew(-18deg)}53%,to{opacity:0;transform:translate(560%) skew(-18deg)}}@keyframes db-session-panel-breathe{0%,to{border-color:color-mix(in srgb,var(--db-mint) 18%,var(--border));box-shadow:inset 0 1px #ffffff14,0 8px 24px color-mix(in srgb,var(--db-mint) 3%,transparent)}50%{border-color:color-mix(in srgb,var(--db-mint) 27%,var(--border));box-shadow:inset 0 1px #ffffff1a,0 12px 30px color-mix(in srgb,var(--db-mint) 8%,transparent)}}@keyframes db-lock-panel-breathe{0%,to{border-color:color-mix(in srgb,var(--red) 25%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--red) 8%,transparent),inset 0 1px #ffffff14}50%{border-color:color-mix(in srgb,var(--red) 34%,var(--border));box-shadow:0 16px 34px color-mix(in srgb,var(--red) 12%,transparent),inset 0 1px #ffffff1a}}@keyframes db-session-dot-soft{0%,to{opacity:.78;box-shadow:0 0 0 4px color-mix(in srgb,var(--db-mint) 9%,transparent),0 0 9px color-mix(in srgb,var(--db-mint) 35%,transparent)}50%{opacity:1;box-shadow:0 0 0 7px color-mix(in srgb,var(--db-mint) 4%,transparent),0 0 17px color-mix(in srgb,var(--db-mint) 58%,transparent)}}@keyframes db-lock-arrow-float{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.database-flow-glow,.database-flow-glow:after,.database-hero-actions:before,.database-session-state:after,.database-lock-button:before,.database-session-state,.database-lock-button,.database-session-state>i,.database-lock-button>.material-symbols-outlined{animation:none}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-symbols-outlined-csJ-sJsD.ttf) format("truetype")}:root{font-family:Segoe UI Variable Text,Segoe UI Variable,Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none;color-scheme:light;--bg: #f6f8fb;--card: #ffffff;--surface-alt: #f0f3f9;--border: #e3e8f0;--text: #1c2940;--muted: #67758a;--accent: #4263eb;--accent-hover: #314fcd;--accent-soft: #edf1ff;--green: #188360;--green-soft: #eaf7f0;--red: #c23b48;--red-soft: #fff0f0;--warning: #946319;--warning-soft: #fff5e4;--shadow: 0 4px 24px rgb(29 48 86 / 4%);color:var(--text);background:var(--bg)}:root[data-theme=dark]{color-scheme:dark;--bg: #11151e;--card: #191f2b;--surface-alt: #222a39;--border: #30394a;--text: #eef2fc;--muted: #a1adc2;--accent: #9caeff;--accent-hover: #b4c2ff;--accent-soft: #293353;--green: #70d7b2;--green-soft: #183c33;--red: #ff9b9f;--red-soft: #422830;--warning: #efc278;--warning-soft: #3b3224;--shadow: 0 4px 24px rgb(0 0 0 / 10%)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);padding:10px 16px;min-height:42px;font-size:13px;font-weight:600;transition:transform .16s ease,background .16s,border-color .16s,box-shadow .16s}button:hover:not(:disabled){transform:translateY(-1px);background:var(--surface-alt);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));box-shadow:0 7px 18px #17284e14}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,textarea,select{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:12px 14px;color:var(--text);min-width:0;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}input[type=range]{padding:0;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:500;color:var(--text)}h1,h2,h3{color:var(--text);letter-spacing:-.035em}h1{font-size:clamp(26px,3vw,36px);font-weight:650;margin:10px 0}h2{font-size:27px;font-weight:650;margin:10px 0 16px}h3{font-size:16px;font-weight:600;margin:0 0 18px}p{line-height:1.65}a{color:inherit}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:"liga";width:1em;height:1em;flex-shrink:0;overflow:hidden;vertical-align:middle}.animated-eq{display:inline-flex;align-items:center;justify-content:center;gap:.075em;overflow:visible}.animated-eq i{display:block;width:.105em;height:.42em;border-radius:99px;background:currentColor;transform-origin:center;animation:averon-eq 1.05s ease-in-out infinite alternate;box-shadow:0 0 .18em color-mix(in srgb,currentColor 45%,transparent)}.animated-eq i:nth-child(1){height:.38em;animation-delay:-.75s}.animated-eq i:nth-child(2){height:.68em;animation-delay:-.45s}.animated-eq i:nth-child(3){height:.92em;animation-delay:-.9s}.animated-eq i:nth-child(4){height:.62em;animation-delay:-.2s}.animated-eq i:nth-child(5){height:.34em;animation-delay:-.6s}@keyframes averon-eq{0%{transform:scaleY(.48);opacity:.62}to{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.animated-eq i{animation:none}}.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#172d8b));color:#fff;border-color:transparent;font-weight:650;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent)}.primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover),var(--accent));border-color:transparent;box-shadow:0 11px 25px color-mix(in srgb,var(--accent) 28%,transparent)}[data-theme=dark] .primary{color:#152043}.success{background:var(--green);color:#fff;border-color:transparent}.danger{background:var(--red-soft);border-color:var(--red);color:var(--red)}.good{color:var(--green)}.error{color:var(--red)}.muted{color:var(--muted);font-size:14px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--accent);font-weight:700}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-loading{min-height:100vh;display:grid;align-content:center;justify-items:center;color:var(--muted)}.signed-out-error{position:fixed;bottom:12px;right:20px;left:20px;z-index:20;max-width:550px;margin:0 0 0 auto;box-shadow:var(--shadow)}.skip-link{position:fixed;top:-100px;left:20px;z-index:30;padding:14px;background:var(--card);border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:18px;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#4263eb;color:#fff;border-radius:11px;flex-shrink:0}.brand-mark .material-symbols-outlined{font-size:25px}.brand small{display:block;font-size:8px;letter-spacing:.09em;color:var(--muted);margin-top:5px;font-weight:500}.account-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent);border:1px solid var(--border);border-radius:50%;font-size:12px;font-weight:700}.icon-button{width:38px;height:38px;padding:8px;min-height:38px;background:transparent;border-color:transparent;color:var(--muted)}.theme-toggle{display:inline-flex;padding:4px;gap:3px;border:1px solid var(--border);background:var(--surface-alt);border-radius:10px}.theme-toggle button{min-height:32px;border:0;background:transparent;color:var(--muted);padding:7px 9px;border-radius:7px}.theme-toggle button .material-symbols-outlined{font-size:18px}.theme-toggle button[aria-pressed=true]{background:var(--card);color:var(--accent);box-shadow:0 1px 4px #00000012}.theme-toggle--compact button>span:not(.material-symbols-outlined){display:none}.theme-toggle--expanded{padding:5px}.theme-toggle--expanded button{padding:10px 16px}.app-shell{height:100vh;height:100dvh;overflow:hidden}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 18px 0;background:var(--card);border-right:1px solid var(--border);z-index:5}.sidebar .brand{padding:0 5px 38px}.sidebar-label{font-size:9px;font-weight:600;letter-spacing:.12em;color:var(--muted);margin:0 13px 13px}.sidebar-nav{display:grid;gap:6px;border:none;margin:0;overflow:visible}.sidebar-nav button{display:flex;justify-content:flex-start;gap:12px;width:100%;padding:13px;min-height:46px;border:0;border-radius:9px;background:transparent;font-size:12px;color:var(--muted)}.sidebar-nav button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-nav button:hover:not(:disabled){background:var(--surface-alt)}.sidebar-nav .material-symbols-outlined{font-size:21px}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent)}.mobile-nav-label{display:none}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-account{display:flex;gap:10px;align-items:center;padding:22px 0;border-top:1px solid var(--border)}.sidebar-account>div{flex:1;min-width:0}.sidebar-account strong,.sidebar-account small{display:block;overflow:hidden;text-overflow:ellipsis}.sidebar-account strong{font-size:12px}.sidebar-account small{color:var(--muted);font-size:10px;margin-top:4px}.workspace-body{margin-left:244px;height:100%;min-height:0;display:flex;flex-direction:column}.workspace-header{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--border);background:var(--card);gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;min-width:0}.breadcrumb>span:first-child{color:var(--muted);white-space:nowrap}.breadcrumb .material-symbols-outlined{color:var(--muted);font-size:17px}.breadcrumb strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;flex-shrink:0}.workspace-body>main{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:0 clamp(20px,3vw,44px);width:100%;max-width:1500px;margin:0 auto;outline:none}.workspace-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 38px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.workspace-footer>span{display:inline-flex;align-items:center;gap:6px}.workspace-footer .material-symbols-outlined{font-size:14px}.footer-dot{padding:0 2px}.account-section{padding:36px 0}.connection-panel{display:flex;align-items:center;gap:32px;flex-wrap:wrap;padding:25px 0}.connection-panel form{display:flex;gap:10px;flex:1;min-width:260px}.connection-panel input{flex:1}.device-panel{padding:10px 0 4px}.device-console-header{display:grid;grid-template-columns:40px 44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,var(--accent-soft)),var(--card));box-shadow:var(--shadow)}.device-back-button{width:40px;height:40px;min-height:40px;padding:0;color:var(--muted);background:var(--surface-alt)}.device-console-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--accent);background:var(--accent-soft)}.device-console-icon .material-symbols-outlined{font-size:24px}.device-console-title{min-width:0}.device-console-title>span{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.11em}.device-console-title h2{margin:2px 0 0;font-size:19px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-status-menu{position:relative}.device-status-menu summary{list-style:none;cursor:pointer}.device-status-menu summary::-webkit-details-marker{display:none}.device-console-state{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:99px;color:var(--muted);background:var(--surface-alt);font-size:12px;font-weight:650;white-space:nowrap}.device-console-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.device-console-state.is-online{color:var(--green);background:var(--green-soft)}.device-console-state .material-symbols-outlined{margin-left:-2px;font-size:16px;transition:transform .16s ease}.device-status-menu[open] .device-console-state .material-symbols-outlined{transform:rotate(180deg)}.device-status-popover{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(290px,calc(100vw - 32px))}.device-console-actions{display:flex;gap:8px}.device-console-actions button{min-height:38px;padding:8px 13px;font-size:12px}.device-console-actions .material-symbols-outlined{font-size:17px}.status-bar{display:flex;gap:5px;flex-direction:column;padding:8px;border:1px solid var(--border);border-radius:13px;font-size:11px;color:var(--muted);background:var(--card);box-shadow:0 16px 38px #192c4e29}.status{display:inline-flex;align-items:center;gap:7px}.status-bar>span{padding:7px 9px;border-radius:8px;background:var(--surface-alt)}.status i{width:6px;height:6px;background:currentColor;border-radius:50%}.device-workspace{display:grid;grid-template-columns:minmax(0,1fr) 184px;align-items:start;gap:12px;min-width:0}.device-side-panel{position:sticky;top:12px;display:grid;gap:9px;min-width:0;margin-top:8px}.device-tabs{position:static;display:grid;gap:5px;width:100%;min-width:0;margin:0;padding:8px;overflow:visible;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--accent-soft)),var(--card));box-shadow:0 12px 30px #18294e12}.device-tabs button{display:grid;grid-template-columns:22px minmax(0,1fr) 15px;align-items:center;justify-content:stretch;gap:8px;width:100%;min-height:43px;padding:8px 9px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;box-shadow:none;font-size:11px;text-align:left}.device-tabs button>span:not(.material-symbols-outlined){overflow:hidden;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.device-tabs button:hover:not(:disabled){transform:none;color:var(--text);border-color:color-mix(in srgb,var(--accent) 10%,var(--border));background:color-mix(in srgb,var(--surface-alt) 76%,transparent);box-shadow:none}.device-tabs button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 15%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 92%,white),var(--accent-soft));box-shadow:inset 3px 0 0 var(--accent),0 6px 16px color-mix(in srgb,var(--accent) 8%,transparent)}.device-tabs .material-symbols-outlined{font-size:18px}.device-tabs .device-tab-arrow{justify-self:end;font-size:15px;opacity:.45;transition:transform .18s ease,opacity .18s ease}.device-tabs button:hover .device-tab-arrow,.device-tabs button.active .device-tab-arrow{opacity:1;transform:translate(2px)}.device-sim-summary{position:relative;padding:11px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--green-soft)),var(--card));box-shadow:0 10px 26px #18294e0f}.device-sim-summary:after{position:absolute;top:-27px;right:-25px;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--green) 12%,transparent);border-radius:50%;content:"";pointer-events:none}.device-sim-summary header{position:relative;z-index:1;display:flex;align-items:center;gap:8px;min-width:0}.device-sim-summary header>span{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;color:var(--green);background:var(--green-soft)}.device-sim-summary header>span .material-symbols-outlined{font-size:18px}.device-sim-summary header>div{display:grid;min-width:0;gap:2px}.device-sim-summary header small{color:var(--green);font-size:7px;font-weight:800;letter-spacing:.1em}.device-sim-summary header strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.device-sim-summary dl{position:relative;z-index:1;display:grid;gap:6px;margin:10px 0 0}.device-sim-summary dl>div{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface-alt) 66%,transparent)}.device-sim-summary dt{color:var(--muted);font-size:7px}.device-sim-summary dd{overflow:hidden;margin:0;color:var(--text);font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.device-sim-summary p{position:relative;z-index:1;margin:10px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.device-sim-summary.empty{background:var(--card)}.device-sim-summary.empty header>span{color:var(--muted);background:var(--surface-alt)}.device-sim-summary.empty header small{color:var(--muted)}.content{padding:27px 0 40px;min-height:430px}.device-content{min-width:0;padding:8px 0 4px;min-height:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}.section-heading h2{margin-bottom:0}.dial-layout{position:relative;display:grid;place-items:center;min-height:0;padding:6px 18px 10px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--accent-soft) 62%,transparent) 0,transparent 37%),linear-gradient(180deg,color-mix(in srgb,var(--card) 58%,transparent),transparent);isolation:isolate}.dial-layout:before,.dial-layout:after{content:"";position:absolute;z-index:0;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:50%;animation:dial-ring-breathe 8s ease-in-out infinite}.dial-layout:before{width:640px;height:640px}.dial-layout:after{width:470px;height:470px;animation-delay:-4s}.dial-background{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.dial-line{position:absolute;left:-12%;width:124%;height:190px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;opacity:.55;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 10%,transparent));animation:dial-line-drift 11s ease-in-out infinite}.dial-line-one{top:8%;--line-angle: -8deg}.dial-line-two{top:39%;--line-angle: 6deg;animation-delay:-3.7s;animation-duration:14s}.dial-line-three{top:69%;--line-angle: -4deg;animation-delay:-7.3s;animation-duration:17s}.dial-geo-square,.dial-geo-diamond{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 0 34px color-mix(in srgb,var(--accent-soft) 20%,transparent),0 0 44px color-mix(in srgb,var(--accent) 5%,transparent)}.dial-geo-square{top:-132px;right:7%;width:285px;height:285px;border-radius:66px;animation:dial-square-corner 28s ease-in-out infinite}.dial-geo-diamond{right:7%;bottom:-90px;width:210px;height:210px;border-radius:52px;animation:dial-diamond-float 18s ease-in-out infinite}.dial-pulse-circle{position:absolute;left:11%;bottom:18%;width:74px;height:74px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;box-shadow:0 0 color-mix(in srgb,var(--accent) 12%,transparent);animation:dial-pulse-appear 4.8s ease-in-out infinite}.dial-pulse-circle:before,.dial-pulse-circle:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.dial-pulse-circle:before{width:10px;height:10px;background:color-mix(in srgb,var(--accent) 72%,white);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 45%,transparent)}.dial-pulse-circle:after{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);animation:dial-pulse-core 2.4s ease-out infinite}.dial-glow{position:absolute;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);filter:blur(38px);animation:dial-glow-float 13s ease-in-out infinite}.dial-glow-one{top:10%;left:12%}.dial-glow-two{right:12%;bottom:5%;width:190px;height:190px;animation-delay:-6s;animation-duration:16s}.dialer{position:relative;z-index:1;width:min(100%,370px);padding:4px 8px 8px;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:Segoe UI Variable Display,Bahnschrift,Segoe UI Variable Text,Segoe UI,sans-serif}.dial-sim-tabs{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);width:min(100%,352px);margin:0 auto 8px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--card) 86%,transparent);box-shadow:0 8px 24px #1d30560d}.dial-sim-slider{position:absolute;z-index:0;top:3px;bottom:3px;left:calc(var(--sim-offset) + 3px);width:calc(var(--sim-width) - 6px);border:1px solid color-mix(in srgb,var(--accent) 8%,transparent);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,white),color-mix(in srgb,var(--accent-soft) 96%,transparent));box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 11%,transparent);transition:left .38s cubic-bezier(.22,.8,.2,1),width .28s ease}.dial-sim-native{position:absolute;z-index:2;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.dial-sim-tabs button{position:relative;z-index:1;min-width:0;min-height:36px;padding:7px 14px;overflow:hidden;border:0;border-radius:999px;color:var(--muted);background:transparent;box-shadow:none;font-size:11px;text-overflow:ellipsis;white-space:nowrap;transition:color .28s ease,transform .18s ease}.dial-sim-tabs button:hover:not(:disabled){transform:none;color:var(--accent);border-color:transparent;background:color-mix(in srgb,var(--accent-soft) 52%,transparent);box-shadow:none}.dial-sim-tabs button.active{color:var(--accent);background:transparent;box-shadow:none}.dialer-display{min-height:66px;padding:5px 9px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);text-align:center}.dialer-display>span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.number-row{margin-top:3px}.number-row input{width:100%;padding:5px 2px;border:0;outline:0;color:var(--text);background:transparent;font-family:Bahnschrift,Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(24px,3vw,31px);font-weight:540;letter-spacing:.045em;text-align:center;box-shadow:none}.number-row input:focus{outline:0}.number-row input::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent);font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:16px;font-weight:460;letter-spacing:.01em}.keypad{display:grid;grid-template-columns:repeat(3,62px);justify-content:center;gap:7px 34px;width:min(100%,294px);margin:10px auto 11px}.keypad button{position:relative;display:grid;place-items:center;width:62px;min-width:62px;height:52px;min-height:52px;padding:5px;border:1px solid color-mix(in srgb,var(--accent) 5%,transparent);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 56%,var(--card)),color-mix(in srgb,var(--card) 94%,var(--accent-soft)));box-shadow:0 7px 18px #283f7d0f}.keypad button:hover:not(:disabled){transform:translateY(-2px) scale(1.025);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:var(--accent-soft);box-shadow:0 10px 22px #2941841f}.keypad button:active:not(:disabled){transform:scale(.96)}.keypad button strong{font-size:21px;font-weight:570;line-height:1}.dial-actions{display:grid;grid-template-columns:42px minmax(150px,1fr) 42px;align-items:center;gap:10px;padding:0 6px 1px}.dial-action-secondary{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;color:var(--muted);background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:0 6px 18px #1d30560d}.dial-action-secondary .material-symbols-outlined{font-size:19px}.dial-call-button{min-height:44px;padding:10px 18px;border:0;border-radius:99px;color:#fff;background:linear-gradient(135deg,#476bff,#334de8);box-shadow:0 10px 25px #364ee640}.dial-call-button:hover:not(:disabled){border-color:transparent;background:linear-gradient(135deg,#5576ff,#2f47dc);box-shadow:0 13px 30px #364ee652}.dial-call-button .material-symbols-outlined{font-size:20px}.dial-call-button:disabled{color:var(--muted);background:var(--surface-alt);box-shadow:none}@keyframes dial-ring-breathe{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}@keyframes dial-line-drift{0%,to{opacity:.3;transform:translate3d(-3%,-5px,0) rotate(var(--line-angle))}50%{opacity:.72;transform:translate3d(4%,9px,0) rotate(calc(var(--line-angle) + 2deg))}}@keyframes dial-square-corner{0%,to{opacity:.34;transform:translateZ(0) rotate(18deg)}50%{opacity:.68;transform:translate3d(-24px,22px,0) rotate(42deg)}}@keyframes dial-diamond-float{0%,to{opacity:.45;transform:translateZ(0) rotate(38deg)}50%{opacity:.8;transform:translate3d(-34px,-28px,0) rotate(52deg)}}@keyframes dial-glow-float{0%,to{opacity:.5;transform:translate3d(-12px,4px,0) scale(.86)}50%{opacity:.95;transform:translate3d(42px,-24px,0) scale(1.16)}}@keyframes dial-pulse-appear{0%,to{opacity:.18;transform:scale(.82);box-shadow:0 0 color-mix(in srgb,var(--accent) 12%,transparent)}48%{opacity:.82;transform:scale(1);box-shadow:0 0 0 18px transparent}68%{opacity:.5;transform:scale(.94)}}@keyframes dial-pulse-core{0%{opacity:.75;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(1.85)}}.sim-select{position:relative;display:grid;max-width:320px;margin:28px 0 20px;gap:7px}.sim-select-label{display:block}.sim-select-native{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);white-space:nowrap}.sim-select-control{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;width:100%;min-height:52px;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:var(--card);box-shadow:none;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.sim-select-control:hover:not(:disabled){transform:none;background:var(--card);box-shadow:none}.sim-select-control:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.sim-select-icon{display:grid;place-items:center;width:30px;height:30px;justify-self:center;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.sim-select-icon .material-symbols-outlined{font-size:17px}.sim-select-control>.material-symbols-outlined{justify-self:start;font-size:18px;pointer-events:none;transition:transform .18s ease}.sim-select.open .sim-select-control>.material-symbols-outlined{transform:rotate(180deg)}.sim-select-value{display:grid;min-width:0;gap:4px;padding:7px 7px 7px 1px}.sim-select-value strong,.sim-select-value small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-select-value strong{color:var(--text);font:650 11px/1.15 Segoe UI Variable Text,Segoe UI,sans-serif}.sim-select-value small{color:var(--muted);font:500 8px/1.15 Segoe UI Variable Text,Segoe UI,sans-serif}.sim-select-control select{width:100%;min-height:44px;padding:8px 4px;border:0;outline:0;appearance:none;background:transparent;box-shadow:none}.sim-select-control select:focus{outline:0;box-shadow:none}.sim-select-menu{position:static;z-index:1;display:grid;gap:4px;width:100%;max-height:180px;margin-top:1px;padding:6px;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--card) 97%,var(--surface-alt));box-shadow:0 10px 26px #050c1c24;scrollbar-width:thin;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:sim-menu-in .16s ease-out}.sim-select-option{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:8px;width:100%;min-height:50px;padding:6px 8px;border:1px solid transparent;border-radius:10px;color:var(--text);background:transparent;box-shadow:none;text-align:left}.sim-select-option:hover:not(:disabled){transform:none;border-color:color-mix(in srgb,var(--accent) 12%,var(--border));background:color-mix(in srgb,var(--accent-soft) 56%,transparent);box-shadow:none}.sim-select-option.selected{border-color:color-mix(in srgb,var(--accent) 20%,var(--border));background:var(--accent-soft)}.sim-select-option>span:nth-child(2){display:grid;min-width:0;gap:4px}.sim-select-option strong,.sim-select-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sim-select-option strong{font:650 10px/1.15 Segoe UI Variable Text,Segoe UI,sans-serif}.sim-select-option small{color:var(--muted);font:500 8px/1.15 Segoe UI Variable Text,Segoe UI,sans-serif}.sim-select-option>.material-symbols-outlined{justify-self:end;color:var(--accent);font-size:17px}.sim-option-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 76%,var(--card))}.sim-option-icon .material-symbols-outlined{font-size:17px}@keyframes sim-menu-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.hint{font-size:13px;color:var(--muted);border-left:2px solid var(--accent);padding-left:16px;max-width:360px}.call-modal-backdrop{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:14px;overflow:hidden;background:#080e1b94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modal-backdrop-in .2s ease-out}.call-modal{width:min(460px,100%);max-height:calc(100dvh - 28px);padding:18px;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:26px;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent 38%),var(--card);box-shadow:0 30px 90px #03091661;animation:office-modal-in .28s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}.call-modal--compact{width:min(400px,100%)}.call-modal-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}.call-modal-header>div{text-align:center}.call-modal-header>div span,.call-modal-header>div strong{display:block}.call-modal-header>div span{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.call-modal-header>div strong{margin-top:3px;font:600 16px/1 Bahnschrift,Segoe UI Variable Display,sans-serif}.call-modal-signal{display:flex;align-items:end;justify-content:center;gap:3px;width:42px;height:42px;padding-bottom:12px;border-radius:13px;color:var(--muted);background:var(--surface-alt)}.call-modal-signal i{width:3px;border-radius:4px;background:currentColor;animation:call-signal 1.1s ease-in-out infinite alternate}.call-modal-signal i:nth-child(1){height:7px}.call-modal-signal i:nth-child(2){height:13px;animation-delay:-.35s}.call-modal-signal i:nth-child(3){height:19px;animation-delay:-.7s}.call-modal-signal.is-active{color:var(--green);background:var(--green-soft)}.call-modal-signal.is-ringing{color:var(--green);background:var(--green-soft);animation:incoming-signal-glow 1.45s ease-in-out infinite}.call-header-spacer{width:42px;height:42px}.call-modal-person{display:grid;justify-items:center;margin:17px 0 16px;text-align:center}.call-avatar{display:grid;place-items:center;width:62px;height:62px;margin-bottom:10px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:22px;color:var(--accent);background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--card) 82%,var(--accent-soft)));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 12%,transparent)}.call-avatar .material-symbols-outlined{font-size:29px}.call-modal-person small{color:var(--muted);font-size:10px}.call-modal-person h2{margin:5px 0 0;font:610 clamp(22px,5vw,28px)/1.15 Bahnschrift,"Segoe UI Variable Display",sans-serif;letter-spacing:.025em}.call-accept-button{width:100%;margin:0 0 12px;color:#fff;border:0;background:linear-gradient(135deg,#23aa7b,#16845f);box-shadow:0 10px 24px #18835f38}.call-modal--incoming{position:relative;isolation:isolate;width:min(390px,100%);padding:20px;overflow:hidden;border-color:color-mix(in srgb,var(--green) 24%,var(--border));background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--green-soft) 88%,transparent),transparent 42%),linear-gradient(160deg,color-mix(in srgb,var(--card) 96%,var(--green-soft)),var(--card));box-shadow:0 30px 90px #0309166b,0 0 0 1px color-mix(in srgb,var(--green) 5%,transparent)}.call-modal--incoming:before{position:absolute;z-index:-1;top:-145px;left:50%;width:310px;height:310px;border:1px solid color-mix(in srgb,var(--green) 12%,transparent);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 35px,color-mix(in srgb,var(--green) 4%,transparent) 36px 37px);content:"";transform:translate(-50%);animation:incoming-orbit 8s linear infinite}.call-modal--incoming .call-modal-header{animation:incoming-content-in .38s .04s both cubic-bezier(.2,.8,.2,1)}.call-modal--incoming .call-modal-person{position:relative;margin:26px 0 27px;animation:incoming-content-in .45s .1s both cubic-bezier(.2,.8,.2,1)}.call-modal--incoming .call-modal-person small{margin-top:6px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.call-modal--incoming .call-modal-person h2{margin-top:8px}.call-avatar--ringing{position:relative;z-index:0;width:78px;height:78px;margin-bottom:16px;border-color:color-mix(in srgb,var(--green) 28%,var(--border));border-radius:27px;color:var(--green);background:linear-gradient(145deg,color-mix(in srgb,var(--green-soft) 92%,white),color-mix(in srgb,var(--card) 78%,var(--green-soft)));box-shadow:0 16px 38px color-mix(in srgb,var(--green) 17%,transparent)}.call-avatar--ringing:before,.call-avatar--ringing:after{position:absolute;z-index:-1;inset:-9px;border:1px solid color-mix(in srgb,var(--green) 30%,transparent);border-radius:32px;content:"";animation:incoming-ring 2s ease-out infinite}.call-avatar--ringing:after{animation-delay:1s}.call-avatar--ringing .material-symbols-outlined{font-size:34px;animation:incoming-phone-swing 1.65s ease-in-out infinite}.incoming-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;animation:incoming-content-in .45s .18s both cubic-bezier(.2,.8,.2,1)}.incoming-call-actions button{display:grid;justify-items:center;gap:8px;min-height:94px;margin:0;overflow:hidden;border:0;border-radius:21px;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.incoming-call-actions button:hover:not(:disabled){transform:translateY(-3px);filter:saturate(1.08)}.incoming-call-actions button:active:not(:disabled){transform:translateY(0) scale(.97)}.incoming-call-actions button span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgb(255 255 255 / 16%);border-radius:50%;background:#ffffff24;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.incoming-call-actions button b{font-size:13px}.call-decline-button{color:#fff;background:linear-gradient(145deg,#ef6470,#c93442);box-shadow:0 12px 28px #c23b483d}.incoming-call-actions .call-accept-button{color:#fff;background:linear-gradient(135deg,#28b886,#16845f);box-shadow:0 12px 28px #18835f40}.incoming-call-actions .call-accept-button .material-symbols-outlined{animation:incoming-accept-icon 1.65s ease-in-out infinite}.incoming-call-actions .call-decline-button .material-symbols-outlined{transition:transform .22s ease}.incoming-call-actions .call-decline-button:hover .material-symbols-outlined{transform:rotate(10deg)}@keyframes incoming-content-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes incoming-ring{0%{opacity:.72;transform:scale(.86)}75%,to{opacity:0;transform:scale(1.38)}}@keyframes incoming-phone-swing{0%,to{transform:rotate(-7deg)}45%{transform:rotate(8deg) scale(1.07)}62%{transform:rotate(2deg) scale(1.02)}}@keyframes incoming-accept-icon{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(8deg) scale(1.12)}}@keyframes incoming-signal-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--green) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 9%,transparent)}}@keyframes incoming-orbit{to{transform:translate(-50%) rotate(360deg)}}.call-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.call-control-grid--compact{grid-template-columns:minmax(0,140px);justify-content:center;width:min(100%,140px);margin:0 auto}.call-control-grid>button{min-width:0;min-height:94px;flex-direction:column;gap:3px;padding:9px 4px;border-radius:17px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 78%,transparent);box-shadow:none}.call-control-grid>button>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:3px;border-radius:13px;color:var(--text);background:var(--card);transition:background .18s,color .18s,transform .18s}.call-control-grid>button b{max-width:100%;overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.call-control-grid>button small{max-width:100%;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.call-control-grid>button:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 20%,var(--border));box-shadow:0 9px 20px #1b2d5414}.call-control-grid>button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--accent-soft)}.call-control-grid>button.is-active>span{color:#fff;background:var(--accent);transform:scale(1.04)}.call-control-grid .material-symbols-outlined{font-size:20px}.call-hangup-button{display:flex;width:100%;margin-top:14px;border:0;color:var(--red);background:transparent;box-shadow:none}.call-hangup-button:hover:not(:disabled){transform:none;border-color:transparent;background:transparent;box-shadow:none}.call-hangup-button span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#f15b66,#c93442);box-shadow:0 12px 27px #c23b4845;transition:transform .18s,box-shadow .18s}.call-hangup-button:hover span{transform:scale(1.06);box-shadow:0 15px 32px #c23b4857}.call-hangup-button b{font-size:12px}@keyframes call-signal{to{opacity:.45;transform:scaleY(.58)}}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid var(--border);border-radius:9px;margin:16px 0;font-size:14px;overflow-wrap:anywhere}.notice.error{background:var(--red-soft);border-color:var(--red)}.notice.success{background:var(--green-soft);color:var(--green)}.notice.warning{color:var(--warning);background:var(--warning-soft)}.notice button{padding:3px 9px;background:transparent}.admin-toast{position:fixed;z-index:1100;top:104px;right:24px;display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:10px;width:min(380px,calc(100vw - 32px));min-height:58px;margin:0;padding:11px 11px 11px 13px;overflow:hidden;border-color:color-mix(in srgb,var(--green) 30%,var(--border));border-radius:13px;color:var(--green);background:color-mix(in srgb,var(--green-soft) 86%,var(--card));box-shadow:0 16px 45px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:admin-toast-in .28s cubic-bezier(.2,.78,.25,1)}.admin-toast:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--green);transform-origin:left;animation:admin-toast-progress var(--toast-duration, 4.5s) linear forwards}.admin-toast.is-closing{pointer-events:none;animation:admin-toast-out .28s cubic-bezier(.4,0,1,1) forwards}.admin-toast-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--green) 13%,transparent)}.admin-toast-icon .material-symbols-outlined{font-size:19px}.admin-toast-message{min-width:0;color:var(--text);font-size:12px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.admin-toast>button{display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:8px;color:var(--muted)}.admin-toast>button:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--green) 10%,transparent)}.admin-toast>button .material-symbols-outlined{font-size:18px}@keyframes admin-toast-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admin-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.97)}}@keyframes admin-toast-progress{to{transform:scaleX(0)}}.list-item{display:flex;align-items:center;gap:18px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;margin-bottom:10px}.item-body{flex:1;min-width:0;overflow-wrap:anywhere}.item-body strong{font-size:15px}.item-body p{font-size:12px;color:var(--muted);margin:6px 0 0}.item-body .message-body{font-size:14px;color:var(--text);white-space:pre-wrap}.item-icon{color:var(--accent);font-size:24px;width:28px;text-align:center}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.contact-number{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;flex-wrap:wrap}.contact-number span{min-width:150px;color:var(--muted)}.contact-number button{padding:5px 10px;font-size:12px}.search{width:100%;margin-bottom:22px}.empty{text-align:center;padding:55px 20px;font-size:14px;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.sms-compose{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:28px;display:grid;gap:16px}.sms-compose h3{margin:0}.compose-footer{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}.compose-footer .sim-select{margin:0;flex:1}.communication-page{position:relative;min-height:470px;padding:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 7%,var(--border));border-radius:18px;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--accent-soft) 54%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--card) 76%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));isolation:isolate;font-family:Segoe UI Variable Display,Bahnschrift,Segoe UI Variable Text,Segoe UI,sans-serif}.communication-background{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.communication-background i{position:absolute;left:-12%;width:124%;height:210px;border:1px solid color-mix(in srgb,var(--accent) 11%,transparent);border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;opacity:.48;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 8%,transparent));animation:communication-line-float 14s ease-in-out infinite}.communication-background i:first-child{top:8%;--communication-angle: -6deg}.communication-background i:nth-child(2){top:58%;--communication-angle: 5deg;animation-delay:-7s;animation-duration:18s}.communication-background span{position:absolute;right:7%;bottom:9%;width:76px;height:76px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;box-shadow:0 0 color-mix(in srgb,var(--accent) 10%,transparent);animation:dial-pulse-appear 5s ease-in-out infinite}.communication-background span:before{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 40%,transparent);content:"";transform:translate(-50%,-50%)}.communication-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:16px;background:color-mix(in srgb,var(--card) 86%,transparent);box-shadow:0 12px 32px #1c2e580f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.communication-title{display:flex;align-items:center;gap:14px;min-width:0}.communication-title-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--accent) 11%,transparent);border-radius:16px;color:var(--accent);background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--card) 82%,var(--accent-soft)));box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 9%,transparent)}.communication-title-icon .material-symbols-outlined{font-size:25px}.communication-title .eyebrow{display:block;margin-bottom:3px;font-size:9px}.communication-title h2{margin:0;font:640 clamp(22px,3vw,28px)/1.12 "Segoe UI Variable Display",Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.025em}.communication-title p{margin:5px 0 0;color:var(--muted);font:440 11px/1.45 Segoe UI Variable Text,Segoe UI,sans-serif}.communication-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.communication-actions .actions{gap:6px}.communication-actions button{min-height:35px;padding:7px 10px;border-radius:10px;font-size:10px;box-shadow:none}.communication-actions>button{color:var(--accent);background:var(--accent-soft)}.communication-actions button .material-symbols-outlined{font-size:16px}.communication-content{position:relative;z-index:1}.communication-list{display:grid;gap:9px}.communication-item{display:flex;align-items:center;gap:13px;min-height:72px;margin:0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:15px;background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:0 8px 24px #1e30580d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.communication-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));box-shadow:0 13px 30px #1e305817}.communication-item .item-body strong{font:610 14px/1.25 Segoe UI Variable Display,Bahnschrift,sans-serif}.communication-item .item-body p{margin-top:4px;font-size:10px}.communication-item-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;color:var(--accent);background:var(--accent-soft)}.communication-item-icon .material-symbols-outlined{font-size:21px}.communication-item.incoming .communication-item-icon{color:var(--green);background:var(--green-soft)}.communication-item.missed .communication-item-icon{color:var(--red);background:var(--red-soft)}.communication-item-action{min-height:34px;padding:7px 11px;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 72%,transparent);box-shadow:none;font-size:10px}.communication-item-action .material-symbols-outlined{font-size:16px}.communication-search{display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:center;gap:8px;margin-bottom:14px;padding:0 10px 0 13px;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--card) 90%,transparent);box-shadow:0 8px 24px #1e30580d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.communication-search>.material-symbols-outlined{font-size:20px}.communication-search input{min-height:46px;padding:8px 0;border:0;outline:0;background:transparent;box-shadow:none;font:470 13px/1 Segoe UI Variable Text,Segoe UI,sans-serif}.communication-search input:focus{border:0;outline:0;box-shadow:none}.communication-search button{width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:9px;background:transparent;box-shadow:none}.communication-search button .material-symbols-outlined{font-size:17px}.contacts-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.contacts-heading{display:flex;align-items:center;flex:0 0 auto;gap:10px}.contacts-heading-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:12px;color:var(--accent);background:var(--accent-soft);box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 8%,transparent)}.contacts-heading-icon .material-symbols-outlined{font-size:20px}.contact-heading-row{display:flex;align-items:center;gap:8px}.contact-heading-row h2{margin:0;font:720 22px/1.1 Trebuchet MS,Segoe UI,sans-serif;letter-spacing:-.025em}.contact-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:8px;color:var(--accent);background:var(--accent-soft);font:700 10px/1 Trebuchet MS,sans-serif}.contacts-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;gap:9px;min-width:0}.communication-contacts .contacts-search{width:min(330px,100%);max-width:none;margin:0;border-radius:11px;box-shadow:none}.communication-contacts .contacts-search input{min-height:38px;font:500 10px/1 Trebuchet MS,Segoe UI,sans-serif}.contacts-toolbar .communication-actions{flex-wrap:nowrap}.contacts-toolbar .communication-actions button{min-height:36px;padding:6px 9px;border-radius:10px;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:9px}.contacts-toolbar .contacts-refresh{width:36px;padding:0}.contact-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:11px}.contact-item{position:relative;align-items:stretch;flex-direction:column;gap:11px;width:auto;max-width:none;min-height:118px;padding:12px;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 7%,var(--border));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 95%,var(--accent-soft)),color-mix(in srgb,var(--card) 91%,var(--surface-alt)));box-shadow:0 8px 22px #1220420f;font-family:Trebuchet MS,Segoe UI,sans-serif}.contact-item:before{position:absolute;z-index:0;top:17px;right:18px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 24%,transparent);content:"";pointer-events:none;animation:contact-dot-pulse 2.8s ease-out infinite}.contact-item:after{position:absolute;top:-34px;right:-34px;width:88px;height:88px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;box-shadow:0 0 color-mix(in srgb,var(--accent) 8%,transparent);content:"";pointer-events:none;animation:contact-arc-pulse 4.2s ease-in-out infinite}.contact-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:0 12px 28px #1220421a}.contact-card-header{position:relative;z-index:1;display:flex;align-items:center;flex:none;gap:10px;width:100%;min-width:0;padding:0;border:0;background:none}.contact-avatar{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;color:var(--accent);background:radial-gradient(circle at 36% 28%,color-mix(in srgb,white 22%,transparent),transparent 34%),linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--card) 65%,var(--accent-soft)));box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--accent) 3%,transparent),0 7px 16px color-mix(in srgb,var(--accent) 9%,transparent)}.contact-avatar .material-symbols-outlined{font-size:22px}.contact-card-name{display:flex;min-width:0;flex-direction:column;gap:4px}.contact-card-name strong{overflow:hidden;color:var(--text);font:700 12px/1.18 Trebuchet MS,Segoe UI,sans-serif;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.contact-card-name span{overflow:hidden;color:var(--muted);font:400 9px/1.2 Trebuchet MS,Segoe UI,sans-serif;text-overflow:ellipsis;white-space:nowrap}.contact-card-numbers{position:relative;z-index:1;display:grid;flex:none;gap:7px;min-width:0;width:100%}.contact-item .contact-number{display:grid;gap:6px;margin:0;padding:0}.contact-item .contact-number+.contact-number{padding-top:7px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.contact-extra-number{display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--muted);font:600 9px/1.2 Trebuchet MS,sans-serif;text-overflow:ellipsis;white-space:nowrap}.contact-extra-number .material-symbols-outlined{color:var(--accent);font-size:13px}.contact-item .contact-action-group{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;gap:6px;width:100%;margin:0}.contact-item .contact-number button{justify-content:center;width:100%;min-width:0;min-height:36px;padding:6px 9px;border:1px solid transparent;border-radius:9px;color:#fff;box-shadow:none;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.contact-item .contact-number button b{overflow:hidden;font:700 9px/1 Trebuchet MS,Segoe UI,sans-serif;text-overflow:ellipsis;white-space:nowrap}.contact-item .contact-number button .material-symbols-outlined{flex:0 0 auto;font-size:16px}.contact-item .contact-number button:active:not(:disabled){transform:translateY(1px) scale(.985)}.contact-call-button{color:#fff;border-color:#12976c!important;background:#16a978;box-shadow:0 5px 13px #0a855e2e!important}.contact-call-button b{font-size:10px!important;font-weight:700!important;letter-spacing:.01em}.contact-call-button:hover:not(:disabled){color:#fff;border-color:#0c805b!important;background:#118d65;box-shadow:0 7px 16px #0a855e3d!important;filter:none}.contact-sms-button{padding:0!important;color:#fff!important;border-color:color-mix(in srgb,#5275ff 42%,var(--border))!important;background:linear-gradient(145deg,#617fff,#4059dc);box-shadow:0 6px 15px #4059dc33!important}.contact-sms-button:hover:not(:disabled){color:#fff!important;border-color:transparent!important;background:linear-gradient(145deg,#718bff,#354dcc);box-shadow:0 9px 20px #4059dc4a!important}.contact-copy-button{padding:0!important;color:var(--muted)!important;border-color:color-mix(in srgb,var(--border) 88%,transparent)!important;background:color-mix(in srgb,var(--surface-alt) 78%,var(--card));box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent)!important}.contact-copy-button:hover:not(:disabled){color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;background:var(--accent-soft);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 12%,transparent)!important}.contact-copy-button.copied{color:#fff!important;border-color:transparent!important;background:linear-gradient(145deg,#27b986,#11815f);box-shadow:0 7px 17px #11815f38!important}@keyframes contact-arc-pulse{0%,to{opacity:.42;transform:scale(.9);box-shadow:0 0 color-mix(in srgb,var(--accent) 5%,transparent)}50%{opacity:.92;transform:scale(1.08);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}}@keyframes contact-dot-pulse{0%{opacity:.45;box-shadow:0 0 color-mix(in srgb,var(--accent) 26%,transparent)}55%{opacity:1;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 0%,transparent)}to{opacity:.45;box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}}.communication-compose{margin-bottom:16px;padding:17px;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--card) 90%,transparent);box-shadow:0 12px 32px #1e305812;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.communication-compose-title{display:flex;align-items:center;gap:11px}.communication-compose-title>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.communication-compose-title>span .material-symbols-outlined{font-size:20px}.communication-compose-title h3{font-size:15px}.communication-compose-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.communication-compose-fields{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(260px,1.35fr);gap:12px}.communication-compose-fields label{font-size:10px}.communication-compose-fields input,.communication-compose-fields textarea{margin-top:6px;border-radius:12px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:12px}.communication-compose-fields textarea{min-height:76px;resize:vertical}.communication-compose .compose-footer{gap:12px}.sms-send-button{min-height:42px;border-radius:12px}.sms-send-button .material-symbols-outlined{font-size:18px}.sms-item .message-body{font-size:12px;line-height:1.45}.communication-sms .communication-heading{margin-bottom:14px}.communication-sms .sms-compose{position:relative;gap:18px;margin-bottom:18px;padding:19px;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 13%,var(--border));border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 95%,var(--accent-soft)),color-mix(in srgb,var(--card) 92%,var(--surface-alt)));box-shadow:0 14px 34px #18284e12}.communication-sms .sms-compose:after{position:absolute;top:-65px;right:-55px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:"";pointer-events:none}.communication-sms .communication-compose-title{position:relative;z-index:1;padding-bottom:15px;border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent)}.communication-sms .communication-compose-title>span{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--card) 68%,var(--accent-soft)))}.communication-sms .communication-compose-title>div{flex:1 1 auto;min-width:0}.communication-sms .communication-compose-title h3{margin:0;font:680 16px/1.2 Segoe UI Variable Display,Segoe UI,sans-serif}.communication-sms .communication-compose-title p{margin-top:4px;font-size:10px}.sms-compose-badge{display:inline-flex;align-items:center;flex:0 0 auto;gap:6px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--green) 18%,var(--border));border-radius:999px;color:var(--green);background:color-mix(in srgb,var(--green-soft) 72%,transparent);font:650 8px/1 Segoe UI Variable Text,sans-serif;font-style:normal}.sms-compose-badge .material-symbols-outlined{font-size:14px}.sms-compose-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(360px,1.28fr);gap:13px}.sms-compose-details,.sms-compose-message{min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:15px;background:color-mix(in srgb,var(--card) 65%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent)}.sms-compose-details{display:grid;align-content:start;gap:14px}.sms-compose-message{display:flex;flex-direction:column;gap:11px}.sms-compose-details label,.sms-compose-message label{gap:7px;color:var(--muted);font:620 10px/1.2 Segoe UI Variable Text,Segoe UI,sans-serif}.sms-compose-message .sms-message-field{flex:1 1 auto;min-height:0}.communication-sms .communication-compose-fields{position:relative;z-index:1;grid-template-columns:minmax(220px,.72fr) minmax(300px,1.28fr);gap:14px}.communication-sms .communication-compose-fields label{gap:7px;color:var(--muted);font:620 10px/1.2 Segoe UI Variable Text,Segoe UI,sans-serif}.sms-field-control{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:48px;overflow:hidden;border:1px solid var(--border);border-radius:13px;color:var(--muted);background:color-mix(in srgb,var(--card) 88%,transparent);transition:border-color .18s ease,box-shadow .18s ease}.sms-field-control:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.sms-field-control>.material-symbols-outlined{justify-self:end;font-size:18px}.communication-sms .sms-field-control input{min-height:46px;margin:0;padding:10px;border:0;outline:0;background:transparent;box-shadow:none;font:530 12px/1 Segoe UI Variable Text,Segoe UI,sans-serif}.sms-textarea-control{position:relative;flex:1 1 auto;min-height:138px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--card) 88%,transparent);transition:border-color .18s ease,box-shadow .18s ease}.sms-textarea-control:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.communication-sms .sms-textarea-control textarea{width:100%;height:100%;min-height:136px;margin:0;padding:12px 13px 27px;border:0;outline:0;resize:none;background:transparent;box-shadow:none;font:500 12px/1.45 Segoe UI Variable Text,Segoe UI,sans-serif}.sms-character-count{position:absolute;right:11px;bottom:8px;color:var(--muted);font:500 8px/1 Segoe UI Variable Text,sans-serif;pointer-events:none}.communication-sms .compose-footer{position:relative;z-index:1;align-items:end;padding-top:1px}.communication-sms .sim-select{width:100%;min-width:0;max-width:none;margin:0;gap:7px;color:var(--muted);font-size:10px;font-weight:620}.communication-sms .sim-select-control{min-height:48px;border-color:color-mix(in srgb,var(--accent) 8%,var(--border));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--accent-soft)),color-mix(in srgb,var(--card) 88%,var(--surface-alt)));box-shadow:0 6px 16px #17274e0d}.communication-sms .sim-select-control:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.communication-sms .sim-select-control:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),0 9px 20px #17274e14}.communication-sms .sim-select-icon{position:relative;width:31px;height:31px;background:linear-gradient(145deg,var(--accent-soft),color-mix(in srgb,var(--card) 68%,var(--accent-soft)))}.communication-sms .sim-select-icon:after{position:absolute;right:4px;bottom:4px;width:5px;height:5px;border:1px solid var(--card);border-radius:50%;background:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 12%,transparent);content:""}.communication-sms .sim-select-control select{min-height:46px;color:var(--text);font:600 11px/1 Segoe UI Variable Text,Segoe UI,sans-serif}.communication-sms .sms-send-button{min-width:170px;min-height:43px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#607dff,#4058da);box-shadow:0 9px 22px #4058da3b;font-size:11px}.communication-sms .sms-send-button:hover:not(:disabled){border-color:transparent;background:linear-gradient(135deg,#6d88ff,#354cc9);box-shadow:0 12px 26px #4058da4f}.sms-compose-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.sms-send-hint{display:inline-flex;align-items:center;gap:6px;max-width:260px;color:var(--muted);font:500 8px/1.35 Segoe UI Variable Text,sans-serif}.sms-send-hint .material-symbols-outlined{flex:0 0 auto;color:var(--accent);font-size:14px}.sms-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 11px}.sms-history-heading>div{display:flex;align-items:center;gap:10px}.sms-history-heading>div>span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.sms-history-heading .material-symbols-outlined{font-size:18px}.sms-history-heading h3{margin:0;font:650 14px/1.2 Segoe UI Variable Display,Segoe UI,sans-serif}.sms-history-heading p{margin:3px 0 0;color:var(--muted);font-size:9px}.sms-history-heading>b{display:grid;place-items:center;min-width:27px;height:27px;padding:0 8px;border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:10px}.communication-sms .sms-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.communication-sms .sms-item{position:relative;align-items:stretch;flex-direction:column;gap:12px;min-height:148px;padding:14px;overflow:hidden;border-radius:16px;background:color-mix(in srgb,var(--card) 92%,transparent)}.communication-sms .sms-item:before{position:absolute;top:0;bottom:0;left:0;width:3px;border-radius:3px;background:var(--accent);content:""}.communication-sms .sms-item.incoming:before{background:var(--green)}.communication-sms .sms-item.outgoing:before{background:var(--accent)}.communication-sms .sms-item:hover{transform:translateY(-2px)}.sms-card-header{display:flex;align-items:center;gap:10px;min-width:0}.sms-card-header .communication-item-icon{width:38px;height:38px;border-radius:12px}.sms-card-header>div{display:grid;flex:1 1 auto;gap:3px;min-width:0}.sms-card-header strong{overflow:hidden;font:650 12px/1.2 Segoe UI Variable Text,Segoe UI,sans-serif;text-overflow:ellipsis;white-space:nowrap}.sms-card-header>div>span{color:var(--muted);font-size:8px}.sms-card-header .communication-item-action{flex:0 0 auto;min-height:32px;padding:6px 9px;border-radius:9px;font-size:9px}.sms-card-header .communication-item-action .material-symbols-outlined{font-size:14px}.communication-sms .sms-item>.message-body{flex:1 1 auto;margin:0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--border) 76%,transparent);border-radius:12px;color:var(--text);background:color-mix(in srgb,var(--surface-alt) 62%,transparent);font:470 11px/1.55 Segoe UI Variable Text,Segoe UI,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.sms-card-footer{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.sms-card-footer .material-symbols-outlined{font-size:13px}.communication-page .empty{padding:42px 18px;border-radius:15px;background:color-mix(in srgb,var(--card) 74%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes communication-line-float{0%,to{opacity:.28;transform:translate3d(-3%,-4px,0) rotate(var(--communication-angle))}50%{opacity:.7;transform:translate3d(4%,9px,0) rotate(calc(var(--communication-angle) + 2deg))}}.logs{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:10px;height:400px;overflow:auto;font:12px/1.8 monospace}.logs>div{display:flex;gap:20px}.logs time{flex-shrink:0;color:var(--muted)}.logs span{overflow-wrap:anywhere}.log-error{color:var(--red)}.log-success{color:var(--green)}.log-warning{color:var(--warning)}.device-heading{padding-top:30px}.audio-tests{padding-top:2px}.audio-tests-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 22px}.audio-tests-heading>div{display:flex;align-items:center;gap:13px;min-width:0}.audio-tests-heading-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:12px;color:var(--accent);background:var(--accent-soft)}.audio-tests-heading-icon .material-symbols-outlined{font-size:23px}.audio-tests-heading h2{margin:0;color:var(--text);font-size:20px;font-weight:650;letter-spacing:-.025em}.audio-tests-heading p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.audio-test-state{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid var(--border);border-radius:99px;color:var(--muted);background:var(--surface-alt);font-size:10px}.audio-test-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.audio-test-state.active{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:var(--green-soft)}.audio-test-state.active i{animation:audio-status-pulse 1.35s ease-in-out infinite}.test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.test-card{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:360px;padding:19px;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 96%,var(--accent-soft)),var(--card));box-shadow:var(--shadow);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.test-card:before{position:absolute;top:0;right:0;left:0;height:2px;content:"";opacity:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);transition:opacity .2s ease}.test-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-2px)}.test-card.is-running{border-color:color-mix(in srgb,var(--green) 42%,var(--border));box-shadow:0 14px 36px color-mix(in srgb,var(--green) 10%,transparent)}.test-card.is-running:before{opacity:1;background:linear-gradient(90deg,transparent,var(--green),transparent)}.test-card h3,.test-card p{margin:0}.test-card label{gap:7px;color:var(--muted);font-size:10px}.test-card select{width:100%;min-height:40px;color:var(--text);background:var(--surface-alt)}.test-card-heading{display:flex;align-items:center;gap:11px}.test-card-heading>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.test-card-heading>span .material-symbols-outlined{font-size:21px}.test-card-heading h3{color:var(--text);font-size:14px;font-weight:650}.test-card-heading small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.test-card-heading small.allowed{color:var(--green)}.microphone-meter{padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-alt)}.microphone-meter-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:9px}.microphone-meter-label strong{color:var(--text);font-size:10px;font-variant-numeric:tabular-nums}.microphone-meter-bars{display:flex;align-items:center;gap:3px;height:31px}.microphone-meter-bars i{width:100%;height:7px;border-radius:5px;background:color-mix(in srgb,var(--muted) 18%,transparent);transition:height .12s ease,background .12s ease,box-shadow .12s ease}.microphone-meter-bars i:nth-child(3n+1){height:12px}.microphone-meter-bars i:nth-child(4n+2){height:18px}.microphone-meter-bars i:nth-child(5n){height:25px}.microphone-meter-bars i.active{background:linear-gradient(180deg,var(--green),color-mix(in srgb,var(--green) 68%,var(--accent)));box-shadow:0 0 8px color-mix(in srgb,var(--green) 30%,transparent)}.test-card--microphone.is-running .microphone-meter-bars i.active{animation:microphone-bar-pulse .7s ease-in-out infinite alternate;animation-delay:calc(var(--bar-index) * -35ms)}.test-card-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:auto}.test-card-actions button,.test-main-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 11px;font-size:10px}.test-card-actions .material-symbols-outlined,.test-main-action .material-symbols-outlined{font-size:17px}.test-permission-button{color:var(--muted);background:var(--surface-alt)}.speaker-settings{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr);align-items:end;gap:10px}.volume-control>span{display:flex;align-items:center;justify-content:space-between;gap:9px}.volume-control b{color:var(--accent);font-size:9px;font-variant-numeric:tabular-nums}.volume-control input[type=range]{width:100%;min-height:40px;margin:0;accent-color:var(--accent)}.test-main-action{width:100%;margin-top:auto}.test-card--echo>p{color:var(--muted);font-size:10px;line-height:1.65}.echo-illustration{display:flex;align-items:center;justify-content:center;gap:8px;min-height:84px;border:1px solid var(--border);border-radius:11px;background:radial-gradient(circle at center,var(--accent-soft),transparent 70%)}.echo-illustration>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;color:var(--accent);background:var(--card);box-shadow:0 5px 14px #00000014}.echo-illustration>span .material-symbols-outlined{font-size:19px}.echo-illustration>i{width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.3}.test-card--echo.is-running .echo-illustration>i{animation:echo-dot 1.15s ease-in-out infinite}.test-card--echo.is-running .echo-illustration>i:nth-of-type(2){animation-delay:.14s}.test-card--echo.is-running .echo-illustration>i:nth-of-type(3){animation-delay:.28s}.echo-tip{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border-radius:9px;color:var(--muted);background:var(--surface-alt);font-size:9px;line-height:1.45}.echo-tip .material-symbols-outlined{flex:0 0 auto;color:var(--accent);font-size:15px}.test-message{display:flex;align-items:center;gap:11px;min-height:62px;margin:14px 0 0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;color:var(--muted);background:var(--card)}.test-message>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.test-message>span .material-symbols-outlined{font-size:18px}.test-message>div{display:grid;gap:3px;min-width:0}.test-message strong{color:var(--text);font-size:10px}.test-message p{margin:0;font-size:10px;line-height:1.45}.test-message>b{margin-left:auto;color:var(--green);font-size:12px;font-variant-numeric:tabular-nums}.test-message.active{border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:color-mix(in srgb,var(--green-soft) 45%,var(--card))}.test-message.active>span{color:var(--green);background:var(--green-soft)}.test-message.active>span .material-symbols-outlined{animation:audio-status-pulse 1.2s ease-in-out infinite}@keyframes audio-status-pulse{50%{opacity:.45;transform:scale(.88)}}@keyframes microphone-bar-pulse{to{transform:scaleY(.72);filter:brightness(1.18)}}@keyframes echo-dot{0%,to{opacity:.25;transform:scale(.75)}50%{opacity:1;transform:scale(1.35)}}.audio-page>.eyebrow{display:block;margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0 32px;align-items:start}.admin-card{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--card);display:grid;gap:16px;box-shadow:var(--shadow)}.admin-card h3,.admin-card p{margin:0}.admin-card input{width:100%}.device-admin{margin-bottom:18px}.device-admin form{display:flex;align-items:end;gap:16px}.device-admin form label{flex:1}.device-admin fieldset{border:1px solid var(--border);border-radius:9px;padding:18px;min-width:0}.device-admin legend{font-size:13px;font-weight:600;padding:0 6px}.check-label{display:flex;flex-direction:row;align-items:center;margin:12px 0}.check-label input{width:17px}.pair-box{position:sticky;bottom:15px;border:1px solid var(--accent);padding:20px;background:var(--card);border-radius:10px;display:flex;justify-content:space-between;gap:15px;align-items:center}.pair-box>div{flex:1;min-width:0}.pair-box input{width:100%;font-family:monospace}.pair-box label{margin-top:14px}.spaced{margin-top:32px}.office-user-item{flex-wrap:wrap}.office-user-item>form{width:100%;display:flex;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.office-user-item>form input{flex:1}.admin-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-page-heading h1{margin:0 0 7px}.admin-page-heading p{margin:0;color:var(--muted);font-size:14px}.admin-sections{display:flex;gap:7px;padding:6px;margin-bottom:28px;width:fit-content;max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:13px;background:var(--card)}.admin-sections button{flex:0 0 auto;min-height:42px;border:0;background:transparent;color:var(--muted)}.admin-sections button.active{color:var(--accent);background:var(--accent-soft)}.admin-sections button .material-symbols-outlined{font-size:19px}.admin-section-panel{animation:admin-panel-in .22s ease-out}@keyframes admin-panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.super-admin-heading{align-items:end}.super-admin-heading p{max-width:720px;margin:7px 0 0}.super-admin-total{display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--muted)}.super-admin-total .material-symbols-outlined{color:var(--accent)}.super-admin-total b{color:var(--text)}.office-create{margin:26px 0 34px}.office-create-title{display:flex;align-items:center;gap:13px}.office-create-title>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.office-create-title h3{margin-bottom:4px}.office-create-title p{font-size:12px}.office-create-fields{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:14px;align-items:end}.office-create-fields button{white-space:nowrap}.admin-create-hint{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px dashed var(--border);border-radius:12px;color:var(--accent);background:var(--accent-soft)}.admin-create-hint p{display:grid;gap:3px;margin:0;line-height:1.45}.admin-create-hint b{color:var(--text);font-size:13px}.admin-create-hint span{color:var(--muted);font-size:12px}.credential-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding-top:2px}.credential-note .material-symbols-outlined{color:var(--green);font-size:18px}.office-list-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.office-list-heading h3{margin:0}.office-list-heading span{min-width:25px;padding:3px 8px;text-align:center;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.office-table{position:relative;overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.office-data-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;table-layout:auto}.office-data-table th{position:sticky;z-index:1;top:0;padding:12px 16px;border-bottom:1px solid var(--border);color:var(--muted);background:var(--surface-alt);font-size:10px;font-weight:750;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}.office-data-table th:first-child{padding-left:20px}.office-data-table th:last-child{width:1%;padding-right:20px}.office-data-table td{padding:15px 16px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:12px}.office-data-table td:first-child{min-width:210px;padding-left:20px}.office-data-table td:nth-child(2){min-width:150px}.office-data-table td:last-child{padding-right:20px;text-align:right}.office-data-table tbody tr:last-child td{border-bottom:0}.office-data-table tbody tr{transition:background .16s}.office-data-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,var(--card))}.office-data-table tbody tr:focus-within{background:var(--accent-soft)}.office-identity{display:flex;align-items:center;gap:12px;min-width:0}.office-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:var(--accent);background:var(--accent-soft);font-weight:700}.office-identity>div{display:grid;gap:3px;min-width:0}.office-identity strong,.office-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-identity small,.office-row time,.last-seen{color:var(--muted);font-size:12px}.office-login{display:grid;gap:4px;min-width:0}.office-login span,.office-login small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.office-login span{font-size:13px;font-weight:600}.office-login small{color:var(--muted);font-size:11px;letter-spacing:.08em}.account-state{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:99px;font-size:10px;font-weight:700;white-space:nowrap}.account-state.enabled{color:var(--green);background:var(--green-soft)}.account-state.disabled{color:var(--red);background:var(--red-soft)}.account-state .material-symbols-outlined{font-size:15px}.office-counts{display:flex;align-items:center;gap:9px}.office-counts span{display:inline-flex;align-items:center;gap:4px;min-width:38px;padding:6px 8px;border-radius:8px;color:var(--muted);background:var(--surface-alt);font-size:11px;font-weight:650}.office-counts .material-symbols-outlined{color:var(--accent);font-size:15px}.manage-office-button{white-space:nowrap}.manage-office-button .material-symbols-outlined{color:var(--accent);font-size:18px}.table-scroll-hint{display:none;align-items:center;gap:6px;margin:9px 2px 0;color:var(--muted);font-size:10px}.table-scroll-hint .material-symbols-outlined{font-size:16px}.delete-button{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--border))}.delete-button .material-symbols-outlined{font-size:17px}.presence{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.presence i{width:7px;height:7px;border-radius:50%;background:currentColor}.presence.online{color:var(--green)}.danger-subtle{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,var(--border))}.office-password{grid-column:1 / -1;display:flex;align-items:end;gap:10px;padding:14px 0 2px 54px;border-top:1px solid var(--border)}.office-password label{flex:1}.office-password label span{font-size:11px;color:var(--muted)}.office-empty{margin-bottom:16px}.office-empty .material-symbols-outlined{display:block;margin:0 auto 8px;font-size:30px}.security-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:22px;align-items:start}.security-layout .profile-password{min-width:0}.security-summary{padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.security-summary h3{margin-bottom:20px}.security-summary>div{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--border)}.security-summary>div>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.security-summary>div>span .material-symbols-outlined{font-size:19px}.security-summary p{display:grid;gap:4px;margin:0;line-height:1.45}.security-summary b{font-size:13px}.security-summary small{color:var(--muted);font-size:11px}.admin-profile-card{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:22px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--card),var(--accent-soft));box-shadow:var(--shadow)}.admin-profile-card>.profile-avatar{position:static;width:66px;height:66px;flex:0 0 auto;border:5px solid var(--card);font-size:24px}.admin-profile-card>div{min-width:0}.admin-profile-card small{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.12em}.admin-profile-card h2{margin:4px 0}.admin-profile-card p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:11px}.admin-profile-card p .material-symbols-outlined{color:var(--accent);font-size:17px}.admin-profile-card dl{display:flex;gap:35px;margin:0 0 0 auto}.admin-profile-card dl div{display:grid;gap:5px}.admin-profile-card dt{color:var(--muted);font-size:10px}.admin-profile-card dd{margin:0;font-size:13px;font-weight:650}.security-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;align-items:start}.login-change-card>button{justify-self:start}.ip-access-card>form{display:flex;align-items:end;gap:10px}.ip-access-card>form label{flex:1}.current-ip{display:flex;justify-content:space-between;gap:15px;padding:12px 14px;border-radius:9px;color:var(--muted);background:var(--surface-alt);font-size:11px}.current-ip strong{color:var(--text);font-family:monospace}.ip-list{display:grid;gap:7px}.ip-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.ip-list code{overflow:hidden;text-overflow:ellipsis}.ip-list button{min-height:30px;padding:4px}.ip-list p{margin:0;color:var(--muted);font-size:12px}body.modal-open{overflow:hidden}.office-modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px;background:#080e1b9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:modal-backdrop-in .18s ease-out}.office-modal{width:min(650px,100%);max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 24px 80px #00000047;animation:office-modal-in .22s ease-out}.office-modal>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.office-modal>header>div{display:flex;align-items:center;gap:13px;min-width:0}.office-modal>header>div>div{min-width:0}.office-modal header small{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.13em}.office-modal header h2{overflow:hidden;margin:3px 0;font-size:21px;text-overflow:ellipsis;white-space:nowrap}.office-modal header p{overflow:hidden;margin:0;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.modal-close{width:38px;min-height:38px;padding:0;flex:0 0 auto;border-radius:50%}.office-modal-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:20px 23px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--border)}.office-modal-summary>div{display:grid;gap:5px;padding:13px;background:var(--surface-alt)}.office-modal-summary span{color:var(--muted);font-size:9px}.office-modal-summary b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.status-enabled{color:var(--green)}.status-disabled{color:var(--red)}.modal-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 23px 0;padding:15px 17px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.modal-action-card>div{display:flex;align-items:center;gap:12px;min-width:0}.modal-action-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.modal-action-icon .material-symbols-outlined{font-size:19px}.modal-action-card p{display:grid;gap:4px;margin:0;line-height:1.4}.modal-action-card p b{font-size:13px}.modal-action-card p small{color:var(--muted);font-size:10px}.modal-action-card>button{flex:0 0 auto}.modal-password-form{display:grid;grid-template-columns:1fr auto;align-items:end}.modal-password-form>div{grid-column:1 / -1}.modal-password-form label{min-width:0}.modal-password-form input{width:100%}.modal-password-form>button{align-self:end;min-height:47px}.modal-ip-access{display:grid;align-items:stretch;justify-content:initial}.modal-ip-access>.modal-ip-heading{display:flex}.modal-ip-access>form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.modal-ip-access>form label{min-width:0}.modal-ip-access>form input{width:100%}.modal-ip-access>form button{white-space:nowrap}.modal-ip-access>.ip-list{width:100%}.modal-ip-access>.office-ip-reset{justify-self:start;min-height:34px;padding:7px 10px;color:var(--muted);font-size:10px;background:transparent}.modal-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 23px 23px;padding:15px 17px;border:1px solid color-mix(in srgb,var(--red) 35%,var(--border));border-radius:12px;background:var(--red-soft)}.modal-danger-zone>div{display:flex;align-items:flex-start;gap:10px}.modal-danger-zone>div>.material-symbols-outlined{margin-top:2px;color:var(--red);font-size:20px}.modal-danger-zone p{display:grid;gap:4px;margin:0;line-height:1.4}.modal-danger-zone b{color:var(--red);font-size:13px}.modal-danger-zone small{color:var(--muted);font-size:10px}.modal-danger-zone>button{flex:0 0 auto;background:var(--card)}.modal-notice{margin:16px 23px 0}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes office-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}@media(max-height:700px)and (min-width:641px){.office-modal>header{padding-block:14px}.modal-action-card{margin-top:10px;padding-block:11px}.modal-danger-zone{margin-top:10px;margin-bottom:14px;padding-block:11px}.modal-ip-access{gap:9px}}.analytics-updated{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.analytics-updated .material-symbols-outlined{font-size:17px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.analytics-cards article{display:flex;align-items:center;gap:16px;min-width:0;padding:21px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.analytics-cards article>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.analytics-cards article>div{display:grid;gap:2px;min-width:0}.analytics-cards strong{font-size:27px;line-height:1;letter-spacing:-.03em}.analytics-cards small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.analytics-table-card{position:relative;overflow:hidden;padding:26px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--accent-soft) 34%,var(--card)));box-shadow:var(--shadow)}.analytics-table-card:before{content:"";position:absolute;top:-110px;right:-80px;width:280px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--accent) 9%,transparent);filter:blur(35px);pointer-events:none}.analytics-table-title{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.analytics-title-copy{display:flex;align-items:center;gap:13px;min-width:0}.analytics-title-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:12px;color:var(--accent);background:var(--accent-soft)}.analytics-title-icon .material-symbols-outlined{font-size:21px}.analytics-table-title h3,.analytics-table-title p{margin:0}.analytics-table-title h3{margin-bottom:4px;font-size:17px}.analytics-table-title p{font-size:11px}.analytics-active-summary{display:flex;align-items:center;gap:5px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--green) 22%,transparent);border-radius:99px;color:var(--green);background:var(--green-soft);font-size:10px;font-weight:650;white-space:nowrap}.analytics-active-summary .material-symbols-outlined{margin-right:2px;font-size:15px}.analytics-active-summary b{font-size:12px}.analytics-office-list{position:relative;display:grid;gap:10px}.analytics-office-list>article{position:relative;display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(145px,.72fr) minmax(135px,.68fr) minmax(145px,.72fr);align-items:center;gap:12px;padding:13px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-alt) 72%,var(--card));transition:border-color .18s,transform .18s,box-shadow .18s}.analytics-office-list>article:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 3px 3px 0;background:var(--accent);opacity:.72}.analytics-office-list>article:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 9px 28px #00000014;transform:translateY(-1px)}.analytics-office-name{display:flex;align-items:center;gap:12px;min-width:0;padding-left:5px}.analytics-office-name .office-avatar{width:43px;height:43px;border-radius:12px;font-size:13px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}.analytics-office-name>div{display:grid;gap:3px;min-width:0}.analytics-office-name strong,.analytics-office-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-office-name strong{font-size:14px}.analytics-office-name small{color:var(--muted);font-size:10px}.analytics-metric,.analytics-office-state{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:11px;background:color-mix(in srgb,var(--card) 72%,transparent)}.analytics-metric-icon,.analytics-office-state>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.analytics-metric .material-symbols-outlined,.analytics-office-state .material-symbols-outlined{font-size:16px}.analytics-metric>div,.analytics-office-state>div{display:grid;gap:1px;min-width:0}.analytics-metric small,.analytics-office-state small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.analytics-metric b,.analytics-office-state b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.analytics-office-state>span{color:var(--muted);background:var(--surface-alt)}.analytics-office-state.online{border-color:color-mix(in srgb,var(--green) 22%,var(--border))}.analytics-office-state.online>span,.analytics-office-state.online b{color:var(--green)}.analytics-office-state.online>span{background:var(--green-soft)}.workspace-body>main.flow-main{position:relative;max-width:none;margin:0;padding:0;overflow:hidden}.super-admin-page.flow-page{position:absolute;inset:0;height:auto;min-height:0;padding:0;overflow:hidden}.office-flow-page{position:absolute;inset:0;min-height:0;padding:0;overflow:hidden}.averon-flow-shell{height:100%;animation:admin-panel-in .22s ease-out}.office-flow-page .flow-viewport{animation:admin-panel-in .22s ease-out}.office-flow-root .flow-node-icon{color:var(--accent);background:var(--accent-soft)}.office-flow-legend{position:absolute;z-index:7;top:16px;left:16px;display:flex;align-items:center;gap:10px;max-width:310px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--green) 34%,var(--border));border-radius:13px;color:var(--text);background:color-mix(in srgb,var(--card) 92%,transparent);box-shadow:0 10px 28px #0000001f;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:admin-panel-in .22s ease-out}.office-flow-legend>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--green);background:color-mix(in srgb,var(--green) 14%,transparent)}.office-flow-legend>span .material-symbols-rounded{font-size:19px}.office-flow-legend div{min-width:0;display:grid;gap:1px}.office-flow-legend b{font-size:12px;line-height:1.35}.office-flow-legend small{color:var(--muted);font-size:10px;line-height:1.35}.office-flow-add-actions{position:absolute;z-index:4;display:flex;gap:7px;transform:translate(-50%)}.office-flow-add-actions .flow-add-child{position:static;white-space:nowrap}.office-flow-create-dialog{width:min(430px,100%)}.flow-member-manage{position:absolute;z-index:4;display:grid;place-items:center;width:28px;min-height:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 6px 18px #00000024;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-member-manage:hover:not(:disabled){color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--card);transform:translate(-50%) translateY(-1px)}.flow-member-manage .material-symbols-outlined{font-size:16px}.office-flow-manage-dialog{width:min(440px,100%)}.office-flow-manage-dialog>button.primary{width:100%;margin-top:16px}.office-flow-danger{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:13px;border:1px solid color-mix(in srgb,var(--red) 36%,var(--border));border-radius:12px;background:var(--red-soft)}.office-flow-danger>div{display:flex;align-items:flex-start;gap:9px;min-width:0}.office-flow-danger>div>.material-symbols-outlined{margin-top:1px;color:var(--red);font-size:19px}.office-flow-danger p{display:grid;gap:3px;margin:0}.office-flow-danger b{color:var(--red);font-size:11px}.office-flow-danger small{color:var(--muted);font-size:9px;line-height:1.4}.office-flow-danger>button{flex:0 0 auto;color:var(--red);background:var(--card)}.office-flow-error{position:absolute;z-index:19;top:16px;left:50%;width:min(440px,calc(100% - 32px));margin:0;transform:translate(-50%);box-shadow:0 14px 34px #0000002e}.flow-viewport{position:relative;height:100%;min-height:0;overflow:hidden;border:0;border-radius:0;background:color-mix(in srgb,var(--bg) 78%,#0e1420);box-shadow:inset 0 0 60px #0000000d;cursor:grab;touch-action:none}.flow-viewport:active{cursor:grabbing}.flow-grid{position:absolute;inset:0;opacity:.46;background-image:radial-gradient(circle,color-mix(in srgb,var(--muted) 62%,transparent) 1px,transparent 1.2px);background-position:0 0;background-size:24px 24px;pointer-events:none}.flow-world{position:absolute;inset:0 auto auto 0;transform-origin:0 0;will-change:transform}.flow-world.is-auto-centering{transition:transform .68s cubic-bezier(.2,.82,.28,1)}.flow-connections{position:absolute;inset:0;overflow:visible;pointer-events:none}.flow-connections path{fill:none;stroke:color-mix(in srgb,var(--accent) 48%,var(--border));stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.flow-connections path.flow-member-connection{stroke:color-mix(in srgb,var(--muted) 42%,var(--border));stroke-dasharray:4 5}.flow-connections path.flow-member-connection.device{stroke:color-mix(in srgb,var(--green) 48%,var(--border))}.flow-connections path.flow-access-connection{stroke:color-mix(in srgb,var(--green) 78%,var(--accent));stroke-width:1.35;stroke-dasharray:6 7;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--green) 38%,transparent));animation:flow-access-pulse 2.4s linear infinite}.flow-connections path.flow-access-draft{stroke:var(--accent);stroke-width:1.7;stroke-dasharray:6 6;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 48%,transparent));animation:flow-access-pulse 1.2s linear infinite}.flow-connections marker path{fill:var(--green);stroke:none}@keyframes flow-access-pulse{to{stroke-dashoffset:-26}}.flow-node{position:absolute;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:230px;min-height:104px;padding:14px;overflow:visible;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:14px;color:var(--text);background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 12px 32px #00000029;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .16s,box-shadow .16s}.flow-node:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--card) 94%,var(--accent-soft));box-shadow:0 15px 38px #0003}.flow-node:active{cursor:grabbing}.flow-node.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent),0 16px 42px #00000038}.flow-node-icon,.flow-node-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;color:var(--accent);background:var(--accent-soft)}.flow-node-icon .material-symbols-outlined{font-size:21px}.flow-node-avatar{font-size:12px;font-weight:800}.flow-node-copy{display:grid;gap:2px;min-width:0}.flow-node-copy small{color:var(--accent);font-size:7px;font-style:normal;font-weight:800;letter-spacing:.09em}.flow-node-copy strong,.flow-node-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-node-copy strong{font-size:13px}.flow-node-copy em{color:var(--muted);font-size:9px;font-style:normal;font-weight:500}.flow-node-count{display:grid;place-items:center;min-width:29px;height:29px;padding:0 7px;border-radius:9px;color:var(--accent);background:var(--accent-soft);font-size:11px;font-weight:800}.flow-office-node{min-height:108px;padding-bottom:35px}.flow-member-node{width:185px;min-height:76px;padding:11px;gap:9px;border-radius:12px}.flow-member-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.flow-member-icon .material-symbols-outlined{font-size:19px}.flow-device-node .flow-member-icon{color:var(--green);background:var(--green-soft)}.flow-device-node .flow-node-copy small{color:var(--green)}.flow-member-node .flow-node-copy strong{font-size:11px}.flow-member-node .flow-node-copy em{font-size:8px}.flow-member-node .flow-node-status{width:8px;height:8px}.flow-world.is-connecting{cursor:crosshair}.flow-link-handle{position:absolute;z-index:6;display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--card) 94%,var(--accent-soft));box-shadow:0 5px 16px #0000002e;transform:translate(-50%,-50%);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease}.flow-link-handle .material-symbols-outlined{font-size:15px}.flow-link-source{cursor:crosshair;touch-action:none}.flow-link-source:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent),0 6px 18px #0003;transform:translate(-50%,-50%) scale(1.08)}.flow-link-source:disabled{opacity:.42;cursor:not-allowed}.flow-link-source.linked:disabled{color:var(--green);border-color:color-mix(in srgb,var(--green) 44%,var(--border));background:color-mix(in srgb,var(--card) 94%,var(--green-soft));opacity:.82}.flow-link-target{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:color-mix(in srgb,var(--card) 94%,var(--green-soft));pointer-events:none}.flow-world.is-connecting .flow-link-target{pointer-events:auto;animation:flow-target-ready 1.25s ease-in-out infinite}.flow-link-target.active,.flow-device-node.connection-target{border-color:var(--green);background:color-mix(in srgb,var(--card) 78%,var(--green-soft));box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 16%,transparent),0 12px 32px #0000002e}.flow-link-target.active{color:#fff;background:var(--green);transform:translate(-50%,-50%) scale(1.18);animation:none}.flow-device-node.connection-unavailable{border-color:color-mix(in srgb,var(--red) 64%,var(--border));opacity:.72}.flow-link-target.unavailable{color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,var(--border));background:var(--red-soft);animation:none!important}.flow-access-badge{position:absolute;z-index:7;display:flex;align-items:center;gap:5px;min-height:25px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--border));border-radius:99px;color:var(--green);background:color-mix(in srgb,var(--card) 94%,var(--green-soft));box-shadow:0 5px 14px #00000024;transform:translate(-50%,-50%);white-space:nowrap;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.flow-access-badge:hover:not(:disabled){color:var(--red);border-color:color-mix(in srgb,var(--red) 45%,var(--border));background:color-mix(in srgb,var(--card) 92%,var(--red-soft));transform:translate(-50%,-50%) scale(1.04)}.flow-access-badge i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:currentColor}.flow-access-badge span{font-size:8px;font-weight:750}.flow-access-badge .material-symbols-outlined{font-size:13px}.flow-access-badge.read-only{cursor:default;pointer-events:none}.flow-access-badge.read-only:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--card) 94%,var(--green-soft));transform:translate(-50%,-50%)}.flow-access-badge.read-only.demo{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--card) 94%,var(--accent-soft))}.flow-readonly-legend{max-width:350px}@keyframes flow-target-ready{50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent)}}.flow-node-status{width:9px;height:9px;border:2px solid var(--card);border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb,var(--muted) 20%,transparent)}.flow-node-status.online{background:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 20%,transparent)}.flow-node-meta{position:absolute;right:14px;bottom:10px;left:67px;display:flex;gap:14px;padding-top:7px;border-top:1px solid var(--border)}.flow-node-meta>span{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:8px;font-weight:650}.flow-node-meta .material-symbols-outlined{font-size:13px}.flow-add-child{position:absolute;z-index:3;min-height:28px;padding:4px 10px;border-radius:99px;color:var(--accent);background:var(--card);box-shadow:0 5px 15px #00000024;font-size:9px;cursor:pointer}.flow-add-child .material-symbols-outlined{font-size:14px}.flow-controls{position:absolute;z-index:8;bottom:16px;left:16px;display:grid;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--card) 93%,transparent);box-shadow:0 10px 28px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.flow-controls button{width:39px;min-height:38px;padding:8px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--muted)}.flow-controls button:last-child{border-bottom:0}.flow-controls button.active{color:var(--accent);background:var(--accent-soft)}.flow-controls .material-symbols-outlined{font-size:19px}.flow-inspector{position:absolute;z-index:9;top:16px;right:16px;width:min(285px,calc(100% - 90px));padding:15px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 95%,transparent);box-shadow:0 18px 48px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:default;animation:office-modal-in .18s ease-out}.flow-inspector>header{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--border)}.flow-inspector>header>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:10px;color:var(--accent);background:var(--accent-soft)}.flow-inspector>header>div{display:grid;gap:2px;min-width:0;flex:1}.flow-inspector>header small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.09em}.flow-inspector>header strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.flow-inspector>header button,.flow-create-dialog>header>button{width:32px;min-height:32px;padding:5px;border:0;background:transparent;color:var(--muted)}.flow-inspector>header button .material-symbols-outlined{font-size:17px}.flow-inspector dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.flow-inspector dl div{display:grid;gap:3px;min-width:0;padding:9px;border-radius:9px;background:var(--surface-alt)}.flow-inspector dt{color:var(--muted);font-size:8px}.flow-inspector dd{overflow:hidden;margin:0;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.flow-manage-button{width:100%;color:var(--accent)}.flow-dialog-backdrop{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#070c1694;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:default}.flow-create-dialog{width:min(430px,100%);padding:19px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:0 24px 70px #00000057}.flow-create-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.flow-create-dialog>header>div{display:flex;align-items:center;gap:11px;min-width:0}.flow-create-dialog>header>div>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border-radius:11px;color:var(--accent);background:var(--accent-soft)}.flow-create-dialog header small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.1em}.flow-create-dialog h2{margin:3px 0 0;font-size:17px}.flow-create-dialog>label{margin-top:12px;font-size:10px}.flow-create-dialog>button.primary{width:100%;margin-top:16px}.flow-create-dialog .notice{margin:0 0 12px}@media(min-width:1800px){.workspace-header{padding-left:max(44px,calc((100vw - 1656px)/2))}}@media(max-width:1150px){.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-card--echo{grid-column:1/-1;min-height:310px}.workspace-header{padding:0 24px}.sidebar{width:222px;padding-left:12px;padding-right:12px}.workspace-body{margin-left:222px}.sidebar .brand{font-size:16px}.brand small{font-size:7px}.office-create-fields{grid-template-columns:1fr 1fr}.office-row{grid-template-columns:minmax(190px,1.1fr) minmax(135px,.8fr) 90px 115px auto}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.security-layout,.security-settings-grid{grid-template-columns:1fr}}@media(max-width:940px)and (min-width:801px){.device-console-header{grid-template-columns:40px 44px minmax(0,1fr) auto auto}}@media(max-width:800px){.test-grid{grid-template-columns:1fr}.test-card--echo{grid-column:auto}.app-shell{display:flex;flex-direction:column}.sidebar{position:static;width:100%;padding:18px 20px 12px;border-right:0;border-bottom:1px solid var(--border)}.sidebar{flex-shrink:0}.sidebar .brand{padding:0 0 17px;font-size:18px}.sidebar-label{display:none}.sidebar-nav{display:flex;overflow-x:auto;gap:6px}.sidebar-nav button{width:auto;flex-shrink:0;padding:11px;gap:7px}.nav-dot{display:none}.sidebar-bottom{position:absolute;top:15px;right:17px;padding:0;margin:0}.sidebar-account{margin:0;padding:0;border:0}.sidebar-account>.account-avatar,.sidebar-account>div{display:none}.workspace-body{margin-left:0;height:auto;min-height:0;flex:1}.workspace-header{height:72px;padding:0 20px}.workspace-body>main{padding:0 20px}.workspace-footer{min-height:42px;padding:9px 20px}.admin-grid{grid-template-columns:1fr}.office-row,.office-table-head{grid-template-columns:1fr 1fr}.office-table-head{display:none}.office-identity{grid-column:1 / -1}.office-password{padding-left:0}.table-scroll-hint{display:flex}.admin-profile-card dl{width:100%;margin:0;padding-top:15px;border-top:1px solid var(--border)}.admin-profile-card{flex-wrap:wrap}.analytics-office-list>article{grid-template-columns:minmax(190px,1.2fr) 1fr 1fr}.analytics-office-list>article>.analytics-office-state{grid-column:1 / -1;justify-self:end;width:min(180px,100%)}.device-console-header{grid-template-columns:40px 44px minmax(0,1fr) auto auto}}@media(max-width:700px){.device-workspace{grid-template-columns:minmax(0,1fr)}.device-side-panel{position:static;margin-top:0}.device-tabs{position:static;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.device-tabs button{grid-template-columns:20px minmax(0,1fr)}.device-tabs .device-tab-arrow{display:none}.device-sim-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.audio-tests-heading{align-items:flex-start;flex-direction:column}.audio-test-state{align-self:flex-start}.test-card{min-height:0;padding:16px}.test-card--echo{min-height:0}.test-card-actions,.speaker-settings{grid-template-columns:1fr}.test-card-actions button{width:100%}.admin-toast{top:auto;right:12px;bottom:12px;width:calc(100vw - 24px)}.sidebar{padding:16px 14px 10px}.sidebar-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible}.sidebar-nav button{font-size:10px;padding:8px 4px;min-width:0;flex-direction:column;gap:5px;justify-content:center}.sidebar-nav .desktop-nav-label{display:none}.sidebar-nav .mobile-nav-label{display:block}.sidebar-nav .material-symbols-outlined{font-size:19px}.workspace-header{padding:0 16px;height:66px;gap:10px}.breadcrumb>span:first-child,.breadcrumb>.material-symbols-outlined{display:none}.workspace-body>main{padding:0 16px}.account-section{padding:27px 0}.device-panel{padding-top:10px}.device-console-header{grid-template-columns:40px 42px minmax(0,1fr) 38px;padding:10px;border-radius:16px}.device-back-button{width:40px;height:40px;min-height:40px}.device-console-icon{width:42px;height:42px;border-radius:12px}.device-console-title h2{font-size:17px}.device-status-label{display:none}.device-console-state{width:38px;height:38px;justify-content:center;padding:0}.device-console-state .material-symbols-outlined{display:none}.device-status-popover{right:-2px}.device-console-actions{grid-column:1 / -1}.device-console-actions button,.device-tabs{width:100%}.device-tabs button{padding:7px 10px}.dial-layout{min-height:0;padding:2px}.dialer{max-width:390px;padding:12px;border-radius:22px}.keypad{gap:7px 9px}.keypad button{min-height:48px}.content{padding:25px 0}.content.device-content{padding:8px 0 4px}.status-bar{gap:5px}.device-tabs{gap:4px}.list-item{gap:10px;padding:12px;flex-wrap:wrap}.list-item>button{font-size:12px;padding:8px}.section-heading{gap:15px}.workspace-footer{flex-direction:column;align-items:flex-start;gap:9px;padding:20px 16px;font-size:10px}.call-bar .actions{width:100%}.logs{padding:12px}.logs>div{gap:10px}.compose-footer{align-items:stretch;flex-direction:column}.sms-compose,.admin-card{padding:18px}.device-admin form{flex-direction:column;align-items:stretch}.office-create-fields{grid-template-columns:1fr}.office-password,.office-user-item>form{flex-direction:column;align-items:stretch}.office-data-table{min-width:760px}.office-data-table th,.office-data-table td{padding-top:12px;padding-bottom:12px}.admin-page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.admin-page-heading .super-admin-total{display:none}.admin-sections{width:100%;margin-bottom:22px}.admin-sections button{flex:1 0 auto;padding:9px 11px}.analytics-cards{grid-template-columns:1fr 1fr;gap:10px}.analytics-cards article{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.analytics-cards article>span{width:38px;height:38px}.analytics-cards strong{font-size:23px}.analytics-table-card{padding:16px}.analytics-table-title{align-items:flex-start;flex-direction:column}.analytics-active-summary{align-self:stretch;justify-content:center}.analytics-office-list>article{display:flex;align-items:stretch;flex-direction:column;gap:13px}.analytics-office-list>article>.analytics-office-state{width:100%}.workspace-body>main.flow-main{padding:0}.super-admin-page.flow-page{min-height:0;padding:0}.flow-viewport{min-height:0;border-radius:0}.flow-inspector{top:12px;right:12px;width:calc(100% - 24px)}.flow-controls{bottom:12px;left:12px;grid-auto-flow:column}.flow-controls button{border-right:1px solid var(--border);border-bottom:0}.flow-controls button:last-child{border-right:0}.flow-dialog-backdrop{padding:12px}.flow-create-dialog{padding:16px}.office-flow-add-actions{align-items:center;flex-direction:column;gap:5px}.admin-profile-card{padding:18px}.admin-profile-card dl{flex-direction:column;gap:12px}.security-settings-grid{gap:16px}.ip-access-card>form{align-items:stretch;flex-direction:column}.office-modal-backdrop{align-items:end;padding:0}.office-modal{width:100%;max-height:calc(100dvh - 10px);border-radius:18px 18px 0 0}.office-modal>header{padding:17px}.office-modal-summary{grid-template-columns:1fr;margin:16px 17px}.modal-action-card{align-items:stretch;flex-direction:column;margin:10px 17px 0;padding:13px 15px}.modal-action-card>button{width:100%}.modal-ip-access>form{grid-template-columns:1fr}.modal-ip-access>form button{width:100%}.modal-password-form{display:flex}.modal-danger-zone{align-items:stretch;flex-direction:column;margin:17px}.modal-danger-zone>button{width:100%}.modal-notice{margin:14px 17px 0}}@media(max-width:1350px){.contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.contact-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.communication-heading{align-items:stretch;flex-direction:column}.communication-actions{justify-content:flex-start}.communication-compose-fields{grid-template-columns:1fr}.communication-sms .sms-list,.sms-compose-layout{grid-template-columns:minmax(0,1fr)}.sms-compose-details{grid-template-columns:repeat(2,minmax(0,1fr))}.contacts-toolbar{align-items:stretch;flex-direction:column;gap:11px}.contacts-toolbar-actions{width:100%}.communication-contacts .contacts-search{flex:1 1 auto;width:auto}}@media(max-width:560px){.communication-page{min-height:0;padding:12px;border-radius:15px}.communication-heading{margin-bottom:12px;padding:13px;border-radius:14px}.communication-title{align-items:flex-start;gap:10px}.communication-title-icon{width:43px;height:43px;border-radius:13px}.communication-title h2{font-size:20px}.communication-title p{display:none}.communication-actions{gap:5px}.communication-actions button{padding:6px 8px}.communication-item{align-items:flex-start;gap:10px;padding:11px}.communication-item-action{margin-left:auto}.contact-list{gap:8px}.contact-item{align-items:stretch;flex:1 1 100%;flex-direction:column;gap:9px;max-width:none;padding:10px}.contact-card-header{flex:none;width:100%;min-width:0}.contact-card-numbers{flex:none;width:100%}.contact-item .contact-action-group{width:100%}.contacts-toolbar-actions{align-items:stretch;flex-direction:column}.communication-contacts .contacts-search{width:100%}.contacts-toolbar .communication-actions{justify-content:space-between;width:100%}.communication-compose{padding:13px}.communication-compose-title p{display:none}.communication-compose .compose-footer{align-items:stretch;flex-direction:column}.communication-compose .sms-send-button{width:100%}.communication-sms .sim-select{width:100%;min-width:0;max-width:none}.communication-sms .sms-compose{padding:14px}.sms-compose-badge{display:none}.sms-compose-details{grid-template-columns:minmax(0,1fr)}.sms-compose-details,.sms-compose-message{padding:12px}.sms-compose-submit{align-items:stretch;flex-direction:column}.sms-send-hint{max-width:none}.sms-card-header{align-items:flex-start;flex-wrap:wrap}.sms-card-header .communication-item-action{margin-left:48px}}.sidebar-label{display:flex;align-items:center;gap:8px;margin:0 12px 15px;color:color-mix(in srgb,var(--accent) 70%,var(--muted));font-size:8px;font-weight:750;letter-spacing:.15em}.sidebar-label:before{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent);content:""}.sidebar-label:after{flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent);content:""}.sidebar-nav{gap:8px}.sidebar-nav button{--nav-tone:var(--accent);position:relative;isolation:isolate;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:52px;padding:9px 12px;overflow:hidden;border:1px solid transparent;border-radius:12px;color:var(--muted);background:transparent;font-size:11px;font-weight:570;transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.sidebar-nav button:nth-child(3n+2){--nav-tone:#786cff}.sidebar-nav button:nth-child(3n+3){--nav-tone:var(--green)}.sidebar-nav button:before{position:absolute;z-index:-1;right:-28px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--nav-tone) 12%,transparent),transparent 70%);content:"";opacity:0;transform:scale(.7);transition:opacity .28s ease,transform .28s ease}.sidebar-nav button:after{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--nav-tone);content:"";opacity:0;transform:scaleY(.35);transition:opacity .25s ease,transform .25s ease}.sidebar-nav button>.material-symbols-outlined{display:grid;place-items:center;width:33px;height:33px;flex:0 0 auto;border:1px solid transparent;border-radius:10px;color:var(--nav-tone);background:color-mix(in srgb,var(--nav-tone) 7%,transparent);font-size:19px;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.sidebar-nav button:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--nav-tone) 10%,var(--border));background:color-mix(in srgb,var(--nav-tone) 5%,var(--surface-alt));transform:translate(3px)}.sidebar-nav button:hover:not(:disabled):before{opacity:1;transform:scale(1)}.sidebar-nav button:hover:not(:disabled)>.material-symbols-outlined{border-color:color-mix(in srgb,var(--nav-tone) 11%,transparent);background:color-mix(in srgb,var(--nav-tone) 11%,var(--card));transform:translateY(-1px)}.sidebar-nav button.active{color:var(--nav-tone);border-color:color-mix(in srgb,var(--nav-tone) 16%,var(--border));background:linear-gradient(105deg,color-mix(in srgb,var(--nav-tone) 14%,var(--card)),color-mix(in srgb,var(--nav-tone) 7%,var(--card)));box-shadow:0 8px 20px color-mix(in srgb,var(--nav-tone) 9%,transparent),inset 0 1px #ffffff14;font-weight:680}.sidebar-nav button.active:before{opacity:1;transform:scale(1)}.sidebar-nav button.active:after{opacity:1;transform:scaleY(1)}.sidebar-nav button.active>.material-symbols-outlined{border-color:color-mix(in srgb,var(--nav-tone) 16%,transparent);background:color-mix(in srgb,var(--nav-tone) 14%,var(--card));box-shadow:0 6px 14px color-mix(in srgb,var(--nav-tone) 10%,transparent)}.sidebar-nav .nav-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--nav-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--nav-tone) 10%,transparent);animation:sidebar-nav-pulse 2.4s ease-in-out infinite}.sidebar-nav button:focus-visible{outline:2px solid color-mix(in srgb,var(--nav-tone) 50%,transparent);outline-offset:2px}@keyframes sidebar-nav-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--nav-tone) 8%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--nav-tone) 6%,transparent)}}@media(max-width:800px){.sidebar-label{display:none}.sidebar-nav button{width:auto;min-height:44px;padding:7px 11px;border-radius:10px}.sidebar-nav button:hover:not(:disabled){transform:none}.sidebar-nav button:after{display:none}.sidebar-nav button>.material-symbols-outlined{width:29px;height:29px;border-radius:8px;font-size:18px}.sidebar-nav .nav-dot{display:none}}@media(max-width:560px){.sidebar-nav button{width:100%;min-height:54px;padding:7px 3px;flex-direction:column;justify-content:center;gap:4px;font-size:9px}.sidebar-nav button>.material-symbols-outlined{width:27px;height:27px}.sidebar-nav button:before{right:50%;transform:translate(50%) scale(.7)}.sidebar-nav button.active:before{transform:translate(50%) scale(1)}}.theme-toggle{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(38px,1fr));gap:0;padding:4px;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 92%,var(--card)),var(--surface-alt));box-shadow:inset 0 2px 7px #101f400f,0 5px 14px #1223460d}.theme-toggle-indicator{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border:1px solid color-mix(in srgb,var(--theme-tone,#f2ab42) 22%,var(--border));border-radius:9px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 91%,var(--theme-tone,#f2ab42)));box-shadow:0 6px 15px color-mix(in srgb,var(--theme-tone,#f2ab42) 13%,transparent),inset 0 1px #ffffff1f;transition:transform .42s cubic-bezier(.2,.85,.3,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}.theme-toggle[data-active-theme=light]{--theme-tone:#e6a126}.theme-toggle[data-active-theme=dark]{--theme-tone:#7f8cff}.theme-toggle[data-active-theme=dark] .theme-toggle-indicator{transform:translate(100%)}.theme-toggle button{position:relative;z-index:1;display:grid;place-items:center;min-width:38px;min-height:36px;padding:7px 9px;border:0;border-radius:9px;color:var(--muted);background:transparent;box-shadow:none;transition:color .3s ease,transform .2s ease}.theme-toggle button:first-of-type:hover{color:#e6a126}.theme-toggle button:last-of-type:hover{color:#7f8cff}.theme-toggle button:hover:not(:disabled){border-color:transparent;background:transparent;box-shadow:none;transform:none}.theme-toggle button:active{transform:scale(.9)}.theme-toggle button[aria-pressed=true]{color:var(--theme-tone);background:transparent;box-shadow:none}.theme-toggle button[aria-pressed=true] .material-symbols-outlined{animation:theme-icon-arrive .45s cubic-bezier(.2,.85,.3,1)}.theme-toggle button .material-symbols-outlined{font-size:19px;transition:filter .3s ease}.theme-toggle button[aria-pressed=true] .material-symbols-outlined{filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--theme-tone) 24%,transparent))}.theme-toggle button:focus-visible{outline:2px solid color-mix(in srgb,var(--theme-tone) 52%,transparent);outline-offset:-2px}@keyframes theme-icon-arrive{0%{opacity:.35;transform:rotate(-28deg) scale(.7)}70%{transform:rotate(6deg) scale(1.1)}to{opacity:1;transform:rotate(0) scale(1)}}.theme-toggle--expanded{grid-template-columns:repeat(2,minmax(105px,1fr))}.theme-toggle--expanded button{display:flex;align-items:center;justify-content:center;gap:7px}@media(max-width:480px){.theme-toggle{grid-template-columns:repeat(2,minmax(34px,1fr));padding:3px}.theme-toggle-indicator{top:3px;bottom:3px;left:3px;width:calc(50% - 3px)}.theme-toggle button{min-width:34px;min-height:32px;padding:5px 7px}.theme-toggle button .material-symbols-outlined{font-size:18px}}.sidebar-account{position:relative;isolation:isolate;gap:11px;margin:0 0 16px;padding:11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:14px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 93%,var(--accent)));box-shadow:0 11px 25px #11224512,inset 0 1px #ffffff17;transition:border-color .25s ease,box-shadow .25s ease}.sidebar-account:before{position:absolute;z-index:-1;right:-32px;bottom:-42px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%);content:"";transition:transform .3s ease}.sidebar-account:hover{border-color:color-mix(in srgb,var(--accent) 23%,var(--border));box-shadow:0 15px 31px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px #ffffff1c}.sidebar-account:hover:before{transform:scale(1.18)}.sidebar-account>.account-avatar{position:relative;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:13px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 70%,#a594ff),var(--accent));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #ffffff47;font-size:11px;letter-spacing:.02em}.sidebar-account>.account-avatar:before{position:absolute;inset:4px;border:1px solid rgb(255 255 255 / 15%);border-radius:9px;content:""}.sidebar-account>.account-avatar:after{position:absolute;right:-1px;bottom:1px;width:9px;height:9px;border:2px solid var(--card);border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent);content:"";animation:sidebar-account-online 2.4s ease-in-out infinite}.sidebar-account>div{display:grid;gap:4px}.sidebar-account strong{color:var(--text);font-size:11px;font-weight:720;line-height:1.2}.sidebar-account small{margin:0;color:var(--muted);font-size:8px;line-height:1.25}.sidebar-account>.icon-button{display:grid;place-items:center;width:34px;height:34px;min-height:34px;flex:0 0 auto;padding:0;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 72%,transparent);transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease}.sidebar-account>.icon-button .material-symbols-outlined{font-size:18px}.sidebar-account>.icon-button:hover:not(:disabled){color:var(--red);border-color:color-mix(in srgb,var(--red) 24%,var(--border));background:var(--red-soft);box-shadow:0 7px 15px color-mix(in srgb,var(--red) 10%,transparent);transform:translate(2px)}@keyframes sidebar-account-online{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 8%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 7%,transparent)}}@media(max-width:800px){.sidebar-account{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.sidebar-account:before{display:none}.sidebar-account>.icon-button{width:38px;height:38px;min-height:38px;background:var(--surface-alt)}}.sidebar-account>.account-avatar{border-color:color-mix(in srgb,#21b895 32%,var(--border));background:linear-gradient(145deg,#35c7a4,#11806f);box-shadow:0 8px 18px #12907440,inset 0 1px #ffffff4d}.audio-tests{position:relative;isolation:isolate;padding:4px 0 8px}.audio-tests:before{position:absolute;z-index:-1;top:35px;right:4%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%);content:"";animation:audio-workspace-float 9s ease-in-out infinite;pointer-events:none}.audio-tests-heading{position:relative;overflow:hidden;margin:20px 0 17px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:16px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 12px 30px #1122440f,inset 0 1px #ffffff17}.audio-tests-heading:after{position:absolute;right:-45px;bottom:-70px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:50%;content:"";animation:audio-heading-ring 6s ease-in-out infinite}.audio-tests-heading>div,.audio-test-state{position:relative;z-index:1}.audio-tests-heading-icon{position:relative;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--accent-soft));box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 1px #ffffff1f;animation:audio-heading-icon 4s ease-in-out infinite}.audio-tests-heading-icon:after{position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:18px;content:"";animation:audio-icon-ring 2.8s ease-out infinite}.audio-tests-heading h2{font-size:21px}.audio-test-state{padding:8px 11px;border-color:color-mix(in srgb,var(--accent) 10%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 82%,transparent);box-shadow:inset 0 1px #ffffff12}.test-grid{gap:16px}.test-card{--test-tone:var(--accent);min-height:385px;padding:20px;border-color:color-mix(in srgb,var(--test-tone) 14%,var(--border));border-radius:18px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--test-tone)));box-shadow:0 15px 36px #11224512,inset 0 1px #ffffff17;opacity:0;transform:translateY(14px);animation:audio-card-in .55s cubic-bezier(.2,.82,.3,1) forwards;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.test-card--microphone{--test-tone:#20ad88;animation-delay:80ms}.test-card--speaker{--test-tone:var(--accent);animation-delay:.15s}.test-card--echo{--test-tone:#806fff;animation-delay:.22s}.test-card:before{z-index:2;height:2px;background:linear-gradient(90deg,transparent,var(--test-tone),transparent);opacity:.38;transform:scaleX(.35);transition:opacity .3s ease,transform .3s ease}.test-card:after{position:absolute;z-index:0;right:-75px;top:-82px;width:190px;height:190px;border:1px solid color-mix(in srgb,var(--test-tone) 10%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--test-tone) 9%,transparent),transparent 68%);content:"";animation:audio-card-aura 7s ease-in-out infinite;pointer-events:none}.test-card>*{position:relative;z-index:1}.test-card:hover{border-color:color-mix(in srgb,var(--test-tone) 29%,var(--border));box-shadow:0 21px 44px color-mix(in srgb,var(--test-tone) 11%,transparent),inset 0 1px #ffffff1c;transform:translateY(-4px)}.test-card:hover:before,.test-card.is-running:before{opacity:.9;transform:scaleX(1)}.test-card.is-running{border-color:color-mix(in srgb,var(--test-tone) 48%,var(--border));box-shadow:0 18px 44px color-mix(in srgb,var(--test-tone) 17%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--test-tone) 8%,transparent)}.test-card-heading{gap:12px}.test-card-heading>span{position:relative;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--test-tone) 15%,transparent);border-radius:13px;color:var(--test-tone);background:color-mix(in srgb,var(--test-tone) 11%,var(--card));box-shadow:0 8px 17px color-mix(in srgb,var(--test-tone) 10%,transparent),inset 0 1px #ffffff1a;transition:transform .28s ease}.test-card:hover .test-card-heading>span{transform:translateY(-2px)}.test-card-heading h3{font-size:15px;letter-spacing:-.02em}.test-card-heading small{font-size:8px}.test-card label{gap:8px;font-size:9px;font-weight:650}.test-card select{min-height:45px;padding:10px 38px 10px 12px;border-color:color-mix(in srgb,var(--test-tone) 10%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--surface-alt) 80%,transparent);font-size:11px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.test-card select:focus{outline:0;border-color:color-mix(in srgb,var(--test-tone) 62%,var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--test-tone) 10%,transparent)}.microphone-meter{padding:14px;border-color:color-mix(in srgb,var(--test-tone) 12%,var(--border));border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 82%,transparent),color-mix(in srgb,var(--card) 92%,var(--test-tone)));box-shadow:inset 0 1px 8px #1121420a}.microphone-meter-bars{gap:4px}.microphone-meter-bars i{border-radius:99px;background:color-mix(in srgb,var(--test-tone) 11%,var(--border));transition:height .2s ease,background .2s ease,box-shadow .2s ease}.microphone-meter-bars i.active{background:linear-gradient(180deg,color-mix(in srgb,var(--test-tone) 75%,#70e2bc),var(--test-tone));box-shadow:0 0 10px color-mix(in srgb,var(--test-tone) 32%,transparent)}.speaker-settings{padding:12px;border:1px solid color-mix(in srgb,var(--test-tone) 10%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface-alt) 68%,transparent)}.volume-control b{color:var(--test-tone)}.volume-control input[type=range]{accent-color:var(--test-tone)}.echo-illustration{position:relative;min-height:98px;overflow:hidden;border-color:color-mix(in srgb,var(--test-tone) 14%,var(--border));border-radius:14px;background:radial-gradient(circle at center,color-mix(in srgb,var(--test-tone) 13%,var(--card)),color-mix(in srgb,var(--surface-alt) 72%,transparent) 70%)}.echo-illustration:before,.echo-illustration:after{position:absolute;width:90px;height:90px;border:1px solid color-mix(in srgb,var(--test-tone) 10%,transparent);border-radius:50%;content:"";animation:echo-orbit 7s linear infinite}.echo-illustration:after{width:130px;height:130px;animation-direction:reverse;animation-duration:11s}.echo-illustration>span{position:relative;z-index:2;width:41px;height:41px;color:var(--test-tone);background:var(--card);box-shadow:0 7px 17px color-mix(in srgb,var(--test-tone) 13%,transparent)}.echo-illustration>i{position:relative;z-index:2;background:var(--test-tone)}.test-card--echo.is-running .echo-illustration>span{animation:echo-device-pulse 1.8s ease-in-out infinite}.echo-tip{padding:10px 11px;border:1px solid color-mix(in srgb,var(--test-tone) 9%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--test-tone) 6%,var(--surface-alt))}.echo-tip .material-symbols-outlined{color:var(--test-tone)}.test-card-actions button,.test-main-action{min-height:46px;border-radius:11px;font-size:9px;font-weight:680;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.test-card .primary{color:#fff;border-color:color-mix(in srgb,var(--test-tone) 68%,#1f2b4a);background:linear-gradient(120deg,color-mix(in srgb,var(--test-tone) 88%,#7b70ff),var(--test-tone));box-shadow:0 8px 19px color-mix(in srgb,var(--test-tone) 20%,transparent)}.test-card .primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 25px color-mix(in srgb,var(--test-tone) 28%,transparent)}.test-permission-button{border-color:color-mix(in srgb,var(--test-tone) 10%,var(--border));background:color-mix(in srgb,var(--surface-alt) 80%,transparent)}.test-permission-button:hover:not(:disabled){color:var(--test-tone);border-color:color-mix(in srgb,var(--test-tone) 25%,var(--border));background:color-mix(in srgb,var(--test-tone) 7%,var(--surface-alt))}.test-message{min-height:66px;margin-top:16px;border-color:color-mix(in srgb,var(--accent) 11%,var(--border));border-radius:14px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 95%,var(--accent)));box-shadow:0 10px 25px #1223460f}.test-message>span{border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:10px}.test-message.active{border-color:color-mix(in srgb,var(--green) 28%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--green) 9%,transparent)}@keyframes audio-card-in{to{opacity:1;transform:translateY(0)}}@keyframes audio-card-aura{0%,to{opacity:.42;transform:translateZ(0) scale(.94)}50%{opacity:.9;transform:translate3d(-16px,13px,0) scale(1.08)}}@keyframes audio-workspace-float{0%,to{transform:translate3d(-10px,-6px,0) scale(.94)}50%{transform:translate3d(20px,16px,0) scale(1.08)}}@keyframes audio-heading-ring{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.8;transform:scale(1.06)}}@keyframes audio-heading-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes audio-icon-ring{0%{opacity:.4;transform:scale(.8)}80%,to{opacity:0;transform:scale(1.2)}}@keyframes echo-orbit{to{transform:rotate(360deg)}}@keyframes echo-device-pulse{50%{transform:scale(1.08);box-shadow:0 9px 22px color-mix(in srgb,var(--test-tone) 23%,transparent)}}@media(max-width:1150px){.test-card{min-height:365px}.test-card--echo{min-height:310px}}@media(max-width:560px){.audio-tests-heading{padding:15px}.audio-tests-heading-icon{width:43px;height:43px}.audio-tests-heading h2{font-size:18px}.test-card{min-height:0;padding:16px;border-radius:16px}.test-card-actions,.speaker-settings{grid-template-columns:1fr}.test-card-actions button{width:100%}}.audio-select-field{display:grid;gap:8px;min-width:0}.audio-select-field>span{color:var(--muted);font-size:9px;font-weight:650}.audio-select{position:relative;min-width:0}.audio-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:45px;padding:10px 11px 10px 13px;border:1px solid color-mix(in srgb,var(--test-tone,var(--accent)) 12%,var(--border));border-radius:11px;color:var(--text);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 86%,transparent),color-mix(in srgb,var(--card) 94%,var(--test-tone,var(--accent))));box-shadow:inset 0 1px #ffffff12;font-size:11px;font-weight:650;text-align:left;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.audio-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-select-trigger>.material-symbols-outlined{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:8px;color:var(--muted);background:color-mix(in srgb,var(--test-tone,var(--accent)) 7%,transparent);font-size:17px;transition:color .22s ease,background .22s ease,transform .3s cubic-bezier(.2,.8,.3,1)}.audio-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb,var(--test-tone,var(--accent)) 30%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 70%,var(--test-tone,var(--accent))),var(--card));box-shadow:0 8px 18px color-mix(in srgb,var(--test-tone,var(--accent)) 8%,transparent),inset 0 1px #ffffff17}.audio-select-trigger:focus-visible{outline:0;border-color:color-mix(in srgb,var(--test-tone,var(--accent)) 62%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--test-tone,var(--accent)) 11%,transparent)}.audio-select.is-open .audio-select-trigger{border-color:color-mix(in srgb,var(--test-tone,var(--accent)) 54%,var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--test-tone,var(--accent)) 9%,transparent),0 9px 22px color-mix(in srgb,var(--test-tone,var(--accent)) 10%,transparent)}.audio-select.is-open .audio-select-trigger>.material-symbols-outlined{color:var(--test-tone,var(--accent));background:color-mix(in srgb,var(--test-tone,var(--accent)) 12%,transparent);transform:rotate(180deg)}.audio-select-menu{position:absolute;z-index:50;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;max-height:210px;padding:6px;overflow-x:hidden;overflow-y:auto;border:1px solid color-mix(in srgb,var(--test-tone,var(--accent)) 22%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--card) 97%,var(--test-tone,var(--accent)));box-shadow:0 18px 42px #0814303d,inset 0 1px #ffffff1c;transform-origin:top;animation:audio-select-menu-in .2s cubic-bezier(.2,.8,.3,1)}.audio-select-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;font-size:10px;font-weight:560;text-align:left;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.audio-select-menu button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-select-menu button>.material-symbols-outlined{flex:0 0 auto;color:var(--test-tone,var(--accent));font-size:15px}.audio-select-menu button:hover,.audio-select-menu button:focus-visible{outline:0;color:var(--text);border-color:color-mix(in srgb,var(--test-tone,var(--accent)) 14%,transparent);background:color-mix(in srgb,var(--test-tone,var(--accent)) 7%,var(--surface-alt));transform:translate(2px)}.audio-select-menu button.active{color:var(--test-tone,var(--accent));border-color:color-mix(in srgb,var(--test-tone,var(--accent)) 20%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--test-tone,var(--accent)) 13%,var(--card)),color-mix(in srgb,var(--test-tone,var(--accent)) 6%,var(--card)));font-weight:700}.audio-select-menu::-webkit-scrollbar{width:5px}.audio-select-menu::-webkit-scrollbar-track{background:transparent}.audio-select-menu::-webkit-scrollbar-thumb{border-radius:99px;background:color-mix(in srgb,var(--test-tone,var(--accent)) 28%,var(--border))}.audio-select-field:has(.audio-select.is-open),.speaker-settings:has(.audio-select.is-open){z-index:60}.test-card:has(.audio-select.is-open){z-index:30;overflow:visible}.test-card:has(.audio-select.is-open):after{opacity:.16}.speaker-settings .audio-select-menu{min-width:120px}@keyframes audio-select-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:560px){.audio-select-menu{max-height:180px}.audio-select-trigger{min-height:43px}}.communication-contacts{--contacts-tone:#5977f5}.communication-contacts .contacts-toolbar{isolation:isolate;margin-bottom:16px;padding:13px 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--contacts-tone) 12%,var(--border));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 97%,var(--contacts-tone)),color-mix(in srgb,var(--surface-alt) 72%,var(--card)));box-shadow:0 12px 30px #13254b12,inset 0 1px #ffffff17}.communication-contacts .contacts-toolbar:after{position:absolute;z-index:-1;right:-42px;top:-66px;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--contacts-tone) 10%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--contacts-tone) 7%,transparent),transparent 68%);content:"";pointer-events:none}.contacts-heading{gap:12px}.contacts-heading-icon{position:relative;width:44px;height:44px;border-color:color-mix(in srgb,var(--contacts-tone) 22%,var(--border));border-radius:13px;color:var(--contacts-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--contacts-tone) 15%,var(--card)),color-mix(in srgb,var(--contacts-tone) 7%,var(--card)));box-shadow:0 8px 18px color-mix(in srgb,var(--contacts-tone) 12%,transparent),inset 0 1px #ffffff24}.contacts-heading-icon:after{position:absolute;inset:-4px;border:1px solid color-mix(in srgb,var(--contacts-tone) 9%,transparent);border-radius:16px;content:""}.contacts-heading-copy{display:grid;gap:3px}.contacts-heading-copy p{margin:0;color:var(--muted);font-size:8px;line-height:1.3}.contact-heading-row{gap:9px}.contact-heading-row h2{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:20px;font-weight:720;letter-spacing:-.035em}.contact-count{min-width:28px;height:24px;border-color:color-mix(in srgb,var(--contacts-tone) 19%,transparent);border-radius:8px;color:var(--contacts-tone);background:color-mix(in srgb,var(--contacts-tone) 10%,var(--card));font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:9px;box-shadow:inset 0 1px #ffffff1a}.communication-contacts .contacts-search{width:min(390px,100%);min-height:44px;padding-left:14px;border-color:color-mix(in srgb,var(--contacts-tone) 10%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--card) 87%,transparent);box-shadow:inset 0 1px 2px #1425460a;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.communication-contacts .contacts-search:focus-within{border-color:color-mix(in srgb,var(--contacts-tone) 52%,var(--border));background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--contacts-tone) 9%,transparent),0 8px 20px color-mix(in srgb,var(--contacts-tone) 7%,transparent)}.communication-contacts .contacts-search>.material-symbols-outlined{color:color-mix(in srgb,var(--contacts-tone) 72%,var(--muted));font-size:19px}.communication-contacts .contacts-search input{min-height:42px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:10px}.contacts-toolbar .communication-actions{gap:7px}.contacts-toolbar .export-actions{gap:6px}.contacts-toolbar .export-actions button,.contacts-toolbar .contacts-refresh{min-height:40px;border-color:color-mix(in srgb,var(--contacts-tone) 10%,var(--border));border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--card) 82%,var(--surface-alt));box-shadow:inset 0 1px #ffffff14;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.contacts-toolbar .export-actions button{gap:5px;padding:7px 10px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:8px;font-weight:720}.contacts-toolbar .export-actions button .material-symbols-outlined{font-size:15px}.contacts-toolbar .export-actions button:hover:not(:disabled),.contacts-toolbar .contacts-refresh:hover:not(:disabled){color:var(--contacts-tone);border-color:color-mix(in srgb,var(--contacts-tone) 28%,var(--border));background:color-mix(in srgb,var(--contacts-tone) 8%,var(--card));box-shadow:0 8px 18px color-mix(in srgb,var(--contacts-tone) 10%,transparent);transform:translateY(-2px)}.contacts-toolbar .contacts-refresh{width:40px;padding:0;color:var(--contacts-tone);background:color-mix(in srgb,var(--contacts-tone) 11%,var(--card))}.contacts-toolbar .contacts-refresh .material-symbols-outlined{font-size:18px;transition:transform .35s ease}.contacts-toolbar .contacts-refresh:hover .material-symbols-outlined{transform:rotate(90deg)}.communication-contacts .contact-list{gap:12px}.communication-contacts .contact-item{gap:13px;min-height:132px;padding:14px;overflow:hidden;border-color:color-mix(in srgb,var(--contacts-tone) 10%,var(--border));border-radius:15px;background:linear-gradient(150deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--contacts-tone)));box-shadow:0 10px 25px #11224412,inset 0 1px #ffffff14;opacity:0;transform:translateY(10px);animation:contact-card-arrive .46s cubic-bezier(.2,.82,.3,1) forwards}.communication-contacts .contact-item:nth-child(4n+2){animation-delay:55ms}.communication-contacts .contact-item:nth-child(4n+3){animation-delay:.11s}.communication-contacts .contact-item:nth-child(4n+4){animation-delay:165ms}.communication-contacts .contact-item:before{top:20px;right:20px;width:6px;height:6px;background:color-mix(in srgb,var(--contacts-tone) 82%,white);box-shadow:0 0 0 5px color-mix(in srgb,var(--contacts-tone) 8%,transparent);animation:none}.communication-contacts .contact-item:after{top:-54px;right:-52px;width:125px;height:125px;border-color:color-mix(in srgb,var(--contacts-tone) 11%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--contacts-tone) 6%,transparent),transparent 68%);animation:none}.communication-contacts .contact-item:hover{border-color:color-mix(in srgb,var(--contacts-tone) 29%,var(--border));box-shadow:0 17px 34px color-mix(in srgb,var(--contacts-tone) 11%,transparent),inset 0 1px #ffffff1c;transform:translateY(-4px)}.communication-contacts .contact-card-header{gap:11px;padding-right:18px}.communication-contacts .contact-avatar{width:45px;height:45px;border-color:color-mix(in srgb,var(--contacts-tone) 19%,transparent);border-radius:14px;color:var(--contacts-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--contacts-tone) 14%,var(--card)),color-mix(in srgb,var(--contacts-tone) 5%,var(--card)));box-shadow:0 8px 18px color-mix(in srgb,var(--contacts-tone) 10%,transparent),inset 0 1px #ffffff24;transition:transform .25s ease,box-shadow .25s ease}.communication-contacts .contact-item:hover .contact-avatar{box-shadow:0 11px 22px color-mix(in srgb,var(--contacts-tone) 15%,transparent),inset 0 1px #ffffff29;transform:translateY(-2px)}.communication-contacts .contact-card-name{gap:5px}.communication-contacts .contact-card-name strong{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:11px;font-weight:720;letter-spacing:.01em}.communication-contacts .contact-card-name span{font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:8px}.communication-contacts .contact-action-group{grid-template-columns:minmax(0,1fr) 40px 40px;gap:7px}.communication-contacts .contact-number button{min-height:40px;border-radius:10px}.communication-contacts .contact-call-button{border-color:color-mix(in srgb,#18b488 72%,#0f765b)!important;background:linear-gradient(135deg,#20b88b,#11936f);box-shadow:0 7px 17px #10916c33!important}.communication-contacts .contact-call-button:hover:not(:disabled){background:linear-gradient(135deg,#28c497,#0e8463);box-shadow:0 10px 22px #10916c47!important;transform:translateY(-2px)}.communication-contacts .contact-call-button b{font-family:Segoe UI Variable Text,Segoe UI,sans-serif!important;font-size:9px!important}.communication-contacts .contact-sms-button{border-color:color-mix(in srgb,var(--contacts-tone) 48%,var(--border))!important;background:linear-gradient(145deg,#6682ff,#4560df);box-shadow:0 7px 17px #4560df38!important}.communication-contacts .contact-copy-button{background:color-mix(in srgb,var(--surface-alt) 82%,var(--card));box-shadow:inset 0 1px #ffffff14!important}.communication-contacts .contact-number button:focus-visible{outline:2px solid color-mix(in srgb,var(--contacts-tone) 60%,transparent);outline-offset:2px}@keyframes contact-card-arrive{to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.communication-contacts .contacts-toolbar{padding:12px}.contacts-heading-copy p{display:block}.communication-contacts .contacts-search{width:100%}.contacts-toolbar .communication-actions{justify-content:flex-start}.communication-contacts .contact-item{min-height:0}}.communication-contacts .contacts-toolbar{display:grid;grid-template-columns:auto minmax(330px,1fr);align-items:center;gap:clamp(18px,3vw,34px);min-height:92px;padding:16px 18px}.communication-contacts .contacts-toolbar:before{position:absolute;z-index:-1;left:31%;bottom:-76px;width:230px;height:120px;border:1px solid color-mix(in srgb,var(--contacts-tone) 7%,transparent);border-radius:50%;content:"";pointer-events:none}.communication-contacts .contacts-heading{min-width:240px}.communication-contacts .contacts-heading-icon{width:48px;height:48px}.communication-contacts .contacts-heading-icon .material-symbols-outlined{font-size:23px}.communication-contacts .contacts-toolbar-actions{display:grid;grid-template-columns:minmax(230px,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0}.communication-contacts .contacts-search{width:100%;max-width:none;min-height:48px;border-radius:13px}.communication-contacts .contacts-search input{min-height:46px;font-size:11px}.communication-contacts .contacts-toolbar .communication-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:max-content}.communication-contacts .contacts-toolbar .export-actions{display:grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:3px;padding:4px;border:1px solid color-mix(in srgb,var(--contacts-tone) 10%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--surface-alt) 74%,var(--card));box-shadow:inset 0 1px 3px #1425460d}.communication-contacts .contacts-toolbar .export-actions button{min-width:64px;min-height:38px;padding:7px 9px;border:0;border-radius:9px;background:transparent;box-shadow:none}.communication-contacts .contacts-toolbar .export-actions button+button{position:relative}.communication-contacts .contacts-toolbar .export-actions button:hover:not(:disabled){border:0;background:var(--card);box-shadow:0 5px 13px color-mix(in srgb,var(--contacts-tone) 10%,transparent);transform:none}.communication-contacts .contacts-toolbar .contacts-refresh{width:46px;height:46px;min-height:46px;flex:0 0 auto;border-radius:13px}.communication-contacts .contacts-toolbar .contacts-refresh:hover:not(:disabled){transform:translateY(-1px)}@media(max-width:980px){.communication-contacts .contacts-toolbar{grid-template-columns:1fr;gap:13px}.communication-contacts .contacts-toolbar-actions{grid-template-columns:minmax(220px,1fr) auto}.communication-contacts .contacts-heading{min-width:0}}@media(max-width:620px){.communication-contacts .contacts-toolbar{min-height:0;padding:14px}.communication-contacts .contacts-toolbar-actions{grid-template-columns:1fr}.communication-contacts .contacts-toolbar .communication-actions{justify-content:space-between;width:100%;min-width:0}.communication-contacts .contacts-toolbar .export-actions{flex:1}.communication-contacts .contacts-toolbar .export-actions button{width:100%}}.status-bar .phone-battery{--battery-tone:var(--green);display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:9px;padding:9px;color:var(--text);background:linear-gradient(135deg,color-mix(in srgb,var(--battery-tone) 9%,var(--surface-alt)),var(--surface-alt));border:1px solid color-mix(in srgb,var(--battery-tone) 16%,var(--border))}.status-bar .phone-battery--medium{--battery-tone:#d39a31}.status-bar .phone-battery--low{--battery-tone:var(--red)}.phone-battery>span:last-child{display:grid;gap:2px;min-width:0}.phone-battery b{font-size:9px;line-height:1.2}.phone-battery small{overflow:hidden;color:var(--muted);font-size:7px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.phone-battery-gauge{position:relative;display:block;width:25px;height:13px;padding:2px;border:1.5px solid color-mix(in srgb,var(--battery-tone) 75%,var(--text));border-radius:4px}.phone-battery-gauge:after{position:absolute;right:-4px;top:3px;width:2px;height:5px;border-radius:0 2px 2px 0;background:color-mix(in srgb,var(--battery-tone) 75%,var(--text));content:""}.phone-battery-gauge i{display:block;width:var(--battery-level);height:100%;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--battery-tone) 72%,white),var(--battery-tone));box-shadow:0 0 7px color-mix(in srgb,var(--battery-tone) 34%,transparent);transition:width .45s ease}.phone-battery.is-charging .phone-battery-gauge{animation:phone-battery-charge 1.8s ease-in-out infinite}.phone-battery.is-charging .phone-battery-gauge:before{position:absolute;z-index:1;inset:-4px;display:grid;place-items:center;color:var(--battery-tone);font-size:9px;font-weight:900;content:"↯";text-shadow:0 1px 2px var(--card)}@keyframes phone-battery-charge{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--battery-tone) 7%,transparent)}}.device-notice-toast{--notice-tone:var(--red);position:fixed;z-index:90;top:22px;right:22px;display:grid;grid-template-columns:38px minmax(0,1fr) 32px;align-items:center;gap:10px;width:min(390px,calc(100vw - 28px));margin:0;padding:11px;border-color:color-mix(in srgb,var(--notice-tone) 28%,var(--border));border-radius:14px;color:var(--text);background:color-mix(in srgb,var(--card) 96%,var(--notice-tone));box-shadow:0 18px 48px #0814303d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:device-toast-in .38s cubic-bezier(.2,.84,.3,1)}.device-notice-toast.success{--notice-tone:var(--green)}.device-notice-toast.warning{--notice-tone:var(--warning)}.device-notice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--notice-tone);background:color-mix(in srgb,var(--notice-tone) 11%,var(--card))}.device-notice-icon .material-symbols-outlined{font-size:20px}.device-notice-copy{display:grid;gap:3px;min-width:0}.device-notice-copy strong{font-size:10px}.device-notice-copy small{overflow-wrap:anywhere;color:var(--muted);font-size:8px;line-height:1.4}.device-notice-toast>button{width:32px;height:32px;min-height:32px;padding:0;border-color:color-mix(in srgb,var(--notice-tone) 12%,var(--border));border-radius:9px;background:transparent}.device-notice-toast>button .material-symbols-outlined{font-size:16px}.device-notice-toast>button:hover:not(:disabled){color:var(--notice-tone);background:color-mix(in srgb,var(--notice-tone) 8%,var(--card));transform:none}.phone-connection-gate{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;min-height:clamp(430px,67vh,680px);margin:16px 0 24px;padding:46px 24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border));border-radius:22px;text-align:center;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 94%,var(--accent)));box-shadow:0 20px 50px #11224514,inset 0 1px #ffffff1a;animation:phone-gate-in .5s cubic-bezier(.2,.82,.3,1)}.phone-connection-gate:before,.phone-connection-gate:after{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:50%;content:"";pointer-events:none}.phone-connection-gate:before{top:-145px;right:-100px;width:340px;height:340px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%);animation:phone-gate-orbit 10s ease-in-out infinite}.phone-connection-gate:after{bottom:-190px;left:-115px;width:390px;height:390px}.phone-connection-visual{position:relative;display:grid;place-items:center;width:112px;height:112px;margin-bottom:20px}.phone-connection-visual>span{position:relative;z-index:2;display:grid;place-items:center;width:72px;height:72px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:22px;color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,var(--card)),var(--card));box-shadow:0 16px 35px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px #ffffff24}.phone-connection-visual>span .material-symbols-outlined{font-size:34px}.phone-connection-visual>i{position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);border-radius:31px;animation:phone-gate-signal 3s ease-out infinite}.phone-connection-visual>i:nth-child(2){inset:-5px;animation-delay:1s}.phone-connection-visual>i:nth-child(3){inset:-15px;animation-delay:2s}.phone-connection-gate.is-connecting .phone-connection-visual>span .material-symbols-outlined{animation:phone-gate-spin 1.25s linear infinite}.phone-connection-state{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--red) 17%,var(--border));border-radius:99px;color:var(--red);background:color-mix(in srgb,var(--red) 7%,var(--card));font-size:8px;font-weight:700;letter-spacing:.03em}.phone-connection-state>i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 9%,transparent)}.phone-connection-state.is-waiting{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 17%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--card))}.phone-connection-gate h2{margin:0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(24px,3vw,34px);font-weight:720;letter-spacing:-.04em}.phone-connection-gate>p{max-width:520px;margin:10px 0 20px;color:var(--muted);font-size:11px;line-height:1.65}.phone-connection-device{display:flex;align-items:center;gap:10px;min-width:min(280px,100%);margin-bottom:18px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:13px;text-align:left;background:color-mix(in srgb,var(--surface-alt) 74%,transparent)}.phone-connection-device>.material-symbols-outlined{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--accent);background:var(--accent-soft);font-size:19px}.phone-connection-device>span{display:grid;gap:2px;min-width:0}.phone-connection-device small{color:var(--muted);font-size:7px}.phone-connection-device strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.phone-connection-refresh{min-width:210px;min-height:46px;border-radius:12px}.phone-connection-refresh .material-symbols-outlined{font-size:18px}.phone-connection-hint{margin-top:12px;color:var(--muted);font-size:7px}.device-workspace--ready{animation:phone-workspace-ready .42s ease both}@keyframes device-toast-in{0%{opacity:0;transform:translate(32px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes phone-gate-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-gate-signal{0%{opacity:.55;transform:scale(.72)}75%,to{opacity:0;transform:scale(1.12)}}@keyframes phone-gate-spin{to{transform:rotate(360deg)}}@keyframes phone-gate-orbit{50%{transform:translate(-22px,18px) scale(1.08)}}@keyframes phone-workspace-ready{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.device-notice-toast{top:12px;right:14px}.phone-connection-gate{min-height:430px;margin-top:12px;padding:34px 16px;border-radius:18px}.phone-connection-visual{transform:scale(.9);margin-bottom:12px}.phone-connection-gate>p{font-size:10px}.phone-connection-refresh{width:100%;min-width:0}}.phone-connection-visual>.phone-link-illustration{position:relative;display:grid;place-items:center;width:82px;height:96px;border-color:color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:27px;background:radial-gradient(circle at 35% 22%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 44%),linear-gradient(145deg,color-mix(in srgb,var(--surface-alt) 72%,var(--card)),var(--card));box-shadow:0 19px 42px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 1px #ffffff26}.phone-connection-visual>.phone-link-illustration:before{position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-radius:21px;content:""}.phone-device-shape{position:relative;z-index:2;display:block;width:42px;height:70px;padding:8px 4px 7px;border:2px solid color-mix(in srgb,var(--accent) 72%,var(--text));border-radius:11px;background:linear-gradient(155deg,color-mix(in srgb,var(--card) 84%,var(--accent)),var(--surface-alt));box-shadow:0 9px 18px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,white 15%,transparent);transform:rotate(-2deg)}.phone-device-speaker{position:absolute;top:4px;left:50%;width:10px;height:2px;border-radius:99px;background:color-mix(in srgb,var(--accent) 45%,var(--muted));transform:translate(-50%)}.phone-device-screen{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 65% 28%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 45%),linear-gradient(160deg,color-mix(in srgb,var(--accent) 12%,var(--card)),color-mix(in srgb,var(--surface-alt) 90%,var(--card)));box-shadow:inset 0 1px 5px #0c1c3c1f}.phone-device-screen:after{position:absolute;right:-9px;bottom:-11px;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:50%;content:""}.phone-device-home{position:absolute;bottom:2px;left:50%;width:8px;height:2px;border-radius:99px;background:color-mix(in srgb,var(--accent) 35%,var(--muted));transform:translate(-50%)}.phone-device-signal{position:relative;z-index:1;display:flex;align-items:flex-end;gap:2px;height:22px}.phone-device-signal>i{display:block;width:3px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,white),var(--accent));box-shadow:0 0 5px color-mix(in srgb,var(--accent) 28%,transparent)}.phone-device-signal>i:nth-child(1){height:6px}.phone-device-signal>i:nth-child(2){height:10px}.phone-device-signal>i:nth-child(3){height:15px}.phone-device-signal>i:nth-child(4){height:20px}.phone-device-signal>b{position:absolute;left:-4px;top:9px;width:22px;height:2px;border-radius:99px;background:var(--red);box-shadow:0 0 0 2px color-mix(in srgb,var(--card) 55%,transparent),0 0 8px color-mix(in srgb,var(--red) 35%,transparent);transform:rotate(-43deg)}.phone-link-status{position:absolute;z-index:4;right:3px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;border:3px solid var(--card);border-radius:10px;color:var(--red);background:color-mix(in srgb,var(--red) 13%,var(--card));box-shadow:0 7px 16px color-mix(in srgb,var(--red) 22%,transparent);animation:phone-link-badge 2.4s ease-in-out infinite}.phone-link-status .material-symbols-outlined{font-size:15px}.phone-connection-gate.is-connecting .phone-device-signal>b{opacity:0}.phone-connection-gate.is-connecting .phone-device-signal>i{animation:phone-signal-search 1.1s ease-in-out infinite}.phone-connection-gate.is-connecting .phone-device-signal>i:nth-child(2){animation-delay:90ms}.phone-connection-gate.is-connecting .phone-device-signal>i:nth-child(3){animation-delay:.18s}.phone-connection-gate.is-connecting .phone-device-signal>i:nth-child(4){animation-delay:.27s}.phone-connection-gate.is-connecting .phone-link-status{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--card));box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 22%,transparent);animation:none}.phone-connection-gate.is-connecting .phone-link-status .material-symbols-outlined{animation:phone-gate-spin 1.25s linear infinite}.phone-connection-gate.is-connecting .phone-link-illustration{animation:phone-device-float 2.8s ease-in-out infinite}.phone-connection-gate.is-connecting .phone-connection-visual>.phone-link-illustration .material-symbols-outlined{animation:phone-gate-spin 1.25s linear infinite}@keyframes phone-link-badge{50%{transform:translateY(-2px);box-shadow:0 9px 20px color-mix(in srgb,var(--red) 29%,transparent)}}@keyframes phone-signal-search{0%,to{opacity:.42;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}@keyframes phone-device-float{50%{transform:translateY(-4px)}}.phone-connection-visual>.phone-link-illustration .phone-link-status .material-symbols-outlined{font-size:15px}.workspace-body>main:has(.phone-connection-gate){overflow-y:hidden}.device-panel:has(.phone-connection-gate){display:flex;flex-direction:column;height:100%;min-height:0;padding-bottom:0;overflow:hidden}.device-panel:has(.phone-connection-gate)>.device-console-header{flex:0 0 auto}.device-panel:has(.phone-connection-gate)>.phone-connection-gate{flex:1;min-height:0;margin:12px 0 10px;padding-block:clamp(18px,4.5vh,44px)}@media(max-height:780px){.phone-connection-gate{padding-block:18px}.phone-connection-visual{width:92px;height:92px;margin-bottom:8px}.phone-connection-visual>.phone-link-illustration{transform:scale(.84)}.phone-connection-gate h2{font-size:clamp(22px,4vh,29px)}.phone-connection-gate>p{margin:7px 0 12px;line-height:1.45}.phone-connection-state{margin-bottom:7px;padding-block:6px}.phone-connection-device{margin-bottom:11px;padding-block:8px}.phone-connection-refresh{min-height:42px}.phone-connection-hint{margin-top:7px}}@media(max-height:650px){.phone-connection-visual{width:72px;height:72px;margin-bottom:4px}.phone-connection-visual>.phone-link-illustration{transform:scale(.68)}.phone-connection-gate>p{max-width:600px;margin:5px 0 9px;font-size:9px}.phone-connection-device{min-width:260px;margin-bottom:8px;padding:6px 9px}.phone-connection-device>.material-symbols-outlined{width:31px;height:31px}.phone-connection-refresh{min-height:38px}.phone-connection-hint{display:none}}@media(max-width:620px){.workspace-body>main:has(.phone-connection-gate){padding-inline:12px}.device-panel:has(.phone-connection-gate)>.phone-connection-gate{min-height:0;margin-bottom:8px;padding:20px 14px}.phone-connection-gate h2{font-size:clamp(21px,8vw,28px)}.phone-connection-device{width:min(280px,100%);min-width:0}}.flow-viewport,.flow-world,.flow-grid,.flow-node,.flow-controls,.flow-inspector{-webkit-user-select:none;user-select:none}.flow-dialog-backdrop,.flow-dialog-backdrop input,.flow-dialog-backdrop textarea{-webkit-user-select:text;user-select:text}.flow-viewport{background:radial-gradient(circle at 18% 16%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 30%),radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--green) 5%,transparent),transparent 34%),color-mix(in srgb,var(--bg) 78%,#0e1420)}.flow-grid{opacity:.38;background-size:28px 28px;animation:flow-grid-drift 24s linear infinite}.flow-node{--node-tone:var(--accent);isolation:isolate;border-color:color-mix(in srgb,var(--node-tone) 19%,var(--border));border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 97%,var(--node-tone)),color-mix(in srgb,var(--card) 91%,var(--node-tone)));box-shadow:0 16px 38px #0000002b,inset 0 1px #ffffff1a;animation:flow-card-enter .42s cubic-bezier(.2,.82,.3,1) both;transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease,background .24s ease}.flow-root-node{--node-tone:#7b70f4}.flow-office-node{--node-tone:#6382f3}.flow-user-node{--node-tone:#8b75f5}.flow-device-node{--node-tone:#35b48f}.flow-node:before{position:absolute;z-index:-1;right:-45px;top:-58px;width:125px;height:125px;border:1px solid color-mix(in srgb,var(--node-tone) 15%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--node-tone) 10%,transparent),transparent 67%);content:"";pointer-events:none;animation:flow-node-aura 6.8s ease-in-out infinite}.flow-node:after{position:absolute;top:0;right:18px;left:18px;height:2px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,var(--node-tone),transparent);content:"";opacity:.55;transform:scaleX(.45);transition:opacity .24s ease,transform .24s ease}.flow-node:hover:not(:disabled){border-color:color-mix(in srgb,var(--node-tone) 46%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--node-tone)),color-mix(in srgb,var(--card) 88%,var(--node-tone)));box-shadow:0 22px 48px color-mix(in srgb,var(--node-tone) 14%,transparent),inset 0 1px #ffffff1f;transform:translateY(-3px)}.flow-node:hover:not(:disabled):after,.flow-node.selected:after{opacity:1;transform:scaleX(1)}.flow-node.selected{border-color:var(--node-tone);box-shadow:0 0 0 4px color-mix(in srgb,var(--node-tone) 13%,transparent),0 22px 50px color-mix(in srgb,var(--node-tone) 17%,transparent)}.flow-node-icon,.flow-node-avatar,.flow-member-icon{position:relative;border:1px solid color-mix(in srgb,var(--node-tone) 18%,transparent);color:var(--node-tone);background:linear-gradient(145deg,color-mix(in srgb,var(--node-tone) 16%,var(--card)),color-mix(in srgb,var(--node-tone) 7%,var(--card)));box-shadow:0 8px 18px color-mix(in srgb,var(--node-tone) 10%,transparent),inset 0 1px #ffffff1a}.flow-node-copy small{color:var(--node-tone)}.flow-device-node .flow-member-icon{color:var(--node-tone);background:color-mix(in srgb,var(--node-tone) 11%,var(--card))}.flow-device-node .flow-node-copy small{color:var(--node-tone)}.flow-node-count{color:var(--node-tone);background:color-mix(in srgb,var(--node-tone) 11%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--node-tone) 13%,transparent)}.flow-node-status.online{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 13%,transparent),0 0 12px color-mix(in srgb,var(--green) 35%,transparent);animation:flow-status-breathe 2.2s ease-in-out infinite}.flow-connections path{stroke-width:1.7;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent) 14%,transparent))}.flow-connections path.flow-member-connection{stroke-dasharray:5 6;animation:flow-member-line 16s linear infinite}.flow-connections path.flow-member-connection.device{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--green) 18%,transparent))}.flow-controls,.flow-inspector,.office-flow-legend{border-color:color-mix(in srgb,var(--accent) 16%,var(--border));background:color-mix(in srgb,var(--card) 91%,transparent);box-shadow:0 18px 44px #0003,inset 0 1px #ffffff14}.flow-controls button{transition:color .18s ease,background .18s ease,transform .18s ease}.flow-controls button:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);transform:none}@keyframes flow-card-enter{0%{opacity:0;transform:translateY(11px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flow-node-aura{0%,to{opacity:.38;transform:translateZ(0) scale(.94)}50%{opacity:.9;transform:translate3d(-8px,7px,0) scale(1.08)}}@keyframes flow-status-breathe{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 6%,transparent),0 0 18px color-mix(in srgb,var(--green) 42%,transparent)}}@keyframes flow-member-line{to{stroke-dashoffset:-55}}@keyframes flow-grid-drift{to{background-position:28px 28px}}@media(prefers-reduced-motion:reduce){.flow-grid,.flow-node,.flow-node:before,.flow-node-status.online,.flow-connections path.flow-member-connection{animation:none}.flow-node:hover:not(:disabled){transform:none}}@media(prefers-reduced-motion:reduce){.flow-world.is-auto-centering{transition:none}}.flow-grid{animation:none}.flow-node{-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;box-shadow:0 10px 25px #00000021;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.flow-node:before{display:none;animation:none}.flow-node:after{opacity:.42;transition:opacity .16s ease,transform .16s ease}.flow-node:hover:not(:disabled){box-shadow:0 14px 31px #00000029;transform:none}.flow-node.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--node-tone) 11%,transparent),0 15px 34px #0000002b}.flow-node-icon,.flow-node-avatar,.flow-member-icon{box-shadow:inset 0 1px #ffffff17}.flow-node-status.online{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 11%,transparent)}.flow-connections path,.flow-connections path.flow-member-connection.device{filter:none}.flow-connections path.flow-member-connection{animation:none}.flow-controls,.flow-inspector,.office-flow-legend{-webkit-backdrop-filter:none;backdrop-filter:none}.phone-connection-visual>.phone-link-illustration{--phone-link-scale:1;transform:scale(var(--phone-link-scale))}@media(max-height:780px){.phone-connection-visual>.phone-link-illustration{--phone-link-scale:.84}}@media(max-height:650px){.phone-connection-visual>.phone-link-illustration{--phone-link-scale:.68}}@keyframes phone-device-float{0%,to{transform:scale(var(--phone-link-scale,1)) translateY(0)}50%{transform:scale(var(--phone-link-scale,1)) translateY(-4px)}}.workspace-header{background:linear-gradient(105deg,var(--card),color-mix(in srgb,var(--card) 96%,var(--accent)))}.breadcrumb{gap:8px;font-family:Segoe UI Variable Text,Segoe UI,sans-serif}.breadcrumb-root,.breadcrumb-current{display:flex;align-items:center;gap:9px;min-width:0}.breadcrumb-root{padding:5px 9px 5px 5px;border:1px solid color-mix(in srgb,var(--accent) 8%,var(--border));border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--surface-alt) 68%,transparent);font-size:10px}.breadcrumb-root-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--accent-soft));box-shadow:inset 0 1px #ffffff1f}.breadcrumb-root-icon .material-symbols-outlined{font-size:17px}.breadcrumb-divider{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 9%,var(--border));border-radius:9px;color:color-mix(in srgb,var(--accent) 72%,var(--muted));background:var(--card);box-shadow:0 4px 11px #1223460d}.breadcrumb-divider .material-symbols-outlined{font-size:15px}.breadcrumb-current{padding:4px 10px 4px 5px;border:1px solid transparent;border-radius:11px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent)}.breadcrumb-current-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent);border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--card));box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 8%,transparent)}.breadcrumb-current-icon .material-symbols-outlined{font-size:17px}.breadcrumb .breadcrumb-current strong{max-width:min(320px,32vw);font-size:11px;font-weight:710;letter-spacing:-.01em}.breadcrumb:hover .breadcrumb-divider .material-symbols-outlined{transform:translate(2px)}.breadcrumb-divider .material-symbols-outlined{transition:transform .22s ease}.breadcrumb .breadcrumb-root-icon .material-symbols-outlined,.breadcrumb .breadcrumb-current-icon .material-symbols-outlined,.breadcrumb .breadcrumb-divider .material-symbols-outlined{color:inherit}.breadcrumb-divider{position:relative;width:36px;height:30px;border:0;border-radius:0;background:transparent;box-shadow:none}.breadcrumb-divider:before{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),color-mix(in srgb,var(--accent) 30%,var(--border)),color-mix(in srgb,var(--accent) 7%,transparent));content:""}.breadcrumb .breadcrumb-divider .material-symbols-outlined{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:50%;color:var(--accent);background:var(--card);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 8%,transparent);font-size:15px;transition:none}.breadcrumb:hover .breadcrumb-divider .material-symbols-outlined{transform:none}@media(max-width:560px){.breadcrumb{gap:0}.breadcrumb-root,.breadcrumb-divider{display:none}.breadcrumb-current{padding-left:4px}.breadcrumb .breadcrumb-current strong{max-width:46vw;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.site-admin-hero p:before,.office-users-heading p:before{--ui-dot-tone:#806fff;animation:ui-label-dot-pulse 1.75s ease-out infinite!important}.fleet-greeting:before,.office-analytics-hero p:before,.office-security-page .profile-page-heading>p:before,.profile-overview-heading>div:first-child>span:before,.database-kicker>i{--ui-dot-tone:var(--accent);animation:ui-label-dot-pulse 1.75s ease-out infinite!important}.office-apk-kicker i{--ui-dot-tone:var(--apk-accent,var(--accent));animation:ui-label-dot-pulse 1.75s ease-out infinite!important}.site-work-brand i{--ui-dot-tone:#7690ff;animation:ui-label-dot-pulse 1.75s ease-out infinite!important}.fleet-live-label:not(.fleet-live-label--error):before{--ui-dot-tone:var(--green);animation:ui-label-dot-pulse 1.75s ease-out infinite!important}.database-unlock-card:before{animation:db-card-status-pulse 1.9s ease-out infinite!important}.database-unlock-icon{animation:db-lock-icon-breathe 2.25s ease-in-out infinite!important}.database-unlock-icon:after{animation:db-lock-ripple 2.25s cubic-bezier(.18,.72,.28,1) infinite!important}.database-unlock-icon .material-symbols-outlined{animation:db-lock-glyph-pulse 2.25s ease-in-out infinite!important}.database-session-state>i{animation:db-session-pulse 1.9s ease-out infinite!important}@keyframes ui-label-dot-pulse{0%,to{opacity:.78;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-dot-tone) 12%,transparent),0 0 8px color-mix(in srgb,var(--ui-dot-tone) 48%,transparent)}52%{opacity:1;box-shadow:0 0 0 10px color-mix(in srgb,var(--ui-dot-tone) 0%,transparent),0 0 21px color-mix(in srgb,var(--ui-dot-tone) 90%,transparent)}}