.session-popup{z-index:10000;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.session-popup.hidden{display:none}.session-popup__container{background:#fff;border-radius:8px;width:320px;position:absolute;top:30%;left:calc(50% - 160px);box-shadow:0 8px 32px #0000002e}.session-popup__header{background:var(--primary-500);color:#1f2937;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:12px 20px;font-size:16px;font-weight:600;display:flex}.session-popup__close{cursor:pointer;opacity:.8;transition:opacity .15s}.session-popup__close:hover{opacity:1}.session-popup__body{color:#374151;padding:16px 20px 8px}.session-popup__title{text-align:center;color:#6b7280;justify-content:center;align-items:center;gap:8px;padding-top:4px;font-size:15px;display:flex}.session-popup__title .session-svg{color:var(--primary-500);flex-shrink:0;width:30px;height:30px}.session-popup__time{color:#111827;justify-content:center;margin:8px 0;font-size:42px;font-weight:300;display:flex}.session-popup__countdown-number{align-items:baseline;display:flex}.session-popup__countdown-time{padding:0 6px}.session-popup__countdown-text{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.session-popup__info{text-align:center;color:#6b7280;margin-top:8px;font-size:15px;line-height:1.5}.session-popup__footer{justify-content:center;gap:10px;padding:12px 20px 20px;display:flex}.session-popup__btn{cursor:pointer;border:none;border-radius:6px;height:40px;padding:0 22px;font-size:16px;font-weight:500;transition:background .15s,opacity .15s}.session-popup__btn--continue{background:var(--primary-400);color:#1f2937}.session-popup__btn--continue:hover{background:var(--primary-300)}.session-popup__btn--logoff{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.session-popup__btn--logoff:hover{background:#e5e7eb}:where(.dark,.dark *) .session-popup__container{background:var(--gray-800);box-shadow:0 8px 32px #00000080}:where(.dark,.dark *) .session-popup__header{background:var(--primary-600)}:where(.dark,.dark *) .session-popup__body{color:#d1d5db}:where(.dark,.dark *) .session-popup__title{color:#9ca3af}:where(.dark,.dark *) .session-popup__title svg{color:var(--primary-600)}:where(.dark,.dark *) .session-popup__time{color:#f9fafb}:where(.dark,.dark *) .session-popup__countdown-text{color:#6b7280}:where(.dark,.dark *) .session-popup__info{color:#9ca3af}:where(.dark,.dark *) .session-popup__btn--continue{background:var(--primary-600)}:where(.dark,.dark *) .session-popup__btn--continue:hover{background:var(--primary-500)}:where(.dark,.dark *) .session-popup__btn--logoff{color:#d1d5db;background:#374151;border-color:#4b5563}:where(.dark,.dark *) .session-popup__btn--logoff:hover{background:#4b5563}