:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);--success-gradient:linear-gradient(135deg,#48bb78 0%,#38a169 100%);--warning-gradient:linear-gradient(135deg,#ed8936 0%,#dd6b20 100%);--danger-gradient:linear-gradient(135deg,#fc8181 0%,#f56565 100%);--info-gradient:linear-gradient(135deg,#0ea5e9 0%,#3b82f6 100%)}#app{min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-shadow{transition:box-shadow .3s;box-shadow:0 4px 20px #0000000d}.card-shadow:hover{box-shadow:0 8px 30px #0000001a}@media (max-width:768px){.hide-on-mobile{display:none!important}}@media (min-width:769px){.hide-on-desktop{display:none!important}}@media print{.no-print{display:none!important}}:focus-visible{outline-offset:2px;outline:2px solid #667eea}.loading{border:2px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}:root{--sn-w-expanded:clamp(240px,18vw,280px);--sn-w-collapsed:72px;--sn-mobile-w:min(86vw,300px);--sn-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--sn-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--sn-accent:#818cf8;--sn-accent-2:#a78bfa;--sn-text:#e8eaff;--sn-text-mute:#e8eaffb3;--sn-text-dim:#e8eaff80;--sn-glass-bg:#0f112873;--sn-glass-bg-strong:#0f112899;--sn-glass-border:#ffffff1a;--sn-glass-border-hover:#ffffff38;--sn-glass-blur:blur(20px)saturate(160%);--sn-glass-blur-mobile:blur(14px)saturate(140%);--sn-shadow:0 8px 32px #667eea26,4px 0 24px #00000059;--sn-shadow-glow:0 0 24px #818cf859;--sn-r-sm:10px;--sn-r-md:14px;--sn-r-lg:18px;--sn-ease:cubic-bezier(.4,0,.2,1);--sn-t-fast:.18s var(--sn-ease);--sn-t-base:.28s var(--sn-ease)}.app-container{min-height:100vh;z-index:1;background:0 0;width:100%;min-height:100dvh;display:flex;position:relative}.sidebar{width:var(--sn-w-expanded);height:100vh;background:var(--sn-glass-bg);height:100dvh;-webkit-backdrop-filter:var(--sn-glass-blur);backdrop-filter:var(--sn-glass-blur);border-right:1px solid var(--sn-glass-border);box-shadow:var(--sn-shadow);z-index:100;transition:width var(--sn-t-base),transform var(--sn-t-base),background var(--sn-t-base);scrollbar-width:thin;scrollbar-color:#818cf866 transparent;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:var(--sn-w-collapsed)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#667eea,#764ba2);border-radius:4px}.sidebar-header{z-index:5;height:72px;-webkit-backdrop-filter:var(--sn-glass-blur);backdrop-filter:var(--sn-glass-blur);border-bottom:1px solid var(--sn-glass-border);background:linear-gradient(#0f11288c 0%,#0f112840 100%);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 1rem;display:flex;position:sticky;top:0}.logo{border-radius:var(--sn-r-md);cursor:pointer;min-width:0;transition:background var(--sn-t-fast),transform var(--sn-t-fast);flex:1;align-items:center;gap:.75rem;padding:.5rem;display:flex}.logo:hover{background:#ffffff0f;transform:translateY(-1px)}.sidebar.collapsed .logo{display:none}.logo-icon{border-radius:var(--sn-r-md);background:var(--sn-grad);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 6px 20px #667eea80,inset 0 1px #ffffff40}.logo-text{letter-spacing:.2px;background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;font-size:clamp(.95rem,1.1vw,1.05rem);font-weight:700;overflow:hidden}.sidebar-toggle{border-radius:var(--sn-r-sm);border:1px solid var(--sn-glass-border);width:40px;min-width:40px;height:40px;color:var(--sn-text-mute);cursor:pointer;transition:all var(--sn-t-fast);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--sn-grad);color:#fff;box-shadow:var(--sn-shadow-glow);border-color:#0000;transform:translateY(-1px)}.sidebar-toggle svg{transition:transform var(--sn-t-base);width:20px;height:20px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 .5rem}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:.75rem .6rem;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:linear-gradient(#667eea,#764ba2);border-radius:4px}.sidebar-nav:before{display:none}.nav-item{border-radius:var(--sn-r-md);min-height:44px;color:var(--sn-text-mute);letter-spacing:.1px;white-space:nowrap;transition:background var(--sn-t-fast),color var(--sn-t-fast),border-color var(--sn-t-fast),transform var(--sn-t-fast),box-shadow var(--sn-t-fast);border:1px solid #0000;align-items:center;gap:.85rem;padding:.65rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#fff;border-color:var(--sn-glass-border-hover);background:#ffffff0f;transform:translate(2px);box-shadow:0 4px 18px #667eea2e}.nav-item.active{background:var(--sn-grad-soft);color:#fff;border-color:#818cf859;font-weight:600;box-shadow:0 6px 22px #667eea47,inset 0 1px #ffffff1f}.nav-item.active:before{content:"";background:var(--sn-grad);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:-.6rem;transform:translateY(-50%);box-shadow:0 0 14px #818cf8cc}.nav-item.active:after{display:none}.nav-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;display:inline-flex}.nav-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:.65rem .5rem}.sidebar.collapsed .nav-text{opacity:0;pointer-events:none;width:0;position:absolute}.notification-badge{color:#fff;background:linear-gradient(135deg,#fc8181,#f56565);border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%);box-shadow:0 0 12px #fc81818c}.sidebar.collapsed .notification-badge{min-width:16px;height:16px;padding:0 4px;font-size:10px;top:6px;right:6px;transform:none}.sidebar-footer{z-index:5;-webkit-backdrop-filter:var(--sn-glass-blur);backdrop-filter:var(--sn-glass-blur);border-top:1px solid var(--sn-glass-border);background:linear-gradient(#0f112840 0%,#0f11288c 100%);flex-shrink:0;padding:.85rem;position:sticky;bottom:0}.user-profile{border-radius:var(--sn-r-md);cursor:pointer;transition:background var(--sn-t-fast),border-color var(--sn-t-fast),transform var(--sn-t-fast);border:1px solid #0000;align-items:center;gap:.75rem;margin-bottom:.6rem;padding:.6rem;display:flex}.user-profile:hover{border-color:var(--sn-glass-border-hover);background:#ffffff0f;transform:translateY(-1px)}.avatar{color:#fff;background:var(--sn-grad);border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 14px #667eea73}.avatar img.profile-image{object-fit:cover;border:0;border-radius:50%;width:100%;height:100%}.sidebar.collapsed .user-profile{justify-content:center;padding:.4rem}.sidebar.collapsed .user-info,.sidebar.collapsed .notification-summary{display:none}.user-info{flex:1;min-width:0;overflow:hidden}.username{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.875rem;font-weight:600;overflow:hidden}.email{color:var(--sn-text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.notification-summary{color:var(--sn-accent);cursor:pointer;transition:all var(--sn-t-fast);background:#818cf81f;border:1px solid #818cf840;border-radius:999px;align-items:center;gap:.4rem;margin-top:.4rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.notification-summary:hover{color:#fff;background:#818cf838;transform:translateY(-1px)}.notification-icon{display:inline-flex}.logout-btn,.login-btn{border-radius:var(--sn-r-md);letter-spacing:.2px;cursor:pointer;width:100%;min-height:44px;transition:all var(--sn-t-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:flex-start;align-items:center;gap:.75rem;padding:.65rem .9rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.logout-btn{color:#fecaca;background:#fc81811a;border:1px solid #fc818147}.logout-btn:hover{color:#fff;background:linear-gradient(135deg,#fc818159,#f5656559);border-color:#fc81818c;transform:translateY(-1px);box-shadow:0 6px 22px #fc81814d}.login-btn{color:#fff;background:var(--sn-grad);border:1px solid #ffffff2e;box-shadow:0 6px 22px #667eea59,inset 0 1px #fff3}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #667eea80,inset 0 1px #ffffff40}.logout-icon,.login-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.sidebar.collapsed .logout-btn,.sidebar.collapsed .login-btn{justify-content:center;padding:.65rem .5rem}.sidebar.collapsed .logout-btn span,.sidebar.collapsed .login-btn span{display:none}.app-container>.main-content{min-width:0;margin-left:var(--sn-w-expanded);transition:margin-left var(--sn-t-base);flex:auto}.sidebar.collapsed~.main-content{margin-left:var(--sn-w-collapsed)}.main-content:before{content:none!important}.mobile-toggle{z-index:99;border-radius:var(--sn-r-md);color:#fff;background:var(--sn-glass-bg-strong);border:1px solid var(--sn-glass-border-hover);width:44px;height:44px;-webkit-backdrop-filter:var(--sn-glass-blur-mobile);backdrop-filter:var(--sn-glass-blur-mobile);cursor:pointer;transition:all var(--sn-t-fast);justify-content:center;align-items:center;display:none;position:fixed;top:.85rem;left:.85rem;box-shadow:0 6px 22px #00000059}.mobile-toggle:hover{background:var(--sn-grad);box-shadow:var(--sn-shadow-glow);border-color:#0000;transform:translateY(-1px)}.sidebar-overlay{display:none!important}@media (max-width:480px){:root{--sn-mobile-w:min(86vw,280px)}}@media (max-width:768px){.mobile-toggle{display:inline-flex}.sidebar,.sidebar.collapsed{width:var(--sn-mobile-w);transform:translate(-100%)}.sidebar.active,.sidebar.collapsed.active{width:var(--sn-mobile-w);transform:translate(0)}.sidebar.collapsed.active .logo{display:flex}.sidebar.collapsed.active .nav-text,.sidebar.collapsed.active .user-info,.sidebar.collapsed.active .notification-summary,.sidebar.collapsed.active .logout-btn span,.sidebar.collapsed.active .login-btn span{opacity:1;width:auto;display:inline;position:static}.sidebar.collapsed.active .nav-item,.sidebar.collapsed.active .logout-btn,.sidebar.collapsed.active .login-btn{justify-content:flex-start;padding:.65rem .85rem}.app-container>.main-content,.sidebar.collapsed~.main-content{margin-left:0;padding-top:4.5rem}.sidebar.active~.main-content{margin-left:var(--sn-mobile-w)}}@media (min-width:1024px){:root{--sn-w-expanded:260px;--sn-w-collapsed:72px}}@media (min-width:1280px){:root{--sn-w-expanded:270px}.nav-item{font-size:.9rem}}@media (min-width:1440px){:root{--sn-w-expanded:280px;--sn-w-collapsed:76px}}@media (min-width:1920px){:root{--sn-w-expanded:300px;--sn-w-collapsed:80px}.logo-text{font-size:1.15rem}.nav-item{min-height:48px;font-size:.95rem}.avatar{width:44px;min-width:44px;height:44px}}@media (min-width:2560px){:root{--sn-w-expanded:340px;--sn-w-collapsed:92px}.sidebar-header{height:88px}.logo-icon{width:46px;height:46px}.logo-text{font-size:1.3rem}.nav-item{min-height:52px;padding:.85rem 1rem;font-size:1.05rem}.nav-icon{width:26px;min-width:26px;height:26px}.avatar{width:52px;min-width:52px;height:52px;font-size:1rem}}.nav-item:focus-visible,.sidebar-toggle:focus-visible,.mobile-toggle:focus-visible,.logout-btn:focus-visible,.login-btn:focus-visible,.user-profile:focus-visible,.notification-summary:focus-visible{outline:2px solid var(--sn-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.sidebar,.app-container>.main-content,.nav-item,.sidebar-toggle,.mobile-toggle,.logout-btn,.login-btn,.user-profile{transition:none!important}.notification-badge{animation:none!important}}@media (prefers-contrast:high){.sidebar{background:#000005d9;border-right:2px solid #fff}.nav-item.active{border-color:#fff}}[data-v-d4a83d1f],[data-v-d4a83d1f]:before,[data-v-d4a83d1f]:after{box-sizing:border-box}.chat-wrapper[data-v-d4a83d1f]{--cb-primary:#667eea;--cb-primary-dark:#5a67d8;--cb-secondary:#764ba2;--cb-accent:#818cf8;--cb-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--cb-gradient-hover:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);--cb-glass-1:#0f11289e;--cb-glass-2:#0f11286b;--cb-glass-3:#ffffff0f;--cb-glass-3-focus:#ffffff1a;--cb-bubble-in:#ffffff12;--cb-border:#ffffff1a;--cb-border-strong:#fff3;--cb-blur:blur(22px)saturate(160%);--cb-blur-soft:blur(14px)saturate(140%);--cb-text:#f1f3f9;--cb-text-muted:#f1f3f9c7;--cb-text-subtle:#f1f3f98c;--cb-text-on-primary:#fff;--cb-success:#48bb78;--cb-warning:#ed8936;--cb-danger:#fc8181;--cb-danger-soft:#fed7d7;--cb-shadow-sm:0 4px 14px #00000047;--cb-shadow-md:0 10px 32px #0006;--cb-shadow-lg:0 24px 60px #0000008c,0 8px 32px #667eea2e;--cb-shadow-brand:0 10px 30px #667eea73;--cb-glow:0 0 24px #818cf859;--cb-r-sm:10px;--cb-r-md:14px;--cb-r-lg:20px;--cb-r-xl:24px;--cb-r-full:999px;z-index:9999;color:var(--cb-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only;pointer-events:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(13px,.78rem + .25vw,16px);position:fixed;bottom:clamp(.75rem,1.6vw,1.75rem);right:clamp(.75rem,1.6vw,1.75rem)}.chat-toggle-btn[data-v-d4a83d1f]{border-radius:var(--cb-r-full);background:var(--cb-gradient);width:3.75rem;min-width:44px;height:3.75rem;min-height:44px;color:var(--cb-text-on-primary);cursor:pointer;box-shadow:var(--cb-shadow-brand),inset 0 1px 0 #ffffff40;z-index:10000;border:1px solid #ffffff2e;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .25s;display:flex;position:relative}.chat-toggle-btn[data-v-d4a83d1f]:hover{background:var(--cb-gradient-hover);transform:translateY(-3px)scale(1.05);box-shadow:0 14px 35px #667eea99,inset 0 1px #ffffff4d}.chat-toggle-btn[data-v-d4a83d1f]:active{transform:scale(.96)}.chat-toggle-btn[data-v-d4a83d1f]:disabled{opacity:.6;cursor:not-allowed}.chat-toggle-btn.has-unread[data-v-d4a83d1f]{animation:2s infinite pulse-ring-d4a83d1f}.chat-icon[data-v-d4a83d1f]{width:1.5rem;height:1.5rem}.unread-badge[data-v-d4a83d1f]{color:#fff;border-radius:var(--cb-r-full);background:linear-gradient(135deg,#fc8181,#f56565);border:2px solid #ffffffd9;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .4rem;font-size:.7rem;font-weight:700;animation:.45s cubic-bezier(.34,1.56,.64,1) bounce-in-d4a83d1f;display:flex;position:absolute;top:-.35rem;right:-.35rem;box-shadow:0 2px 10px #f5656599}.chat-window[data-v-d4a83d1f]{background:var(--cb-glass-1);width:clamp(20rem,28vw,25rem);max-width:calc(100vw - 1.5rem);height:34rem;max-height:min(75vh,75dvh);-webkit-backdrop-filter:var(--cb-blur);backdrop-filter:var(--cb-blur);color:var(--cb-text);border-radius:var(--cb-r-xl);border:1px solid var(--cb-border);box-shadow:var(--cb-shadow-lg);z-index:9999;isolation:isolate;flex-direction:column;display:flex;position:absolute;bottom:5rem;right:0;overflow:hidden}.chat-window.minimized[data-v-d4a83d1f]{height:3.75rem}.chat-header[data-v-d4a83d1f]{background:var(--cb-gradient);color:var(--cb-text-on-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff2e;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1.1rem;display:flex;position:relative;overflow:hidden}.chat-header[data-v-d4a83d1f]:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff2e,#0000 55%),radial-gradient(circle at 90% 90%,#ffffff14,#0000 50%);position:absolute;inset:0}.header-left[data-v-d4a83d1f]{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.status-indicator[data-v-d4a83d1f]{background:var(--cb-success);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;box-shadow:0 0 0 3px #48bb784d}.status-indicator.online[data-v-d4a83d1f]{background:var(--cb-success);animation:2s infinite pulse-dot-d4a83d1f}.status-indicator.offline[data-v-d4a83d1f]{background:#a0aec0;box-shadow:0 0 0 3px #a0aec040}.status-indicator.reconnecting[data-v-d4a83d1f]{background:var(--cb-warning);animation:1.2s infinite pulse-dot-d4a83d1f;box-shadow:0 0 0 3px #ed89364d}.chat-header h3[data-v-d4a83d1f]{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;text-shadow:0 1px 2px #00000040;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.status-text[data-v-d4a83d1f]{opacity:.95;color:#ffffffeb;white-space:nowrap;font-size:.72rem}.status-text.offline-text[data-v-d4a83d1f]{color:var(--cb-danger-soft)}.status-text.reconnecting-text[data-v-d4a83d1f]{color:bisque}.header-right[data-v-d4a83d1f]{flex-shrink:0;gap:.4rem;display:flex}.header-btn[data-v-d4a83d1f]{color:#fff;border-radius:var(--cb-r-sm);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff38;justify-content:center;align-items:center;width:2rem;min-width:32px;height:2rem;transition:background .2s,transform .15s,border-color .2s;display:flex}.header-btn[data-v-d4a83d1f]:hover{background:#ffffff52;border-color:#fff6;transform:translateY(-1px)}.header-btn svg[data-v-d4a83d1f]{width:1rem;height:1rem}.chat-content[data-v-d4a83d1f]{background:var(--cb-glass-2);flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-container[data-v-d4a83d1f]{color:var(--cb-text);scroll-behavior:smooth;background:0 0;flex:1;padding:1.1rem;overflow:hidden auto}.messages-container[data-v-d4a83d1f]::-webkit-scrollbar{width:6px}.messages-container[data-v-d4a83d1f]::-webkit-scrollbar-track{background:0 0}.messages-container[data-v-d4a83d1f]::-webkit-scrollbar-thumb{border-radius:var(--cb-r-full);background:linear-gradient(#667eea,#764ba2)}.messages-container[data-v-d4a83d1f]::-webkit-scrollbar-thumb:hover{background:var(--cb-accent)}.loading-messages[data-v-d4a83d1f]{flex-direction:column;justify-content:center;align-items:center;gap:.9rem;height:100%;display:flex}.loading-messages p[data-v-d4a83d1f]{color:var(--cb-text-muted);margin:0;font-size:.875rem}.loading-spinner[data-v-d4a83d1f]{border:3px solid var(--cb-border-strong);border-top-color:var(--cb-accent);border-radius:50%;width:2.5rem;height:2.5rem;animation:.9s linear infinite spin-d4a83d1f;box-shadow:0 0 18px #818cf840}.error-state[data-v-d4a83d1f]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;height:100%;padding:1.25rem;display:flex}.error-state svg[data-v-d4a83d1f]{filter:drop-shadow(0 0 12px #f5656580);width:3rem;height:3rem}.error-state p[data-v-d4a83d1f]{color:var(--cb-text-muted);margin:0;font-size:.875rem;line-height:1.5}.retry-btn[data-v-d4a83d1f]{background:var(--cb-gradient);color:#fff;border-radius:var(--cb-r-md);cursor:pointer;box-shadow:var(--cb-shadow-brand),inset 0 1px 0 #fff3;border:1px solid #ffffff2e;min-height:44px;padding:.65rem 1.35rem;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.retry-btn[data-v-d4a83d1f]:hover:not(:disabled){background:var(--cb-gradient-hover);transform:translateY(-2px);box-shadow:0 12px 32px #667eea80,inset 0 1px #ffffff40}.retry-btn[data-v-d4a83d1f]:disabled{opacity:.6;cursor:not-allowed}.welcome-message[data-v-d4a83d1f]{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--cb-text);border-radius:var(--cb-r-lg);box-shadow:var(--cb-shadow-sm),0 0 24px #667eea1a;border:1px solid var(--cb-border);background:#ffffff0d;padding:1.75rem 1.25rem}.welcome-icon[data-v-d4a83d1f]{filter:drop-shadow(0 4px 14px #818cf859);margin-bottom:.75rem;font-size:2.75rem;animation:3s ease-in-out infinite float-d4a83d1f;display:inline-block}.welcome-message h4[data-v-d4a83d1f]{color:var(--cb-text);background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:1.05rem;font-weight:700}.welcome-message p[data-v-d4a83d1f]{color:var(--cb-text-muted);margin:.4rem 0;font-size:.85rem;line-height:1.5}.response-time[data-v-d4a83d1f]{font-style:italic;color:var(--cb-text-subtle)!important;margin-top:.75rem!important;font-size:.78rem!important}.messages-list[data-v-d4a83d1f]{flex-direction:column;gap:.75rem;display:flex}.message[data-v-d4a83d1f]{animation:.3s cubic-bezier(.34,1.56,.64,1) slideInMsg-d4a83d1f;display:flex}.message-outgoing[data-v-d4a83d1f]{justify-content:flex-end}.message-incoming[data-v-d4a83d1f]{justify-content:flex-start}.message.unread .message-bubble[data-v-d4a83d1f]{box-shadow:0 0 0 2px var(--cb-accent),0 4px 14px #00000047,0 0 22px #818cf859}.message-bubble[data-v-d4a83d1f]{background:var(--cb-bubble-in);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0;max-width:82%;color:var(--cb-text);border-radius:var(--cb-r-lg);box-shadow:var(--cb-shadow-sm);word-wrap:break-word;overflow-wrap:anywhere;border:1px solid var(--cb-border);padding:.65rem .9rem;position:relative}.message-outgoing .message-bubble[data-v-d4a83d1f]{background:var(--cb-gradient);color:var(--cb-text-on-primary);border-color:#fff3;border-bottom-right-radius:.35rem;box-shadow:0 6px 22px #667eea59,inset 0 1px #ffffff2e}.message-incoming .message-bubble[data-v-d4a83d1f]{border-bottom-left-radius:.35rem}.message-sender[data-v-d4a83d1f]{opacity:.9;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.message-outgoing .message-sender[data-v-d4a83d1f]{color:#fffffff2}.message-incoming .message-sender[data-v-d4a83d1f]{color:var(--cb-text-muted)}.sender-system[data-v-d4a83d1f]{color:#68d391!important}.sender-admin[data-v-d4a83d1f]{color:#a3bffa!important}.message-outgoing .sender-user[data-v-d4a83d1f]{color:#fffffff2}.message-text[data-v-d4a83d1f]{word-wrap:break-word;overflow-wrap:anywhere;color:inherit;white-space:pre-wrap;font-size:.88rem;line-height:1.45}.message-time[data-v-d4a83d1f]{opacity:.75;text-align:right;color:inherit;margin-top:.25rem;font-size:.65rem}.chat-input-area[data-v-d4a83d1f]{border-top:1px solid var(--cb-border);background:var(--cb-glass-1);-webkit-backdrop-filter:var(--cb-blur-soft);backdrop-filter:var(--cb-blur-soft);flex-shrink:0;padding:.85rem 1rem}.input-form[data-v-d4a83d1f]{align-items:flex-end;gap:.6rem;display:flex}.message-input[data-v-d4a83d1f]{min-width:0;caret-color:var(--cb-accent);border:1px solid var(--cb-border-strong);border-radius:var(--cb-r-md);resize:none;appearance:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none;flex:1;min-height:2.75rem;max-height:7.5rem;padding:.7rem .9rem;font-family:inherit;font-size:.9rem;line-height:1.45;transition:border-color .2s,box-shadow .2s,background-color .2s;background-color:var(--cb-glass-3)!important;color:var(--cb-text)!important;-webkit-text-fill-color:var(--cb-text)!important;background-image:none!important}.message-input[data-v-d4a83d1f]::placeholder{opacity:1;color:var(--cb-text-subtle)!important;-webkit-text-fill-color:var(--cb-text-subtle)!important}.message-input[data-v-d4a83d1f]:focus{border-color:var(--cb-accent);box-shadow:0 0 0 3px #818cf847,0 0 18px #667eea33;background-color:var(--cb-glass-3-focus)!important;color:var(--cb-text)!important;-webkit-text-fill-color:var(--cb-text)!important}.message-input[data-v-d4a83d1f]:disabled{cursor:not-allowed;opacity:.7;color:var(--cb-text-subtle)!important;-webkit-text-fill-color:var(--cb-text-subtle)!important;background-color:#ffffff08!important}.message-input[data-v-d4a83d1f]:-webkit-autofill{caret-color:var(--cb-accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--cb-text)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1128d9!important}.message-input[data-v-d4a83d1f]:-webkit-autofill:hover{caret-color:var(--cb-accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--cb-text)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1128d9!important}.message-input[data-v-d4a83d1f]:-webkit-autofill:focus{caret-color:var(--cb-accent);transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--cb-text)!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1128d9!important}.send-btn[data-v-d4a83d1f]{border-radius:var(--cb-r-md);background:var(--cb-gradient);color:#fff;cursor:pointer;width:2.75rem;min-width:2.75rem;height:2.75rem;box-shadow:var(--cb-shadow-brand),inset 0 1px 0 #ffffff38;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.send-btn svg[data-v-d4a83d1f]{width:1.2rem;height:1.2rem}.send-btn[data-v-d4a83d1f]:hover:not(:disabled){background:var(--cb-gradient-hover);transform:translateY(-2px);box-shadow:0 10px 26px #667eea8c,inset 0 1px #ffffff40}.send-btn[data-v-d4a83d1f]:active:not(:disabled){transform:translateY(0)}.send-btn[data-v-d4a83d1f]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.input-hint[data-v-d4a83d1f]{color:var(--cb-text-subtle);text-align:center;margin:.5rem 0 0;font-size:.68rem}.chat-minimized[data-v-d4a83d1f]{background:var(--cb-gradient);color:#fff;cursor:pointer;align-items:center;height:100%;padding:0 1.1rem;display:flex;position:relative;overflow:hidden}.chat-minimized[data-v-d4a83d1f]:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff24,#0000 55%);position:absolute;inset:0}.minimized-content[data-v-d4a83d1f]{z-index:1;align-items:center;gap:.7rem;width:100%;display:flex;position:relative}.minimized-text[data-v-d4a83d1f]{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #00000040;flex:1;font-size:.88rem;font-weight:600;overflow:hidden}.minimized-badge[data-v-d4a83d1f]{color:#fff;border-radius:var(--cb-r-full);background:linear-gradient(135deg,#fc8181,#f56565);border:1px solid #fff6;justify-content:center;align-items:center;min-width:1.3rem;height:1.3rem;padding:0 .4rem;font-size:.7rem;font-weight:700;display:flex;box-shadow:0 2px 8px #f5656580}.slide-up-enter-active[data-v-d4a83d1f],.slide-up-leave-active[data-v-d4a83d1f]{transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s}.slide-up-enter-from[data-v-d4a83d1f],.slide-up-leave-to[data-v-d4a83d1f]{opacity:0;transform:translateY(1.25rem)scale(.95)}@keyframes pulse-dot-d4a83d1f{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes pulse-ring-d4a83d1f{0%,to{box-shadow:var(--cb-shadow-brand),inset 0 1px 0 #ffffff40}50%{box-shadow:0 0 0 14px #667eea00,inset 0 1px #ffffff40}}@keyframes bounce-in-d4a83d1f{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes spin-d4a83d1f{to{transform:rotate(360deg)}}@keyframes slideInMsg-d4a83d1f{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-d4a83d1f{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:380px){.chat-toggle-btn[data-v-d4a83d1f]{width:3.2rem;height:3.2rem}.chat-window[data-v-d4a83d1f]{width:calc(100vw - 1rem);height:auto;min-height:22rem;max-height:78vh;border-radius:var(--cb-r-lg);max-height:78dvh;bottom:4.25rem;right:-.25rem}.status-text[data-v-d4a83d1f],.input-hint[data-v-d4a83d1f]{display:none}.messages-container[data-v-d4a83d1f]{padding:.75rem}.chat-input-area[data-v-d4a83d1f]{padding:.65rem .75rem}.message-bubble[data-v-d4a83d1f]{max-width:90%}}@media (min-width:380px) and (max-width:480px){.chat-window[data-v-d4a83d1f]{width:calc(100vw - 1.25rem);height:auto;max-height:78vh;max-height:78dvh;bottom:4.5rem;right:-.35rem}.input-hint[data-v-d4a83d1f]{display:none}.message-bubble[data-v-d4a83d1f]{max-width:88%}}@media (min-width:480px) and (max-width:767.98px){.chat-window[data-v-d4a83d1f]{width:min(100vw - 2rem,22rem);max-height:78vh;max-height:78dvh;bottom:4.75rem;right:0}}@media (min-width:768px){.chat-window[data-v-d4a83d1f]{width:clamp(22rem,26vw,24rem);height:34rem;max-height:75vh;bottom:5rem}}@media (min-width:1024px){.chat-window[data-v-d4a83d1f]{width:clamp(22rem,22vw,25rem)}}@media (min-width:1440px){.chat-window[data-v-d4a83d1f]{width:clamp(24rem,20vw,26rem);height:36rem}}@media (min-width:1920px){.chat-wrapper[data-v-d4a83d1f]{font-size:16.5px}.chat-toggle-btn[data-v-d4a83d1f]{width:4.25rem;height:4.25rem}.chat-icon[data-v-d4a83d1f]{width:1.75rem;height:1.75rem}.chat-window[data-v-d4a83d1f]{width:clamp(26rem,19vw,28rem);height:38rem}.message-bubble[data-v-d4a83d1f]{max-width:78%}}@media (min-width:2560px){.chat-wrapper[data-v-d4a83d1f]{font-size:19px;bottom:clamp(1.5rem,1vw,2.5rem);right:clamp(1.5rem,1vw,2.5rem)}.chat-toggle-btn[data-v-d4a83d1f]{width:5rem;height:5rem}.chat-icon[data-v-d4a83d1f]{width:2rem;height:2rem}.chat-window[data-v-d4a83d1f]{width:clamp(28rem,16vw,32rem);height:42rem}.chat-header[data-v-d4a83d1f]{padding:1.1rem 1.4rem}.chat-header h3[data-v-d4a83d1f]{font-size:1.1rem}.messages-container[data-v-d4a83d1f]{padding:1.35rem}.send-btn[data-v-d4a83d1f]{width:3.25rem;min-width:3.25rem;height:3.25rem}.send-btn svg[data-v-d4a83d1f]{width:1.5rem;height:1.5rem}}@media (max-width:900px) and (orientation:landscape){.chat-window[data-v-d4a83d1f]{height:auto;max-height:85vh;max-height:85dvh}}.chat-toggle-btn[data-v-d4a83d1f]:focus-visible,.header-btn[data-v-d4a83d1f]:focus-visible,.retry-btn[data-v-d4a83d1f]:focus-visible,.send-btn[data-v-d4a83d1f]:focus-visible,.message-input[data-v-d4a83d1f]:focus-visible{outline:2px solid var(--cb-accent);outline-offset:3px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.chat-toggle-btn[data-v-d4a83d1f],.message[data-v-d4a83d1f],.send-btn[data-v-d4a83d1f],.retry-btn[data-v-d4a83d1f],.header-btn[data-v-d4a83d1f],.welcome-icon[data-v-d4a83d1f],.status-indicator[data-v-d4a83d1f],.loading-spinner[data-v-d4a83d1f],.unread-badge[data-v-d4a83d1f],.slide-up-enter-active[data-v-d4a83d1f],.slide-up-leave-active[data-v-d4a83d1f]{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.chat-window[data-v-d4a83d1f]{background:#050514eb;border-color:#fff}.message-bubble[data-v-d4a83d1f]{border-color:#fff6}.message-input[data-v-d4a83d1f]{border-color:#fff!important}}.three-background[data-v-66bdbed6]{width:100vw;height:100vh;z-index:0;pointer-events:none;contain:strict;will-change:transform;background:radial-gradient(#0a0a1f 0%,#03030f 70%);height:100dvh;position:fixed;inset:0;overflow:hidden}.three-background[data-v-66bdbed6] canvas{display:block;width:100%!important;height:100%!important}@media (prefers-reduced-motion:reduce){.three-background[data-v-66bdbed6] canvas{display:none}}[data-v-d7218e98],[data-v-d7218e98]:before,[data-v-d7218e98]:after{box-sizing:border-box}.home-container[data-v-d7218e98]{--hc-text:#fff;--hc-text-soft:#ffffffc7;--hc-text-muted:#ffffff8c;--hc-surface-1:#ffffff0d;--hc-surface-2:#ffffff12;--hc-surface-3:#ffffff1a;--hc-border:#ffffff1f;--hc-border-strong:#ffffff38;--hc-brand-1:#667eea;--hc-brand-2:#764ba2;--hc-brand-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--hc-brand-glow:0 8px 32px #667eea2e;--hc-r-sm:10px;--hc-r-md:14px;--hc-r-lg:18px;--hc-r-xl:22px;--hc-t-fast:.16s ease;--hc-t-norm:.24s ease;z-index:1;width:100%;max-width:1600px;min-height:100dvh;color:var(--hc-text);background:0 0;margin:0 auto;padding:clamp(1rem,3vw,2rem);animation:.5s ease-out both fadeInUp;position:relative;overflow-x:hidden}.home-container h1[data-v-d7218e98],.home-container h2[data-v-d7218e98],.home-container h3[data-v-d7218e98],.home-container h4[data-v-d7218e98]{color:var(--hc-text);letter-spacing:-.01em}.home-container p[data-v-d7218e98],.home-container span[data-v-d7218e98],.home-container a[data-v-d7218e98],.home-container li[data-v-d7218e98]{color:var(--hc-text-soft)}.home-container svg[data-v-d7218e98]{color:currentColor;flex-shrink:0}.home-container .glass-effect[data-v-d7218e98]{background:var(--hc-surface-1);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--hc-border);box-shadow:var(--hc-brand-glow)}.welcome-header[data-v-d7218e98]{border-radius:var(--hc-r-xl);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#667eea38 0%,#764ba238 100%),#ffffff0a;border:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1rem,3vw,1.75rem);padding:clamp(1.25rem,3.5vw,2rem);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #667eea2e}.welcome-header[data-v-d7218e98]:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 0 0,#ffffff1a 0%,#0000 60%),radial-gradient(50% 90% at 100% 100%,#764ba22e 0%,#0000 60%);position:absolute;inset:0}.header-content[data-v-d7218e98]{z-index:1;flex:260px;min-width:0;position:relative}.header-content h1[data-v-d7218e98]{margin-bottom:.35rem;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;line-height:1.2}.header-content .subtitle[data-v-d7218e98]{color:var(--hc-text-soft);font-size:clamp(.9rem,1.6vw,1rem);font-weight:500}.stats-badge[data-v-d7218e98]{z-index:1;border-radius:var(--hc-r-lg);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;flex-direction:column;align-items:center;min-width:110px;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem);display:flex;position:relative}.badge-count[data-v-d7218e98]{background:var(--hc-brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1}.badge-label[data-v-d7218e98]{color:var(--hc-text-soft);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem;font-weight:500}.main-grid[data-v-d7218e98]{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);width:100%;display:grid}.dashboard-card[data-v-d7218e98]{border-radius:var(--hc-r-xl);transition:transform var(--hc-t-norm),box-shadow var(--hc-t-norm),border-color var(--hc-t-norm);grid-column:span 12;min-width:0;overflow:hidden}.dashboard-card[data-v-d7218e98]:hover{border-color:var(--hc-border-strong);transform:translateY(-3px);box-shadow:0 14px 44px #667eea38}.card-header[data-v-d7218e98]{border-bottom:1px solid var(--hc-border);background:#ffffff08;flex-direction:column;gap:.4rem;padding:clamp(1rem,2.4vw,1.4rem);display:flex}.card-title[data-v-d7218e98]{flex-wrap:wrap;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);min-width:0;display:flex}.card-title h2[data-v-d7218e98]{flex:auto;min-width:0;margin:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.card-subtitle[data-v-d7218e98]{color:var(--hc-text-muted);margin:0;font-size:clamp(.8rem,1.4vw,.875rem);font-weight:500;line-height:1.5}.title-icon[data-v-d7218e98]{border-radius:var(--hc-r-md);color:#fff;border:1px solid #ffffff2e;justify-content:center;align-items:center;width:clamp(2rem,4.5vw,2.5rem);height:clamp(2rem,4.5vw,2.5rem);display:flex;box-shadow:inset 0 1px #ffffff2e}.title-icon.course-icon[data-v-d7218e98]{background:linear-gradient(135deg,#8b5cf6d9,#7c3aedd9)}.title-icon.certificate-icon[data-v-d7218e98]{background:linear-gradient(135deg,#10b981d9,#059669d9)}.title-icon.quiz-icon[data-v-d7218e98]{background:linear-gradient(135deg,#f59e0bd9,#d97706d9)}.title-icon.homework-icon[data-v-d7218e98]{background:linear-gradient(135deg,#3b82f6d9,#2563ebd9)}.title-icon.subscription-icon[data-v-d7218e98]{background:linear-gradient(135deg,#ec4899d9,#db2777d9)}.card-count[data-v-d7218e98],.card-status[data-v-d7218e98]{white-space:nowrap;border:1px solid var(--hc-border);color:var(--hc-text);background:#ffffff14;border-radius:999px;padding:.25rem .7rem;font-size:clamp(.72rem,1.4vw,.8rem);font-weight:600}.card-status.active[data-v-d7218e98]{color:#b9f1cf;background:#48bb782e;border-color:#48bb7873}.dashboard-card>div[data-v-d7218e98]:not(.card-header){padding:clamp(1rem,2.4vw,1.4rem)}.courses-list[data-v-d7218e98],.quiz-results[data-v-d7218e98],.homeworks-list[data-v-d7218e98],.subscription-content[data-v-d7218e98]{flex-direction:column;gap:clamp(.6rem,1.6vw,.85rem);display:flex}.course-item[data-v-d7218e98],.quiz-item[data-v-d7218e98],.homework-item[data-v-d7218e98]{border-radius:var(--hc-r-md);background:var(--hc-surface-1);border:1px solid var(--hc-border);transition:transform var(--hc-t-fast),background var(--hc-t-fast),border-color var(--hc-t-fast),box-shadow var(--hc-t-fast);align-items:flex-start;gap:clamp(.6rem,1.6vw,1rem);min-width:0;padding:clamp(.7rem,1.8vw,.95rem);display:flex}.course-item[data-v-d7218e98]:hover,.quiz-item[data-v-d7218e98]:hover,.homework-item[data-v-d7218e98]:hover{background:var(--hc-surface-3);border-color:var(--hc-border-strong);transform:translate(3px);box-shadow:0 6px 20px #667eea2e}.course-item-link[data-v-d7218e98],.certificate-item-link[data-v-d7218e98],.homework-item-link[data-v-d7218e98]{color:inherit;text-decoration:none;display:block}.course-item .course-icon[data-v-d7218e98],.homework-item .homework-icon[data-v-d7218e98]{border-radius:var(--hc-r-sm);color:#c7d2fe;background:#667eea29;border:1px solid #667eea52;flex-shrink:0;justify-content:center;align-items:center;width:clamp(1.75rem,3.5vw,2rem);height:clamp(1.75rem,3.5vw,2rem);display:flex}.course-arrow[data-v-d7218e98],.certificate-arrow[data-v-d7218e98],.homework-arrow[data-v-d7218e98]{color:var(--hc-text-muted);transition:transform var(--hc-t-fast),color var(--hc-t-fast);align-self:center}.course-item:hover .course-arrow[data-v-d7218e98],.certificate-item:hover .certificate-arrow[data-v-d7218e98],.homework-item:hover .homework-arrow[data-v-d7218e98]{color:var(--hc-text);transform:translate(3px)}.course-info[data-v-d7218e98]{flex:1;min-width:0}.course-title[data-v-d7218e98]{color:var(--hc-text);overflow-wrap:anywhere;margin:0 0 .2rem;font-size:clamp(.9rem,1.7vw,1rem);font-weight:600;line-height:1.4}.course-date[data-v-d7218e98]{color:var(--hc-text-muted);margin:0;font-size:clamp(.72rem,1.3vw,.78rem)}.quiz-score[data-v-d7218e98]{border-radius:var(--hc-r-md);color:#fff;border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:clamp(2.5rem,5vw,3rem);height:clamp(2.5rem,5vw,3rem);font-size:clamp(.7rem,1.4vw,.85rem);font-weight:700;display:flex}.quiz-score.excellent[data-v-d7218e98]{background:#10b98138;border-color:#10b98180}.quiz-score.good[data-v-d7218e98]{background:#3b82f638;border-color:#3b82f680}.quiz-score.average[data-v-d7218e98]{background:#f59e0b38;border-color:#f59e0b80}.quiz-score.poor[data-v-d7218e98]{background:#ef444438;border-color:#ef444480}.quiz-info[data-v-d7218e98]{flex:1;min-width:0}.quiz-title[data-v-d7218e98]{color:var(--hc-text);margin:0 0 .25rem;font-size:clamp(.9rem,1.7vw,1rem);font-weight:600;line-height:1.35}.quiz-meta[data-v-d7218e98],.homework-meta[data-v-d7218e98]{flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem;font-size:clamp(.7rem,1.3vw,.75rem);display:flex}.quiz-course[data-v-d7218e98],.quiz-lesson[data-v-d7218e98],.homework-course[data-v-d7218e98],.homework-lesson[data-v-d7218e98]{border:1px solid var(--hc-border);color:var(--hc-text-soft);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:999px;max-width:100%;padding:.15rem .55rem;overflow:hidden}.quiz-footer[data-v-d7218e98]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quiz-status[data-v-d7218e98]{border:1px solid var(--hc-border);color:var(--hc-text-soft);background:#ffffff0f;border-radius:999px;padding:.15rem .55rem;font-size:clamp(.68rem,1.3vw,.74rem);font-weight:600}.quiz-status.passed[data-v-d7218e98]{color:#b9f1cf;background:#48bb782e;border-color:#48bb7873}.quiz-date[data-v-d7218e98]{color:var(--hc-text-muted);font-size:clamp(.7rem,1.3vw,.75rem)}.homework-info[data-v-d7218e98]{flex:1;min-width:0}.homework-title[data-v-d7218e98]{color:var(--hc-text);margin:0 0 .2rem;font-size:clamp(.9rem,1.7vw,1rem);font-weight:600;line-height:1.35}.homework-description[data-v-d7218e98]{color:var(--hc-text-soft);margin:0 0 .45rem;font-size:clamp(.78rem,1.4vw,.82rem);line-height:1.5}.certificates-grid[data-v-d7218e98]{flex-direction:column;gap:clamp(1rem,2vw,1.4rem);display:flex}.certificate-section[data-v-d7218e98]{flex-direction:column;gap:clamp(.4rem,1.2vw,.6rem);display:flex}.section-title[data-v-d7218e98]{text-transform:uppercase;letter-spacing:.08em;color:var(--hc-text-muted);margin:0 0 .2rem;font-size:clamp(.7rem,1.4vw,.78rem);font-weight:700}.certificate-list[data-v-d7218e98]{flex-direction:column;gap:.4rem;display:flex}.certificate-item[data-v-d7218e98]{border-radius:var(--hc-r-md);background:var(--hc-surface-1);border:1px solid var(--hc-border);transition:transform var(--hc-t-fast),background var(--hc-t-fast),border-color var(--hc-t-fast);align-items:center;gap:clamp(.5rem,1.4vw,.75rem);min-width:0;padding:clamp(.55rem,1.4vw,.75rem);display:flex}.certificate-item[data-v-d7218e98]:hover{background:var(--hc-surface-3);border-color:var(--hc-border-strong);transform:translate(2px)}.certificate-icon[data-v-d7218e98]{border-radius:var(--hc-r-sm);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:clamp(1.5rem,3vw,1.75rem);height:clamp(1.5rem,3vw,1.75rem);display:flex}.certificate-icon.exam[data-v-d7218e98]{color:#fde68a;background:#f59e0b2e;border-color:#f59e0b73}.certificate-icon.course[data-v-d7218e98]{color:#bfdbfe;background:#3b82f62e;border-color:#3b82f673}.certificate-info[data-v-d7218e98]{flex:1;min-width:0}.certificate-title[data-v-d7218e98]{color:var(--hc-text);overflow-wrap:anywhere;margin:0 0 .18rem;font-size:clamp(.82rem,1.5vw,.9rem);font-weight:600;line-height:1.35}.certificate-meta[data-v-d7218e98]{color:var(--hc-text-muted);flex-wrap:wrap;gap:.4rem;font-size:clamp(.7rem,1.3vw,.74rem);display:flex}.certificate-date[data-v-d7218e98]{color:var(--hc-text-muted)}.certificate-status[data-v-d7218e98]{border:1px solid var(--hc-border);color:var(--hc-text-soft);white-space:nowrap;background:#ffffff0d;border-radius:999px;padding:.1rem .45rem;font-weight:600}.certificate-status.valid[data-v-d7218e98]{color:#b9f1cf;background:#48bb782e;border-color:#48bb7873}.certificate-hours[data-v-d7218e98]{color:#ddd6fe;white-space:nowrap;background:#8b5cf62e;border:1px solid #8b5cf673;border-radius:999px;padding:.1rem .45rem;font-weight:600}.subscription-details[data-v-d7218e98]{flex-direction:column;gap:clamp(.85rem,2vw,1.15rem);display:flex}.subscription-plan[data-v-d7218e98]{text-align:center;border-radius:var(--hc-r-lg);background:linear-gradient(135deg,#8b5cf629,#667eea29);border:1px solid #8b5cf652;padding:clamp(1rem,2.5vw,1.25rem)}.plan-title[data-v-d7218e98]{color:var(--hc-text);margin:0 0 .5rem;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700}.plan-price[data-v-d7218e98]{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.price-amount[data-v-d7218e98]{background:var(--hc-brand-grad);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.price-period[data-v-d7218e98]{color:var(--hc-text-soft);font-size:clamp(.85rem,1.6vw,.95rem);font-weight:500}.plan-description[data-v-d7218e98]{color:var(--hc-text-soft);margin:0;font-size:clamp(.78rem,1.4vw,.85rem);line-height:1.5}.subscription-features[data-v-d7218e98]{border-radius:var(--hc-r-lg);background:var(--hc-surface-1);border:1px solid var(--hc-border);padding:clamp(.75rem,2vw,1rem)}.features-title[data-v-d7218e98]{color:var(--hc-text);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:clamp(.78rem,1.5vw,.85rem);font-weight:600}.features-list[data-v-d7218e98]{flex-direction:column;gap:.4rem;display:flex}.feature-item[data-v-d7218e98]{color:var(--hc-text-soft);align-items:center;gap:.5rem;font-size:clamp(.8rem,1.5vw,.875rem);display:flex}.feature-item svg[data-v-d7218e98]{color:#48bb78;flex-shrink:0}.subscription-meta[data-v-d7218e98]{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,4vw,2rem);display:flex}.meta-item[data-v-d7218e98]{flex-direction:column;align-items:center;gap:.2rem;display:flex}.meta-label[data-v-d7218e98]{color:var(--hc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.7rem,1.3vw,.74rem)}.meta-value[data-v-d7218e98]{color:var(--hc-text);font-size:clamp(.82rem,1.5vw,.9rem);font-weight:600}.empty-state[data-v-d7218e98]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:clamp(1.25rem,4vw,2rem) clamp(.75rem,3vw,1.25rem);display:flex}.empty-state.small[data-v-d7218e98]{gap:.5rem;padding:clamp(.75rem,2vw,1rem)}.empty-icon[data-v-d7218e98]{color:var(--hc-text-muted);opacity:.65}.empty-icon svg[data-v-d7218e98]{color:currentColor}.empty-text[data-v-d7218e98]{color:var(--hc-text-soft);margin:0;font-size:clamp(.82rem,1.5vw,.9rem)}.empty-action[data-v-d7218e98]{border-radius:var(--hc-r-md);background:var(--hc-brand-grad);min-height:44px;transition:transform var(--hc-t-fast),box-shadow var(--hc-t-fast);white-space:nowrap;border:1px solid #ffffff2e;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:clamp(.82rem,1.5vw,.9rem);font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 22px #667eea52;color:#fff!important}.empty-action[data-v-d7218e98]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #764ba266}.empty-action[data-v-d7218e98]:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.loading-placeholder[data-v-d7218e98]{flex-direction:column;gap:.65rem;display:flex}.placeholder-item[data-v-d7218e98]{border-radius:var(--hc-r-md);border:1px solid var(--hc-border);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/200% 100%;height:3.6rem;animation:1.5s linear infinite hc-loading-d7218e98}.placeholder-item.small[data-v-d7218e98]{height:2.4rem}@keyframes hc-loading-d7218e98{0%{background-position:200% 0}to{background-position:-200% 0}}.home-container[data-v-d7218e98] :focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #818cf8}@media (min-width:480px){.stats-badge[data-v-d7218e98]{min-width:130px}}@media (min-width:640px){.quiz-meta[data-v-d7218e98],.homework-meta[data-v-d7218e98],.certificate-meta[data-v-d7218e98]{gap:.5rem}}@media (min-width:768px){.home-container[data-v-d7218e98]{padding:clamp(1.25rem,3vw,2rem)}.welcome-header[data-v-d7218e98]{flex-wrap:nowrap}.dashboard-card[data-v-d7218e98]:first-child{grid-column:span 12}}@media (min-width:1024px){.dashboard-card[data-v-d7218e98]:first-child{grid-column:span 8}.dashboard-card[data-v-d7218e98]:nth-child(2),.dashboard-card[data-v-d7218e98]:nth-child(3),.dashboard-card[data-v-d7218e98]:nth-child(4),.dashboard-card[data-v-d7218e98]:nth-child(5){grid-column:span 4}}@media (min-width:1440px){.home-container[data-v-d7218e98]{padding:2.25rem}.main-grid[data-v-d7218e98]{gap:1.75rem}}@media (min-width:1920px){.home-container[data-v-d7218e98]{max-width:1760px;padding:2.75rem}}@media (min-width:2560px){.home-container[data-v-d7218e98]{max-width:2200px;padding:3.25rem}.header-content h1[data-v-d7218e98]{font-size:clamp(2rem,2.2vw,2.6rem)}.header-content .subtitle[data-v-d7218e98]{font-size:1.15rem}.card-title h2[data-v-d7218e98]{font-size:1.35rem}.main-grid[data-v-d7218e98]{gap:2rem}}@media (prefers-reduced-motion:reduce){.home-container[data-v-d7218e98],.placeholder-item[data-v-d7218e98],.dashboard-card[data-v-d7218e98],.course-item[data-v-d7218e98],.quiz-item[data-v-d7218e98],.homework-item[data-v-d7218e98],.certificate-item[data-v-d7218e98],.empty-action[data-v-d7218e98]{transition:none!important;animation:none!important}}@media print{.home-container[data-v-d7218e98]{color:#000;background:#fff}.home-container .glass-effect[data-v-d7218e98],.dashboard-card[data-v-d7218e98],.welcome-header[data-v-d7218e98]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ddd!important}}.planet-wrapper[data-v-58b2c297]{justify-content:center;align-items:center;width:100%;max-width:100%;display:inline-flex;overflow:hidden}.planet-canvas[data-v-58b2c297]{max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;display:block}.planet-fallback[data-v-58b2c297]{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;max-width:100%;max-height:100%;animation:18s linear infinite planet-spin-58b2c297;display:flex;box-shadow:inset -10px -10px 30px #0006,inset 10px 10px 30px #ffffff26,0 0 30px #00d9ff33}.planet-fallback-text[data-v-58b2c297]{color:#fff;text-shadow:0 2px 8px #0009;letter-spacing:-.02em;font-size:clamp(28px,8vw,60px);font-weight:800}@keyframes planet-spin-58b2c297{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.planet-fallback[data-v-58b2c297]{animation:none}}.courses-page[data-v-8199ad5a]{--galaxy-text-primary:#fff;--galaxy-text-secondary:#ffffffe0;--galaxy-text-muted:#ffffffb8;--galaxy-text-dim:#ffffff8c;--galaxy-border:#ffffff24;--galaxy-border-strong:#ffffff42;--galaxy-surface:#ffffff0d;--galaxy-surface-2:#ffffff14;--galaxy-surface-3:#ffffff1f;--galaxy-accent:#818cf8;--galaxy-accent-2:#a78bfa;--galaxy-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--galaxy-gradient-hover:linear-gradient(135deg,#5a6fd8 0%,#6a3fa0 100%);--galaxy-glow:0 8px 32px #667eea2e;--galaxy-glow-strong:0 16px 48px #764ba247;--font-xs:clamp(.72rem,1vw + .4rem,.8rem);--font-sm:clamp(.82rem,1vw + .5rem,.92rem);--font-base:clamp(.95rem,1vw + .6rem,1.05rem);--font-md:clamp(1.05rem,1.2vw + .6rem,1.2rem);--font-lg:clamp(1.25rem,2vw + .6rem,1.6rem);--font-xl:clamp(1.6rem,3vw + .6rem,2.1rem);--font-xxl:clamp(2rem,4vw + .6rem,2.8rem);z-index:1;width:100%;max-width:100%;min-height:100vh;background:0 0;min-height:100dvh;padding:clamp(12px,2vw,24px);position:relative;overflow-x:hidden;color:#fff!important}.courses-page h1[data-v-8199ad5a],.courses-page h2[data-v-8199ad5a],.courses-page h3[data-v-8199ad5a],.courses-page h4[data-v-8199ad5a],.courses-page h5[data-v-8199ad5a],.courses-page h6[data-v-8199ad5a],.courses-page p[data-v-8199ad5a],.courses-page span[data-v-8199ad5a],.courses-page label[data-v-8199ad5a],.courses-page a[data-v-8199ad5a],.courses-page button[data-v-8199ad5a],.courses-page li[data-v-8199ad5a],.courses-page dt[data-v-8199ad5a],.courses-page dd[data-v-8199ad5a],.courses-page em[data-v-8199ad5a],.courses-page strong[data-v-8199ad5a],.courses-page small[data-v-8199ad5a],.courses-page b[data-v-8199ad5a],.courses-page i[data-v-8199ad5a],.courses-page u[data-v-8199ad5a],.courses-page div[data-v-8199ad5a]{color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page svg[data-v-8199ad5a]{color:currentColor;fill:currentColor}.courses-page input[data-v-8199ad5a],.courses-page select[data-v-8199ad5a],.courses-page textarea[data-v-8199ad5a]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--galaxy-accent);caret-color:var(--galaxy-accent);color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page select option[data-v-8199ad5a],.courses-page select optgroup[data-v-8199ad5a]{color:#fff;-webkit-text-fill-color:#fff;background-color:#1a1a3a}.courses-page[data-v-8199ad5a] ::placeholder{opacity:1;color:#ffffffa6!important;-webkit-text-fill-color:#ffffffa6!important}.courses-page[data-v-8199ad5a] :disabled,.courses-page [aria-disabled=true][data-v-8199ad5a]{color:#ffffff73!important;-webkit-text-fill-color:#ffffff73!important}.courses-page .page-subtitle[data-v-8199ad5a],.courses-page .filter-label[data-v-8199ad5a],.courses-page .results-count[data-v-8199ad5a],.courses-page .pagination-info[data-v-8199ad5a],.courses-page .course-description[data-v-8199ad5a],.courses-page .meta-item[data-v-8199ad5a],.courses-page .meta-item span[data-v-8199ad5a],.courses-page .loading-text[data-v-8199ad5a],.courses-page .empty-message[data-v-8199ad5a],.courses-page .error-message[data-v-8199ad5a]{color:#ffffffe0!important;-webkit-text-fill-color:#ffffffe0!important}.courses-page .course-date[data-v-8199ad5a],.courses-page .count-loading[data-v-8199ad5a],.courses-page .page-ellipsis[data-v-8199ad5a]{color:#ffffffa6!important;-webkit-text-fill-color:#ffffffa6!important}.courses-page .client-side-warning[data-v-8199ad5a]{color:#fcd34d!important;-webkit-text-fill-color:#fcd34d!important}.courses-page[data-v-8199ad5a] ::selection{color:#fff;background:#818cf859}.courses-page .page-header[data-v-8199ad5a]{background:var(--galaxy-surface);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--galaxy-border);box-shadow:var(--galaxy-glow);border-radius:clamp(14px,2vw,20px);flex-direction:column;gap:clamp(16px,3vw,24px);width:100%;max-width:100%;margin-bottom:clamp(16px,3vw,24px);padding:clamp(20px,4vw,32px);display:flex;position:relative;overflow:visible}@media (min-width:768px){.courses-page .page-header[data-v-8199ad5a]{flex-direction:row;justify-content:space-between;align-items:center}}.courses-page .header-content[data-v-8199ad5a]{flex:1;min-width:0}.courses-page .page-title[data-v-8199ad5a]{font-size:var(--font-xxl);letter-spacing:-.01em;text-shadow:0 0 28px #818cf88c,0 0 12px #667eea73,0 2px 6px #0000008c;margin:0 0 clamp(6px,1vw,10px);padding:.05em 0 .1em;font-weight:800;line-height:1.25;display:block;color:#fff!important;-webkit-text-fill-color:#fff!important;background:0 0!important}.courses-page .page-subtitle[data-v-8199ad5a]{font-size:var(--font-md);margin:0;font-weight:400;line-height:1.5}.courses-page .header-actions[data-v-8199ad5a]{flex-shrink:0;width:100%}@media (min-width:768px){.courses-page .header-actions[data-v-8199ad5a]{width:auto}}.courses-page .search-container[data-v-8199ad5a]{gap:clamp(6px,1vw,10px);width:100%;max-width:min(440px,100%);display:flex;position:relative}.courses-page .search-input[data-v-8199ad5a]{background:var(--galaxy-surface-2);border:1px solid var(--galaxy-border);width:100%;font-size:var(--font-base);-webkit-backdrop-filter:blur(10px);border-radius:clamp(10px,1.5vw,14px);flex:1;min-width:0;padding:clamp(10px,2vw,12px) clamp(12px,2vw,16px);transition:border-color .25s,box-shadow .25s,background .25s}.courses-page .search-input[data-v-8199ad5a]:hover{border-color:var(--galaxy-border-strong);background:#ffffff1a}.courses-page .search-input[data-v-8199ad5a]:focus{border-color:var(--galaxy-accent);outline:none;box-shadow:0 0 0 3px #818cf840,0 4px 16px #667eea33}.courses-page .search-btn[data-v-8199ad5a]{background:var(--galaxy-gradient);cursor:pointer;white-space:nowrap;min-width:clamp(44px,8vw,52px);min-height:44px;font-size:var(--font-base);border:1px solid #ffffff2e;border-radius:clamp(10px,1.5vw,14px);justify-content:center;align-items:center;padding:clamp(10px,2vw,12px) clamp(16px,3vw,20px);font-weight:600;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;box-shadow:0 6px 18px #667eea59;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .search-btn[data-v-8199ad5a]:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 28px #667eea73}.courses-page .search-btn[data-v-8199ad5a]:active{transform:translateY(0)}.courses-page .filters-section[data-v-8199ad5a]{margin-bottom:clamp(20px,3vw,28px)}.courses-page .filters-container[data-v-8199ad5a]{flex-direction:column;align-items:flex-start;gap:clamp(12px,2vw,16px);width:100%;display:flex}@media (min-width:640px){.courses-page .filters-container[data-v-8199ad5a]{flex-direction:row;justify-content:space-between;align-items:center}}.courses-page .filter-group[data-v-8199ad5a]{flex-wrap:wrap;align-items:center;gap:clamp(8px,1.5vw,12px);display:flex}.courses-page .filter-label[data-v-8199ad5a]{white-space:nowrap;font-weight:500;font-size:var(--font-sm)}.courses-page .filter-select[data-v-8199ad5a]{background:var(--galaxy-surface-2);border:1px solid var(--galaxy-border);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:clamp(8px,1vw,10px);min-height:40px;padding:clamp(8px,1vw,10px) clamp(12px,2vw,16px);transition:border-color .25s,box-shadow .25s}.courses-page .filter-select[data-v-8199ad5a]:hover{border-color:var(--galaxy-border-strong)}.courses-page .filter-select[data-v-8199ad5a]:focus{border-color:var(--galaxy-accent);outline:none;box-shadow:0 0 0 3px #818cf840}.courses-page .results-count[data-v-8199ad5a]{font-size:var(--font-sm);background:var(--galaxy-surface);border:1px solid var(--galaxy-border);-webkit-backdrop-filter:blur(10px);text-overflow:ellipsis;border-radius:clamp(8px,1vw,10px);flex-direction:column;gap:4px;max-width:100%;padding:clamp(6px,1vw,8px) clamp(10px,1.5vw,14px);display:flex;overflow:hidden}.courses-page .loading-container[data-v-8199ad5a],.courses-page .error-container[data-v-8199ad5a],.courses-page .empty-state[data-v-8199ad5a]{text-align:center;background:var(--galaxy-surface);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--galaxy-border);box-shadow:var(--galaxy-glow);border-radius:clamp(14px,2vw,20px);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;margin:clamp(12px,3vw,20px) 0;padding:clamp(40px,8vw,80px) clamp(16px,3vw,24px);display:flex}.courses-page .loading-spinner[data-v-8199ad5a]{border:3px solid #ffffff1a;border-top:3px solid var(--galaxy-accent);border-right:3px solid var(--galaxy-accent-2);border-radius:50%;width:clamp(36px,8vw,48px);height:clamp(36px,8vw,48px);margin-bottom:clamp(12px,2vw,16px);animation:1s linear infinite spin-8199ad5a}@keyframes spin-8199ad5a{to{transform:rotate(360deg)}}.courses-page .loading-text[data-v-8199ad5a],.courses-page .empty-message[data-v-8199ad5a],.courses-page .error-message[data-v-8199ad5a]{font-size:var(--font-base);max-width:min(420px,90vw);line-height:1.6}.courses-page .error-icon[data-v-8199ad5a]{filter:drop-shadow(0 0 16px #fc81814d);width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px);margin-bottom:clamp(16px,3vw,20px);color:#fca5a5!important}.courses-page .empty-icon[data-v-8199ad5a]{width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);margin-bottom:clamp(16px,3vw,20px);color:#ffffff8c!important}.courses-page .error-title[data-v-8199ad5a],.courses-page .empty-title[data-v-8199ad5a]{font-size:var(--font-lg);margin-bottom:clamp(6px,1vw,10px);font-weight:700}.courses-page .retry-btn[data-v-8199ad5a]{background:var(--galaxy-gradient);cursor:pointer;font-weight:600;font-size:var(--font-base);white-space:nowrap;border:1px solid #ffffff2e;border-radius:clamp(8px,1.5vw,12px);min-height:44px;margin-top:clamp(12px,2vw,16px);padding:clamp(10px,2vw,12px) clamp(20px,4vw,28px);transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 6px 18px #667eea4d;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .retry-btn[data-v-8199ad5a]:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 28px #667eea66}.courses-page .clear-search-btn[data-v-8199ad5a]{background:var(--galaxy-surface-2);border:1px solid var(--galaxy-border-strong);cursor:pointer;font-weight:600;font-size:var(--font-base);white-space:nowrap;border-radius:clamp(8px,1.5vw,12px);min-height:44px;margin-top:clamp(12px,2vw,16px);padding:clamp(10px,2vw,12px) clamp(20px,4vw,28px);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .clear-search-btn[data-v-8199ad5a]:hover{border-color:var(--galaxy-accent);background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 24px #818cf840}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:clamp(16px,3vw,24px);width:100%;max-width:100%;margin-bottom:clamp(32px,6vw,48px);display:grid}@media (max-width:640px){.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:1fr}}.courses-page .course-card[data-v-8199ad5a]{background:var(--galaxy-surface);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--galaxy-border);box-shadow:var(--galaxy-glow);cursor:pointer;isolation:isolate;border-radius:clamp(14px,2vw,20px);width:100%;min-width:0;max-width:100%;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;position:relative;overflow:hidden}.courses-page .course-card[data-v-8199ad5a]:hover{background:var(--galaxy-surface-2);box-shadow:var(--galaxy-glow-strong);border-color:#818cf866;transform:translateY(-6px)}.courses-page .course-card[data-v-8199ad5a]:focus-visible{outline:2px solid var(--galaxy-accent);outline-offset:2px}.courses-page .course-image-container[data-v-8199ad5a]{border-bottom:1px solid var(--galaxy-border);background:radial-gradient(at 30% 30%,#818cf82e,#0000 60%),radial-gradient(at 70% 70%,#a78bfa24,#0000 60%),#00000040;justify-content:center;align-items:center;width:100%;height:clamp(160px,30vw,220px);display:flex;position:relative;overflow:hidden}.courses-page .course-image-container[data-v-8199ad5a]>*{color:#fff;justify-content:center;align-items:center;max-width:100%;margin:0 auto;display:flex}.courses-page .course-image-container canvas[data-v-8199ad5a]{max-width:100%;height:auto;margin:0 auto;display:block}.courses-page .course-initials[data-v-8199ad5a]{text-shadow:0 4px 16px #0000008c,0 0 24px #818cf866;z-index:3;white-space:nowrap;letter-spacing:-.02em;font-size:clamp(32px,8vw,52px);font-weight:800;position:relative;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .course-overlay[data-v-8199ad5a]{z-index:3;pointer-events:none;background:linear-gradient(#0000 50%,#00000080);position:absolute;inset:0}.courses-page .course-content[data-v-8199ad5a]{z-index:4;padding:clamp(16px,3vw,22px);position:relative}.courses-page .course-header[data-v-8199ad5a]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(6px,1vw,10px);margin-bottom:clamp(8px,2vw,12px);display:flex}.courses-page .course-title[data-v-8199ad5a]{letter-spacing:-.01em;flex:1;min-width:min(150px,30vw);font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:700;line-height:1.4}.courses-page .course-badge[data-v-8199ad5a]{background:var(--galaxy-gradient);font-size:var(--font-xs);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-left:clamp(4px,2vw,12px);padding:4px clamp(10px,2vw,14px);font-weight:700;box-shadow:0 4px 12px #667eea59;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .course-description[data-v-8199ad5a]{line-height:1.6;font-size:var(--font-sm);min-height:clamp(48px,10vw,60px);margin-bottom:clamp(14px,2.5vw,18px)}.courses-page .course-meta[data-v-8199ad5a]{border-bottom:1px solid var(--galaxy-border);flex-wrap:wrap;gap:clamp(12px,3vw,20px);margin-bottom:clamp(14px,2.5vw,18px);padding-bottom:clamp(14px,2.5vw,18px);display:flex}.courses-page .meta-item[data-v-8199ad5a]{font-size:var(--font-sm);white-space:nowrap;align-items:center;gap:clamp(4px,1vw,6px);display:flex}.courses-page .meta-item svg[data-v-8199ad5a]{fill:currentColor;filter:drop-shadow(0 0 6px #818cf866);flex-shrink:0;width:clamp(16px,3vw,18px);height:clamp(16px,3vw,18px);color:var(--galaxy-accent)!important}.courses-page .course-footer[data-v-8199ad5a]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(8px,2vw,12px);display:flex}.courses-page .course-date[data-v-8199ad5a]{font-size:var(--font-sm);white-space:nowrap}.courses-page .view-course-btn[data-v-8199ad5a]{background:var(--galaxy-gradient);font-size:var(--font-sm);cursor:pointer;white-space:nowrap;border:1px solid #ffffff2e;border-radius:clamp(8px,1.5vw,10px);align-items:center;gap:clamp(4px,1vw,6px);min-height:40px;padding:clamp(8px,1.5vw,10px) clamp(14px,3vw,18px);font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;box-shadow:0 4px 14px #667eea4d;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .view-course-btn[data-v-8199ad5a]:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #667eea73}.courses-page .view-course-btn[data-v-8199ad5a]:active{transform:translateY(0)}.courses-page .pagination-container[data-v-8199ad5a]{flex-direction:column;align-items:center;gap:clamp(12px,2vw,16px);width:100%;margin-top:clamp(28px,5vw,48px);padding:clamp(12px,3vw,20px) 0;display:flex}.courses-page .pagination[data-v-8199ad5a]{background:var(--galaxy-surface);border:1px solid var(--galaxy-border);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:var(--galaxy-glow);border-radius:clamp(12px,2vw,16px);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2vw,14px);max-width:100%;padding:clamp(8px,1.5vw,12px);display:flex}.courses-page .pagination-btn[data-v-8199ad5a]{background:var(--galaxy-surface-2);border:1px solid var(--galaxy-border);cursor:pointer;font-weight:500;font-size:var(--font-sm);white-space:nowrap;border-radius:clamp(8px,1.5vw,10px);align-items:center;gap:clamp(4px,1vw,8px);min-height:40px;padding:clamp(8px,1.5vw,10px) clamp(14px,2.5vw,18px);transition:border-color .25s,color .25s,background .25s,transform .25s;display:inline-flex;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .pagination-btn[data-v-8199ad5a]:disabled{opacity:.55;cursor:not-allowed;color:#ffffff80!important;-webkit-text-fill-color:#ffffff80!important}.courses-page .pagination-btn[data-v-8199ad5a]:not(:disabled):hover{border-color:var(--galaxy-accent);background:#818cf82e;transform:translateY(-1px)}.courses-page .page-numbers[data-v-8199ad5a]{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(4px,1vw,8px);display:flex}.courses-page .page-number[data-v-8199ad5a]{background:var(--galaxy-surface-2);border:1px solid var(--galaxy-border);cursor:pointer;min-width:clamp(36px,6vw,42px);height:clamp(36px,6vw,42px);font-weight:600;font-size:var(--font-sm);border-radius:clamp(8px,1.5vw,10px);justify-content:center;align-items:center;padding:0 clamp(6px,1vw,10px);transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:inline-flex;color:#fff!important;-webkit-text-fill-color:#fff!important}.courses-page .page-number[data-v-8199ad5a]:hover{border-color:var(--galaxy-accent);background:#818cf82e;transform:translateY(-1px)}.courses-page .page-number.active[data-v-8199ad5a]{background:var(--galaxy-gradient);border-color:#0000;box-shadow:0 6px 18px #667eea66}@media (max-width:640px){.courses-page[data-v-8199ad5a]{padding:10px}.courses-page .page-header[data-v-8199ad5a]{-webkit-backdrop-filter:blur(12px);padding:16px}.courses-page .search-input[data-v-8199ad5a],.courses-page .filter-select[data-v-8199ad5a]{font-size:16px}.courses-page .course-meta[data-v-8199ad5a]{flex-direction:column;gap:8px}.courses-page .course-footer[data-v-8199ad5a]{flex-direction:column;align-items:stretch;gap:12px}.courses-page .view-course-btn[data-v-8199ad5a]{justify-content:center;align-self:stretch}.courses-page .pagination[data-v-8199ad5a]{gap:6px;padding:8px}.courses-page .pagination-btn[data-v-8199ad5a]{padding:8px 12px}}@media (min-width:641px) and (max-width:1024px){.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}}@media (min-width:1024px) and (max-width:1279px){.courses-page[data-v-8199ad5a]{max-width:1400px;margin-inline:auto}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1280px) and (max-width:1439px){.courses-page[data-v-8199ad5a]{max-width:1400px;margin-inline:auto}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1440px) and (max-width:1919px){.courses-page[data-v-8199ad5a]{max-width:1500px;margin-inline:auto}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (min-width:1920px){.courses-page[data-v-8199ad5a]{max-width:1700px;margin-inline:auto}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px}}@media (min-width:2560px){.courses-page[data-v-8199ad5a]{max-width:2000px;padding:48px}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:40px}.courses-page .pagination[data-v-8199ad5a]{padding:16px}.courses-page .page-number[data-v-8199ad5a]{min-width:48px;height:48px;font-size:1rem}}@media (min-width:3440px){.courses-page[data-v-8199ad5a]{max-width:2400px;padding:56px}.courses-page .courses-grid[data-v-8199ad5a]{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:48px}}@media (prefers-contrast:high){.courses-page .page-title[data-v-8199ad5a]{text-shadow:none!important}.courses-page .search-input[data-v-8199ad5a],.courses-page .filter-select[data-v-8199ad5a],.courses-page .pagination-btn[data-v-8199ad5a],.courses-page .page-number[data-v-8199ad5a]{background:#0009;border-color:#fff}}@media (prefers-reduced-motion:reduce){.courses-page .course-card[data-v-8199ad5a]:hover,.courses-page .search-btn[data-v-8199ad5a]:hover,.courses-page .view-course-btn[data-v-8199ad5a]:hover,.courses-page .pagination-btn[data-v-8199ad5a]:hover,.courses-page .page-number[data-v-8199ad5a]:hover,.courses-page .retry-btn[data-v-8199ad5a]:hover,.courses-page .clear-search-btn[data-v-8199ad5a]:hover{transform:none}.courses-page .course-card[data-v-8199ad5a],.courses-page .loading-spinner[data-v-8199ad5a]{transition:none;animation:none}}@media print{.courses-page[data-v-8199ad5a],.courses-page[data-v-8199ad5a] *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important;filter:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important}.courses-page .page-header[data-v-8199ad5a],.courses-page .course-card[data-v-8199ad5a]{border:1px solid #ccc!important}}.course-details-page[data-v-4ecb8d72]{--font-xs:clamp(.7rem,.65rem + .25vw,.78rem);--font-sm:clamp(.78rem,.74rem + .3vw,.88rem);--font-base:clamp(.88rem,.82rem + .4vw,1rem);--font-md:clamp(1rem,.92rem + .5vw,1.125rem);--font-lg:clamp(1.18rem,1.05rem + .7vw,1.4rem);--font-xl:clamp(1.4rem,1.2rem + 1vw,1.75rem);--font-xxl:clamp(1.6rem,1.3rem + 1.5vw,2.1rem);--font-xxxl:clamp(1.85rem,1.4rem + 2.5vw,3rem);--brand-from:#667eea;--brand-to:#764ba2;--brand-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--accent-cyan:#818cf8;--accent-pink:#ec4899;--accent-green:#48bb78;--accent-red:#fc8181;--accent-blue:#0ea5e9;--txt-primary:#fff;--txt-secondary:#ffffffc7;--txt-muted:#ffffff8c;--glass-bg:#ffffff0f;--glass-bg-strong:#ffffff17;--glass-bg-soft:#ffffff09;--glass-border:#ffffff1f;--glass-border-hi:#818cf873;--shadow-sm:0 4px 14px #00000040;--shadow-md:0 8px 28px #0000004d;--shadow-lg:0 16px 48px #0006;--shadow-glow:0 8px 32px #667eea33;--shadow-glow-strong:0 12px 40px #764ba24d;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;z-index:1;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;color:var(--txt-primary);background:0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.course-details-page p[data-v-4ecb8d72],.course-details-page span[data-v-4ecb8d72],.course-details-page h1[data-v-4ecb8d72],.course-details-page h2[data-v-4ecb8d72],.course-details-page h3[data-v-4ecb8d72],.course-details-page h4[data-v-4ecb8d72],.course-details-page label[data-v-4ecb8d72],.course-details-page a[data-v-4ecb8d72],.course-details-page button[data-v-4ecb8d72],.course-details-page textarea[data-v-4ecb8d72],.course-details-page input[data-v-4ecb8d72]{color:inherit}.course-details-page .loading-container[data-v-4ecb8d72],.course-details-page .error-container[data-v-4ecb8d72]{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:calc(100% - clamp(2rem,4vw,3rem));max-width:1400px;min-height:60vh;box-shadow:var(--shadow-md),var(--shadow-glow);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;margin:clamp(1rem,2vw,1.5rem) auto;padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,1.5rem);display:flex}.course-details-page .loading-spinner[data-v-4ecb8d72]{border:3px solid #ffffff1a;border-top:3px solid var(--brand-from);border-right:3px solid var(--brand-to);border-radius:50%;width:clamp(56px,9vw,76px);height:clamp(56px,9vw,76px);margin-bottom:clamp(1rem,2vw,1.5rem);animation:1.1s cubic-bezier(.6,.2,.4,.8) infinite cd-spin-4ecb8d72;box-shadow:0 0 28px #667eea73}@keyframes cd-spin-4ecb8d72{to{transform:rotate(360deg)}}.course-details-page .loading-text[data-v-4ecb8d72]{font-size:var(--font-lg);letter-spacing:.4px;color:var(--txt-secondary);font-weight:600}.course-details-page .error-container[data-v-4ecb8d72]{background:#fc81810f;border-color:#fc818147}.course-details-page .error-icon[data-v-4ecb8d72]{color:var(--accent-red);filter:drop-shadow(0 0 22px #fc81818c);margin-bottom:clamp(1rem,2vw,1.5rem);animation:2s ease-in-out infinite cd-pulse-4ecb8d72}.course-details-page .error-icon svg[data-v-4ecb8d72]{width:clamp(2.5rem,7vw,3.25rem);height:clamp(2.5rem,7vw,3.25rem)}@keyframes cd-pulse-4ecb8d72{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.course-details-page .error-title[data-v-4ecb8d72]{font-size:var(--font-xl);text-align:center;margin-bottom:clamp(.5rem,1.5vw,1rem);font-weight:700}.course-details-page .error-message[data-v-4ecb8d72]{text-align:center;max-width:min(520px,92vw);line-height:1.6;font-size:var(--font-md);color:var(--txt-secondary);margin-bottom:clamp(1.25rem,3vw,1.75rem)}.course-details-page .retry-btn[data-v-4ecb8d72],.course-details-page .back-btn[data-v-4ecb8d72],.course-details-page .submit-btn[data-v-4ecb8d72],.course-details-page .homework-btn[data-v-4ecb8d72]{border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-base);cursor:pointer;white-space:nowrap;letter-spacing:.2px;color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:clamp(.625rem,1.5vw,.85rem) clamp(1.1rem,2.5vw,1.75rem);text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s,filter .25s;display:inline-flex}.course-details-page .retry-btn[data-v-4ecb8d72],.course-details-page .submit-btn[data-v-4ecb8d72],.course-details-page .homework-btn[data-v-4ecb8d72]{background:var(--brand-grad);box-shadow:var(--shadow-glow);border-color:#ffffff26}.course-details-page .retry-btn[data-v-4ecb8d72]:hover,.course-details-page .submit-btn[data-v-4ecb8d72]:hover:not(:disabled),.course-details-page .homework-btn[data-v-4ecb8d72]:hover{filter:brightness(1.08);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.course-details-page .submit-btn[data-v-4ecb8d72]:disabled{opacity:.55;cursor:not-allowed;filter:none;transform:none}.course-details-page .back-btn[data-v-4ecb8d72]{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(14px);border-color:var(--glass-border)}.course-details-page .back-btn[data-v-4ecb8d72]:hover{border-color:var(--glass-border-hi);box-shadow:var(--shadow-glow);background:#ffffff1f;transform:translateY(-2px)}.course-details-page .breadcrumb[data-v-4ecb8d72]{-webkit-backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--glass-border);z-index:50;background:#080a1973;flex-wrap:wrap;align-items:center;gap:clamp(.25rem,1vw,.5rem);padding:clamp(.85rem,1.8vw,1.1rem) clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.course-details-page .breadcrumb-link[data-v-4ecb8d72]{border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-sm);color:var(--txt-primary);white-space:nowrap;background:#ffffff0a;border:1px solid #0000;align-items:center;gap:.375rem;padding:.45rem clamp(.7rem,1.5vw,1rem);text-decoration:none;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.course-details-page .breadcrumb-link[data-v-4ecb8d72]:hover{background:#667eea2e;border-color:#667eea59;transform:translate(-2px)}.course-details-page .breadcrumb-separator[data-v-4ecb8d72]{color:var(--txt-muted);font-weight:300}.course-details-page .breadcrumb-current[data-v-4ecb8d72]{font-weight:600;font-size:var(--font-sm);color:var(--txt-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:60vw;padding:.45rem .6rem;overflow:hidden}.course-details-page .course-content-wrapper[data-v-4ecb8d72]{z-index:1;position:relative}.course-details-page .course-content[data-v-4ecb8d72]{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.course-details-page .course-hero[data-v-4ecb8d72]{border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),var(--shadow-glow);margin:clamp(1.25rem,3vw,2.25rem) 0;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.course-details-page .course-hero[data-v-4ecb8d72]:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at top,#764ba22e 0%,#0000 60%);position:absolute;inset:0}.course-details-page .course-hero[data-v-4ecb8d72]:hover{border-color:var(--glass-border-hi);box-shadow:var(--shadow-lg),var(--shadow-glow-strong)}.course-details-page .course-image-container[data-v-4ecb8d72]{background:radial-gradient(#764ba238 0%,#0000 70%),radial-gradient(at 30% 40%,#667eea2e 0%,#0000 50%),radial-gradient(at 70% 60%,#ec48991a 0%,#0000 50%);justify-content:center;align-items:center;width:100%;height:clamp(260px,42vw,460px);display:flex;position:relative;overflow:hidden}.course-details-page .course-image-container[data-v-4ecb8d72]>*{justify-content:center;align-items:center;margin:0 auto;display:flex}.course-details-page .course-image-container canvas[data-v-4ecb8d72],.course-details-page .course-image-container>div[data-v-4ecb8d72]{max-width:100%;max-height:100%}.course-details-page .image-overlay[data-v-4ecb8d72]{z-index:4;pointer-events:none;background:linear-gradient(#0000 0% 55%,#080a1959 85%,#080a198c 100%);position:absolute;inset:0}.course-details-page .course-info[data-v-4ecb8d72]{z-index:5;border-radius:0 0 var(--radius-xl)var(--radius-xl);-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0000 0%,#0f12288c 35%,#0c0f23b8 100%);margin-top:-70px;padding:clamp(1.4rem,3vw,2.4rem);position:relative}.course-details-page .course-meta[data-v-4ecb8d72]{flex-wrap:wrap;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:flex}.course-details-page .course-badge[data-v-4ecb8d72]{-webkit-backdrop-filter:blur(10px);font-size:var(--font-sm);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#667eea2e;border:1px solid #667eea66;border-radius:100px;padding:.45rem clamp(.85rem,2vw,1.2rem);font-weight:700}.course-details-page .course-date[data-v-4ecb8d72]{font-size:var(--font-sm);color:var(--txt-secondary);white-space:nowrap;font-weight:500}.course-details-page .course-title[data-v-4ecb8d72]{font-size:var(--font-xxxl);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 16px #00000073;margin-bottom:clamp(1rem,2vw,1.5rem);font-weight:800;line-height:1.15}.course-details-page .course-stats[data-v-4ecb8d72]{flex-wrap:wrap;gap:clamp(.7rem,1.8vw,1.1rem);display:flex}.course-details-page .stat-item[data-v-4ecb8d72]{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);flex:auto;align-items:center;gap:clamp(.6rem,1.4vw,.95rem);min-width:min(160px,100%);padding:clamp(.7rem,1.8vw,1rem) clamp(.95rem,2.2vw,1.4rem);transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:flex}.course-details-page .stat-item[data-v-4ecb8d72]:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-hi);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.course-details-page .stat-item svg[data-v-4ecb8d72]{color:var(--brand-from);filter:drop-shadow(0 0 8px #667eea80);flex-shrink:0;width:clamp(20px,2.6vw,26px);height:clamp(20px,2.6vw,26px)}.course-details-page .stat-content[data-v-4ecb8d72]{flex-direction:column;gap:2px;min-width:0;display:flex}.course-details-page .stat-number[data-v-4ecb8d72]{color:#fff;font-size:clamp(1.15rem,2.3vw,1.45rem);font-weight:800;line-height:1}.course-details-page .stat-label[data-v-4ecb8d72]{font-size:var(--font-xs);color:var(--txt-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.course-details-page .main-content[data-v-4ecb8d72]{padding:0 0 clamp(2rem,4vw,3rem)}.course-details-page .mobile-tabs[data-v-4ecb8d72]{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);gap:.4rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem);padding:.4rem;display:flex}.course-details-page .mobile-tab[data-v-4ecb8d72]{border-radius:var(--radius-sm);min-height:44px;color:var(--txt-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:clamp(.6rem,1.4vw,.85rem) .5rem;font-weight:600;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;display:flex}.course-details-page .mobile-tab[data-v-4ecb8d72]:hover:not(.active){color:var(--txt-primary);background:#ffffff0d}.course-details-page .mobile-tab.active[data-v-4ecb8d72]{color:#fff;box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#667eea38,#764ba238);border-color:#667eea73}.course-details-page .tab-icon[data-v-4ecb8d72]{font-size:clamp(1.05rem,2.4vw,1.3rem)}.course-details-page .tab-label[data-v-4ecb8d72]{font-size:var(--font-xs);letter-spacing:.25px;font-weight:600}.course-details-page .content-grid[data-v-4ecb8d72]{gap:clamp(1.25rem,2.5vw,1.75rem);display:grid}.course-details-page .section[data-v-4ecb8d72]{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm),var(--shadow-glow);margin-bottom:clamp(1.25rem,2.5vw,1.75rem);transition:border-color .3s,box-shadow .3s;overflow:hidden}.course-details-page .section[data-v-4ecb8d72]:hover{box-shadow:var(--shadow-md),var(--shadow-glow-strong);border-color:#ffffff2e}.course-details-page .section-header[data-v-4ecb8d72]{border-bottom:1px solid var(--glass-border);background:linear-gradient(#ffffff0a,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:clamp(1.1rem,2.4vw,1.6rem);display:flex}.course-details-page .section-title[data-v-4ecb8d72]{letter-spacing:-.01em;color:var(--txt-primary);align-items:center;gap:clamp(.5rem,1.4vw,.85rem);min-width:0;margin:0;font-size:clamp(1.05rem,2.3vw,1.3rem);font-weight:700;display:flex}.course-details-page .section-title svg[data-v-4ecb8d72]{color:var(--brand-from);filter:drop-shadow(0 0 8px #667eea80);flex-shrink:0;width:clamp(18px,2.6vw,22px);height:clamp(18px,2.6vw,22px)}.course-details-page .section-count[data-v-4ecb8d72]{font-size:var(--font-sm);color:#fff;white-space:nowrap;text-align:center;background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid #667eea66;border-radius:100px;min-width:32px;padding:.3rem clamp(.7rem,1.4vw,.95rem);font-weight:700}.course-details-page .lessons-list[data-v-4ecb8d72],.course-details-page .comments-list[data-v-4ecb8d72]{flex-direction:column;gap:.85rem;padding:clamp(.9rem,2.2vw,1.4rem);display:flex}.course-details-page .empty-lessons[data-v-4ecb8d72],.course-details-page .empty-comments[data-v-4ecb8d72]{text-align:center;font-size:var(--font-md);color:var(--txt-muted);padding:clamp(1.75rem,4.5vw,2.75rem) clamp(1rem,3vw,2rem);font-weight:500}.course-details-page .lesson-card[data-v-4ecb8d72]{background:var(--glass-bg-soft);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:clamp(.95rem,1.9vw,1.3rem);transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.course-details-page .lesson-card[data-v-4ecb8d72]:before{content:"";background:var(--brand-grad);opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.course-details-page .lesson-card[data-v-4ecb8d72]:hover{border-color:var(--glass-border-hi);background:var(--glass-bg);box-shadow:var(--shadow-sm);transform:translate(4px)}.course-details-page .lesson-card[data-v-4ecb8d72]:hover:before{opacity:1}.course-details-page .lesson-title[data-v-4ecb8d72]{letter-spacing:-.01em;color:var(--txt-primary);margin:0 0 .45rem;font-size:clamp(.95rem,1.9vw,1.1rem);font-weight:700;line-height:1.4}.course-details-page .lesson-date[data-v-4ecb8d72]{font-size:var(--font-sm);color:var(--txt-muted);margin:0;font-weight:500}.course-details-page .lesson-header[data-v-4ecb8d72]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.course-details-page .lesson-badges[data-v-4ecb8d72]{flex-wrap:wrap;gap:.45rem;display:flex}.course-details-page .lesson-badge[data-v-4ecb8d72]{min-height:32px;font-size:var(--font-xs);-webkit-backdrop-filter:blur(10px);cursor:pointer;white-space:nowrap;letter-spacing:.25px;border:1px solid #0000;border-radius:100px;align-items:center;gap:.35rem;padding:.4rem clamp(.6rem,1.5vw,.85rem);font-weight:700;text-decoration:none;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex}.course-details-page .lesson-badge[data-v-4ecb8d72]:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.course-details-page .quiz-badge[data-v-4ecb8d72]{color:#9ae6b4;background:#48bb782e;border-color:#48bb7866}.course-details-page .quiz-badge[data-v-4ecb8d72]:hover{background:#48bb784d;border-color:#48bb78a6;box-shadow:0 0 18px #48bb7859}.course-details-page .homework-badge[data-v-4ecb8d72]{color:#c7d2fe;background:#667eea33;border-color:#667eea66}.course-details-page .homework-badge[data-v-4ecb8d72]:hover{background:#667eea52;border-color:#667eeaa6;box-shadow:0 0 18px #667eea66}.course-details-page .lesson-badge svg[data-v-4ecb8d72]{flex-shrink:0;width:14px;height:14px}.course-details-page .lesson-links[data-v-4ecb8d72]{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.course-details-page .lesson-link[data-v-4ecb8d72]{background:var(--glass-bg);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--txt-primary);border:1px solid var(--glass-border);white-space:nowrap;align-items:center;gap:.375rem;min-height:36px;padding:.5rem clamp(.7rem,1.4vw,.95rem);font-weight:600;text-decoration:none;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.course-details-page .lesson-link[data-v-4ecb8d72]:hover{background:#667eea2e;border-color:#667eea66;transform:translateY(-1px)}.course-details-page .lesson-link svg[data-v-4ecb8d72]{flex-shrink:0;width:14px;height:14px}.course-details-page .add-comment-form[data-v-4ecb8d72]{border-bottom:1px solid var(--glass-border);background:#ffffff05;padding:clamp(1.1rem,2.4vw,1.6rem)}.course-details-page .form-header[data-v-4ecb8d72]{margin-bottom:clamp(.75rem,1.8vw,1.1rem)}.course-details-page .form-title[data-v-4ecb8d72]{letter-spacing:-.01em;color:var(--txt-primary);margin:0 0 .35rem;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:700}.course-details-page .form-subtitle[data-v-4ecb8d72]{font-size:var(--font-sm);color:var(--txt-secondary);margin:0;font-weight:500;line-height:1.5}.course-details-page .form-subtitle a[data-v-4ecb8d72]{color:var(--brand-from);font-weight:700;text-decoration:none;transition:text-shadow .25s,color .25s}.course-details-page .form-subtitle a[data-v-4ecb8d72]:hover{color:#c7d2fe;text-shadow:0 0 12px #818cf8b3}.course-details-page .mention-input-container[data-v-4ecb8d72]{margin-bottom:.75rem;position:relative}.course-details-page .comment-input[data-v-4ecb8d72]{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;font-family:inherit;font-size:var(--font-base);color:var(--txt-primary);resize:vertical;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);background:#00000047;min-height:clamp(96px,16vw,130px);padding:clamp(.8rem,1.8vw,1.05rem);font-weight:500;line-height:1.6;transition:border-color .25s,background .25s,box-shadow .25s}.course-details-page .comment-input[data-v-4ecb8d72]::placeholder{color:var(--txt-muted);font-weight:400}.course-details-page .comment-input[data-v-4ecb8d72]:focus{background:#0006;border-color:#667eeaa6;outline:none;box-shadow:0 0 0 3px #667eea2e}.course-details-page .mention-dropdown[data-v-4ecb8d72]{-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;background:#0f1228eb;min-width:220px;max-height:220px;padding:.35rem;position:absolute;overflow-y:auto}.course-details-page .mention-option[data-v-4ecb8d72]{border-radius:var(--radius-sm);cursor:pointer;color:var(--txt-primary);align-items:center;gap:.6rem;padding:.5rem .7rem;transition:background .2s;display:flex}.course-details-page .mention-option[data-v-4ecb8d72]:hover,.course-details-page .mention-option.selected[data-v-4ecb8d72]{background:#667eea2e}.course-details-page .mention-avatar[data-v-4ecb8d72]{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.course-details-page .mention-username[data-v-4ecb8d72]{font-size:var(--font-sm);font-weight:600}.course-details-page .form-actions[data-v-4ecb8d72]{justify-content:flex-end;margin-top:.75rem;display:flex}.course-details-page .btn-loading[data-v-4ecb8d72]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite cd-spin-4ecb8d72;display:inline-block}.course-details-page .comment-card[data-v-4ecb8d72]{background:var(--glass-bg-soft);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:clamp(.95rem,1.9vw,1.3rem);transition:background .3s,border-color .3s,box-shadow .3s}.course-details-page .comment-card[data-v-4ecb8d72]:hover{background:var(--glass-bg);box-shadow:var(--shadow-sm);border-color:#ffffff2e}.course-details-page .comment-header[data-v-4ecb8d72]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.85rem;display:flex}.course-details-page .user-info[data-v-4ecb8d72]{flex:1;align-items:center;gap:clamp(.6rem,1.4vw,.85rem);min-width:0;display:flex}.course-details-page .user-avatar-container[data-v-4ecb8d72]{flex-shrink:0;width:clamp(38px,6.5vw,46px);height:clamp(38px,6.5vw,46px);position:relative}.course-details-page .user-avatar-image[data-v-4ecb8d72]{object-fit:cover;border:2px solid #667eea73;border-radius:50%;width:100%;height:100%;box-shadow:0 0 14px #667eea4d}.course-details-page .user-avatar-generated[data-v-4ecb8d72]{background:var(--brand-grad);color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(13px,2.4vw,17px);font-weight:800;display:flex;box-shadow:0 4px 12px #0000004d}.course-details-page .user-details[data-v-4ecb8d72]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.course-details-page .user-name-row[data-v-4ecb8d72]{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.course-details-page .user-name[data-v-4ecb8d72]{font-weight:700;font-size:var(--font-base);letter-spacing:-.01em;color:var(--txt-primary)}.course-details-page .user-full-name[data-v-4ecb8d72]{font-size:var(--font-xs);color:var(--txt-muted);font-weight:500}.course-details-page .comment-date[data-v-4ecb8d72]{font-size:var(--font-xs);color:var(--txt-muted);white-space:nowrap;font-weight:500}.course-details-page .comment-actions[data-v-4ecb8d72]{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.course-details-page .action-btn[data-v-4ecb8d72],.course-details-page .delete-btn[data-v-4ecb8d72]{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);cursor:pointer;width:clamp(34px,4.5vw,40px);height:clamp(34px,4.5vw,40px);min-height:34px;color:var(--txt-secondary);justify-content:center;align-items:center;padding:0;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.course-details-page .delete-btn[data-v-4ecb8d72]{color:#fca5a5;background:#fc81811a;border-color:#fc81814d}.course-details-page .delete-btn[data-v-4ecb8d72]:hover{background:#fc818138;border-color:#fc818199;transform:scale(1.05);box-shadow:0 0 14px #fc818159}.course-details-page .delete-btn svg[data-v-4ecb8d72]{width:16px;height:16px}.course-details-page .comment-content[data-v-4ecb8d72]{line-height:1.7;font-size:var(--font-base);color:var(--txt-secondary);font-weight:400}.course-details-page .comment-content p[data-v-4ecb8d72]{margin:0}.course-details-page .comment-content .mention[data-v-4ecb8d72]{white-space:nowrap;color:#c7d2fe;background:linear-gradient(135deg,#667eea38,#764ba238);border:1px solid #667eea59;border-radius:6px;margin:0 .1rem;padding:.1rem .45rem;font-weight:700}.course-details-page .description-section .description-content[data-v-4ecb8d72]{line-height:1.8;font-size:var(--font-base);color:var(--txt-secondary);padding:clamp(1.1rem,2.4vw,1.6rem);font-weight:400}.course-details-page .description-content p[data-v-4ecb8d72]{margin:0}.course-details-page[data-v-4ecb8d72] :focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #818cf8}@media (max-width:1023px){.course-details-page .lessons-section[data-v-4ecb8d72],.course-details-page .comments-section[data-v-4ecb8d72]{display:none}.course-details-page .lessons-section.active[data-v-4ecb8d72],.course-details-page .comments-section.active[data-v-4ecb8d72]{display:block}}@media (min-width:480px){.course-details-page .stat-item[data-v-4ecb8d72]{min-width:calc(50% - .5rem)}}@media (min-width:640px){.course-details-page .course-image-container[data-v-4ecb8d72]{height:clamp(300px,40vw,400px)}.course-details-page .course-info[data-v-4ecb8d72]{margin-top:-75px}}@media (min-width:768px){.course-details-page .course-image-container[data-v-4ecb8d72]{height:clamp(340px,38vw,440px)}.course-details-page .course-info[data-v-4ecb8d72]{margin-top:-80px}.course-details-page .stat-item[data-v-4ecb8d72]{min-width:160px}}@media (min-width:1024px){.course-details-page .mobile-tabs[data-v-4ecb8d72]{display:none}.course-details-page .lessons-section[data-v-4ecb8d72],.course-details-page .comments-section[data-v-4ecb8d72]{display:block}.course-details-page .content-grid[data-v-4ecb8d72]{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.course-details-page .right-column[data-v-4ecb8d72]{position:sticky;top:92px}.course-details-page .course-image-container[data-v-4ecb8d72]{height:clamp(380px,36vw,460px)}.course-details-page .course-info[data-v-4ecb8d72]{margin-top:-88px;padding:2.25rem 2.5rem}}@media (min-width:1440px){.course-details-page .course-content[data-v-4ecb8d72]{max-width:1500px}.course-details-page .course-image-container[data-v-4ecb8d72]{height:480px}.course-details-page .course-info[data-v-4ecb8d72]{margin-top:-96px;padding:2.5rem 3rem}}@media (min-width:1920px){.course-details-page .course-content[data-v-4ecb8d72]{max-width:1700px}.course-details-page .course-image-container[data-v-4ecb8d72]{height:540px}}@media (min-width:2560px){.course-details-page .course-content[data-v-4ecb8d72]{max-width:2000px;padding:0 3rem}.course-details-page .course-image-container[data-v-4ecb8d72]{height:620px}.course-details-page .course-info[data-v-4ecb8d72]{margin-top:-110px;padding:3rem 3.5rem}.course-details-page .content-grid[data-v-4ecb8d72]{gap:2.5rem}}@media (prefers-reduced-motion:reduce){.course-details-page[data-v-4ecb8d72] *,.course-details-page[data-v-4ecb8d72] :before,.course-details-page[data-v-4ecb8d72] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.course-details-page .loading-spinner[data-v-4ecb8d72]{opacity:.85;animation:none}}@media (prefers-contrast:high){.course-details-page .section[data-v-4ecb8d72],.course-details-page .lesson-card[data-v-4ecb8d72],.course-details-page .comment-card[data-v-4ecb8d72],.course-details-page .stat-item[data-v-4ecb8d72]{border-width:2px;border-color:#fff9}.course-details-page .comment-content[data-v-4ecb8d72],.course-details-page .description-content[data-v-4ecb8d72],.course-details-page .lesson-date[data-v-4ecb8d72],.course-details-page .stat-label[data-v-4ecb8d72],.course-details-page .user-full-name[data-v-4ecb8d72],.course-details-page .comment-date[data-v-4ecb8d72],.course-details-page .form-subtitle[data-v-4ecb8d72],.course-details-page .breadcrumb-current[data-v-4ecb8d72]{color:#fff}}@media print{.course-details-page[data-v-4ecb8d72]{color:#000!important;background:#fff!important}.course-details-page[data-v-4ecb8d72] *{color:#000!important;text-shadow:none!important;background:0 0!important}.course-details-page .section[data-v-4ecb8d72]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:2px solid #000!important}.course-details-page .breadcrumb[data-v-4ecb8d72],.course-details-page .mobile-tabs[data-v-4ecb8d72],.course-details-page .comment-actions[data-v-4ecb8d72],.course-details-page .add-comment-form[data-v-4ecb8d72]{display:none!important}}.homework-page[data-v-cdc8e3da]{--hv-accent-1:#818cf8;--hv-accent-2:#a78bfa;--hv-accent-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--hv-accent-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--hv-accent-grad-hover:linear-gradient(135deg,#667eea52 0%,#764ba252 100%);--hv-glass-1:#ffffff0d;--hv-glass-2:#ffffff12;--hv-glass-3:#ffffff1a;--hv-glass-border:1px solid #ffffff1a;--hv-glass-border-strong:1px solid #ffffff29;--hv-blur:blur(16px)saturate(140%);--hv-blur-strong:blur(22px)saturate(160%);--hv-text:#fff;--hv-text-soft:#ffffffc7;--hv-text-muted:#ffffff8c;--hv-success:#4ade80;--hv-success-bg:#4ade801f;--hv-success-border:#4ade8059;--hv-danger:#fc8181;--hv-danger-bg:#fc81811f;--hv-danger-border:#fc818159;--hv-warn:#fbbf24;--hv-warn-bg:#fbbf241a;--hv-warn-border:#fbbf244d;--hv-shadow:0 8px 32px #00000059;--hv-glow:0 0 24px #667eea2e;--hv-radius:clamp(14px,1.4vw,22px);--hv-radius-sm:clamp(10px,1vw,14px);--hv-pad:clamp(16px,3vw,28px);--hv-pad-sm:clamp(12px,2vw,20px);--hv-gap:clamp(16px,3vw,32px);--fs-xs:clamp(11px,.7vw + 9px,13px);--fs-sm:clamp(12px,.8vw + 10px,14px);--fs-base:clamp(14px,.9vw + 11px,16px);--fs-lg:clamp(15px,1vw + 12px,18px);--fs-xl:clamp(18px,1.4vw + 13px,22px);--fs-2xl:clamp(22px,2vw + 14px,30px);--fs-3xl:clamp(26px,3vw + 16px,44px);--hv-touch:44px;--hv-transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes hv-spin-cdc8e3da{to{transform:rotate(360deg)}}@keyframes hv-pulse-cdc8e3da{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}@keyframes hv-fade-up-cdc8e3da{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.homework-page[data-v-cdc8e3da]{z-index:1;min-height:100vh;min-height:100dvh;color:var(--hv-text);padding:clamp(12px,2vw,28px);position:relative;background:0 0!important}.homework-page[data-v-cdc8e3da] *{overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}.homework-page .docs-link[data-v-cdc8e3da]{word-break:break-all}.homework-page .loading-container[data-v-cdc8e3da],.homework-page .error-container[data-v-cdc8e3da]{text-align:center;background:var(--hv-glass-1);max-width:720px;min-height:60vh;-webkit-backdrop-filter:var(--hv-blur);border-radius:var(--hv-radius);border:var(--hv-glass-border);box-shadow:var(--hv-shadow),var(--hv-glow);flex-direction:column;justify-content:center;align-items:center;margin:clamp(12px,3vw,32px) auto;padding:clamp(24px,5vw,48px);animation:.5s ease-out hv-fade-up-cdc8e3da;display:flex}.homework-page .loading-spinner[data-v-cdc8e3da]{border:3px solid #ffffff1f;border-top-color:var(--hv-accent-1);border-right-color:var(--hv-accent-2);border-radius:50%;width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);margin-bottom:20px;animation:1.1s linear infinite hv-spin-cdc8e3da;position:relative}.homework-page .loading-spinner[data-v-cdc8e3da]:before{content:"";filter:blur(14px);z-index:-1;background:radial-gradient(circle,#818cf859 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite hv-pulse-cdc8e3da;position:absolute;inset:-8px}.homework-page .loading-text[data-v-cdc8e3da]{color:var(--hv-text-soft);font-size:var(--fs-lg);letter-spacing:.02em}.homework-page .error-icon[data-v-cdc8e3da]{color:var(--hv-danger);filter:drop-shadow(0 0 14px #fc818173);margin-bottom:16px}.homework-page .error-icon svg[data-v-cdc8e3da]{width:clamp(40px,5vw,56px);height:clamp(40px,5vw,56px)}.homework-page .error-title[data-v-cdc8e3da]{font-size:var(--fs-2xl);color:var(--hv-text);margin-bottom:10px;font-weight:700}.homework-page .error-message[data-v-cdc8e3da]{color:var(--hv-text-soft);font-size:var(--fs-base);max-width:460px;margin:0 auto 24px;line-height:1.6}.homework-page .error-container .retry-btn[data-v-cdc8e3da],.homework-page .error-container .back-btn[data-v-cdc8e3da]{margin:6px}.homework-page .homework-header[data-v-cdc8e3da]{max-width:1400px;margin:0 auto clamp(20px,3vw,36px);padding:0 clamp(8px,2vw,16px)}.homework-page .breadcrumb[data-v-cdc8e3da]{color:var(--hv-text-muted);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 0;display:flex}.homework-page .breadcrumb-link[data-v-cdc8e3da]{color:var(--hv-accent-1);transition:var(--hv-transition);border-radius:8px;align-items:center;gap:6px;padding:4px 8px;font-weight:600;text-decoration:none;display:inline-flex}.homework-page .breadcrumb-link[data-v-cdc8e3da]:hover{color:var(--hv-text);background:#818cf81a}.homework-page .breadcrumb-separator[data-v-cdc8e3da]{color:#ffffff40}.homework-page .breadcrumb-current[data-v-cdc8e3da]{color:var(--hv-text);text-overflow:ellipsis;white-space:nowrap;max-width:60vw;font-weight:600;overflow:hidden}.homework-page .homework-hero[data-v-cdc8e3da]{display:block}.homework-page .homework-info[data-v-cdc8e3da]{isolation:isolate;background:var(--hv-glass-1);-webkit-backdrop-filter:var(--hv-blur-strong);border:var(--hv-glass-border);border-radius:var(--hv-radius);box-shadow:var(--hv-shadow),var(--hv-glow);padding:clamp(20px,3.5vw,40px);animation:.5s ease-out hv-fade-up-cdc8e3da;position:relative;overflow:hidden}.homework-page .homework-info[data-v-cdc8e3da]:before{content:"";opacity:.55;background:linear-gradient(90deg,#0000,#818cf8,#a78bfa,#0000);height:1px;position:absolute;inset:0 0 auto}.homework-page .homework-meta[data-v-cdc8e3da]{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;display:flex}.homework-page .homework-badge[data-v-cdc8e3da]{background:var(--hv-accent-grad-soft);color:#c7d2fe;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #818cf859;border-radius:999px;align-items:center;padding:6px 14px;font-weight:700;display:inline-flex}.homework-page .lesson-title[data-v-cdc8e3da]{color:var(--hv-text-soft);font-size:var(--fs-sm);font-weight:500}.homework-page .homework-title[data-v-cdc8e3da]{font-size:var(--fs-3xl);background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-weight:800;line-height:1.15}.homework-page .homework-description[data-v-cdc8e3da]{color:var(--hv-text-soft);font-size:var(--fs-lg);max-width:80ch;line-height:1.65}.homework-page .main-content[data-v-cdc8e3da]{max-width:1400px;margin:0 auto;padding:0 clamp(8px,2vw,16px)}.homework-page .homework-main-content[data-v-cdc8e3da]{gap:var(--hv-gap);flex-direction:column;display:flex}.homework-page .section[data-v-cdc8e3da]{isolation:isolate;background:var(--hv-glass-1);-webkit-backdrop-filter:var(--hv-blur);border:var(--hv-glass-border);border-radius:var(--hv-radius);box-shadow:var(--hv-shadow);animation:.5s ease-out hv-fade-up-cdc8e3da;position:relative;overflow:hidden}.homework-page .section-header[data-v-cdc8e3da]{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:clamp(16px,2.5vw,24px) clamp(18px,3vw,28px);display:flex;position:relative}.homework-page .section-header[data-v-cdc8e3da]:after{content:"";background:linear-gradient(90deg,#0000,#818cf880,#a78bfa80,#0000);height:1px;position:absolute;inset:auto 0 0}.homework-page .section-title[data-v-cdc8e3da]{font-size:var(--fs-xl);color:var(--hv-text);align-items:center;gap:10px;margin:0;font-weight:700;display:inline-flex}.homework-page .section-title svg[data-v-cdc8e3da]{color:var(--hv-accent-1);flex-shrink:0;width:clamp(18px,1.6vw,24px);height:clamp(18px,1.6vw,24px)}.homework-page .submission-status[data-v-cdc8e3da]{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid;border-radius:999px;padding:6px 14px;font-weight:700}.homework-page .submission-status.submitted[data-v-cdc8e3da]{color:var(--hv-success);background:var(--hv-success-bg);border-color:var(--hv-success-border)}.homework-page .submission-status.not-submitted[data-v-cdc8e3da]{color:var(--hv-danger);background:var(--hv-danger-bg);border-color:var(--hv-danger-border)}.homework-page .homework-content-wrapper[data-v-cdc8e3da]{flex-direction:column;gap:clamp(20px,3vw,32px);padding:clamp(16px,2.5vw,28px);display:flex}.homework-page .homework-materials[data-v-cdc8e3da]{background:var(--hv-glass-2);border:var(--hv-glass-border);border-radius:var(--hv-radius-sm);overflow:hidden}.homework-page .materials-header[data-v-cdc8e3da]{background:#ffffff08;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:clamp(12px,2vw,18px) clamp(14px,2.5vw,22px);display:flex}.homework-page .materials-title[data-v-cdc8e3da]{font-size:var(--fs-lg);color:var(--hv-text);margin:0;font-weight:600}.homework-page .external-link[data-v-cdc8e3da]{color:var(--hv-accent-1);font-size:var(--fs-sm);transition:var(--hv-transition);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;text-decoration:none;display:inline-flex}.homework-page .external-link[data-v-cdc8e3da]:hover{color:var(--hv-text);background:#818cf81f}.homework-page .docs-warning[data-v-cdc8e3da]{background:var(--hv-warn-bg);border-bottom:1px solid var(--hv-warn-border);gap:14px;padding:clamp(14px,2.5vw,22px);display:flex}.homework-page .warning-icon[data-v-cdc8e3da]{color:var(--hv-warn);filter:drop-shadow(0 0 6px #fbbf2459);flex-shrink:0;margin-top:2px}.homework-page .warning-content[data-v-cdc8e3da]{flex:1;min-width:0}.homework-page .warning-content p[data-v-cdc8e3da]{color:#fde68a;font-size:var(--fs-sm);margin:0 0 12px;line-height:1.6}.homework-page .docs-link[data-v-cdc8e3da]{color:var(--hv-accent-1);font-size:var(--fs-sm);word-break:break-all;transition:var(--hv-transition);background:#00000040;border:1px solid #818cf84d;border-radius:10px;padding:10px 14px;text-decoration:none;display:block}.homework-page .docs-link[data-v-cdc8e3da]:hover{color:var(--hv-text);background:#818cf81f;border-color:#818cf880}.homework-page .embed-container[data-v-cdc8e3da]{background:#0000002e;padding:clamp(14px,2.5vw,22px)}.homework-page .homework-iframe[data-v-cdc8e3da]{border:var(--hv-glass-border);border-radius:var(--hv-radius-sm);background:#00000059;width:100%;height:clamp(320px,60vh,720px);min-height:280px;display:block;box-shadow:inset 0 0 24px #00000059}.homework-page .no-embed[data-v-cdc8e3da]{text-align:center;color:var(--hv-text-soft);border-radius:var(--hv-radius-sm);font-size:var(--fs-base);background:#0000002e;padding:clamp(24px,4vw,40px)}.homework-page .instructions-container[data-v-cdc8e3da]{background:var(--hv-glass-2);border:var(--hv-glass-border);border-radius:var(--hv-radius-sm);padding:clamp(16px,2.5vw,24px)}.homework-page .instructions-title[data-v-cdc8e3da]{font-size:var(--fs-lg);color:var(--hv-text);align-items:center;gap:8px;margin:0 0 14px;font-weight:700;display:inline-flex}.homework-page .instructions-title[data-v-cdc8e3da]:before{content:"📝"}.homework-page .instructions-content[data-v-cdc8e3da]{color:var(--hv-text-soft);font-size:var(--fs-base);line-height:1.75}.homework-page .instructions-content[data-v-cdc8e3da] p{margin:0 0 14px}.homework-page .instructions-content[data-v-cdc8e3da] p:last-child{margin-bottom:0}.homework-page .instructions-content[data-v-cdc8e3da] a{color:var(--hv-accent-1);text-decoration:none}.homework-page .instructions-content[data-v-cdc8e3da] a:hover{text-decoration:underline}.homework-page .submission-content[data-v-cdc8e3da]{flex-direction:column;gap:clamp(20px,3vw,32px);padding:clamp(16px,2.5vw,28px);display:flex}.homework-page .existing-submission[data-v-cdc8e3da]{display:block}.homework-page .submission-card[data-v-cdc8e3da]{background:var(--hv-glass-2);border:var(--hv-glass-border);border-radius:var(--hv-radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(18px,3vw,28px)}.homework-page .submission-header[data-v-cdc8e3da]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.homework-page .submission-info[data-v-cdc8e3da]{flex-direction:column;gap:6px;min-width:0;display:flex}.homework-page .submission-title[data-v-cdc8e3da]{font-size:var(--fs-lg);color:var(--hv-text);margin:0;font-weight:700}.homework-page .submission-date[data-v-cdc8e3da]{color:var(--hv-text-muted);font-size:var(--fs-sm);align-items:center;gap:6px;display:inline-flex}.homework-page .submission-date[data-v-cdc8e3da]:before{content:"🕐";font-size:var(--fs-xs);opacity:.85}.homework-page .submission-actions[data-v-cdc8e3da]{flex-wrap:wrap;gap:10px;display:flex}.homework-page .submission-details[data-v-cdc8e3da]{flex-direction:column;gap:18px;display:flex}.homework-page .submission-link .link-btn[data-v-cdc8e3da]{width:fit-content;max-width:100%}.homework-page .submission-description h4[data-v-cdc8e3da]{font-size:var(--fs-base);color:var(--hv-text);align-items:center;gap:8px;margin:0 0 10px;font-weight:600;display:inline-flex}.homework-page .submission-description h4[data-v-cdc8e3da]:before{content:"📋"}.homework-page .submission-description p[data-v-cdc8e3da]{border-left:3px solid var(--hv-accent-1);border-radius:0 var(--hv-radius-sm)var(--hv-radius-sm)0;color:var(--hv-text-soft);font-size:var(--fs-base);background:#0003;margin:0;padding:14px 16px;line-height:1.65}.homework-page .submission-form[data-v-cdc8e3da]{background:var(--hv-glass-2);border:var(--hv-glass-border);border-radius:var(--hv-radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:clamp(18px,3vw,28px)}.homework-page .form-title[data-v-cdc8e3da]{font-size:var(--fs-lg);color:var(--hv-text);align-items:center;gap:10px;margin:0 0 22px;font-weight:700;display:inline-flex}.homework-page .form-title[data-v-cdc8e3da]:before{content:"📤"}.homework-page .form-group[data-v-cdc8e3da]{margin-bottom:22px}.homework-page .form-label[data-v-cdc8e3da]{color:var(--hv-text);font-size:var(--fs-sm);align-items:center;gap:6px;margin-bottom:10px;font-weight:600;display:inline-flex}.homework-page .required[data-v-cdc8e3da]{color:var(--hv-danger)}.homework-page .form-input[data-v-cdc8e3da],.homework-page .form-textarea[data-v-cdc8e3da]{width:100%;min-height:var(--hv-touch);border-radius:var(--hv-radius-sm);color:var(--hv-text);font-family:inherit;font-size:var(--fs-base);transition:var(--hv-transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1f;padding:12px 16px;line-height:1.55}.homework-page .form-input[data-v-cdc8e3da]::placeholder,.homework-page .form-textarea[data-v-cdc8e3da]::placeholder{color:#ffffff59}.homework-page .form-input[data-v-cdc8e3da]:focus,.homework-page .form-textarea[data-v-cdc8e3da]:focus{border-color:var(--hv-accent-1);background:#0006;outline:none;box-shadow:0 0 0 3px #818cf838,0 0 18px #818cf82e}.homework-page .form-input[data-v-cdc8e3da]:disabled,.homework-page .form-textarea[data-v-cdc8e3da]:disabled{opacity:.55;cursor:not-allowed}.homework-page .form-textarea[data-v-cdc8e3da]{resize:vertical;min-height:140px}.homework-page .form-hint[data-v-cdc8e3da]{color:var(--hv-text-muted);font-size:var(--fs-xs);align-items:center;gap:6px;margin-top:8px;display:inline-flex}.homework-page .form-hint[data-v-cdc8e3da]:before{content:"💡"}.homework-page .form-actions[data-v-cdc8e3da]{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.homework-page .retry-btn[data-v-cdc8e3da],.homework-page .back-btn[data-v-cdc8e3da],.homework-page .link-btn[data-v-cdc8e3da],.homework-page .edit-btn[data-v-cdc8e3da],.homework-page .cancel-btn[data-v-cdc8e3da],.homework-page .submit-btn[data-v-cdc8e3da]{min-height:var(--hv-touch);border-radius:var(--hv-radius-sm);font-family:inherit;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--hv-text);transition:var(--hv-transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 clamp(16px,2vw,24px);font-weight:600;text-decoration:none;display:inline-flex}.homework-page .retry-btn[data-v-cdc8e3da]:focus-visible,.homework-page .back-btn[data-v-cdc8e3da]:focus-visible,.homework-page .link-btn[data-v-cdc8e3da]:focus-visible,.homework-page .edit-btn[data-v-cdc8e3da]:focus-visible,.homework-page .cancel-btn[data-v-cdc8e3da]:focus-visible,.homework-page .submit-btn[data-v-cdc8e3da]:focus-visible{outline:2px solid var(--hv-accent-1);outline-offset:2px}.homework-page .retry-btn[data-v-cdc8e3da],.homework-page .link-btn[data-v-cdc8e3da],.homework-page .submit-btn[data-v-cdc8e3da]{background:var(--hv-accent-grad-soft);color:#e0e7ff;border-color:#818cf859;box-shadow:0 4px 18px #667eea38}.homework-page .retry-btn[data-v-cdc8e3da]:hover,.homework-page .link-btn[data-v-cdc8e3da]:hover,.homework-page .submit-btn[data-v-cdc8e3da]:not(:disabled):hover{background:var(--hv-accent-grad-hover);color:var(--hv-text);transform:translateY(-2px);box-shadow:0 8px 28px #667eea59}.homework-page .back-btn[data-v-cdc8e3da],.homework-page .edit-btn[data-v-cdc8e3da],.homework-page .cancel-btn[data-v-cdc8e3da]{color:var(--hv-text-soft);background:#ffffff0a;border-color:#ffffff1f}.homework-page .back-btn[data-v-cdc8e3da]:hover,.homework-page .edit-btn[data-v-cdc8e3da]:hover,.homework-page .cancel-btn[data-v-cdc8e3da]:hover{color:var(--hv-text);background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px)}.homework-page .submit-btn[data-v-cdc8e3da]{min-width:160px}.homework-page .submit-btn[data-v-cdc8e3da]:disabled{opacity:.5;cursor:not-allowed;transform:none}.homework-page .btn-loading[data-v-cdc8e3da]{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite hv-spin-cdc8e3da;display:inline-block}.homework-page .submission-form .error-message[data-v-cdc8e3da]{background:var(--hv-danger-bg);border:1px solid var(--hv-danger-border);border-radius:var(--hv-radius-sm);color:#fecaca;font-size:var(--fs-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-top:16px;padding:14px 16px;line-height:1.5}@media (min-width:480px){.homework-page .breadcrumb-current[data-v-cdc8e3da]{max-width:70vw}}@media (min-width:768px){.homework-page[data-v-cdc8e3da]{padding:clamp(20px,2.5vw,32px)}.homework-page .submission-actions[data-v-cdc8e3da],.homework-page .form-actions[data-v-cdc8e3da]{flex-wrap:nowrap}.homework-page .breadcrumb-current[data-v-cdc8e3da]{max-width:50vw}}@media (min-width:1024px){.homework-page .homework-content-wrapper[data-v-cdc8e3da],.homework-page .submission-content[data-v-cdc8e3da]{padding:clamp(24px,2.5vw,32px)}.homework-page .submission-link .link-btn[data-v-cdc8e3da]{min-width:220px}}@media (min-width:1440px){.homework-page .homework-info[data-v-cdc8e3da],.homework-page .main-content[data-v-cdc8e3da],.homework-page .homework-header[data-v-cdc8e3da]{max-width:1440px}}@media (min-width:1920px){.homework-page .homework-info[data-v-cdc8e3da],.homework-page .main-content[data-v-cdc8e3da],.homework-page .homework-header[data-v-cdc8e3da]{max-width:1640px}.homework-page .homework-iframe[data-v-cdc8e3da]{height:clamp(500px,55vh,820px)}}@media (min-width:2560px){.homework-page[data-v-cdc8e3da]{padding:48px}.homework-page .homework-info[data-v-cdc8e3da],.homework-page .main-content[data-v-cdc8e3da],.homework-page .homework-header[data-v-cdc8e3da]{max-width:2000px}.homework-page .homework-iframe[data-v-cdc8e3da]{height:clamp(640px,50vh,960px)}}@media (prefers-reduced-motion:reduce){.homework-page[data-v-cdc8e3da] *,.homework-page[data-v-cdc8e3da] :before,.homework-page[data-v-cdc8e3da] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.homework-page .retry-btn[data-v-cdc8e3da]:hover,.homework-page .back-btn[data-v-cdc8e3da]:hover,.homework-page .link-btn[data-v-cdc8e3da]:hover,.homework-page .edit-btn[data-v-cdc8e3da]:hover,.homework-page .cancel-btn[data-v-cdc8e3da]:hover,.homework-page .submit-btn[data-v-cdc8e3da]:hover{transform:none!important}}@media (prefers-contrast:high){.homework-page .loading-container[data-v-cdc8e3da],.homework-page .error-container[data-v-cdc8e3da],.homework-page .homework-info[data-v-cdc8e3da],.homework-page .section[data-v-cdc8e3da],.homework-page .instructions-container[data-v-cdc8e3da],.homework-page .submission-card[data-v-cdc8e3da],.homework-page .submission-form[data-v-cdc8e3da],.homework-page .homework-materials[data-v-cdc8e3da]{background:#000000d9;border-color:#ffffff80}.homework-page .form-input[data-v-cdc8e3da],.homework-page .form-textarea[data-v-cdc8e3da]{border-color:#ffffff80}}@media print{.homework-page[data-v-cdc8e3da]{padding:16px;color:#000!important;background:#fff!important}.homework-page .loading-container[data-v-cdc8e3da],.homework-page .error-container[data-v-cdc8e3da],.homework-page .homework-info[data-v-cdc8e3da],.homework-page .section[data-v-cdc8e3da],.homework-page .instructions-container[data-v-cdc8e3da],.homework-page .submission-card[data-v-cdc8e3da],.homework-page .submission-form[data-v-cdc8e3da]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.homework-page .homework-title[data-v-cdc8e3da],.homework-page .section-title[data-v-cdc8e3da],.homework-page .submission-title[data-v-cdc8e3da],.homework-page .form-title[data-v-cdc8e3da],.homework-page .error-title[data-v-cdc8e3da]{color:#000!important;-webkit-text-fill-color:#000!important;background:0 0!important}.homework-page .homework-description[data-v-cdc8e3da],.homework-page .instructions-content[data-v-cdc8e3da],.homework-page .submission-description p[data-v-cdc8e3da],.homework-page .form-label[data-v-cdc8e3da],.homework-page .form-hint[data-v-cdc8e3da],.homework-page .warning-content p[data-v-cdc8e3da]{color:#333!important}.homework-page .retry-btn[data-v-cdc8e3da],.homework-page .back-btn[data-v-cdc8e3da],.homework-page .link-btn[data-v-cdc8e3da],.homework-page .edit-btn[data-v-cdc8e3da],.homework-page .cancel-btn[data-v-cdc8e3da],.homework-page .submit-btn[data-v-cdc8e3da],.homework-page .external-link[data-v-cdc8e3da]{display:none!important}}.profile-avatar[data-v-dd5aeae6]{cursor:default;isolation:isolate;border-radius:50%;display:inline-block;position:relative;overflow:visible}.profile-avatar.has-image[data-v-dd5aeae6],.profile-avatar[data-v-dd5aeae6]:not(.has-image){filter:drop-shadow(0 8px 28px #667eea59)}.avatar-image[data-v-dd5aeae6],.avatar-initials[data-v-dd5aeae6]{border-radius:50%;overflow:hidden}.avatar-image[data-v-dd5aeae6]{border:2px solid #ffffff38;width:100%;height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:inset 0 0 0 1px #667eea4d,0 0 24px #764ba240}.avatar-image img[data-v-dd5aeae6]{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-initials[data-v-dd5aeae6]{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid #ffffff38;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:inset 0 2px 12px #ffffff2e,0 0 24px #667eea59}.profile-avatar:hover .avatar-image[data-v-dd5aeae6],.profile-avatar:hover .avatar-initials[data-v-dd5aeae6]{border-color:#4ecdc4b3;box-shadow:inset 0 0 0 1px #4ecdc466,0 0 32px #4ecdc459}.avatar-overlay[data-v-dd5aeae6]{color:#fff;-webkit-backdrop-filter:blur(8px)saturate(160%);opacity:0;cursor:pointer;background:#0a0a1e8c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-avatar:hover .avatar-overlay[data-v-dd5aeae6],.profile-avatar:focus-within .avatar-overlay[data-v-dd5aeae6]{opacity:1}.avatar-overlay .icon[data-v-dd5aeae6]{filter:drop-shadow(0 0 6px #4ecdc499);width:24px;height:24px}.avatar-overlay span[data-v-dd5aeae6]{letter-spacing:.3px;text-align:center;padding:0 10px;font-size:11px;font-weight:500}.remove-btn[data-v-dd5aeae6]{color:#fff;cursor:pointer;opacity:.95;z-index:10;background:linear-gradient(135deg,#f56565,#c53030);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .25s,box-shadow .25s,opacity .25s;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 6px 18px #fc818173}.remove-btn[data-v-dd5aeae6]:hover{opacity:1;transform:scale(1.08);box-shadow:0 8px 24px #fc818199}.remove-btn[data-v-dd5aeae6]:focus-visible{outline-offset:2px;outline:2px solid #fff}.remove-btn .icon[data-v-dd5aeae6]{width:16px;height:16px}.file-input[data-v-dd5aeae6]{display:none}@media (prefers-reduced-motion:reduce){.avatar-overlay[data-v-dd5aeae6],.remove-btn[data-v-dd5aeae6],.avatar-image[data-v-dd5aeae6],.avatar-initials[data-v-dd5aeae6]{transition:none}.remove-btn[data-v-dd5aeae6]:hover{transform:none}}.profile-page{--pp-font-base:clamp(13px,.55vw + 11px,17px);--pp-container-max:1400px;--pp-fs-xs:calc(.75*var(--pp-font-base));--pp-fs-sm:calc(.875*var(--pp-font-base));--pp-fs-md:var(--pp-font-base);--pp-fs-lg:calc(1.2*var(--pp-font-base));--pp-fs-xl:calc(1.55*var(--pp-font-base));--pp-fs-xxl:clamp(1.6rem,2.6vw + .5rem,2.6rem);--pp-sp-xs:clamp(4px,.4vw,8px);--pp-sp-sm:clamp(8px,.7vw,12px);--pp-sp-md:clamp(14px,1.2vw,20px);--pp-sp-lg:clamp(20px,1.8vw,30px);--pp-sp-xl:clamp(28px,2.6vw,44px);--pp-r-sm:8px;--pp-r-md:12px;--pp-r-lg:18px;--pp-r-xl:24px;--pp-accent-1:#667eea;--pp-accent-2:#764ba2;--pp-accent-cyan:#4ecdc4;--pp-danger:#fc8181;--pp-success:#48bb78;--pp-text:#fff;--pp-text-2:#ffffffc7;--pp-text-3:#ffffff8c;--pp-glass-1:#ffffff0d;--pp-glass-2:#ffffff14;--pp-glass-hover:#ffffff1f;--pp-border:#ffffff1f;--pp-border-strong:#ffffff38;--pp-blur:blur(16px)saturate(160%);--pp-blur-strong:blur(22px)saturate(180%);--pp-blur-mobile:blur(10px)saturate(140%);--pp-shadow:0 8px 32px #0a0a2873,0 0 0 1px #ffffff0a inset;--pp-shadow-glow:0 8px 32px #667eea2e;--pp-trans:all .3s cubic-bezier(.4,0,.2,1)}.profile-page,.profile-page *,.profile-page :before,.profile-page :after{box-sizing:border-box;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.profile-page{z-index:1;min-height:100vh;width:100%;min-height:100dvh;padding:var(--pp-sp-lg);color:var(--pp-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--pp-fs-md);isolation:isolate;background:0 0;line-height:1.6;position:relative}.profile-container{width:100%;max-width:var(--pp-container-max);margin:0 auto;animation:.6s ease-out both fadeInUp;position:relative}.profile-header{margin-bottom:var(--pp-sp-xl);text-align:center;position:relative}.profile-header:after{content:"";background:linear-gradient(90deg,transparent,var(--pp-accent-1),var(--pp-accent-2),transparent);border-radius:2px;width:clamp(80px,12vw,140px);height:2px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.profile-title{font-size:var(--pp-fs-xxl);letter-spacing:.5px;margin-bottom:var(--pp-sp-sm);background:linear-gradient(135deg,#fff 0%,#c7d0ff 60%,#b39bf7 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 30px #667eea40;-webkit-background-clip:text;background-clip:text;font-weight:700}.profile-subtitle{color:var(--pp-text-2);font-size:var(--pp-fs-md)}.profile-content{gap:var(--pp-sp-lg);grid-template-columns:1fr;animation:.7s ease-out 50ms both fadeInUp;display:grid}.profile-left,.profile-right{gap:var(--pp-sp-lg);flex-direction:column;min-width:0;display:flex}.profile-card{background:var(--pp-glass-1);border:1px solid var(--pp-border);border-radius:var(--pp-r-lg);padding:var(--pp-sp-lg);-webkit-backdrop-filter:var(--pp-blur);box-shadow:var(--pp-shadow);transition:var(--pp-trans);isolation:isolate;position:relative;overflow:hidden}.profile-card:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#0000,#667eea99,#764ba299,#0000);height:1px;position:absolute;inset:0 0 auto}.profile-card:hover{background:var(--pp-glass-2);border-color:var(--pp-border-strong);box-shadow:var(--pp-shadow),var(--pp-shadow-glow);transform:translateY(-2px)}.profile-card-header{justify-content:space-between;align-items:center;gap:var(--pp-sp-sm);margin-bottom:var(--pp-sp-md);padding-bottom:var(--pp-sp-sm);border-bottom:1px solid var(--pp-border);flex-wrap:wrap;display:flex}.profile-card-title{align-items:center;gap:var(--pp-sp-sm);font-size:var(--pp-fs-lg);color:var(--pp-text);margin:0 0 var(--pp-sp-md);font-weight:600;display:flex}.profile-card-header .profile-card-title{margin:0}.profile-card-title .icon{width:1.4em;height:1.4em;color:var(--pp-accent-cyan);filter:drop-shadow(0 0 6px #4ecdc480);flex-shrink:0}.avatar-container{margin-bottom:var(--pp-sp-md);justify-content:center;display:flex}.avatar-info{text-align:center;color:var(--pp-text-2);font-size:var(--pp-fs-sm)}.avatar-info-text{justify-content:center;align-items:center;gap:var(--pp-sp-xs);flex-wrap:wrap;margin:0;display:flex}.avatar-info-text .icon{width:1.3em;height:1.3em;color:var(--pp-accent-cyan);flex-shrink:0}.upload-progress{margin-top:var(--pp-sp-md)}.profile-progress-bar{border:1px solid var(--pp-border);height:6px;margin-bottom:var(--pp-sp-xs);background:#ffffff14;border-radius:999px;overflow:hidden}.profile-progress-fill{background:linear-gradient(90deg,var(--pp-accent-1),var(--pp-accent-2),var(--pp-accent-cyan));background-size:200% 100%;height:100%;transition:width .4s;animation:2.4s linear infinite ppShimmer}@keyframes ppShimmer{0%{background-position:0%}to{background-position:200%}}.profile-progress-text{text-align:center;font-size:var(--pp-fs-xs);color:var(--pp-text-3)}.account-stats{gap:var(--pp-sp-xs);display:grid}.profile-stat-item{justify-content:space-between;align-items:center;gap:var(--pp-sp-xs);padding:var(--pp-sp-sm)0;border-bottom:1px solid var(--pp-border);transition:var(--pp-trans);flex-wrap:wrap;display:flex}.profile-stat-item:last-child{border-bottom:none}.profile-stat-item:hover{padding-left:var(--pp-sp-sm);border-color:#667eea66}.profile-stat-label{color:var(--pp-text-2);font-size:var(--pp-fs-sm)}.profile-stat-value{color:var(--pp-text);font-size:var(--pp-fs-md);text-align:right;font-weight:500}.profile-stat-value .verified{color:var(--pp-accent-cyan);text-shadow:0 0 10px #4ecdc473}.profile-stat-value .unverified{color:var(--pp-danger)}.profile-form-grid{gap:var(--pp-sp-md);margin-bottom:var(--pp-sp-md);grid-template-columns:1fr;display:grid}.profile-form-group{flex-direction:column;min-width:0;display:flex;position:relative}.profile-form-group+.profile-form-group{margin-top:var(--pp-sp-md)}.profile-form-grid .profile-form-group+.profile-form-group{margin-top:0}.profile-form-group label{font-size:var(--pp-fs-sm);color:var(--pp-text-2);margin-bottom:var(--pp-sp-xs);font-weight:500;display:block}.profile-form-group input,.profile-form-group select,.profile-form-group textarea{width:100%;min-height:44px;font-size:var(--pp-fs-sm);color:var(--pp-text);border:1px solid var(--pp-border);border-radius:var(--pp-r-md);-webkit-backdrop-filter:blur(6px);transition:var(--pp-trans);background:#ffffff0a;padding:10px 14px;font-family:inherit}.profile-form-group input::placeholder,.profile-form-group textarea::placeholder{color:var(--pp-text-3)}.profile-form-group input:hover,.profile-form-group select:hover,.profile-form-group textarea:hover{background:#ffffff12;border-color:#ffffff38}.profile-form-group input:focus,.profile-form-group select:focus,.profile-form-group textarea:focus{border-color:var(--pp-accent-1);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #667eea40,0 0 22px #667eea26}.profile-form-group select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#fff9 50%),linear-gradient(135deg,#fff9 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}.profile-form-group select option{color:var(--pp-text);background:#0a0a1f}.profile-form-group input.error,.profile-form-group select.error{border-color:var(--pp-danger);box-shadow:0 0 0 3px #fc81812e}.availability-message{margin-top:var(--pp-sp-xs);font-size:var(--pp-fs-xs)}.availability-message .available{color:var(--pp-accent-cyan);text-shadow:0 0 8px #4ecdc466}.availability-message .unavailable{color:var(--pp-danger)}.password-hint{margin-top:var(--pp-sp-xs);font-size:var(--pp-fs-xs);color:var(--pp-text-3);font-style:italic}.profile-verified-badge{font-size:var(--pp-fs-xs);color:var(--pp-accent-cyan);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#4ecdc41f;border:1px solid #4ecdc459;border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:4px 10px;display:inline-flex}.profile-verified-badge .icon{filter:drop-shadow(0 0 4px #4ecdc499);width:1.1em;height:1.1em}.profile-form-actions{justify-content:flex-end;gap:var(--pp-sp-sm);margin-top:var(--pp-sp-lg);padding-top:var(--pp-sp-md);border-top:1px solid var(--pp-border);flex-wrap:wrap;display:flex}.profile-btn{min-height:44px;font-size:var(--pp-fs-sm);letter-spacing:.2px;color:var(--pp-text);background:var(--pp-glass-2);border:1px solid var(--pp-border);border-radius:var(--pp-r-md);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--pp-trans);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.profile-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.profile-btn:hover:not(:disabled):before{transform:translate(100%)}.profile-btn:hover:not(:disabled){transform:translateY(-2px)}.profile-btn:active:not(:disabled){transform:translateY(0)}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn-secondary{color:var(--pp-text);border-color:var(--pp-border-strong);background:#ffffff0f}.profile-btn-secondary:hover:not(:disabled){background:var(--pp-glass-hover);box-shadow:0 8px 24px #ffffff14}.profile-btn-primary{color:#fff;background:linear-gradient(135deg,var(--pp-accent-1)0%,var(--pp-accent-2)100%);border-color:#ffffff40;box-shadow:0 6px 22px #667eea66}.profile-btn-primary:hover:not(:disabled){box-shadow:0 10px 32px #667eea8c,inset 0 0 0 1px #ffffff40}.profile-btn-danger{color:#fff;background:linear-gradient(135deg,#f56565 0%,#c53030 100%);border-color:#fff3;box-shadow:0 6px 22px #fc818159}.profile-btn-danger:hover:not(:disabled){box-shadow:0 10px 32px #fc81818c}.profile-edit-btn{min-height:36px;font-size:var(--pp-fs-sm);color:var(--pp-text);background:var(--pp-glass-1);border:1px solid var(--pp-border);border-radius:var(--pp-r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:var(--pp-trans);white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-weight:500;display:inline-flex}.profile-edit-btn:hover{background:var(--pp-glass-hover);border-color:#667eea80;transform:translateY(-1px);box-shadow:0 6px 18px #667eea33}.profile-edit-btn .icon{width:1.1em;height:1.1em;color:var(--pp-accent-cyan)}.profile-details{margin-top:var(--pp-sp-xs)}.profile-detail-grid{gap:var(--pp-sp-md);grid-template-columns:1fr;display:grid}.profile-detail-item{padding:var(--pp-sp-sm)0;border-bottom:1px solid var(--pp-border);transition:var(--pp-trans);min-width:0}.profile-detail-item:last-child{border-bottom:none}.profile-detail-item:hover{padding-left:var(--pp-sp-sm)}.profile-detail-label{font-size:var(--pp-fs-sm);color:var(--pp-text-2);margin-bottom:4px}.profile-detail-value{font-size:var(--pp-fs-md);color:var(--pp-text);word-break:break-word;font-weight:500}.profile-detail-value.small{font-size:var(--pp-fs-xs);color:var(--pp-text-3);word-break:break-all;font-family:Courier New,ui-monospace,monospace}.danger-zone{background:#fc81810f;border:1px solid #fc81814d;box-shadow:0 8px 32px #fc81811f}.danger-zone:before{background:linear-gradient(90deg,#0000,#fc8181b3,#0000)}.danger-zone .profile-card-title{color:#ffb8b8}.danger-zone .profile-card-title .icon{color:var(--pp-danger);filter:drop-shadow(0 0 6px #fc818180)}.danger-warning{color:#ffc8c8d9;margin-bottom:var(--pp-sp-md);font-size:var(--pp-fs-sm);line-height:1.5}.profile-error-message{margin-top:var(--pp-sp-xs);font-size:var(--pp-fs-xs);color:#ff9a9a;text-shadow:0 0 8px #fc818159}.profile-loading{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:1.1em;height:1.1em;animation:.8s linear infinite ppSpin;display:inline-block}@keyframes ppSpin{to{transform:rotate(360deg)}}.profile-modal-overlay{z-index:2000;padding:var(--pp-sp-md);-webkit-backdrop-filter:blur(8px)saturate(140%);background:#03030f99;justify-content:center;align-items:center;animation:.3s ppFade;display:flex;position:fixed;inset:0}@keyframes ppFade{0%{opacity:0}to{opacity:1}}.profile-modal{width:100%;max-width:min(520px,94vw);padding:var(--pp-sp-xl);border:1px solid var(--pp-border-strong);border-radius:var(--pp-r-xl);-webkit-backdrop-filter:var(--pp-blur-strong);background:#121228a6;animation:.35s cubic-bezier(.16,1,.3,1) ppModalIn;box-shadow:0 20px 60px #0000008c,0 0 40px #667eea40}@keyframes ppModalIn{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-modal-title{font-size:var(--pp-fs-xl);color:var(--pp-text);margin:0 0 var(--pp-sp-md);font-weight:600}.profile-modal-text{color:var(--pp-text-2);margin-bottom:var(--pp-sp-lg);line-height:1.6}.profile-modal-form{margin-bottom:var(--pp-sp-lg)}.profile-modal-actions{justify-content:flex-end;gap:var(--pp-sp-sm);flex-wrap:wrap;display:flex}@media (min-width:480px){.profile-page{padding:var(--pp-sp-lg)}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.profile-page{padding:clamp(20px,3vw,36px)}}@media (min-width:1024px){.profile-content{gap:var(--pp-sp-xl);grid-template-columns:minmax(300px,340px) minmax(0,1fr);align-items:start}}@media (min-width:1440px){.profile-page{--pp-container-max:1500px}.profile-content{grid-template-columns:360px minmax(0,1fr)}}@media (min-width:1920px){.profile-page{--pp-container-max:1700px}.profile-content{grid-template-columns:400px minmax(0,1fr)}}@media (min-width:2560px){.profile-page{--pp-container-max:2000px}.profile-content{grid-template-columns:460px minmax(0,1fr)}}.profile-page :focus-visible{outline-offset:2px;border-radius:var(--pp-r-sm);outline:2px solid #818cf8}.profile-page .profile-btn:focus-visible,.profile-page .profile-edit-btn:focus-visible{outline-offset:3px;outline:2px solid #fff;box-shadow:0 0 0 4px #667eea66}@media (prefers-reduced-motion:reduce){.profile-page *,.profile-page :before,.profile-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.profile-card:hover,.profile-btn:hover{transform:none}}@media (prefers-contrast:more){.profile-card{background:#0000008c;border-color:#fff}.profile-form-group input,.profile-form-group select{border-color:#ffffff80}}@media print{.profile-page{color:#000!important;background:#fff!important}.profile-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.profile-btn,.profile-edit-btn,.profile-modal-overlay{display:none!important}}.login-container{--lg-brand-1:#667eea;--lg-brand-2:#764ba2;--lg-brand-glow:#667eea73;--lg-brand-glow-soft:#667eea2e;--lg-surface:#ffffff0f;--lg-surface-hover:#ffffff17;--lg-surface-strong:#ffffff1f;--lg-input-bg:#ffffff0a;--lg-input-bg-focus:#ffffff14;--lg-border:#ffffff1f;--lg-border-hover:#ffffff38;--lg-border-focus:#818cf8a6;--lg-text-primary:#fff;--lg-text-secondary:#ffffffc7;--lg-text-muted:#ffffff8c;--lg-text-accent:#c7d2fe;--lg-danger:#fc8181;--lg-danger-bg:#fc81811f;--lg-danger-border:#fc818159;--lg-blur:blur(18px)saturate(160%);--lg-shadow-card:0 12px 48px #00000073,0 0 32px #667eea1a;--lg-shadow-card-hover:0 18px 56px #0000008c,0 0 48px #667eea33;--lg-shadow-button:0 6px 24px #667eea59;--lg-shadow-button-hover:0 10px 32px #667eea8c;--lg-transition:.25s cubic-bezier(.4,0,.2,1);--lg-transition-fast:.15s ease;--lg-radius:18px;--lg-radius-sm:12px;--lg-card-pad-y:clamp(28px,6vw,44px);--lg-card-pad-x:clamp(20px,5vw,36px);--lg-card-max:440px;--lg-gap:clamp(16px,3vw,22px);--lg-h1:clamp(24px,6vw,32px);--lg-sub:clamp(13px,2.5vw,15px);--lg-label:clamp(13px,2.2vw,14px);--lg-input-fz:clamp(14px,2.5vw,15px);--lg-input-pad-y:14px;--lg-input-pad-x:16px;--lg-button-fz:clamp(14px,2.5vw,15px);--lg-button-pad:14px;--lg-touch:44px}.login-container,.login-container *,.login-container :before,.login-container :after{box-sizing:border-box}.login-container{word-break:normal;overflow-wrap:anywhere}@keyframes lgSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lgFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes lgGlowPulse{0%,to{box-shadow:0 0 #818cf800}50%{box-shadow:0 0 0 4px #818cf82e}}@keyframes lgShine{0%{background-position:0%}to{background-position:200%}}@keyframes lgSpin{to{transform:rotate(360deg)}}.login-container{z-index:1;min-height:100vh;isolation:isolate;background:0 0;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:clamp(16px,4vw,32px);display:flex;position:relative}.login-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(60% 50%,#667eea1a 0%,#764ba20f 40%,#0000 70%);position:absolute;inset:0}.login-card{z-index:1;width:100%;max-width:var(--lg-card-max);padding:var(--lg-card-pad-y)var(--lg-card-pad-x);background:var(--lg-surface);border:1px solid var(--lg-border);border-radius:var(--lg-radius);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow-card);transition:transform var(--lg-transition),border-color var(--lg-transition),box-shadow var(--lg-transition),background var(--lg-transition);animation:.55s cubic-bezier(.4,0,.2,1) lgSlideUp;position:relative;overflow:hidden}.login-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff14 0%,#0000 40%,#764ba20f 100%);position:absolute;inset:0}.login-card:hover{background:var(--lg-surface-hover);border-color:var(--lg-border-hover);box-shadow:var(--lg-shadow-card-hover);transform:translateY(-2px)}.login-header{text-align:center;margin-bottom:clamp(20px,4vw,28px);position:relative}.login-header:after{content:"";background:linear-gradient(90deg,#0000,#818cf899,#0000);height:1px;position:absolute;bottom:-14px;left:35%;right:35%}.login-header h1{font-size:var(--lg-h1);letter-spacing:.4px;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-weight:700;line-height:1.2;animation:4s linear infinite lgShine}.login-header p{font-size:var(--lg-sub);color:var(--lg-text-secondary);letter-spacing:.2px;margin:0}.login-form{gap:var(--lg-gap);flex-direction:column;margin-top:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex;position:relative}.form-group label{font-size:var(--lg-label);color:var(--lg-text-accent);letter-spacing:.3px;font-weight:600}.form-group input{width:100%;padding:var(--lg-input-pad-y)var(--lg-input-pad-x);font-size:var(--lg-input-fz);color:var(--lg-text-primary);background:var(--lg-input-bg);border:1px solid var(--lg-border);border-radius:var(--lg-radius-sm);-webkit-backdrop-filter:blur(8px);transition:border-color var(--lg-transition),background var(--lg-transition),box-shadow var(--lg-transition);min-height:var(--lg-touch);font-family:inherit}.form-group input::placeholder{color:var(--lg-text-muted)}.form-group input:hover:not(:disabled){border-color:var(--lg-border-hover);background:var(--lg-input-bg-focus)}.form-group input:focus{border-color:var(--lg-border-focus);background:var(--lg-input-bg-focus);outline:none;box-shadow:0 0 0 3px #818cf82e}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input.error{border-color:var(--lg-danger-border);box-shadow:0 0 0 3px #fc818126}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{width:36px;height:36px;color:var(--lg-text-secondary);cursor:pointer;transition:background var(--lg-transition-fast),color var(--lg-transition-fast),transform var(--lg-transition-fast);z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover:not(:disabled){color:var(--lg-text-primary);background:#ffffff14}.password-toggle:active:not(:disabled){transform:translateY(-50%)scale(.94)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--lg-danger);align-items:center;gap:6px;margin-top:2px;padding-left:4px;font-size:12.5px;line-height:1.4;animation:.2s lgFadeIn;display:flex}.error-message:before{content:"⚠";flex-shrink:0;font-size:12px}.login-alert{border-radius:var(--lg-radius-sm);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;line-height:1.45;animation:.25s lgFadeIn;display:flex}.alert-error{color:var(--lg-danger);background:var(--lg-danger-bg);border:1px solid var(--lg-danger-border)}.alert-close{width:26px;height:26px;color:inherit;cursor:pointer;opacity:.8;transition:opacity var(--lg-transition-fast),background var(--lg-transition-fast);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.alert-close:hover{opacity:1;background:#ffffff14}.login-btn{width:100%;min-height:var(--lg-touch);padding:var(--lg-button-pad);font-family:inherit;font-size:var(--lg-button-fz);letter-spacing:.6px;color:var(--lg-text-primary);background:linear-gradient(135deg,var(--lg-brand-1)0%,var(--lg-brand-2)100%);border-radius:var(--lg-radius-sm);cursor:pointer;box-shadow:var(--lg-shadow-button);transition:transform var(--lg-transition),box-shadow var(--lg-transition),filter var(--lg-transition);border:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.login-btn:before{content:"";opacity:0;transition:opacity var(--lg-transition);pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 50%,#ffffff14 100%);position:absolute;inset:0}.btn-primary:hover:not(:disabled){box-shadow:var(--lg-shadow-button-hover);transform:translateY(-2px)}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:active:not(:disabled){transition:transform .1s;transform:translateY(0)}.btn-primary:focus-visible{outline-offset:3px;outline:2px solid #818cf8}.btn-primary:disabled{opacity:.65;cursor:not-allowed;filter:saturate(.6);box-shadow:none}.login-footer{text-align:center;color:var(--lg-text-muted);border-top:1px solid #ffffff14;margin-top:18px;padding-top:16px;font-size:13px}.login-footer p{margin:0}.login-footer .link{color:var(--lg-text-accent);transition:color var(--lg-transition-fast),background var(--lg-transition-fast);border-radius:6px;margin-left:4px;padding:2px 6px;font-weight:600;text-decoration:none;display:inline-block}.login-footer .link:hover{color:#fff;background:#818cf826}.login-footer .link:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.login-background,.background-shapes,.shape{pointer-events:none;position:absolute}.login-background{z-index:-2;background:0 0;inset:0;overflow:hidden}.background-shapes{inset:0}.shape{filter:blur(70px);opacity:.18;will-change:transform;border-radius:50%}.shape-1{background:radial-gradient(circle,var(--lg-brand-1),transparent 70%);width:320px;height:320px;animation:18s ease-in-out infinite float1;top:-8%;left:-10%}.shape-2{background:radial-gradient(circle,var(--lg-brand-2),transparent 70%);width:260px;height:260px;animation:22s ease-in-out infinite float2;bottom:-10%;right:-8%}.shape-3{opacity:.1;background:radial-gradient(circle,#4ecdc466,#0000 70%);width:200px;height:200px;animation:26s ease-in-out infinite float3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(20px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-25px,-20px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-48%,-52%)}}@media (min-width:360px){.login-container{--lg-card-max:400px}}@media (min-width:480px){.login-container{--lg-card-max:420px;--lg-input-pad-y:14px}}@media (min-width:768px){.login-container{--lg-card-max:460px;--lg-card-pad-y:44px;--lg-card-pad-x:40px;--lg-h1:32px;--lg-sub:15px;--lg-label:14px;--lg-input-fz:15px;--lg-input-pad-y:15px;--lg-button-fz:15px;--lg-button-pad:15px;--lg-gap:22px}}@media (min-width:1024px){.login-container{--lg-card-max:480px;--lg-h1:34px}}@media (min-width:1440px){.login-container{--lg-card-max:520px;--lg-card-pad-y:52px;--lg-card-pad-x:48px;--lg-h1:38px;--lg-sub:16px;--lg-label:15px;--lg-input-fz:16px;--lg-input-pad-y:16px;--lg-button-fz:16px;--lg-button-pad:17px;--lg-radius:22px;--lg-radius-sm:14px;--lg-gap:24px;--lg-touch:48px}}@media (min-width:1920px){.login-container{--lg-card-max:560px;--lg-card-pad-y:60px;--lg-card-pad-x:56px;--lg-h1:42px;--lg-sub:17px;--lg-label:16px;--lg-input-fz:17px;--lg-input-pad-y:18px;--lg-button-fz:17px;--lg-button-pad:19px;--lg-radius:24px;--lg-gap:26px}.password-toggle{width:40px;height:40px;font-size:18px}}@media (min-width:2560px){.login-container{--lg-card-max:680px;--lg-card-pad-y:76px;--lg-card-pad-x:68px;--lg-h1:52px;--lg-sub:20px;--lg-label:18px;--lg-input-fz:19px;--lg-input-pad-y:22px;--lg-button-fz:19px;--lg-button-pad:22px;--lg-radius:28px;--lg-radius-sm:16px;--lg-gap:30px;--lg-touch:56px}.password-toggle{width:48px;height:48px;font-size:22px}}@media (max-height:560px) and (orientation:landscape){.login-container{align-items:flex-start;padding-top:24px;padding-bottom:24px}.login-card{--lg-card-pad-y:22px}.login-header{margin-bottom:14px}.login-header:after{bottom:-8px}}@media (prefers-reduced-motion:reduce){.login-card,.login-header h1,.shape,.login-btn,.form-group input,.password-toggle,.login-footer .link,.error-message,.login-alert{transition:none!important;animation:none!important}.login-card{opacity:1;transform:none}}@media (prefers-contrast:more){.login-container{--lg-surface:#000000b3;--lg-border:#ffffff8c;--lg-border-focus:#fff;--lg-text-secondary:#fff;--lg-text-muted:#ffffffd9}.login-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shape{display:none}}.spinner[data-v-2961e6f0]{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite spin-2961e6f0;display:inline-block}@keyframes spin-2961e6f0{to{transform:rotate(360deg)}}.register-container{--rg-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--rg-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--rg-accent:#818cf8;--rg-accent-2:#a78bfa;--rg-text:#fff;--rg-text-soft:#e8eaff;--rg-text-mute:#ffffffb3;--rg-text-dim:#ffffff80;--rg-glass-bg:#ffffff0f;--rg-glass-bg-strong:#ffffff1a;--rg-glass-bg-input:#0f112873;--rg-glass-bg-input-focus:#0f1128a6;--rg-glass-border:#ffffff1f;--rg-glass-border-hover:#ffffff38;--rg-glass-blur:blur(20px)saturate(160%);--rg-success:#48bb78;--rg-danger:#fc8181;--rg-warning:#ed8936;--rg-shadow-card:0 16px 50px #00000073,0 8px 32px #667eea2e;--rg-shadow-input-focus:0 0 0 3px #818cf84d,0 6px 22px #667eea40;--rg-r-sm:10px;--rg-r-md:14px;--rg-r-lg:20px;--rg-r-xl:26px;--rg-ease:cubic-bezier(.4,0,.2,1);--rg-t-fast:.18s var(--rg-ease);--rg-t-base:.28s var(--rg-ease);--rg-card-max:clamp(320px,92vw,640px);--rg-card-pad-x:clamp(1rem,3.5vw,2.5rem);--rg-card-pad-y:clamp(1.25rem,3.5vw,2.5rem);--rg-gap:clamp(.85rem,1.6vw,1.25rem)}.register-container *,.register-container :before,.register-container :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}@keyframes rgSlideUp{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rgFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-25px)}}@keyframes rgPulse{0%,to{opacity:.55}50%{opacity:.85}}.register-container{z-index:1;width:100%;min-height:calc(100vh - 4rem);background:0 0;justify-content:center;align-items:flex-start;min-height:calc(100dvh - 4rem);padding:clamp(.85rem,2.5vw,2rem) clamp(.5rem,2vw,1.5rem);display:flex;position:relative}.register-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.register-background-shapes{position:absolute;inset:0}.register-shape{filter:blur(60px);opacity:.6;border-radius:50%;animation:14s ease-in-out infinite rgFloat;position:absolute}.register-shape-1{background:radial-gradient(circle,#667eea73,#0000 70%);width:clamp(180px,30vw,360px);height:clamp(180px,30vw,360px);animation-delay:0s;top:-8%;left:-8%}.register-shape-2{background:radial-gradient(circle,#764ba273,#0000 70%);width:clamp(220px,35vw,420px);height:clamp(220px,35vw,420px);animation-delay:-5s;bottom:-10%;right:-10%}.register-shape-3{background:radial-gradient(circle,#a78bfa4d,#0000 70%);width:clamp(150px,25vw,300px);height:clamp(150px,25vw,300px);animation-delay:-10s;top:40%;right:15%}.register-card{z-index:2;width:100%;max-width:var(--rg-card-max);padding:var(--rg-card-pad-y)var(--rg-card-pad-x);background:var(--rg-glass-bg);border:1px solid var(--rg-glass-border);border-radius:var(--rg-r-xl);-webkit-backdrop-filter:var(--rg-glass-blur);backdrop-filter:var(--rg-glass-blur);box-shadow:var(--rg-shadow-card);color:var(--rg-text-soft);isolation:isolate;animation:rgSlideUp .5s var(--rg-ease)both;transition:border-color var(--rg-t-base),box-shadow var(--rg-t-base),transform var(--rg-t-base);flex-direction:column;display:flex;position:relative}.register-card:hover{border-color:var(--rg-glass-border-hover);box-shadow:var(--rg-shadow-card),0 0 40px #818cf82e}.register-header{text-align:center;margin-bottom:clamp(1.25rem,3vw,2rem);position:relative}.register-header:after{content:"";background:linear-gradient(90deg,transparent,var(--rg-accent),transparent);border-radius:2px;height:2px;position:absolute;bottom:-.85rem;left:28%;right:28%;box-shadow:0 0 14px #818cf899}.register-header h1{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;word-break:keep-all;text-shadow:0 2px 8px #00000059;-webkit-background-clip:text;background-clip:text;margin:0 0 .4rem;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700}.register-header p{color:var(--rg-text-mute);margin:0;font-size:clamp(.85rem,1.05vw,1rem)}.register-form{gap:var(--rg-gap);background:0 0;flex-direction:column;display:flex}.register-form-row{gap:var(--rg-gap);grid-template-columns:1fr;min-width:0;display:grid}.register-form-row>*{min-width:0}.register-form-group{flex-direction:column;gap:.4rem;display:flex;position:relative}.register-form-group label{letter-spacing:.2px;color:var(--rg-text-soft);font-size:clamp(.78rem,.9vw,.9rem);font-weight:600}.register-form-group input,.register-select-input{background:var(--rg-glass-bg-input);border:1px solid var(--rg-glass-border);border-radius:var(--rg-r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;min-height:48px;caret-color:var(--rg-accent);transition:border-color var(--rg-t-fast),background var(--rg-t-fast),box-shadow var(--rg-t-fast);padding:.85rem 2.85rem .85rem 1rem;font-family:inherit;font-size:clamp(.9rem,1.05vw,1rem);color:var(--rg-text)!important}.register-form-group input::placeholder,.register-select-input::placeholder{color:var(--rg-text-dim)}.register-form-group input:hover,.register-select-input:hover{border-color:var(--rg-glass-border-hover)}.register-form-group input:focus,.register-form-group input:focus-visible,.register-select-input:focus,.register-select-input:focus-visible{border-color:var(--rg-accent);background:var(--rg-glass-bg-input-focus);box-shadow:var(--rg-shadow-input-focus);outline:none}.register-select-input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a5b4fc' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 1rem center;background-repeat:no-repeat;background-color:var(--rg-glass-bg-input)}.register-select-input option{color:var(--rg-text);background:#1a1d3a}.register-form-group input.error{border-color:var(--rg-danger);box-shadow:0 0 0 3px #fc818138,0 4px 18px #fc81812e}.register-form-group input.valid{border-color:var(--rg-success);box-shadow:0 0 0 3px #48bb7838,0 4px 18px #48bb7826}.register-input-with-validation,.register-password-input{background:0 0;position:relative}.register-validation-status{width:22px;height:22px;color:var(--rg-success);pointer-events:none;z-index:2;justify-content:center;align-items:center;font-size:1rem;display:inline-flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.register-validation-status.valid{color:var(--rg-success);filter:drop-shadow(0 0 6px #48bb788c)}.register-loading{border:2px solid #ffffff2e;border-top-color:var(--rg-accent);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite rgSpin;display:inline-block}.register-password-toggle{width:36px;height:36px;color:var(--rg-text-mute);cursor:pointer;z-index:2;transition:color var(--rg-t-fast),background var(--rg-t-fast),border-color var(--rg-t-fast);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:1.05rem;display:inline-flex;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.register-password-toggle:hover{color:#fff;border-color:var(--rg-glass-border);background:#ffffff0f}.register-password-strength{align-items:center;gap:.6rem;margin-top:.25rem;display:flex}.register-strength-bar{background:#ffffff1a;border-radius:999px;flex:1;height:5px;position:relative;overflow:hidden}.register-strength-bar:before{content:"";width:0;height:100%;transition:width var(--rg-t-base),background var(--rg-t-base),box-shadow var(--rg-t-base);border-radius:999px;display:block}.register-strength-bar.weak:before{background:linear-gradient(90deg,#fc8181,#f87171);width:33%;box-shadow:0 0 12px #fc81818c}.register-strength-bar.medium:before{background:linear-gradient(90deg,#f6ad55,#ed8936);width:66%;box-shadow:0 0 12px #ed89368c}.register-strength-bar.strong:before{background:linear-gradient(90deg,#48bb78,#38a169);width:100%;box-shadow:0 0 12px #48bb788c}.register-strength-text{letter-spacing:.4px;color:var(--rg-text-mute);text-align:right;min-width:52px;font-size:.72rem;font-weight:700}.register-error-message{color:var(--rg-danger);word-break:normal;align-items:center;gap:.35rem;margin-top:.15rem;font-size:.78rem;display:flex}.register-terms{background:var(--rg-glass-bg);border:1px solid var(--rg-glass-border);border-radius:var(--rg-r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:flex-start;gap:.75rem;margin-top:.25rem;padding:.85rem 1rem;display:flex}.register-terms input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--rg-accent);cursor:pointer;filter:drop-shadow(0 0 6px #818cf873);margin-top:.15rem}.register-terms label{color:var(--rg-text-mute);cursor:pointer;flex:1;font-size:.85rem;line-height:1.55}.register-link{color:var(--rg-accent);white-space:nowrap;transition:color var(--rg-t-fast),text-shadow var(--rg-t-fast);font-weight:600;text-decoration:none}.register-link:hover{color:var(--rg-accent-2);text-shadow:0 0 12px #818cf899;text-underline-offset:3px;text-decoration:underline}.register-btn{letter-spacing:.5px;min-height:50px;color:var(--rg-text);border-radius:var(--rg-r-md);cursor:pointer;white-space:nowrap;transition:transform var(--rg-t-fast),box-shadow var(--rg-t-fast),opacity var(--rg-t-fast),filter var(--rg-t-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 1.25rem;font-family:inherit;font-size:clamp(.9rem,1.05vw,1rem);font-weight:700;display:inline-flex;position:relative;overflow:hidden}.register-btn-primary{background:var(--rg-grad);border-color:#ffffff38;box-shadow:0 10px 28px #667eea73,inset 0 1px #ffffff40}.register-btn-primary:before{content:"";opacity:0;transition:opacity var(--rg-t-fast);background:linear-gradient(135deg,#ffffff2e,#0000 50%,#ffffff1f);position:absolute;inset:0}.register-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #667eea8c,0 0 28px #a78bfa59,inset 0 1px #ffffff4d}.register-btn-primary:hover:not(:disabled):before{opacity:1}.register-btn-primary:active:not(:disabled){transform:translateY(0)}.register-btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}@media (max-width:340px){.register-btn{white-space:normal}}.register-alert{border-radius:var(--rg-r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rgSlideUp .3s var(--rg-ease)both;border:1px solid;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.alert-error{color:#fecaca;background:#fc81811f;border-color:#fc818159;box-shadow:0 0 22px #fc81812e}.register-alert-close{width:26px;height:26px;color:inherit;cursor:pointer;opacity:.8;transition:opacity var(--rg-t-fast),background var(--rg-t-fast),border-color var(--rg-t-fast);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:inline-flex}.register-alert-close:hover{opacity:1;background:#ffffff14;border-color:#ffffff26}.register-footer{text-align:center;color:var(--rg-text-mute);border-top:1px solid var(--rg-glass-border);margin-top:.5rem;padding-top:1rem;font-size:.85rem}.register-footer p{margin:0}.register-footer .register-link{margin-left:.35rem}.register-container :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--rg-accent);outline-offset:2px}@media (min-width:480px){.register-form-row{grid-template-columns:1fr 1fr}}@media (min-width:768px){.register-container{align-items:center;padding:clamp(1.25rem,3vw,2.5rem)}}@media (min-width:1024px){.register-container{--rg-card-max:600px}}@media (min-width:1440px){.register-container{--rg-card-max:640px}.register-header h1{font-size:clamp(2rem,2.2vw,2.6rem)}}@media (min-width:1920px){.register-container{--rg-card-max:720px;--rg-card-pad-x:3rem;--rg-card-pad-y:3rem}.register-header h1{font-size:2.8rem}.register-btn{min-height:56px;font-size:1.05rem}.register-form-group input,.register-select-input{min-height:54px;font-size:1.05rem}}@media (min-width:2560px){.register-container{--rg-card-max:820px;--rg-card-pad-x:3.5rem;--rg-card-pad-y:3.5rem;--rg-gap:1.5rem}.register-header h1{font-size:3.4rem}.register-header p{font-size:1.2rem}.register-btn{min-height:64px;font-size:1.2rem}.register-form-group label{font-size:1.05rem}.register-form-group input,.register-select-input{min-height:60px;padding:1rem 3rem 1rem 1.2rem;font-size:1.15rem}.register-terms label,.register-footer{font-size:1rem}}@media (prefers-reduced-motion:reduce){.register-card,.register-shape,.register-loading,.register-strength-bar:before,.register-btn,.register-form-group input,.register-select-input,.register-alert{transition:none!important;animation:none!important}}@media (prefers-contrast:high){.register-card{background:#050514eb;border-color:#fff}.register-form-group input,.register-select-input{background:#000;border-color:#fff;color:#fff!important}.register-header h1{-webkit-text-fill-color:#fff;color:#fff}}@media print{.register-background,.register-password-toggle,.register-alert-close{display:none!important}.register-card{color:#000;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#000}.register-header h1,.register-header p,.register-form-group label,.register-form-group input,.register-select-input,.register-terms label,.register-footer{color:#000!important;-webkit-text-fill-color:#000!important}}.verify-container{--ve-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--ve-grad-soft:linear-gradient(135deg,#667eea38 0%,#764ba238 100%);--ve-accent:#818cf8;--ve-accent-2:#a78bfa;--ve-text:#fff;--ve-text-soft:#e8eaff;--ve-text-mute:#ffffffb3;--ve-text-dim:#ffffff80;--ve-text-err:#fecaca;--ve-text-ok:#bbf7d0;--ve-glass:#ffffff0d;--ve-glass-strong:#ffffff14;--ve-glass-input:#ffffff0a;--ve-border:#ffffff1a;--ve-border-hi:#ffffff38;--ve-blur:blur(22px)saturate(160%);--ve-shadow:0 12px 40px #667eea2e,0 0 0 1px #ffffff0a;--ve-shadow-hi:0 18px 56px #764ba24d,0 0 0 1px #ffffff14;--ve-glow:0 0 24px #818cf873;--ve-radius-sm:10px;--ve-radius-md:14px;--ve-radius-lg:22px;--ve-radius-xl:28px;--ve-card-w:min(100%,30rem);--ve-otp-size:clamp(40px,11vw,56px);--ve-ease:cubic-bezier(.4,0,.2,1);--ve-t-fast:.18s var(--ve-ease);--ve-t-base:.28s var(--ve-ease);z-index:1;width:100%;min-height:100%;color:var(--ve-text-soft);background:0 0;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem) clamp(.75rem,3vw,2rem);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:visible}.verify-background,.background-shapes,.shape,.shape-1,.shape-2,.shape-3{display:none!important}.verify-card{z-index:2;width:var(--ve-card-w);background:var(--ve-glass);border:1px solid var(--ve-border);border-radius:var(--ve-radius-xl);max-width:100%;-webkit-backdrop-filter:var(--ve-blur);backdrop-filter:var(--ve-blur);box-shadow:var(--ve-shadow);text-align:center;animation:fadeInUp .5s var(--ve-ease)both;transition:box-shadow var(--ve-t-base),border-color var(--ve-t-base),background var(--ve-t-base),transform var(--ve-t-base);padding:clamp(1.5rem,4vw,2.75rem) clamp(1.25rem,3.5vw,2.5rem);position:relative}.verify-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff0f 0%,#fff0 35%);position:absolute;inset:0}.verify-card:hover{border-color:var(--ve-border-hi);box-shadow:var(--ve-shadow-hi)}.verify-header{margin-bottom:clamp(1rem,3vw,1.75rem)}.verify-icon{color:#fff;background:var(--ve-grad);border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:clamp(64px,14vw,88px);height:clamp(64px,14vw,88px);margin:0 auto clamp(.75rem,2vw,1.25rem);display:inline-flex;box-shadow:0 12px 36px #667eea73,inset 0 1px #ffffff40}.verify-icon svg{filter:drop-shadow(0 2px 6px #00000059);width:50%;height:50%}.verify-header h1{letter-spacing:.2px;color:var(--ve-text);background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:700;line-height:1.2}.verify-header p{color:var(--ve-text-mute);word-break:break-word;font-size:clamp(.85rem,1.6vw,.95rem);line-height:1.55}.verify-form{flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);display:flex}.otp-inputs{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.35rem,1.4vw,.6rem);margin:clamp(.5rem,2vw,1rem) 0;display:flex}.otp-inputs input{width:var(--ve-otp-size);height:var(--ve-otp-size);text-align:center;min-width:0;color:var(--ve-text);background:var(--ve-glass-input);border:1px solid var(--ve-border);border-radius:var(--ve-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);caret-color:var(--ve-accent);transition:border-color var(--ve-t-fast),background var(--ve-t-fast),box-shadow var(--ve-t-fast),transform var(--ve-t-fast);-moz-appearance:textfield;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:700}.otp-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-inputs input:focus,.otp-inputs input:focus-visible{background:var(--ve-glass-strong);box-shadow:0 0 0 2px var(--ve-accent),0 0 0 6px #818cf833,0 8px 22px #667eea4d;border-color:#0000;outline:none;transform:translateY(-1px)}.otp-inputs input.error{animation:shake .45s var(--ve-ease);background:#fc81811a;border-color:#fc81818c;box-shadow:0 0 0 3px #fc81812e}.otp-inputs input::placeholder{color:var(--ve-text-dim);font-size:.85rem;font-weight:500}.verification-info{color:var(--ve-text-mute);margin:.25rem 0;font-size:clamp(.78rem,1.5vw,.875rem);font-weight:500}.verification-info .expired{color:var(--ve-text-err);letter-spacing:.2px;font-weight:700}.actions{flex-direction:column;gap:.65rem;margin:.5rem 0 .25rem;display:flex}.btn{letter-spacing:.3px;border-radius:var(--ve-radius-md);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;min-height:48px;transition:background var(--ve-t-fast),border-color var(--ve-t-fast),box-shadow var(--ve-t-fast),transform var(--ve-t-fast),color var(--ve-t-fast),filter var(--ve-t-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:clamp(.875rem,1.6vw,.95rem);font-weight:600;display:inline-flex}.btn-primary{color:#fff;background:var(--ve-grad);border-color:#ffffff2e;box-shadow:0 10px 28px #667eea66,inset 0 1px #ffffff38}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px #667eea8c,inset 0 1px #ffffff47}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:saturate(60%);box-shadow:none;transform:none}.btn-secondary{color:var(--ve-text);background:var(--ve-glass);border-color:var(--ve-border-hi)}.btn-secondary:hover:not(:disabled){background:var(--ve-glass-strong);border-color:var(--ve-accent);color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px #818cf84d}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;filter:saturate(60%);transform:none}.alternative{color:var(--ve-text-mute);margin-top:.75rem;font-size:clamp(.78rem,1.5vw,.875rem)}.alternative .link{font:inherit;color:var(--ve-accent);cursor:pointer;transition:color var(--ve-t-fast),text-shadow var(--ve-t-fast);background:0 0;border:none;border-radius:4px;margin-left:.25rem;padding:.15rem .25rem;font-weight:700}.alternative .link:hover{color:var(--ve-accent-2);text-underline-offset:3px;text-decoration:underline}.alert{border-radius:var(--ve-radius-md);text-align:left;border:1px solid var(--ve-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s var(--ve-ease)both;padding:.7rem .9rem;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500}.alert-error{color:var(--ve-text-err);background:#fc81811f;border-color:#fc818152 #fc818152 #fc818152 #fc8181;border-left-style:solid;border-left-width:4px;box-shadow:0 6px 20px #fc81812e}.alert-success{color:var(--ve-text-ok);background:#48bb781f;border-color:#48bb7852 #48bb7852 #48bb7852 #48bb78;border-left-style:solid;border-left-width:4px;box-shadow:0 6px 20px #48bb782e}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.verify-container :where(button,input,a,.link):focus-visible{outline:2px solid var(--ve-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (max-width:360px){.verify-container{--ve-otp-size:clamp(36px,12vw,44px);padding:.75rem}.otp-inputs{gap:.3rem}.verify-card{border-radius:var(--ve-radius-lg);padding:1.25rem 1rem}}@media (min-width:480px){.verify-container{--ve-card-w:min(100%,28rem)}.actions{flex-direction:row}.actions .btn{flex:1}}@media (min-width:768px){.verify-container{--ve-card-w:min(100%,32rem)}}@media (min-width:1024px){.verify-container{--ve-card-w:min(100%,34rem)}}@media (min-width:1440px){.verify-container{--ve-card-w:min(100%,36rem)}}@media (min-width:1920px){.verify-container{--ve-card-w:min(100%,38rem);--ve-otp-size:60px}}@media (min-width:2560px){.verify-container{--ve-card-w:min(100%,44rem);--ve-otp-size:72px}.verify-card{padding:3rem 2.75rem}.verify-header h1{font-size:2.25rem}}@media (max-width:900px) and (orientation:landscape){.verify-container{align-items:flex-start;padding-block:1rem}}@media (prefers-reduced-motion:reduce){.verify-card,.btn,.otp-inputs input,.alert{transition:none!important;animation:none!important}.verify-card:hover{transform:none}}@media (prefers-contrast:high){.verify-card{background:#000005d9;border:2px solid #fff}.otp-inputs input,.btn{border-color:#fff}}.notifications-container{--np-brand-1:#667eea;--np-brand-2:#764ba2;--np-brand-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--np-text:#fff;--np-text-soft:#e8eaff;--np-text-muted:#ffffffb3;--np-text-dim:#ffffff80;--np-surface:#ffffff0d;--np-surface-strong:#ffffff14;--np-surface-hover:#ffffff1a;--np-border:#ffffff1a;--np-border-strong:#ffffff2e;--np-blur:blur(16px)saturate(140%);--np-blur-strong:blur(20px)saturate(150%);--np-shadow:0 8px 32px #667eea26;--np-shadow-hover:0 12px 40px #667eea47;--np-personal:#818cf8;--np-general:#48bb78;--np-group:#ed8936;--np-user:#9f7aea;--np-danger:#fc8181;--np-r-sm:10px;--np-r-md:14px;--np-r-lg:20px;--np-fs-xs:clamp(.72rem,.65rem + .3vw,.82rem);--np-fs-sm:clamp(.82rem,.75rem + .35vw,.95rem);--np-fs-md:clamp(.92rem,.85rem + .4vw,1.05rem);--np-fs-lg:clamp(1.05rem,.95rem + .5vw,1.25rem);--np-fs-xl:clamp(1.25rem,1.05rem + .9vw,1.6rem);--np-fs-2xl:clamp(1.5rem,1.2rem + 1.4vw,2.1rem);--np-fs-3xl:clamp(1.8rem,1.4rem + 2vw,2.75rem);--np-ease:cubic-bezier(.4,0,.2,1)}@keyframes np-spin{to{transform:rotate(360deg)}}@keyframes np-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes np-pulse{0%,to{box-shadow:0 0 #818cf840}50%{box-shadow:0 0 0 6px #818cf800}}.notifications-container{z-index:1;isolation:isolate;color:var(--np-text);background:0 0;width:100%;max-width:1400px;min-height:100dvh;margin:0 auto;padding:clamp(.75rem,2vw + .5rem,1.75rem);position:relative}.notifications-container *,.notifications-container :before,.notifications-container :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.notifications-header{background:var(--np-surface);-webkit-backdrop-filter:var(--np-blur);border:1px solid var(--np-border);border-radius:var(--np-r-lg);box-shadow:var(--np-shadow);flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:clamp(1rem,2.5vw,1.75rem);padding:clamp(1rem,2vw,1.5rem);display:flex;position:relative;overflow:hidden}.notifications-header:before{content:"";background:linear-gradient(90deg,transparent,var(--np-brand-1),var(--np-brand-2),transparent);opacity:.7;height:1px;position:absolute;inset:0 0 auto}.notifications-header h1{font-size:var(--np-fs-2xl);letter-spacing:.5px;background:var(--np-brand-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.header-actions{flex-wrap:wrap;gap:.6rem;display:flex}.btn-mark-all-read,.btn-refresh{min-height:44px;font-size:var(--np-fs-sm);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border:1px solid var(--np-border-strong);border-radius:var(--np-r-sm);cursor:pointer;transition:transform .25s var(--np-ease),background .25s var(--np-ease),box-shadow .25s var(--np-ease),color .25s var(--np-ease);-webkit-backdrop-filter:blur(8px);flex:auto;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-weight:600;display:inline-flex}.btn-mark-all-read{background:var(--np-brand-grad);color:#fff;border-color:#0000;box-shadow:0 4px 14px #667eea59}.btn-mark-all-read:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.btn-refresh{background:var(--np-surface);color:var(--np-text-soft)}.btn-refresh:hover:not(:disabled){background:var(--np-surface-hover);color:var(--np-text);transform:translateY(-2px);box-shadow:0 4px 14px #ffffff14}.btn-mark-all-read:disabled,.btn-refresh:disabled{opacity:.45;cursor:not-allowed}.btn-mark-all-read svg,.btn-refresh svg{flex-shrink:0;width:16px;height:16px}.stats-summary{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:clamp(1rem,2.5vw,1.75rem);display:grid}.stat-card{text-align:center;background:var(--np-surface);-webkit-backdrop-filter:var(--np-blur);border:1px solid var(--np-border);border-radius:var(--np-r-md);box-shadow:var(--np-shadow);transition:transform .3s var(--np-ease),box-shadow .3s var(--np-ease);padding:clamp(.9rem,2vw,1.25rem);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--np-shadow-hover);transform:translateY(-3px)}.stat-card:before{content:"";background:var(--np-brand-grad);opacity:.8;height:3px;position:absolute;inset:0 0 auto}.stat-card.unread{border-left:3px solid var(--np-personal)}.stat-card.unread:before{background:linear-gradient(90deg,var(--np-personal),transparent)}.stat-card.general{border-left:3px solid var(--np-general)}.stat-card.general:before{background:linear-gradient(90deg,var(--np-general),transparent)}.stat-card.group{border-left:3px solid var(--np-group)}.stat-card.group:before{background:linear-gradient(90deg,var(--np-group),transparent)}.stat-card.user-info{border-left:3px solid var(--np-user)}.stat-card.user-info:before{background:linear-gradient(90deg,var(--np-user),transparent)}.stat-value{font-size:var(--np-fs-xl);color:var(--np-text);word-break:keep-all;overflow-wrap:anywhere;margin-bottom:.4rem;font-weight:800;line-height:1}.stat-card.unread .stat-value{color:var(--np-personal)}.stat-card.general .stat-value{color:var(--np-general)}.stat-card.group .stat-value{color:var(--np-group)}.stat-card.user-info .stat-value{color:var(--np-user);font-size:var(--np-fs-md)}.stat-label{font-size:var(--np-fs-xs);text-transform:uppercase;letter-spacing:1.5px;color:var(--np-text-muted);font-weight:600}.notifications-filters{background:var(--np-surface);-webkit-backdrop-filter:var(--np-blur);border:1px solid var(--np-border);border-radius:var(--np-r-md);box-shadow:var(--np-shadow);margin-bottom:1rem;padding:.75rem}.filter-tabs{scrollbar-width:thin;scrollbar-color:var(--np-brand-1)transparent;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{height:6px}.filter-tabs::-webkit-scrollbar-track{background:#ffffff0a;border-radius:3px}.filter-tabs::-webkit-scrollbar-thumb{background:var(--np-brand-grad);border-radius:3px}.filter-tab{min-height:44px;font-size:var(--np-fs-sm);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:var(--np-surface);color:var(--np-text-muted);border:1px solid var(--np-border);border-radius:var(--np-r-sm);cursor:pointer;transition:all .25s var(--np-ease);flex:none;padding:.55rem 1.1rem;font-weight:600}.filter-tab:hover{background:var(--np-surface-hover);color:var(--np-text);transform:translateY(-2px)}.filter-tab.active{background:var(--np-brand-grad);color:#fff;border-color:#0000;box-shadow:0 4px 14px #667eea59}.notifications-list{background:var(--np-surface);-webkit-backdrop-filter:var(--np-blur);border:1px solid var(--np-border);border-radius:var(--np-r-lg);box-shadow:var(--np-shadow);min-height:320px;position:relative;overflow:hidden}.notifications-list:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 20%,#667eea0f,#0000 55%);position:absolute;inset:0}.loading-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:clamp(2.5rem,6vw,4.5rem) 1rem;display:flex}.notifications-spinner{border:3px solid #ffffff1a;border-top-color:var(--np-brand-1);border-right-color:var(--np-brand-2);filter:drop-shadow(0 0 12px #667eea66);border-radius:50%;width:56px;height:56px;animation:1s linear infinite np-spin}.notifications-spinner.small{vertical-align:middle;border-width:2px;width:18px;height:18px;display:inline-block}.loading-state p{font-size:var(--np-fs-md);color:var(--np-text-muted);margin:0}.empty-icon{filter:drop-shadow(0 0 20px #667eea66);animation:np-fade-in .5s var(--np-ease);font-size:clamp(3rem,8vw,4.5rem)}.empty-state h3{font-size:var(--np-fs-xl);color:var(--np-text);margin:0;font-weight:700}.empty-state p{max-width:420px;font-size:var(--np-fs-sm);color:var(--np-text-muted);margin:0;line-height:1.6}.notifications-grid{flex-direction:column;display:flex}.notification-card{border-bottom:1px solid var(--np-border);animation:np-fade-in .35s var(--np-ease);transition:background .25s var(--np-ease),transform .25s var(--np-ease);padding:clamp(1rem,2.5vw,1.5rem);position:relative}.notification-card:last-child{border-bottom:none}.notification-card.personal{border-left:3px solid var(--np-personal)}.notification-card.general{border-left:3px solid var(--np-general)}.notification-card.group{border-left:3px solid var(--np-group)}.notification-card.unread{background:linear-gradient(90deg,#818cf81a,#0000 60%)}.notification-card:hover{background:#ffffff0a}.notification-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.notification-type{flex-wrap:wrap;gap:.5rem;display:flex}.type-badge{font-size:var(--np-fs-xs);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid;border-radius:999px;padding:.3rem .85rem;font-weight:700}.type-badge.personal{color:var(--np-personal);background:#818cf81f;border-color:#818cf866}.type-badge.general{color:var(--np-general);background:#48bb781f;border-color:#48bb7866}.type-badge.group{color:var(--np-group);background:#ed89361f;border-color:#ed893666}.notification-time{font-size:var(--np-fs-xs);color:var(--np-text-dim);align-items:center;gap:.35rem;font-weight:500;display:inline-flex}.notification-time:before{content:"🕐";opacity:.8;font-size:.85em}.notification-content{margin-bottom:.85rem}.notification-title{font-size:var(--np-fs-lg);color:var(--np-text);margin:0 0 .5rem;font-weight:700;line-height:1.35}.notification-message{font-size:var(--np-fs-sm);color:var(--np-text-soft);margin:0 0 .85rem;line-height:1.6}.notification-meta{font-size:var(--np-fs-xs);color:var(--np-text-muted);flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.notification-meta strong{color:var(--np-text);font-weight:600}.notification-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.btn-mark-read,.btn-delete{min-height:40px;font-size:var(--np-fs-xs);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:var(--np-r-sm);cursor:pointer;transition:all .25s var(--np-ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid;flex:auto;justify-content:center;align-items:center;gap:.4rem;padding:0 .95rem;font-weight:600;display:inline-flex}.btn-mark-read{color:var(--np-general);background:#48bb781f;border-color:#48bb7859}.btn-mark-read:hover:not(:disabled){color:#fff;background:#48bb7838;transform:translateY(-2px);box-shadow:0 4px 14px #48bb784d}.btn-delete{color:var(--np-danger);background:#fc81811a;border-color:#fc818159}.btn-delete:hover:not(:disabled){color:#fff;background:#fc818138;transform:translateY(-2px);box-shadow:0 4px 14px #fc81814d}.btn-mark-read:disabled,.btn-delete:disabled{opacity:.45;cursor:not-allowed}.readonly-info{font-size:var(--np-fs-xs);color:var(--np-text-dim);align-items:center;gap:.35rem;font-style:italic;display:inline-flex}.loading-more,.load-more{text-align:center;border-top:1px solid var(--np-border);background:#ffffff05;padding:1.25rem}.loading-more{color:var(--np-text-muted);font-size:var(--np-fs-sm);justify-content:center;align-items:center;gap:.6rem;display:flex}.btn-load-more{min-height:44px;font-size:var(--np-fs-sm);letter-spacing:.5px;text-transform:uppercase;background:var(--np-surface);color:var(--np-text-soft);border:1px solid var(--np-border-strong);border-radius:var(--np-r-sm);cursor:pointer;transition:all .25s var(--np-ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:600;display:inline-flex}.btn-load-more:hover{background:var(--np-brand-grad);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.error-message{border-radius:var(--np-r-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--np-danger);background:#fc81811a;border:1px solid #fc818159;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:1rem;padding:1rem 1.2rem;display:flex;box-shadow:0 6px 20px #fc818126}.error-message p{font-size:var(--np-fs-sm);flex:220px;margin:0;font-weight:500}.btn-retry{min-height:40px;font-size:var(--np-fs-xs);letter-spacing:.5px;text-transform:uppercase;color:#fff;border-radius:var(--np-r-sm);cursor:pointer;transition:all .25s var(--np-ease);background:#fc81812e;border:1px solid #fc818173;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-weight:600;display:inline-flex}.btn-retry:hover{background:#fc818152;transform:translateY(-2px);box-shadow:0 4px 14px #fc818159}.notifications-container button:focus-visible,.notifications-container .filter-tab:focus-visible{outline-offset:2px;outline:2px solid #818cf8}@media (min-width:480px){.notifications-header{flex-direction:row;justify-content:space-between;align-items:center}.header-actions,.btn-mark-all-read,.btn-refresh,.btn-mark-read,.btn-delete{flex:none}}@media (min-width:640px){.stats-summary{grid-template-columns:repeat(4,1fr)}.stat-card.user-info{grid-column:1/-1}}@media (min-width:768px){.stats-summary{grid-template-columns:repeat(5,1fr);gap:1rem}.stat-card.user-info{grid-column:auto}.notification-card{padding:1.5rem}}@media (min-width:1024px){.notifications-container{padding:2rem}.stats-summary{gap:1.25rem}.notification-card{padding:1.75rem}}@media (min-width:1440px){.notifications-container{max-width:1400px;padding:2.5rem}.stats-summary{gap:1.5rem}.notification-card{padding:2rem}}@media (min-width:1920px){.notifications-container{max-width:1600px;padding:3rem}.stats-summary{gap:1.75rem}.notification-card{padding:2.25rem}}@media (min-width:2560px){.notifications-container{max-width:1900px;padding:3.5rem}.stats-summary{gap:2rem}.notification-card{padding:2.5rem}}@media (prefers-reduced-motion:reduce){.notifications-container *,.notifications-container :before,.notifications-container :after{transition:none!important;animation:none!important}.notifications-container .stat-card:hover,.notifications-container .filter-tab:hover,.notifications-container .btn-mark-all-read:hover,.notifications-container .btn-refresh:hover,.notifications-container .btn-mark-read:hover,.notifications-container .btn-delete:hover,.notifications-container .btn-retry:hover,.notifications-container .btn-load-more:hover{transform:none!important}}@media (prefers-contrast:high){.notifications-container{--np-surface:#000000d9;--np-surface-strong:#000000e6;--np-border:#fff9;--np-border-strong:#fffc;--np-text-muted:#fff}.notifications-header h1{-webkit-text-fill-color:#fff;color:#fff;background:0 0}}@media print{.notifications-container{padding:1rem;color:#000!important;background:#fff!important}.notifications-header,.notifications-list,.stat-card,.notifications-filters,.notification-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.notifications-header h1{-webkit-text-fill-color:#000;color:#000;background:0 0}.notification-title,.stat-value{color:#000!important}.notification-message,.stat-label,.notification-time,.notification-meta{color:#333!important}.header-actions,.notification-actions,.filter-tabs,.load-more,.loading-more,.error-message{display:none!important}}.user-certificates{--uc-text:#fff;--uc-text-soft:#e8eaff;--uc-text-mute:#ffffffb8;--uc-text-dim:#ffffff80;--uc-accent:#818cf8;--uc-accent-2:#a78bfa;--uc-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--uc-grad-soft:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);--uc-glass:#ffffff0d;--uc-glass-2:#ffffff14;--uc-glass-hover:#ffffff1a;--uc-border:#ffffff1a;--uc-border-2:#ffffff38;--uc-blur:blur(16px)saturate(150%);--uc-blur-strong:blur(22px)saturate(160%);--uc-shadow:0 8px 32px #667eea26;--uc-shadow-lg:0 16px 48px #764ba247;--uc-glow:0 0 28px #818cf84d;--uc-r-sm:12px;--uc-r-md:16px;--uc-r-lg:20px;--uc-r-xl:24px;--uc-ease:cubic-bezier(.4,0,.2,1);--uc-t-fast:.18s var(--uc-ease);--uc-t-base:.28s var(--uc-ease);--uc-fs-xs:clamp(.72rem,.65rem + .25vw,.8rem);--uc-fs-sm:clamp(.8rem,.72rem + .3vw,.9rem);--uc-fs-base:clamp(.9rem,.82rem + .3vw,1rem);--uc-fs-md:clamp(1rem,.92rem + .4vw,1.15rem);--uc-fs-lg:clamp(1.1rem,1rem + .6vw,1.35rem);--uc-fs-xl:clamp(1.35rem,1.15rem + 1vw,1.85rem);--uc-fs-2xl:clamp(1.7rem,1.3rem + 1.6vw,2.5rem);z-index:1;width:100%;max-width:1600px;color:var(--uc-text-soft);font-size:var(--uc-fs-base);isolation:isolate;background:0 0;margin:0 auto;padding:clamp(1rem,2.5vw,2rem);position:relative}.user-certificates *,.user-certificates :before,.user-certificates :after{box-sizing:border-box}.user-certificates :where(p,span,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}@keyframes uc-spin{to{transform:rotate(360deg)}}@keyframes uc-pulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}@keyframes uc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.user-certificates .header{text-align:center;background:var(--uc-glass);border:1px solid var(--uc-border);border-radius:var(--uc-r-xl);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);box-shadow:var(--uc-shadow);isolation:isolate;margin-bottom:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,4vw,2.5rem);position:relative;overflow:hidden}.user-certificates .header:before{content:"";background:linear-gradient(90deg,transparent,var(--uc-accent),var(--uc-accent-2),transparent);opacity:.6;height:1px;position:absolute;inset:0 0 auto}.user-certificates .header:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#818cf814 0%,#0000 60%);position:absolute;inset:-50%}.user-certificates .header h1{font-size:var(--uc-fs-2xl);letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-weight:800;line-height:1.15}.user-certificates .header p{color:var(--uc-text-mute);font-size:var(--uc-fs-md);max-width:600px;margin:0 auto;line-height:1.6}.user-certificates .loading-container,.user-certificates .error-container,.user-certificates .empty-state{text-align:center;background:var(--uc-glass);border:1px solid var(--uc-border);border-radius:var(--uc-r-xl);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);box-shadow:var(--uc-shadow);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;margin:1.25rem 0;padding:clamp(2.5rem,8vw,5rem) 1.25rem;display:flex}.user-certificates .loading-spinner{border:3px solid #667eea;border-color:#667eea #818cf8 #764ba2 #ffffff1a;border-radius:50%;width:clamp(48px,10vw,72px);height:clamp(48px,10vw,72px);margin-bottom:1.25rem;animation:1.1s linear infinite uc-spin;position:relative}.user-certificates .loading-spinner:before{content:"";filter:blur(12px);opacity:.5;background:radial-gradient(circle,#818cf859 0%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite uc-pulse;position:absolute;inset:-6px}.user-certificates .loading-container p{color:var(--uc-text-mute);font-size:var(--uc-fs-md);letter-spacing:.4px}.user-certificates .error-container{border-color:#fc818147;box-shadow:0 8px 32px #fc81812e}.user-certificates .error-icon{color:#fc8181;filter:drop-shadow(0 0 16px #fc81818c);margin-bottom:1rem;font-size:clamp(2.5rem,8vw,4rem)}.user-certificates .error-container h3{font-size:var(--uc-fs-xl);color:#fff;margin-bottom:.5rem;line-height:1.25}.user-certificates .error-container p{color:var(--uc-text-mute);font-size:var(--uc-fs-base);max-width:500px;margin-bottom:1.5rem;line-height:1.6}.user-certificates .retry-btn,.user-certificates .view-btn{min-height:44px;font-size:var(--uc-fs-base);letter-spacing:.4px;text-transform:uppercase;color:#fff;background:var(--uc-grad);border-radius:var(--uc-r-sm);cursor:pointer;transition:transform var(--uc-t-fast),box-shadow var(--uc-t-fast),background var(--uc-t-fast);white-space:nowrap;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:.5rem;padding:0 clamp(1rem,2.5vw,1.5rem);font-weight:600;display:inline-flex;box-shadow:0 6px 20px #667eea4d,inset 0 1px #ffffff2e}.user-certificates .retry-btn:hover,.user-certificates .view-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #667eea73,inset 0 1px #ffffff38}.user-certificates .retry-btn:focus-visible,.user-certificates .view-btn:focus-visible{outline:2px solid var(--uc-accent);outline-offset:2px}.user-certificates .empty-icon{color:var(--uc-accent);filter:drop-shadow(0 0 22px #818cf88c);margin-bottom:1rem;font-size:clamp(3rem,11vw,5rem);animation:3s ease-in-out infinite uc-float}.user-certificates .empty-state h3{font-size:var(--uc-fs-xl);color:#fff;margin-bottom:.5rem;line-height:1.25}.user-certificates .empty-state p{color:var(--uc-text-mute);font-size:var(--uc-fs-md);max-width:500px;margin-bottom:1.5rem;line-height:1.6}.user-certificates .tabs{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,1.5vw,1rem);margin-bottom:clamp(1rem,3vw,1.5rem);display:flex}.user-certificates .tab-btn{min-height:44px;font-size:var(--uc-fs-base);color:var(--uc-text-mute);background:var(--uc-glass);border:1px solid var(--uc-border);cursor:pointer;transition:all var(--uc-t-fast);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem clamp(.9rem,2.5vw,1.5rem);font-weight:600;display:inline-flex}.user-certificates .tab-btn:hover{background:var(--uc-glass-hover);border-color:var(--uc-border-2);color:#fff;transform:translateY(-1px)}.user-certificates .tab-btn.active{background:var(--uc-grad-soft);color:#fff;border-color:#818cf866;box-shadow:0 6px 22px #667eea4d,inset 0 1px #ffffff26}.user-certificates .tab-btn .badge{color:inherit;background:#ffffff26;border-radius:999px;margin-left:.25rem;padding:.15rem .55rem;font-size:.78em;font-weight:700}.user-certificates .search-container{width:100%;max-width:640px;margin:0 auto clamp(1rem,3vw,1.75rem)}.user-certificates .search-input-wrapper{background:var(--uc-glass);border:1px solid var(--uc-border);transition:border-color var(--uc-t-fast),box-shadow var(--uc-t-fast),background var(--uc-t-fast);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);border-radius:999px;align-items:center;padding:0 clamp(.85rem,2vw,1.15rem);display:flex}.user-certificates .search-input-wrapper:focus-within{background:var(--uc-glass-2);border-color:var(--uc-accent);box-shadow:0 0 0 4px #818cf833}.user-certificates .search-icon{color:var(--uc-text-mute);margin-right:.5rem;font-size:1rem;line-height:1}.user-certificates .search-input{color:#fff;min-width:0;font-size:var(--uc-fs-base);background:0 0;border:0;outline:none;flex:1;min-height:44px;padding:.7rem 0}.user-certificates .search-input::placeholder{color:var(--uc-text-dim)}.user-certificates .search-clear{width:32px;height:32px;color:var(--uc-text-mute);cursor:pointer;transition:all var(--uc-t-fast);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:.25rem;font-size:.9rem;display:inline-flex}.user-certificates .search-clear:hover{color:#fff;background:#ffffff1a}.user-certificates .certificates-section{margin-bottom:clamp(2rem,5vw,3rem)}.user-certificates .section-header{border-bottom:1px solid var(--uc-border);flex-wrap:wrap;align-items:center;gap:clamp(.5rem,2vw,1rem);margin-bottom:1.25rem;padding-bottom:.85rem;display:flex;position:relative}.user-certificates .section-header:after{content:"";background:var(--uc-grad);border-radius:2px;width:60px;height:2px;position:absolute;bottom:-1px;left:0}.user-certificates .section-header h2{font-size:var(--uc-fs-lg);color:#fff;margin:0;font-weight:700;line-height:1.25}.user-certificates .section-header .badge{font-size:var(--uc-fs-sm);letter-spacing:.5px;text-transform:uppercase;color:#c7d2fe;white-space:nowrap;background:#818cf829;border:1px solid #818cf852;border-radius:999px;padding:.3rem .8rem;font-weight:700}.user-certificates .certificates-grid{grid-template-columns:1fr;gap:clamp(.85rem,2.5vw,1.5rem);display:grid}.user-certificates .certificate-card{background:var(--uc-glass);border:1px solid var(--uc-border);border-radius:var(--uc-r-lg);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);box-shadow:var(--uc-shadow);cursor:pointer;isolation:isolate;transition:transform var(--uc-t-base),box-shadow var(--uc-t-base),border-color var(--uc-t-base),background var(--uc-t-base);flex-direction:column;gap:.55rem;padding:clamp(.95rem,2vw,1.25rem) clamp(1.1rem,2.5vw,1.5rem);display:flex;position:relative;overflow:hidden}.user-certificates .certificate-card:before{content:"";background:var(--uc-grad);opacity:.9;height:3px;position:absolute;inset:0 0 auto}.user-certificates .certificate-card:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 85% 15%,#818cf814 0%,#0000 60%);position:absolute;inset:0}.user-certificates .certificate-card:hover{background:var(--uc-glass-2);border-color:var(--uc-border-2);box-shadow:var(--uc-shadow-lg),var(--uc-glow);transform:translateY(-4px)}.user-certificates .certificate-header{flex-wrap:wrap;align-items:center;gap:clamp(.65rem,2vw,.9rem);margin-bottom:.25rem;display:flex}.user-certificates .certificate-icon{border-radius:var(--uc-r-sm);border:1px solid var(--uc-border-2);flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,9vw,52px);height:clamp(40px,9vw,52px);font-size:clamp(1.1rem,3vw,1.5rem);display:inline-flex;box-shadow:inset 0 1px #ffffff1a}.user-certificates .certificate-icon.course{color:#c7d2fe;background:linear-gradient(135deg,#667eea4d,#818cf84d);box-shadow:0 0 20px #818cf84d}.user-certificates .certificate-icon.exam{color:#ddd6fe;background:linear-gradient(135deg,#a78bfa4d,#764ba24d);box-shadow:0 0 20px #a78bfa4d}.user-certificates .certificate-icon.expired{color:#d1d5db;background:linear-gradient(135deg,#9ca3af40,#6b728040);box-shadow:0 0 18px #9ca3af40}.user-certificates .certificate-info{flex:12rem;min-width:0}.user-certificates .certificate-info h3{font-size:var(--uc-fs-md);color:#fff;letter-spacing:-.005em;margin:0 0 .15rem;font-weight:700;line-height:1.3}.user-certificates .certificate-id{font-family:ui-monospace,SF Mono,JetBrains Mono,Courier New,monospace;font-size:var(--uc-fs-xs);color:var(--uc-accent);letter-spacing:.5px;word-break:break-all;margin:0}.user-certificates .certificate-details{flex-direction:column;gap:.15rem;display:flex}.user-certificates .detail-item{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;padding:.35rem 0;display:flex}.user-certificates .detail-item:last-child{border-bottom:0;padding-bottom:0}.user-certificates .label{font-size:var(--uc-fs-sm);color:var(--uc-text-mute);align-items:center;gap:.35rem;font-weight:500;display:inline-flex}.user-certificates .value{font-size:var(--uc-fs-sm);color:var(--uc-text-soft);text-align:right;overflow-wrap:break-word;max-width:100%;font-weight:600}.user-certificates .status-badge{font-size:var(--uc-fs-xs);letter-spacing:.6px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-weight:700;display:inline-flex}.user-certificates .status-badge:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.user-certificates .status-badge.valid{color:#6ee7b7;background:#10b98124;border-color:#10b98166;box-shadow:0 0 12px #10b98140}.user-certificates .status-badge.valid:before{background:#34d399;box-shadow:0 0 6px #34d399}.user-certificates .status-badge.expired{color:#d1d5db;background:#9ca3af24;border-color:#9ca3af66;box-shadow:0 0 10px #9ca3af33}.user-certificates .status-badge.expired:before{background:#9ca3af;box-shadow:0 0 5px #9ca3af}.user-certificates .certificate-actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.35rem;padding-top:.6rem;display:flex}.user-certificates .view-btn{min-height:40px;padding:0 clamp(.9rem,2vw,1.25rem)}@media (min-width:480px){.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:768px){.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-certificates .detail-item{flex-wrap:nowrap}.user-certificates .value{text-align:right}}@media (min-width:1024px){.user-certificates{padding:clamp(1.25rem,2.4vw,2rem)}.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}}@media (min-width:1280px){.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (min-width:1440px){.user-certificates{padding:2rem}.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.75rem}}@media (min-width:1920px){.user-certificates{max-width:1800px;padding:2.5rem}.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem}}@media (min-width:2560px){.user-certificates{max-width:2200px;padding:3rem}.user-certificates .certificates-grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:2.5rem}}@media (max-width:480px){.user-certificates .detail-item{flex-direction:column;align-items:flex-start}.user-certificates .value{text-align:left}.user-certificates .view-btn,.user-certificates .retry-btn{width:100%}.user-certificates .certificate-header{align-items:flex-start}}.user-certificates .tab-btn:focus-visible,.user-certificates .certificate-card:focus-visible,.user-certificates .search-input:focus-visible,.user-certificates .search-clear:focus-visible{outline:2px solid var(--uc-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.user-certificates .loading-spinner,.user-certificates .empty-icon,.user-certificates .certificate-card,.user-certificates .tab-btn,.user-certificates .retry-btn,.user-certificates .view-btn{transition:none!important;animation:none!important}.user-certificates .certificate-card:hover,.user-certificates .tab-btn:hover,.user-certificates .retry-btn:hover,.user-certificates .view-btn:hover{transform:none!important}}@media (prefers-contrast:high){.user-certificates .header,.user-certificates .loading-container,.user-certificates .error-container,.user-certificates .empty-state,.user-certificates .certificate-card{background:#000005d9;border:2px solid #fff}.user-certificates .status-badge,.user-certificates .tab-btn,.user-certificates .retry-btn,.user-certificates .view-btn{border-width:2px}}@media print{.user-certificates{max-width:none;padding:1rem;color:#000!important;background:#fff!important}.user-certificates .header,.user-certificates .certificate-card,.user-certificates .loading-container,.user-certificates .error-container,.user-certificates .empty-state{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.user-certificates .header h1{-webkit-text-fill-color:#000!important;color:#000!important;background:0 0!important}.user-certificates .section-header h2,.user-certificates .certificate-info h3,.user-certificates .empty-state h3,.user-certificates .error-container h3{color:#000!important}.user-certificates .header p,.user-certificates .label,.user-certificates .value,.user-certificates .certificate-id{color:#333!important}.user-certificates .view-btn,.user-certificates .retry-btn,.user-certificates .tabs,.user-certificates .search-container{display:none!important}}:root{--uc-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--uc-grad-soft:linear-gradient(135deg,#667eea2e,#764ba22e);--uc-accent:#818cf8;--uc-accent-2:#a78bfa;--uc-gold:#ffd277;--uc-gold-deep:#e0a548;--uc-gold-glow:#ffd70059;--uc-success:#48bb78;--uc-success-bg:#48bb782e;--uc-muted:#94a3b8;--uc-muted-bg:#94a3b82e;--uc-text:#fff;--uc-text-soft:#e8eaff;--uc-text-mute:#ffffffb8;--uc-text-dim:#ffffff8c;--uc-glass:#ffffff0d;--uc-glass-strong:#ffffff14;--uc-glass-hover:#ffffff1c;--uc-glass-deep:#0f112873;--uc-border:#ffffff1a;--uc-border-strong:#ffffff2e;--uc-blur:blur(18px)saturate(150%);--uc-blur-soft:blur(10px)saturate(140%);--uc-shadow:0 8px 32px #667eea26,0 16px 50px #00000059;--uc-shadow-hover:0 12px 44px #667eea4d,0 22px 60px #00000073;--uc-glow-brand:0 0 28px #818cf859;--uc-glow-gold:0 0 28px var(--uc-gold-glow);--uc-text-shadow:0 1px 2px #0009;--uc-fz-xs:clamp(.7rem,1.6vw,.78rem);--uc-fz-sm:clamp(.8rem,1.9vw,.9rem);--uc-fz-base:clamp(.9rem,2.1vw,1rem);--uc-fz-md:clamp(1rem,2.4vw,1.15rem);--uc-fz-lg:clamp(1.15rem,2.8vw,1.35rem);--uc-fz-xl:clamp(1.4rem,3.6vw,1.75rem);--uc-fz-2xl:clamp(1.7rem,4.6vw,2.25rem);--uc-fz-3xl:clamp(2rem,5.6vw,2.75rem);--uc-sp-xs:clamp(.3rem,.8vw,.45rem);--uc-sp-sm:clamp(.55rem,1.3vw,.75rem);--uc-sp-md:clamp(.85rem,1.8vw,1.1rem);--uc-sp-lg:clamp(1.2rem,2.4vw,1.6rem);--uc-sp-xl:clamp(1.6rem,3vw,2.1rem);--uc-sp-2xl:clamp(2rem,3.8vw,2.8rem);--uc-r-sm:12px;--uc-r-md:18px;--uc-r-lg:24px;--uc-r-xl:32px;--uc-ease:cubic-bezier(.4,0,.2,1);--uc-t-fast:.18s var(--uc-ease);--uc-t-base:.32s var(--uc-ease);--uc-t-slow:.52s var(--uc-ease)}.certificate-details *,.certificate-details :before,.certificate-details :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.certificate-details{z-index:1;width:100%;min-height:min-content;color:var(--uc-text-soft);isolation:isolate;background:0 0;flex-direction:column;align-items:stretch;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative}.certificate-details:before{content:"";pointer-events:none;z-index:0;filter:blur(20px);background:radial-gradient(60% 60% at 30% 25%,#667eea1a,#0000 65%),radial-gradient(50% 50% at 75% 35%,#764ba21a,#0000 65%);height:60vh;position:absolute;inset:-10% -5% auto}.certificate-content{z-index:2;width:100%;max-width:1200px;margin:0 auto;position:relative}.loading-container,.error-container{text-align:center;min-height:50vh;padding:var(--uc-sp-xl);background:var(--uc-glass);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);border:1px solid var(--uc-border);border-radius:var(--uc-r-xl);box-shadow:var(--uc-shadow);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:2px solid #ffffff0f;border-top-color:var(--uc-accent);border-right-color:var(--uc-accent-2);width:clamp(48px,8vw,70px);height:clamp(48px,8vw,70px);margin-bottom:var(--uc-sp-md);box-shadow:var(--uc-glow-brand);border-radius:50%;animation:1.1s linear infinite uc-spin;position:relative}.loading-spinner:after{content:"";border:1px dashed #ffffff1a;border-radius:50%;animation:3s ease-in-out infinite uc-pulse;position:absolute;inset:-8px}.loading-text{font-size:var(--uc-fz-base);color:var(--uc-text-soft);letter-spacing:1.5px;text-shadow:var(--uc-text-shadow)}.error-icon{font-size:var(--uc-fz-3xl);margin-bottom:var(--uc-sp-sm);filter:drop-shadow(0 0 14px var(--uc-glow-gold))}.error-container h3{font-size:var(--uc-fz-xl);margin-bottom:var(--uc-sp-xs);color:var(--uc-text)}.error-container p{color:var(--uc-text-mute);font-size:var(--uc-fz-base)}.error-actions{gap:var(--uc-sp-md);margin-top:var(--uc-sp-lg);flex-wrap:wrap;justify-content:center;display:flex}.retry-btn,.back-btn,.share-btn,.copy-btn{min-height:44px;padding:0 var(--uc-sp-lg);font-family:inherit;font-size:var(--uc-fz-xs);letter-spacing:1.2px;text-transform:uppercase;color:var(--uc-text);background:var(--uc-glass-strong);border:1px solid var(--uc-border);-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);box-shadow:var(--uc-shadow);cursor:pointer;text-shadow:var(--uc-text-shadow);white-space:nowrap;transition:transform var(--uc-t-fast),box-shadow var(--uc-t-fast),background var(--uc-t-fast),border-color var(--uc-t-fast);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.retry-btn,.share-btn{background:var(--uc-grad);box-shadow:var(--uc-shadow),inset 0 1px 0 #fff3;border-color:#fff3}.retry-btn:hover,.share-btn:hover,.copy-btn:hover,.back-btn:hover{box-shadow:var(--uc-shadow-hover),var(--uc-glow-brand);border-color:#ffffff59;transform:translateY(-2px)}.copy-btn:hover,.back-btn:hover{background:var(--uc-glass-hover)}.certificate-header{justify-content:flex-end;align-items:center;gap:var(--uc-sp-sm);margin-bottom:var(--uc-sp-lg);padding:var(--uc-sp-sm)var(--uc-sp-md);background:var(--uc-glass);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);border:1px solid var(--uc-border);box-shadow:var(--uc-shadow);border-radius:999px;flex-wrap:wrap;display:flex}.header-actions{gap:var(--uc-sp-xs);flex-wrap:wrap;display:flex}.certificate-card{width:100%;margin-bottom:var(--uc-sp-lg);background:var(--uc-glass);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);border:1px solid var(--uc-border);border-radius:var(--uc-r-xl);box-shadow:var(--uc-shadow),inset 0 1px 0 #ffffff14;isolation:isolate;transition:transform var(--uc-t-slow),box-shadow var(--uc-t-slow),border-color var(--uc-t-slow);position:relative}.certificate-card:hover{box-shadow:var(--uc-shadow-hover),0 0 30px #818cf833,inset 0 1px 0 #ffffff1f;border-color:#818cf84d;transform:translateY(-3px)}.certificate-card:before{content:"";border-radius:calc(var(--uc-r-xl) - 10px);pointer-events:none;z-index:2;transition:border-color var(--uc-t-base);border:1.5px solid #ffd2772e;position:absolute;inset:12px}.certificate-card:hover:before{border-color:#818cf84d}.certificate-border{z-index:3;padding:var(--uc-sp-xl);gap:0 var(--uc-sp-lg);grid-template-columns:1fr 1.6fr;align-items:start;min-width:0;display:grid;position:relative}.certificate-body{display:contents}.certificate-title{grid-area:1/1/auto/-1;min-width:0;margin:0!important;padding:0!important}.presented-to{grid-area:2/1;min-width:0;margin:0!important;padding:0!important}.awarded-for{grid-area:3/1;min-width:0;margin:0!important;padding:0!important}.certificate-message{grid-area:4/1;min-width:0;margin:0!important;padding:0!important}.certificate-id{grid-area:5/1;min-width:0;margin:0!important;padding:0!important}.main-details{grid-area:2/2;min-width:0;margin:0!important;padding:0!important}.detail-grid{grid-area:3/2;min-width:0;margin:0!important;padding:0!important}.certificate-footer{grid-area:6/1/auto/-1;min-width:0;margin:0!important;padding:0!important}.certificate-seal{bottom:var(--uc-sp-lg);right:var(--uc-sp-lg);z-index:4;pointer-events:none;position:absolute}.certificate-title h1{font-size:var(--uc-fz-2xl);letter-spacing:clamp(2px,.6vw,6px);text-transform:uppercase;text-align:center;background:linear-gradient(135deg,#fff 0%,#c7d2fe 60%,#a78bfa 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 22px #818cf84d;-webkit-background-clip:text;background-clip:text;font-weight:800;margin:0 0 var(--uc-sp-xs)0!important}.certificate-ribbon{justify-content:center;align-items:center;gap:var(--uc-sp-sm);flex-wrap:wrap;display:flex;margin:var(--uc-sp-xs)0 0 0!important}.ribbon-left,.ribbon-right{background:linear-gradient(90deg,transparent,var(--uc-gold),var(--uc-accent),transparent);opacity:.85;width:clamp(28px,6vw,80px);height:2px;box-shadow:0 0 10px var(--uc-glow-gold)}.ribbon-center{color:var(--uc-gold);filter:drop-shadow(0 0 14px var(--uc-glow-gold));font-size:clamp(1.25rem,3.5vw,2.1rem);line-height:1}.presented-to .label,.certificate-id .label,.issue-date .label,.detail-card .label,.detail-item .label{font-size:var(--uc-fz-xs);letter-spacing:2px;text-transform:uppercase;color:var(--uc-text-dim);text-shadow:var(--uc-text-shadow);font-weight:500;display:inline-block}.user-info{align-items:center;gap:var(--uc-sp-md);flex-wrap:wrap;display:flex;margin:var(--uc-sp-xs)0 0 0!important}.user-avatar{background:var(--uc-glass-deep);background-image:linear-gradient(var(--uc-glass-deep),var(--uc-glass-deep)),var(--uc-grad);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:50%;flex-shrink:0;width:clamp(72px,14vw,120px);height:clamp(72px,14vw,120px);overflow:hidden;box-shadow:0 0 24px #818cf873,inset 0 0 0 2px #ffffff14}.avatar-image{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{background:var(--uc-grad);color:#fff;width:100%;height:100%;font-size:var(--uc-fz-2xl);justify-content:center;align-items:center;font-weight:800;display:flex}.user-name{font-size:var(--uc-fz-2xl);color:var(--uc-text);text-shadow:0 0 18px #818cf866,var(--uc-text-shadow);font-weight:800;line-height:1.2;margin:0!important}.user-badge{margin-top:var(--uc-sp-sm);background:var(--uc-glass);width:fit-content;box-shadow:0 0 18px var(--uc-glow-gold);-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);transition:all var(--uc-t-fast);white-space:nowrap;border:1px solid #ffd27773;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem 1.1rem;display:inline-flex}.user-badge:hover{border-color:var(--uc-accent);box-shadow:var(--uc-glow-brand);transform:translateY(-1px)}.badge-icon{color:var(--uc-gold);filter:drop-shadow(0 0 6px var(--uc-glow-gold));font-size:1.1rem}.badge-text{font-size:var(--uc-fz-xs);text-transform:uppercase;letter-spacing:2px;color:var(--uc-text);text-shadow:var(--uc-text-shadow);font-weight:700}.awarded-for{font-size:var(--uc-fz-sm);color:var(--uc-text-mute);text-align:left;border-top:1px solid #ffd27740;border-bottom:1px solid #ffd27740;font-style:italic;line-height:1.5;margin:var(--uc-sp-sm)0!important;padding:var(--uc-sp-xs)0!important}.certificate-message{background:var(--uc-glass);border-left:4px solid var(--uc-gold);border-radius:var(--uc-r-md);-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);font-style:italic;position:relative;margin:var(--uc-sp-xs)0!important;padding:var(--uc-sp-sm)var(--uc-sp-md)var(--uc-sp-sm)var(--uc-sp-lg)!important}.certificate-message:before{content:"“";color:#ffd27738;font-family:Georgia,serif;font-size:clamp(2.6rem,8vw,4.2rem);line-height:1;position:absolute;top:-.4rem;left:.45rem}.message{z-index:2;padding-left:var(--uc-sp-sm);color:var(--uc-text-soft);font-size:var(--uc-fz-sm);text-shadow:var(--uc-text-shadow);line-height:1.6;position:relative;margin:0!important}.certificate-id{background:var(--uc-glass);border-radius:var(--uc-r-md);-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);border:1px dashed #ffd27773;flex-direction:column;align-items:flex-start;display:flex;margin:var(--uc-sp-sm)0 0 0!important;padding:var(--uc-sp-sm)!important}.id-value{max-width:100%;font-family:JetBrains Mono,Courier New,monospace;font-size:var(--uc-fz-sm);letter-spacing:1.5px;color:var(--uc-gold);word-break:break-all;text-shadow:0 0 10px var(--uc-glow-gold);-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);background:#0000004d;border:1px solid #ffd27759;border-radius:999px;margin-top:.35rem;padding:.35rem .85rem;font-weight:600;display:inline-block}.main-details{transform:translateY(-1.5rem)}.detail-item{margin-bottom:var(--uc-sp-sm);flex-wrap:nowrap;align-items:baseline;width:100%;min-width:0;display:flex;gap:.35rem!important}.detail-item .label{white-space:nowrap;flex-shrink:0}.detail-item .value{font-size:var(--uc-fz-lg);color:var(--uc-text);word-break:break-word;text-shadow:0 0 18px #ffffff2e,var(--uc-text-shadow);font-weight:700;line-height:1.3;margin:0!important;padding:0!important}.detail-grid{gap:var(--uc-sp-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;margin-top:var(--uc-sp-xs)!important}.detail-card{text-align:center;padding:var(--uc-sp-md);background:var(--uc-glass);border:1px solid var(--uc-border);border-radius:var(--uc-r-md);-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);transition:transform var(--uc-t-fast),border-color var(--uc-t-fast),background var(--uc-t-fast),box-shadow var(--uc-t-fast);min-width:0;box-shadow:0 6px 18px #00000040}.detail-card:hover{background:var(--uc-glass-hover);border-color:#818cf866;transform:translateY(-3px);box-shadow:0 10px 26px #667eea4d}.detail-card .label{margin-bottom:.3rem;display:block}.detail-card .value{font-size:var(--uc-fz-md);color:var(--uc-text);text-shadow:var(--uc-text-shadow);font-weight:700}.status-badge{min-width:100px;font-size:var(--uc-fz-xs);letter-spacing:1.5px;text-transform:uppercase;-webkit-backdrop-filter:var(--uc-blur-soft);backdrop-filter:var(--uc-blur-soft);text-shadow:var(--uc-text-shadow);white-space:nowrap;border:2px solid;border-radius:999px;justify-content:center;align-items:center;padding:.35rem 1rem;font-weight:800;display:inline-flex}.status-badge.valid{color:#c8f7d6;background:var(--uc-success-bg);border-color:#48bb78a6;box-shadow:0 0 18px #48bb784d}.status-badge.expired{color:#e2e8f0;background:var(--uc-muted-bg);border-color:#94a3b8a6;box-shadow:0 0 18px #94a3b840}.certificate-footer{justify-content:space-between;align-items:center;gap:var(--uc-sp-sm);border-top:1px solid #ffd2774d;flex-wrap:wrap;display:flex;margin-top:var(--uc-sp-lg)!important;padding-top:var(--uc-sp-md)!important}.issue-date{flex-direction:column;display:flex}.issue-date .label{margin-bottom:.25rem}.issue-date .value{font-size:var(--uc-fz-sm);color:var(--uc-text);text-shadow:var(--uc-text-shadow);font-weight:700}.seal{background:radial-gradient(circle at 30% 30%,var(--uc-gold)0%,var(--uc-gold-deep)70%);width:clamp(74px,12vw,130px);height:clamp(74px,12vw,130px);box-shadow:0 0 36px var(--uc-glow-gold),inset 0 0 18px #ffffff73;border:3px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.seal:before{content:"";border:2px dashed #ffffffa6;border-radius:50%;position:absolute;inset:8px}.seal-inner{text-align:center;color:#fff;text-shadow:0 1px 4px #0000008c;flex-direction:column;justify-content:center;align-items:center;font-family:Georgia,serif;display:flex}.seal-star{filter:drop-shadow(0 0 10px #ffffffe6);margin-bottom:.15rem;font-size:clamp(1.25rem,3vw,2rem);line-height:1}.seal-text{letter-spacing:2.5px;text-transform:uppercase;border-top:2px solid #fff;border-bottom:2px solid #fff;margin-bottom:.15rem;padding:.2rem 0;font-size:clamp(.55rem,1.3vw,.85rem);font-weight:800}.seal-org{letter-spacing:1.5px;font-size:clamp(.5rem,1.1vw,.7rem);font-weight:700}.toast{bottom:var(--uc-sp-lg);right:var(--uc-sp-lg);z-index:10000;max-width:min(360px,calc(100vw - 2*var(--uc-sp-lg)));padding:var(--uc-sp-sm)var(--uc-sp-lg);color:var(--uc-text);font-weight:600;font-size:var(--uc-fz-sm);text-shadow:var(--uc-text-shadow);border:1px solid var(--uc-border-strong);box-shadow:var(--uc-shadow),var(--uc-glow-brand);-webkit-backdrop-filter:var(--uc-blur);backdrop-filter:var(--uc-blur);background:#0f1128d9;border-radius:999px;animation:.35s uc-toast-in,.35s 2.7s forwards uc-toast-out;position:fixed}.toast.success{background:#48bb78d9;border-color:#48bb78b3;box-shadow:0 0 30px #48bb7873}@keyframes uc-toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes uc-toast-out{to{opacity:0;transform:translateY(20px)}}@media (max-width:480px){.certificate-border{gap:var(--uc-sp-md)0;padding:var(--uc-sp-lg);grid-template-columns:1fr}.certificate-title,.presented-to,.awarded-for,.certificate-message,.certificate-id,.main-details,.detail-grid,.certificate-footer{grid-area:auto/1!important}.main-details{transform:none}.detail-grid{grid-template-columns:1fr}.certificate-seal{margin:var(--uc-sp-md)auto 0;align-self:center;position:relative;inset:auto}.certificate-footer{flex-direction:column;align-items:flex-start}.certificate-header{justify-content:stretch}.header-actions,.share-btn,.copy-btn,.retry-btn,.back-btn{width:100%}.error-actions{flex-direction:column;width:100%}.error-actions>*{width:100%}.detail-item{flex-wrap:wrap}}@media (min-width:481px) and (max-width:767px){.certificate-border{gap:var(--uc-sp-md)0;grid-template-columns:1fr}.certificate-title,.presented-to,.awarded-for,.certificate-message,.certificate-id,.main-details,.detail-grid,.certificate-footer{grid-area:auto/1!important}.main-details{transform:none}.certificate-seal{margin:var(--uc-sp-md)auto 0;align-self:center;position:relative;inset:auto}}@media (min-width:768px){.certificate-border{gap:0 var(--uc-sp-md);grid-template-columns:1fr 1.5fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.certificate-content{max-width:1080px}.certificate-border{gap:0 var(--uc-sp-lg);grid-template-columns:1fr 1.6fr}}@media (min-width:1440px){.certificate-content{max-width:1240px}.certificate-border{padding:var(--uc-sp-2xl)}}@media (min-width:1920px){.certificate-content{max-width:1480px}.certificate-border{padding:var(--uc-sp-2xl);gap:0 var(--uc-sp-xl)}.main-details{transform:translateY(-2rem)}}@media (min-width:2560px){.certificate-content{max-width:1800px}.certificate-border{gap:0 var(--uc-sp-2xl);padding:clamp(2.4rem,3vw,3.6rem)}.main-details{transform:translateY(-2.5rem)}}@media (max-width:900px) and (orientation:landscape){.certificate-seal{margin-top:var(--uc-sp-sm)}}.share-btn:focus-visible,.copy-btn:focus-visible,.retry-btn:focus-visible,.back-btn:focus-visible,.user-badge:focus-visible,.detail-card:focus-visible{outline:2px solid var(--uc-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.certificate-card,.detail-card,.user-badge,.share-btn,.copy-btn,.retry-btn,.back-btn{transition:none!important}.loading-spinner,.loading-spinner:after,.toast{animation:none!important}}@media (prefers-contrast:high){.certificate-card,.certificate-header,.detail-card,.loading-container,.error-container{background:#000008d9!important;border-color:#fff!important}.status-badge{border-width:3px}.seal{border-width:4px}}@media print{.certificate-details{padding:20px;color:#000!important;background:#fff!important}.certificate-details:before,.certificate-header,.toast,.certificate-card:before{display:none!important}.certificate-card{box-shadow:none!important;background:#fff!important;border:2px solid #000!important}.certificate-title h1,.user-name,.detail-item .value,.detail-card .value,.issue-date .value,.badge-text,.message,.awarded-for{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important;background:0 0!important}.id-value{color:#000!important;text-shadow:none!important;background:#f5f5f5!important;border-color:#000!important}.seal{box-shadow:none!important;background:radial-gradient(circle at 30% 30%,#ccc,#999)!important;border-color:#000!important}.user-avatar{box-shadow:none!important;background-image:none!important;border-color:#000!important}}.all-certificates[data-v-42bb44f3]{--acc-1:#818cf8;--acc-2:#a78bfa;--acc-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--text-1:#fff;--text-2:#e8eaff;--text-3:#ffffffb8;--text-4:#ffffff80;--glass-1:#ffffff0d;--glass-2:#ffffff12;--glass-3:#ffffff17;--glass-border:1px solid #ffffff1a;--glass-border-strong:1px solid #ffffff2e;--glass-blur:blur(16px)saturate(140%);--glass-shadow:0 8px 32px #0a0a2859,0 0 0 1px #ffffff0a inset;--glow-soft:0 8px 32px #667eea2e;--glow-strong:0 12px 40px #667eea59;--ok-bg:#48bb7826;--ok-fg:#6ee7a8;--ok-bd:#48bb7866;--warn-bg:#fc818126;--warn-fg:#fca5a5;--warn-bd:#fc818166;--fz-xs:clamp(11px,.72vw + 9px,13px);--fz-sm:clamp(12px,.8vw + 10px,14px);--fz-base:clamp(14px,.9vw + 11px,16px);--fz-lg:clamp(15px,1vw + 12px,18px);--fz-xl:clamp(18px,1.4vw + 14px,22px);--fz-2xl:clamp(22px,2vw + 16px,30px);--fz-3xl:clamp(26px,2.6vw + 18px,42px);--tt:44px;--ease:cubic-bezier(.4,0,.2,1);z-index:1;width:100%;max-width:min(1800px,100%);min-height:80vh;color:var(--text-2);background:0 0;margin:0 auto;padding:clamp(16px,3vw,40px);position:relative}@keyframes ac-spin-42bb44f3{to{transform:rotate(360deg)}}@keyframes ac-pulse-42bb44f3{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}@keyframes ac-rise-42bb44f3{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ac-shimmer-42bb44f3{0%{transform:translate(-100%)}to{transform:translate(100%)}}.all-certificates .header[data-v-42bb44f3]{text-align:center;background:var(--glass-2);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glow-soft);animation:ac-rise-42bb44f3 .5s var(--ease)both;border-radius:clamp(16px,2vw,22px);margin-bottom:clamp(20px,3vw,32px);padding:clamp(20px,4vw,40px);position:relative;overflow:hidden}.all-certificates .header[data-v-42bb44f3]:before{content:"";background:linear-gradient(90deg,transparent,var(--acc-1),var(--acc-2),transparent);opacity:.6;height:1px;position:absolute;inset:0 0 auto}.all-certificates .header[data-v-42bb44f3]:after{content:"";pointer-events:none;background:radial-gradient(circle,#667eea14,#0000 60%);position:absolute;inset:-50%}.all-certificates .header h1[data-v-42bb44f3]{font-size:var(--fz-3xl);letter-spacing:.5px;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#c4b5fd 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #667eea40;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(8px,1.5vw,14px);font-weight:800;position:relative}.all-certificates .header p[data-v-42bb44f3]{max-width:min(640px,92%);color:var(--text-3);font-size:var(--fz-lg);margin:0 auto;line-height:1.55;position:relative}.all-certificates .tabs-container[data-v-42bb44f3]{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:clamp(14px,1.6vw,18px);margin-bottom:clamp(16px,2vw,24px);padding:clamp(10px,1.5vw,16px)}.all-certificates .tabs[data-v-42bb44f3]{flex-wrap:wrap;gap:clamp(6px,1vw,12px);display:flex}.all-certificates .tab[data-v-42bb44f3]{min-height:var(--tt);font:inherit;font-size:var(--fz-base);color:var(--text-3);background:var(--glass-1);border:var(--glass-border);cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease);border-radius:12px;align-items:center;gap:8px;padding:0 clamp(14px,2vw,22px);font-weight:600;display:inline-flex;position:relative}.all-certificates .tab[data-v-42bb44f3]:hover{background:var(--glass-2);color:var(--text-1);border-color:#fff3;transform:translateY(-2px)}.all-certificates .tab.active[data-v-42bb44f3]{color:var(--text-1);background:linear-gradient(135deg,#667eea47,#764ba247);border-color:#818cf866;box-shadow:0 6px 20px #667eea40}.all-certificates .tab-badge[data-v-42bb44f3]{min-width:22px;font-size:var(--fz-xs);color:var(--text-1);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.all-certificates .tab.active .tab-badge[data-v-42bb44f3]{color:#e0e7ff;background:#818cf840;border-color:#818cf880}.all-certificates .filters[data-v-42bb44f3]{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:clamp(14px,1.6vw,18px);flex-wrap:wrap;align-items:center;gap:clamp(10px,2vw,16px);margin-bottom:clamp(20px,3vw,28px);padding:clamp(12px,2vw,18px);display:flex}.all-certificates .search-box[data-v-42bb44f3]{flex:280px;min-width:0;position:relative}.all-certificates .search-input[data-v-42bb44f3]{width:100%;min-height:var(--tt);font-size:var(--fz-base);color:var(--text-1);border:var(--glass-border);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);background:#00000040;border-radius:12px;outline:none;padding:0 16px 0 44px}.all-certificates .search-input[data-v-42bb44f3]::placeholder{color:var(--text-4)}.all-certificates .search-input[data-v-42bb44f3]:focus{border-color:var(--acc-1);background:#00000059;box-shadow:0 0 0 3px #818cf833,0 0 20px #667eea40}.all-certificates .search-icon[data-v-42bb44f3]{width:20px;height:20px;color:var(--acc-1);pointer-events:none;filter:drop-shadow(0 0 4px #818cf880);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.all-certificates .search-icon path[data-v-42bb44f3]{fill:currentColor}.all-certificates .filter-controls[data-v-42bb44f3]{flex-wrap:wrap;gap:clamp(8px,1.5vw,12px);display:flex}.all-certificates .filter-select[data-v-42bb44f3]{min-height:var(--tt);min-width:140px;font:inherit;font-size:var(--fz-base);color:var(--text-1);border:var(--glass-border);cursor:pointer;appearance:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease);background-color:#00000040;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23818cf8' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border-radius:12px;outline:none;padding:0 40px 0 14px}.all-certificates .filter-select[data-v-42bb44f3]:focus{border-color:var(--acc-1);background-color:#00000059;box-shadow:0 0 0 3px #818cf833}.all-certificates .filter-select option[data-v-42bb44f3]{color:var(--text-1);background:#15152a}.all-certificates .view-toggle[data-v-42bb44f3]{border:var(--glass-border);background:#00000040;border-radius:12px;gap:4px;padding:3px;display:inline-flex}.all-certificates .view-btn[data-v-42bb44f3]{width:var(--tt);height:var(--tt);color:var(--text-3);cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.all-certificates .view-btn[data-v-42bb44f3]:hover{color:var(--text-1);background:#ffffff14}.all-certificates .view-btn.active[data-v-42bb44f3]{color:var(--text-1);background:linear-gradient(135deg,#667eea4d,#764ba24d);box-shadow:0 0 14px #667eea59}.all-certificates .loading-container[data-v-42bb44f3],.all-certificates .error-container[data-v-42bb44f3],.all-certificates .empty-state[data-v-42bb44f3]{text-align:center;background:var(--glass-1);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glow-soft);animation:ac-rise-42bb44f3 .5s var(--ease)both;border-radius:clamp(16px,2vw,22px);flex-direction:column;justify-content:center;align-items:center;margin:clamp(12px,2vw,20px) 0;padding:clamp(40px,8vw,80px) clamp(16px,4vw,28px);display:flex}.all-certificates .loading-spinner[data-v-42bb44f3]{border:3px solid #ffffff14;border-top-color:var(--acc-1);border-right-color:var(--acc-2);border-radius:50%;width:clamp(48px,8vw,64px);height:clamp(48px,8vw,64px);margin-bottom:clamp(18px,3vw,24px);animation:1.2s linear infinite ac-spin-42bb44f3;position:relative}.all-certificates .loading-spinner[data-v-42bb44f3]:before{content:"";filter:blur(10px);background:radial-gradient(circle,#818cf866,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite ac-pulse-42bb44f3;position:absolute;inset:-6px}.all-certificates .loading-container p[data-v-42bb44f3]{color:var(--text-3);font-size:var(--fz-lg)}.all-certificates .error-icon[data-v-42bb44f3],.all-certificates .empty-icon[data-v-42bb44f3]{filter:drop-shadow(0 0 20px #667eea66);margin-bottom:clamp(12px,2.5vw,20px);font-size:clamp(44px,9vw,64px)}.all-certificates .error-icon[data-v-42bb44f3]{color:#fca5a5;filter:drop-shadow(0 0 18px #fc818173)}.all-certificates .error-container h3[data-v-42bb44f3],.all-certificates .empty-state h3[data-v-42bb44f3]{font-size:var(--fz-2xl);color:var(--text-1);margin:0 0 clamp(8px,1.5vw,14px);font-weight:700}.all-certificates .error-container p[data-v-42bb44f3],.all-certificates .empty-state p[data-v-42bb44f3]{max-width:min(520px,92%);color:var(--text-3);font-size:var(--fz-base);margin:0 0 clamp(18px,3vw,28px);line-height:1.6}.all-certificates .retry-btn[data-v-42bb44f3]{min-height:var(--tt);font:inherit;font-size:var(--fz-base);letter-spacing:.5px;text-transform:uppercase;color:var(--text-1);background:var(--acc-grad);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease);border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 clamp(20px,3vw,28px);font-weight:700;display:inline-flex;box-shadow:0 8px 24px #667eea4d}.all-certificates .retry-btn[data-v-42bb44f3]:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea80}.all-certificates .certificates-table[data-v-42bb44f3]{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glow-soft);animation:ac-rise-42bb44f3 .5s var(--ease)both;border-radius:clamp(16px,2vw,22px);position:relative;overflow:hidden}.all-certificates .table-header[data-v-42bb44f3]{font-size:var(--fz-sm);letter-spacing:.6px;text-transform:uppercase;color:#c7d2fe;background:#00000047;border-bottom:1px solid #ffffff14;grid-template-columns:2fr 2fr 1fr 1fr 1fr .9fr;gap:8px;padding:clamp(12px,2vw,18px);font-weight:700;display:grid}.all-certificates .header-cell[data-v-42bb44f3]{white-space:nowrap;align-items:center;gap:6px;padding:0 8px;display:flex}.all-certificates .header-cell[data-v-42bb44f3]:before{content:"◆";color:var(--acc-1);opacity:.7;font-size:10px}.all-certificates .table-body[data-v-42bb44f3]{scrollbar-width:thin;scrollbar-color:#818cf880 #0003;max-height:clamp(360px,60vh,720px);overflow-y:auto}.all-certificates .table-body[data-v-42bb44f3]::-webkit-scrollbar{width:8px}.all-certificates .table-body[data-v-42bb44f3]::-webkit-scrollbar-track{background:#0000002e}.all-certificates .table-body[data-v-42bb44f3]::-webkit-scrollbar-thumb{background:var(--acc-grad);border-radius:4px}.all-certificates .table-row[data-v-42bb44f3]{transition:background .2s var(--ease),transform .2s var(--ease);border-bottom:1px solid #ffffff0d;grid-template-columns:2fr 2fr 1fr 1fr 1fr .9fr;gap:8px;padding:clamp(12px,2vw,18px);display:grid}.all-certificates .table-row[data-v-42bb44f3]:hover{background:#ffffff0a}.all-certificates .table-row[data-v-42bb44f3]:last-child{border-bottom:none}.all-certificates .table-cell[data-v-42bb44f3]{min-width:0;font-size:var(--fz-base);color:var(--text-2);align-items:center;padding:0 8px;line-height:1.4;display:flex}.all-certificates .user-cell[data-v-42bb44f3]{align-items:center;gap:clamp(8px,1.5vw,14px);min-width:0;display:flex}.all-certificates .user-avatar-small[data-v-42bb44f3]{background:var(--acc-grad);border:2px solid #818cf859;border-radius:50%;flex-shrink:0;width:clamp(36px,4vw,44px);height:clamp(36px,4vw,44px);overflow:hidden;box-shadow:0 0 14px #667eea38}.all-certificates .avatar-image-small[data-v-42bb44f3]{object-fit:cover;width:100%;height:100%;display:block}.all-certificates .avatar-fallback-small[data-v-42bb44f3]{width:100%;height:100%;font-size:var(--fz-base);color:#fff;background:var(--acc-grad);justify-content:center;align-items:center;font-weight:700;display:flex}.all-certificates .user-info-small[data-v-42bb44f3]{flex-direction:column;min-width:0;display:flex}.all-certificates .username[data-v-42bb44f3]{color:var(--text-1);font-weight:600;font-size:var(--fz-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.all-certificates .user-id[data-v-42bb44f3]{font-family:JetBrains Mono,Courier New,monospace;font-size:var(--fz-xs);color:var(--acc-1);letter-spacing:.5px;opacity:.85}.all-certificates .exam-name[data-v-42bb44f3],.all-certificates .course-name[data-v-42bb44f3]{color:var(--text-1);font-weight:600;font-size:var(--fz-base);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.all-certificates .date-cell[data-v-42bb44f3]{font-family:JetBrains Mono,Courier New,monospace;font-size:var(--fz-sm);color:var(--text-3);white-space:nowrap}.all-certificates .status-badge[data-v-42bb44f3]{min-width:78px;font-size:var(--fz-xs);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.all-certificates .status-badge[data-v-42bb44f3]:before{content:"";transition:left .6s var(--ease);background:linear-gradient(90deg,#0000,#ffffff26,#0000);position:absolute;inset:0 0 0 -100%}.all-certificates .status-badge[data-v-42bb44f3]:hover:before{left:100%}.all-certificates .status-badge.valid[data-v-42bb44f3]{color:var(--ok-fg);background:var(--ok-bg);border-color:var(--ok-bd);box-shadow:0 0 12px #48bb7840}.all-certificates .status-badge.expired[data-v-42bb44f3]{color:var(--warn-fg);background:var(--warn-bg);border-color:var(--warn-bd);box-shadow:0 0 12px #fc818133}.all-certificates .action-btn[data-v-42bb44f3]{min-height:var(--tt);font:inherit;font-size:var(--fz-sm);letter-spacing:.5px;text-transform:uppercase;color:var(--text-1);cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);white-space:nowrap;background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid #818cf866;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 clamp(14px,2vw,20px);font-weight:700;display:inline-flex;box-shadow:0 4px 14px #667eea38}.all-certificates .action-btn[data-v-42bb44f3]:hover{background:var(--acc-grad);transform:translateY(-2px);box-shadow:0 10px 26px #667eea73}.all-certificates .table-footer[data-v-42bb44f3],.all-certificates .grid-footer[data-v-42bb44f3]{background:#00000038;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(10px,2vw,16px);padding:clamp(12px,2vw,18px);display:flex}.all-certificates .grid-footer[data-v-42bb44f3]{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:clamp(14px,1.6vw,18px);grid-column:1/-1;margin-top:clamp(16px,2.5vw,24px)}.all-certificates .pagination[data-v-42bb44f3]{flex-wrap:wrap;align-items:center;gap:clamp(8px,1.5vw,12px);display:flex}.all-certificates .pagination-btn[data-v-42bb44f3]{min-height:var(--tt);font:inherit;font-size:var(--fz-sm);color:var(--text-2);background:var(--glass-2);border:var(--glass-border);cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease);border-radius:12px;align-items:center;gap:6px;padding:0 clamp(14px,2vw,18px);font-weight:600;display:inline-flex}.all-certificates .pagination-btn[data-v-42bb44f3]:hover:not(:disabled){background:var(--glass-3);color:var(--text-1);transform:translateY(-2px)}.all-certificates .pagination-btn[data-v-42bb44f3]:disabled{opacity:.35;cursor:not-allowed}.all-certificates .page-info[data-v-42bb44f3]{font-size:var(--fz-sm);color:var(--text-3);white-space:nowrap}.all-certificates .total-count[data-v-42bb44f3]{font-size:var(--fz-sm);color:var(--acc-1);white-space:nowrap;font-weight:600}.all-certificates .certificates-grid[data-v-42bb44f3]{animation:ac-rise-42bb44f3 .5s var(--ease)both;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(14px,2vw,22px);margin-bottom:clamp(16px,2.5vw,24px);display:grid}.all-certificates .certificate-card[data-v-42bb44f3]{background:var(--glass-1);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glow-soft);transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);border-radius:clamp(16px,2vw,22px);flex-direction:column;padding:clamp(16px,2.5vw,22px);display:flex;position:relative;overflow:hidden}.all-certificates .certificate-card[data-v-42bb44f3]:before{content:"";pointer-events:none;background:radial-gradient(circle at 80% 0,#818cf814,#0000 60%);position:absolute;inset:0}.all-certificates .certificate-card[data-v-42bb44f3]:hover{box-shadow:var(--glow-strong);border-color:#818cf859;transform:translateY(-4px)}.all-certificates .card-header[data-v-42bb44f3]{border-bottom:1px solid #ffffff14;align-items:center;gap:clamp(12px,2vw,16px);margin-bottom:clamp(14px,2vw,18px);padding-bottom:clamp(12px,2vw,16px);display:flex;position:relative}.all-certificates .card-header[data-v-42bb44f3]:after{content:"";background:var(--acc-grad);border-radius:2px;width:56px;height:2px;position:absolute;bottom:-1px;left:0}.all-certificates .user-avatar[data-v-42bb44f3]{background:var(--acc-grad);border:2px solid #818cf866;border-radius:50%;flex-shrink:0;width:clamp(56px,6vw,72px);height:clamp(56px,6vw,72px);overflow:hidden;box-shadow:0 0 18px #667eea4d}.all-certificates .avatar-image[data-v-42bb44f3]{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.all-certificates .certificate-card:hover .avatar-image[data-v-42bb44f3]{transform:scale(1.08)}.all-certificates .avatar-fallback[data-v-42bb44f3]{color:#fff;background:var(--acc-grad);text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(20px,2.4vw,26px);font-weight:700;display:flex}.all-certificates .user-info[data-v-42bb44f3]{flex-direction:column;flex:1;min-width:0;display:flex}.all-certificates .user-info .username[data-v-42bb44f3]{font-size:var(--fz-lg);color:var(--text-1);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:700;overflow:hidden}.all-certificates .user-info .user-id[data-v-42bb44f3]{font-family:JetBrains Mono,Courier New,monospace;font-size:var(--fz-xs);color:var(--acc-1);letter-spacing:.5px}.all-certificates .card-body[data-v-42bb44f3]{flex-direction:column;flex:1;gap:clamp(12px,1.8vw,16px);margin-bottom:clamp(14px,2vw,18px);display:flex}.all-certificates .certificate-title[data-v-42bb44f3]{font-size:var(--fz-xl);color:var(--text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.all-certificates .certificate-meta[data-v-42bb44f3]{background:#00000038;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:clamp(8px,1.2vw,12px);padding:clamp(12px,1.8vw,16px);display:flex}.all-certificates .meta-item[data-v-42bb44f3]{font-size:var(--fz-sm);justify-content:space-between;align-items:center;gap:12px;line-height:1.4;display:flex}.all-certificates .meta-label[data-v-42bb44f3]{color:var(--text-3);white-space:nowrap;font-weight:500}.all-certificates .meta-value[data-v-42bb44f3]{color:var(--text-1);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,Courier New,monospace;font-weight:600;overflow:hidden}.all-certificates .status-wrapper[data-v-42bb44f3]{justify-content:flex-end;display:flex}.all-certificates .card-footer[data-v-42bb44f3]{border-top:1px solid #ffffff14;justify-content:flex-end;padding-top:clamp(12px,1.8vw,16px);display:flex}.all-certificates .card-footer .action-btn[data-v-42bb44f3]{white-space:nowrap;width:100%;max-width:220px}@media (max-width:479px){.all-certificates .tab[data-v-42bb44f3]{justify-content:center;width:100%}.all-certificates .filters[data-v-42bb44f3]{flex-direction:column;align-items:stretch}.all-certificates .search-box[data-v-42bb44f3],.all-certificates .filter-controls[data-v-42bb44f3]{width:100%}.all-certificates .filter-select[data-v-42bb44f3]{flex:1;min-width:0}.all-certificates .view-toggle[data-v-42bb44f3]{align-self:flex-end}.all-certificates .table-header[data-v-42bb44f3],.all-certificates .table-row[data-v-42bb44f3]{grid-template-columns:1.6fr 1fr}.all-certificates .header-cell[data-v-42bb44f3]:nth-child(n+3),.all-certificates .table-cell[data-v-42bb44f3]:nth-child(n+3){display:none}.all-certificates .table-footer[data-v-42bb44f3],.all-certificates .grid-footer[data-v-42bb44f3]{text-align:center;flex-direction:column;align-items:stretch}.all-certificates .pagination[data-v-42bb44f3]{justify-content:center}.all-certificates .certificates-grid[data-v-42bb44f3]{grid-template-columns:1fr}.all-certificates .card-footer[data-v-42bb44f3]{justify-content:stretch}.all-certificates .card-footer .action-btn[data-v-42bb44f3]{max-width:none}}@media (min-width:480px) and (max-width:767px){.all-certificates .table-header[data-v-42bb44f3],.all-certificates .table-row[data-v-42bb44f3]{grid-template-columns:2fr 1fr .9fr}.all-certificates .header-cell[data-v-42bb44f3]:nth-child(3),.all-certificates .header-cell[data-v-42bb44f3]:nth-child(4),.all-certificates .table-cell[data-v-42bb44f3]:nth-child(3),.all-certificates .table-cell[data-v-42bb44f3]:nth-child(4){display:none}}@media (min-width:768px) and (max-width:1023px){.all-certificates .table-header[data-v-42bb44f3],.all-certificates .table-row[data-v-42bb44f3]{grid-template-columns:2fr 2fr 1fr .9fr}.all-certificates .header-cell[data-v-42bb44f3]:nth-child(4),.all-certificates .header-cell[data-v-42bb44f3]:nth-child(5),.all-certificates .table-cell[data-v-42bb44f3]:nth-child(4),.all-certificates .table-cell[data-v-42bb44f3]:nth-child(5){display:none}}@media (min-width:1024px) and (max-width:1439px){.all-certificates .table-header[data-v-42bb44f3],.all-certificates .table-row[data-v-42bb44f3]{grid-template-columns:2fr 2fr 1fr 1fr 1fr .9fr}}@media (min-width:1440px){.all-certificates[data-v-42bb44f3]{padding:clamp(28px,2.2vw,44px)}.all-certificates .certificates-grid[data-v-42bb44f3]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}@media (min-width:1920px){.all-certificates[data-v-42bb44f3]{max-width:1760px;padding:48px}}@media (min-width:2560px){.all-certificates[data-v-42bb44f3]{max-width:2200px;padding:64px}.all-certificates .certificates-grid[data-v-42bb44f3]{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:28px}.all-certificates .table-body[data-v-42bb44f3]{max-height:80vh}}.all-certificates[data-v-42bb44f3] :is(button,input,select):focus-visible{outline:2px solid var(--acc-1);outline-offset:2px}@media (prefers-reduced-motion:reduce){.all-certificates[data-v-42bb44f3] *,.all-certificates[data-v-42bb44f3] :before,.all-certificates[data-v-42bb44f3] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.all-certificates[data-v-42bb44f3]{color:#000;background:#fff}.all-certificates .header[data-v-42bb44f3],.all-certificates .tabs-container[data-v-42bb44f3],.all-certificates .filters[data-v-42bb44f3],.all-certificates .certificates-table[data-v-42bb44f3],.all-certificates .certificate-card[data-v-42bb44f3],.all-certificates .grid-footer[data-v-42bb44f3],.all-certificates .loading-container[data-v-42bb44f3],.all-certificates .error-container[data-v-42bb44f3],.all-certificates .empty-state[data-v-42bb44f3]{color:#000!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.all-certificates .header h1[data-v-42bb44f3]{-webkit-text-fill-color:#000;color:#000}.all-certificates .table-body[data-v-42bb44f3]{max-height:none;overflow:visible}}.runbooks-container[data-v-0e06d88b]{--rb-text:#fff;--rb-text-soft:#e8eaff;--rb-text-mute:#ffffffb8;--rb-text-dim:#ffffff8c;--rb-accent:#818cf8;--rb-accent-2:#a78bfa;--rb-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--rb-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--rb-glass:#ffffff0d;--rb-glass-hover:#ffffff17;--rb-glass-strong:#ffffff14;--rb-border:#ffffff1a;--rb-border-hover:#ffffff38;--rb-blur:blur(16px)saturate(150%);--rb-shadow:0 8px 32px #667eea26;--rb-shadow-lg:0 16px 44px #764ba247;--rb-glow:0 0 24px #818cf859;--rb-r-sm:10px;--rb-r-md:14px;--rb-r-lg:20px;--rb-r-xl:28px;--rb-ease:cubic-bezier(.4,0,.2,1);--rb-t-fast:.18s var(--rb-ease);--rb-t-base:.28s var(--rb-ease);z-index:1;width:100%;max-width:1280px;color:var(--rb-text-soft);isolation:isolate;background:0 0;margin:0 auto;padding:clamp(1rem,2.4vw,2rem) clamp(.85rem,2vw,1.5rem);position:relative}.runbooks-container[data-v-0e06d88b],.runbooks-container[data-v-0e06d88b] *{box-sizing:border-box;word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none}.runbooks-header[data-v-0e06d88b]{flex-direction:column;gap:clamp(.5rem,1vw,.9rem);margin-bottom:clamp(1.25rem,2.5vw,2.25rem);display:flex}.runbooks-title[data-v-0e06d88b]{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;color:#0000;word-break:keep-all;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:800;line-height:1.15}.runbooks-subtitle[data-v-0e06d88b]{color:var(--rb-text-mute);margin:0;font-size:clamp(.95rem,1.2vw,1.15rem);font-weight:500}.search-filter-container[data-v-0e06d88b]{flex-wrap:wrap;gap:clamp(.6rem,1.2vw,1rem);margin-top:clamp(.5rem,1.2vw,1rem);display:flex}.search-box[data-v-0e06d88b]{flex:240px;min-width:0;max-width:560px;position:relative}.search-icon[data-v-0e06d88b]{color:var(--rb-text-mute);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input[data-v-0e06d88b]{width:100%;min-height:46px;font:inherit;color:#fff;background:var(--rb-glass);border:1px solid var(--rb-border);border-radius:var(--rb-r-md);-webkit-backdrop-filter:var(--rb-blur);backdrop-filter:var(--rb-blur);transition:border-color var(--rb-t-fast),background var(--rb-t-fast),box-shadow var(--rb-t-fast);padding:.75rem 2.75rem .75rem 2.85rem;font-size:clamp(.875rem,1vw,1rem);font-weight:500}.search-input[data-v-0e06d88b]::placeholder{color:var(--rb-text-dim);font-weight:500}.search-input[data-v-0e06d88b]:focus,.search-input[data-v-0e06d88b]:focus-visible{border-color:var(--rb-accent);background:var(--rb-glass-strong);outline:none;box-shadow:0 0 0 4px #818cf82e,0 8px 24px #667eea40}.clear-search-btn[data-v-0e06d88b]{width:32px;height:32px;color:var(--rb-text-mute);border:1px solid var(--rb-border);cursor:pointer;transition:all var(--rb-t-fast);background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:inline-flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.clear-search-btn[data-v-0e06d88b]:hover{color:#fff;border-color:var(--rb-accent);background:#818cf840;transform:translateY(-50%)scale(1.05)}.loading-container[data-v-0e06d88b],.error-container[data-v-0e06d88b],.empty-state[data-v-0e06d88b]{text-align:center;background:var(--rb-glass);border:1px solid var(--rb-border);border-radius:var(--rb-r-xl);-webkit-backdrop-filter:var(--rb-blur);backdrop-filter:var(--rb-blur);box-shadow:var(--rb-shadow);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:clamp(1.25rem,2.5vw,2rem) 0;padding:clamp(2rem,5vw,4.5rem) clamp(1rem,3vw,2rem);display:flex}.loading-spinner[data-v-0e06d88b]{border:3px solid #818cf840;border-top-color:var(--rb-accent);border-radius:50%;width:clamp(2.5rem,4vw,3.25rem);height:clamp(2.5rem,4vw,3.25rem);animation:1s linear infinite spin-0e06d88b;box-shadow:0 0 18px #818cf873}@keyframes spin-0e06d88b{to{transform:rotate(360deg)}}.loading-container p[data-v-0e06d88b],.error-container p[data-v-0e06d88b],.empty-state p[data-v-0e06d88b]{color:var(--rb-text-mute);max-width:48ch;margin:0;font-weight:500}.error-icon[data-v-0e06d88b],.empty-icon[data-v-0e06d88b]{filter:drop-shadow(0 0 14px #818cf88c);font-size:clamp(2.5rem,5vw,3.75rem)}.error-container h3[data-v-0e06d88b],.empty-state h3[data-v-0e06d88b]{color:#fff;word-break:keep-all;margin:0;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:700}.retry-btn[data-v-0e06d88b]{min-height:44px;font:inherit;color:#fff;background:var(--rb-grad);border-radius:var(--rb-r-md);cursor:pointer;transition:transform var(--rb-t-fast),box-shadow var(--rb-t-fast),filter var(--rb-t-fast);border:1px solid #ffffff2e;margin-top:.6rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;box-shadow:0 8px 24px #667eea59,inset 0 1px #ffffff2e}.retry-btn[data-v-0e06d88b]:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 32px #667eea80}.retry-btn[data-v-0e06d88b]:active{transform:translateY(0)}.runbooks-grid[data-v-0e06d88b]{isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(.85rem,1.8vw,1.5rem);display:grid}.runbook-card[data-v-0e06d88b]{height:100%;color:var(--rb-text-soft);background:var(--rb-glass);border:1px solid var(--rb-border);border-radius:var(--rb-r-lg);-webkit-backdrop-filter:var(--rb-blur);backdrop-filter:var(--rb-blur);box-shadow:var(--rb-shadow);cursor:pointer;isolation:isolate;transition:transform var(--rb-t-base),border-color var(--rb-t-base),background var(--rb-t-base),box-shadow var(--rb-t-base);flex-direction:column;padding:clamp(1rem,1.8vw,1.5rem);display:flex;position:relative;overflow:hidden}.runbook-card[data-v-0e06d88b]:before{content:"";background:linear-gradient(90deg,transparent,var(--rb-accent),transparent);width:100%;height:2px;transition:left .7s var(--rb-ease);z-index:1;position:absolute;top:0;left:-100%}.runbook-card[data-v-0e06d88b]:hover{background:var(--rb-glass-hover);border-color:var(--rb-border-hover);box-shadow:var(--rb-shadow-lg),var(--rb-glow);transform:translateY(-4px)}.runbook-card[data-v-0e06d88b]:hover:before{left:100%}.runbook-card[data-v-0e06d88b]:focus-visible{outline:2px solid var(--rb-accent);outline-offset:3px}.runbook-card-header[data-v-0e06d88b]{flex-wrap:wrap;align-items:flex-start;gap:.9rem;margin-bottom:clamp(.75rem,1.2vw,1.1rem);display:flex}.runbook-icon[data-v-0e06d88b]{border-radius:var(--rb-r-md);background:var(--rb-grad);border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:clamp(2.4rem,3.4vw,3rem);height:clamp(2.4rem,3.4vw,3rem);font-size:clamp(1.1rem,1.8vw,1.5rem);display:inline-flex;box-shadow:0 6px 18px #667eea59,inset 0 1px #fff3}.runbook-icon svg[data-v-0e06d88b]{filter:drop-shadow(0 0 6px #fff9)}.runbook-info[data-v-0e06d88b]{flex:1 1 0;min-width:0}.runbook-title[data-v-0e06d88b]{color:#fff;overflow-wrap:anywhere;margin:0 0 .5rem;font-size:clamp(1rem,1.4vw,1.2rem);font-weight:600;line-height:1.35}.runbook-meta[data-v-0e06d88b]{flex-wrap:wrap;gap:.4rem;display:flex}.section-count[data-v-0e06d88b]{color:var(--rb-accent);white-space:nowrap;background:#818cf81f;border:1px solid #818cf847;border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.runbook-card-footer[data-v-0e06d88b]{border-top:1px solid var(--rb-border);margin-top:auto;padding-top:.9rem}.view-details[data-v-0e06d88b]{color:var(--rb-accent);transition:color var(--rb-t-fast),transform var(--rb-t-fast);align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;display:inline-flex}.runbook-card:hover .view-details[data-v-0e06d88b]{color:var(--rb-accent-2);transform:translate(4px)}.runbooks-container[data-v-0e06d88b] :focus-visible{outline:2px solid var(--rb-accent);outline-offset:2px}@media (max-width:480px){.runbooks-container[data-v-0e06d88b]{padding:1rem .85rem}.runbook-card-header[data-v-0e06d88b]{gap:.75rem}.runbook-icon[data-v-0e06d88b]{align-self:flex-start}.section-count[data-v-0e06d88b]{white-space:normal}}@media (min-width:481px) and (max-width:767px){.runbooks-grid[data-v-0e06d88b]{grid-template-columns:1fr}}@media (min-width:768px){.runbooks-grid[data-v-0e06d88b]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (min-width:1024px){.runbooks-grid[data-v-0e06d88b]{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}}@media (min-width:1440px){.runbooks-container[data-v-0e06d88b]{max-width:1440px}.runbooks-grid[data-v-0e06d88b]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}}@media (min-width:1920px){.runbooks-container[data-v-0e06d88b]{max-width:1680px;padding:2.25rem 2rem}.runbooks-grid[data-v-0e06d88b]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.runbook-card[data-v-0e06d88b]{padding:1.65rem}.runbook-title[data-v-0e06d88b]{font-size:1.2rem}}@media (min-width:2560px){.runbooks-container[data-v-0e06d88b]{max-width:2200px;padding:3rem 2.5rem}.runbooks-title[data-v-0e06d88b]{font-size:clamp(2.4rem,2.4vw,3.4rem)}.runbooks-subtitle[data-v-0e06d88b]{font-size:1.35rem}.search-input[data-v-0e06d88b]{min-height:56px;font-size:1.1rem}.runbooks-grid[data-v-0e06d88b]{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2.4rem}.runbook-card[data-v-0e06d88b]{border-radius:24px;padding:2rem}.runbook-title[data-v-0e06d88b]{font-size:1.4rem}.section-count[data-v-0e06d88b]{padding:.35rem .85rem;font-size:.9rem}.view-details[data-v-0e06d88b]{font-size:1rem}.retry-btn[data-v-0e06d88b]{min-height:56px;padding:1rem 2rem;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.runbook-card[data-v-0e06d88b],.runbook-card[data-v-0e06d88b]:before,.view-details[data-v-0e06d88b],.clear-search-btn[data-v-0e06d88b],.retry-btn[data-v-0e06d88b],.search-input[data-v-0e06d88b]{transition:none!important;animation:none!important}.loading-spinner[data-v-0e06d88b]{animation-duration:1.6s!important}}@media (prefers-contrast:high){.runbook-card[data-v-0e06d88b],.search-input[data-v-0e06d88b],.loading-container[data-v-0e06d88b],.error-container[data-v-0e06d88b],.empty-state[data-v-0e06d88b]{background:#000005b3;border-color:#fff}.runbooks-title[data-v-0e06d88b]{-webkit-text-fill-color:#fff;color:#fff;background:0 0}}@media print{.runbooks-container[data-v-0e06d88b]{color:#000;background:#fff}.runbook-card[data-v-0e06d88b]{box-shadow:none;background:#fff;border:1px solid #000}.runbooks-title[data-v-0e06d88b]{-webkit-text-fill-color:#000;color:#000;background:0 0}.clear-search-btn[data-v-0e06d88b],.retry-btn[data-v-0e06d88b]{display:none}}.runbook-details-container[data-v-7a7cbeb5]{--rd-text:#fff;--rd-text-soft:#e8eaff;--rd-text-mute:#ffffffb8;--rd-text-dim:#ffffff8c;--rd-accent:#818cf8;--rd-accent-2:#a78bfa;--rd-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--rd-grad-text:linear-gradient(135deg,#c7d2fe 0%,#a78bfa 50%,#f0abfc 100%);--rd-danger:#fc8181;--rd-glass:#ffffff0d;--rd-glass-strong:#ffffff14;--rd-glass-hover:#ffffff1a;--rd-glass-code:#080a1c8c;--rd-border:#ffffff1a;--rd-border-strong:#ffffff38;--rd-border-accent:#818cf866;--rd-blur:blur(16px)saturate(150%);--rd-blur-soft:blur(10px)saturate(140%);--rd-shadow:0 8px 32px #667eea26;--rd-shadow-hover:0 12px 40px #667eea47;--rd-glow:0 0 24px #818cf859;--rd-r-sm:10px;--rd-r-md:14px;--rd-r-lg:20px;--rd-r-xl:28px;--rd-ease:cubic-bezier(.4,0,.2,1);--rd-t:.28s var(--rd-ease);--rd-t-fast:.18s var(--rd-ease);z-index:1;isolation:isolate;width:100%;max-width:960px;min-height:calc(100dvh - 80px);color:var(--rd-text-soft);background:0 0;margin-inline:auto;padding:clamp(1rem,3vw,2rem) clamp(.75rem,2.5vw,1.5rem);position:relative}.runbook-details-container[data-v-7a7cbeb5] *{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.back-btn[data-v-7a7cbeb5]{letter-spacing:.2px;color:var(--rd-text);background:var(--rd-glass);border:1px solid var(--rd-border);border-radius:var(--rd-r-md);-webkit-backdrop-filter:var(--rd-blur-soft);backdrop-filter:var(--rd-blur-soft);cursor:pointer;box-shadow:var(--rd-shadow);transition:background var(--rd-t-fast),border-color var(--rd-t-fast),transform var(--rd-t-fast),box-shadow var(--rd-t-fast),color var(--rd-t-fast);align-items:center;gap:.6rem;margin-bottom:clamp(1.25rem,3vw,2rem);padding:.7rem 1.15rem;font-size:clamp(.85rem,1.6vw,.95rem);font-weight:600;text-decoration:none;display:inline-flex}.back-btn[data-v-7a7cbeb5]:hover{color:#fff;background:var(--rd-grad);box-shadow:var(--rd-glow);border-color:#0000;transform:translate(-4px)}.back-btn svg[data-v-7a7cbeb5]{flex-shrink:0;width:clamp(18px,1.5vw,22px);height:clamp(18px,1.5vw,22px)}.loading-container[data-v-7a7cbeb5],.error-container[data-v-7a7cbeb5],.empty-sections[data-v-7a7cbeb5]{text-align:center;background:var(--rd-glass);border:1px solid var(--rd-border);border-radius:var(--rd-r-lg);-webkit-backdrop-filter:var(--rd-blur);backdrop-filter:var(--rd-blur);box-shadow:var(--rd-shadow);color:var(--rd-text);isolation:isolate;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:clamp(2.5rem,8vw,5rem) clamp(1rem,4vw,2rem);display:flex}.empty-sections[data-v-7a7cbeb5]{border-style:dashed}.loading-spinner[data-v-7a7cbeb5]{border:3px solid #818cf82e;border-top-color:var(--rd-accent);border-radius:50%;width:clamp(40px,6vw,64px);height:clamp(40px,6vw,64px);margin-bottom:1rem;animation:1s linear infinite spin-7a7cbeb5;box-shadow:0 0 20px #818cf84d}.loading-container p[data-v-7a7cbeb5]{color:var(--rd-text-mute);font-size:clamp(.9rem,1.8vw,1rem)}.error-icon[data-v-7a7cbeb5]{filter:drop-shadow(0 0 18px #fc818173);margin-bottom:.6rem;font-size:clamp(2.5rem,6vw,3.5rem)}.error-container h3[data-v-7a7cbeb5],.empty-sections h3[data-v-7a7cbeb5]{color:#fff;margin:0;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700}.error-container p[data-v-7a7cbeb5],.empty-sections p[data-v-7a7cbeb5]{color:var(--rd-text-mute);max-width:50ch;margin:.25rem 0 1.25rem;font-size:clamp(.85rem,1.8vw,1rem)}.retry-btn[data-v-7a7cbeb5]{color:#fff;background:var(--rd-grad);border-radius:var(--rd-r-md);cursor:pointer;transition:transform var(--rd-t-fast),box-shadow var(--rd-t-fast);border:1px solid #ffffff2e;min-height:44px;padding:.65rem 1.4rem;font-size:clamp(.85rem,1.6vw,.95rem);font-weight:600;box-shadow:0 6px 22px #667eea59,inset 0 1px #fff3}.retry-btn[data-v-7a7cbeb5]:hover{transform:translateY(-2px);box-shadow:0 10px 28px #667eea80,inset 0 1px #ffffff40}.empty-icon[data-v-7a7cbeb5]{filter:drop-shadow(0 0 18px #818cf866);margin-bottom:.6rem;font-size:clamp(2.5rem,6vw,3.5rem)}.runbook-content[data-v-7a7cbeb5]{animation:.5s both fadeIn-7a7cbeb5}.runbook-header[data-v-7a7cbeb5]{margin-bottom:clamp(1.5rem,4vw,2.5rem)}.runbook-title-section[data-v-7a7cbeb5]{margin-bottom:1rem}.runbook-title[data-v-7a7cbeb5]{letter-spacing:-.01em;background:var(--rd-grad-text);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px #764ba259);-webkit-background-clip:text;background-clip:text;margin:0 0 .6rem;font-size:clamp(1.6rem,4.5vw,2.75rem);font-weight:800;line-height:1.15}.runbook-meta[data-v-7a7cbeb5]{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.section-count[data-v-7a7cbeb5]{color:var(--rd-text-soft);background:var(--rd-glass);border:1px solid var(--rd-border);-webkit-backdrop-filter:var(--rd-blur-soft);backdrop-filter:var(--rd-blur-soft);border-radius:999px;align-items:center;padding:.4rem .9rem;font-size:clamp(.78rem,1.4vw,.9rem);font-weight:600;display:inline-flex}.sections-container[data-v-7a7cbeb5]{flex-direction:column;gap:clamp(1rem,2.2vw,1.5rem);display:flex}.section-card[data-v-7a7cbeb5]{isolation:isolate;border:1px solid var(--rd-border);border-radius:var(--rd-r-lg);background:var(--rd-glass);-webkit-backdrop-filter:var(--rd-blur);backdrop-filter:var(--rd-blur);color:var(--rd-text-soft);box-shadow:var(--rd-shadow);transition:transform var(--rd-t-fast),box-shadow var(--rd-t-fast),border-color var(--rd-t-fast);padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.section-card[data-v-7a7cbeb5]:before{content:"";background:var(--rd-grad);opacity:.85;pointer-events:none;border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.section-card[data-v-7a7cbeb5]:hover{border-color:var(--rd-border-strong);box-shadow:var(--rd-shadow-hover);transform:translateY(-2px)}.section-card[data-v-7a7cbeb5],.section-card[data-v-7a7cbeb5] *{color:inherit}.section-header[data-v-7a7cbeb5]{flex-wrap:wrap;align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.section-number[data-v-7a7cbeb5]{color:#fff;background:var(--rd-grad);border:2px solid #ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(34px,4vw,44px);height:clamp(34px,4vw,44px);font-size:clamp(.85rem,1.6vw,1rem);font-weight:700;display:inline-flex;box-shadow:0 4px 14px #667eea73}.section-title[data-v-7a7cbeb5]{letter-spacing:-.005em;flex:1;min-width:0;font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:700;line-height:1.3}.section-content[data-v-7a7cbeb5]{line-height:1.75}.text-content[data-v-7a7cbeb5]{font-size:clamp(.95rem,1.7vw,1.05rem);line-height:1.8}.text-content p[data-v-7a7cbeb5]{margin:0 0 1em}.text-content p[data-v-7a7cbeb5]:last-child{margin-bottom:0}.code-block-container[data-v-7a7cbeb5]{border-radius:var(--rd-r-md);background:var(--rd-glass-code);-webkit-backdrop-filter:var(--rd-blur-soft);backdrop-filter:var(--rd-blur-soft);isolation:isolate;border:1px solid #818cf838;margin-top:.5rem;overflow:hidden}.code-block-header[data-v-7a7cbeb5]{background:#ffffff0a;border-bottom:1px solid #818cf82e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.code-label[data-v-7a7cbeb5]{letter-spacing:.12em;text-transform:uppercase;color:var(--rd-accent-2);text-shadow:0 0 12px #a78bfa80;font-size:clamp(.7rem,1.3vw,.78rem);font-weight:700}.copy-btn[data-v-7a7cbeb5]{color:#fff;border-radius:var(--rd-r-sm);cursor:pointer;transition:all var(--rd-t-fast);white-space:nowrap;background:#818cf82e;border:1px solid #818cf859;align-items:center;gap:.35rem;min-height:32px;padding:.35rem .85rem;font-size:clamp(.75rem,1.3vw,.85rem);font-weight:600;display:inline-flex}.copy-btn[data-v-7a7cbeb5]:hover{background:#818cf852;border-color:#818cf88c;transform:translateY(-1px);box-shadow:0 0 16px #818cf859}.copy-btn.copied[data-v-7a7cbeb5]{color:#fff;background:#48bb784d;border-color:#48bb788c;animation:.3s copiedAnimation-7a7cbeb5}.code-block[data-v-7a7cbeb5]{scrollbar-width:thin;scrollbar-color:#818cf873 transparent;max-width:100%;margin:0;padding:clamp(.85rem,2vw,1.25rem);overflow-x:auto}.code-block[data-v-7a7cbeb5]::-webkit-scrollbar{width:8px;height:8px}.code-block[data-v-7a7cbeb5]::-webkit-scrollbar-track{background:0 0}.code-block[data-v-7a7cbeb5]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px}.code-block code[data-v-7a7cbeb5]{white-space:pre-wrap;word-break:break-word;color:#f0f4ff;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:clamp(.78rem,1.4vw,.92rem);line-height:1.65;display:block}@keyframes spin-7a7cbeb5{to{transform:rotate(360deg)}}@keyframes fadeIn-7a7cbeb5{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes copiedAnimation-7a7cbeb5{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:480px){.back-btn[data-v-7a7cbeb5]{justify-content:center;width:100%}.section-header[data-v-7a7cbeb5]{gap:.65rem}.section-card[data-v-7a7cbeb5],.loading-container[data-v-7a7cbeb5],.error-container[data-v-7a7cbeb5],.empty-sections[data-v-7a7cbeb5],.back-btn[data-v-7a7cbeb5],.code-block-container[data-v-7a7cbeb5]{-webkit-backdrop-filter:blur(8px)saturate(130%);backdrop-filter:blur(8px)saturate(130%)}}@media (min-width:768px){.runbook-details-container[data-v-7a7cbeb5]{max-width:880px}.runbook-meta[data-v-7a7cbeb5]{gap:1rem}}@media (min-width:1024px){.runbook-details-container[data-v-7a7cbeb5]{max-width:960px}}@media (min-width:1440px){.runbook-details-container[data-v-7a7cbeb5]{max-width:1080px}.sections-container[data-v-7a7cbeb5]{gap:1.75rem}}@media (min-width:1920px){.runbook-details-container[data-v-7a7cbeb5]{max-width:1200px}}@media (min-width:2560px){.runbook-details-container[data-v-7a7cbeb5]{max-width:1480px;padding:3rem 2.5rem}.section-card[data-v-7a7cbeb5]{border-radius:26px;padding:2.5rem}.section-number[data-v-7a7cbeb5]{width:56px;height:56px}}.back-btn[data-v-7a7cbeb5]:focus-visible,.retry-btn[data-v-7a7cbeb5]:focus-visible,.copy-btn[data-v-7a7cbeb5]:focus-visible{outline:2px solid var(--rd-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.runbook-content[data-v-7a7cbeb5],.back-btn[data-v-7a7cbeb5],.section-card[data-v-7a7cbeb5],.copy-btn[data-v-7a7cbeb5],.retry-btn[data-v-7a7cbeb5]{transition:none!important}.loading-spinner[data-v-7a7cbeb5],.copy-btn.copied[data-v-7a7cbeb5],.runbook-content[data-v-7a7cbeb5]{animation:none!important}}@media (prefers-contrast:high){.section-card[data-v-7a7cbeb5]{border-color:#fff}.back-btn[data-v-7a7cbeb5],.retry-btn[data-v-7a7cbeb5],.copy-btn[data-v-7a7cbeb5]{color:#fff;border-color:#fff}}@media print{.runbook-details-container[data-v-7a7cbeb5]{color:#000}.back-btn[data-v-7a7cbeb5],.retry-btn[data-v-7a7cbeb5],.copy-btn[data-v-7a7cbeb5]{display:none!important}.section-card[data-v-7a7cbeb5]{color:#000;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;page-break-inside:avoid;background:#fff;border:1px solid #ccc}.code-block-container[data-v-7a7cbeb5]{background:#f7f7f7;border-color:#ccc}.code-block code[data-v-7a7cbeb5]{color:#000}}[data-v-bb1e9ff2]:root{--lab-primary:#667eea;--lab-primary-soft:#667eea2e;--lab-primary-glow:#667eea59;--lab-secondary:#818cf8;--lab-accent:#a78bfa;--lab-accent-glow:#a78bfa59;--lab-purple:#764ba2;--lab-success:#48bb78;--lab-success-glow:#48bb7859;--lab-warning:#ed8936;--lab-warning-glow:#ed893659;--lab-danger:#fc8181;--lab-danger-glow:#fc818159;--lab-info:#0ea5e9;--lab-info-glow:#0ea5e959;--glass-1:#ffffff0a;--glass-2:#ffffff0f;--glass-3:#ffffff17;--glass-border:#ffffff1a;--glass-border-strong:#ffffff2e;--term-bg:#0a0c1c8c;--term-header:#1416288c;--term-text:#e8eaff;--text-primary:#fff;--text-secondary:#ffffffc7;--text-muted:#ffffff8c;--blur-soft:blur(14px)saturate(140%);--blur-medium:blur(18px)saturate(150%);--blur-strong:blur(22px)saturate(160%);--transition:all .3s cubic-bezier(.4,0,.2,1);--shadow-soft:0 4px 16px #00000040;--shadow-card:0 8px 32px #0f123259,0 0 0 1px var(--glass-border);--shadow-glow:0 8px 32px #667eea2e;--space-xs:clamp(.25rem,.6vw,.5rem);--space-sm:clamp(.5rem,1vw,.85rem);--space-md:clamp(.85rem,1.6vw,1.25rem);--space-lg:clamp(1.25rem,2.4vw,2rem);--space-xl:clamp(1.75rem,3.5vw,3rem);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--font-xs:clamp(.72rem,1.6vw,.8rem);--font-sm:clamp(.82rem,1.8vw,.92rem);--font-md:clamp(.92rem,2vw,1.05rem);--font-lg:clamp(1.1rem,2.6vw,1.35rem);--font-xl:clamp(1.4rem,3.5vw,1.9rem);--font-xxl:clamp(1.8rem,4.5vw,2.4rem)}.labs-container[data-v-bb1e9ff2],.labs-container[data-v-bb1e9ff2] *{box-sizing:border-box}.labs-container[data-v-bb1e9ff2]{z-index:1;min-height:100vh;width:100%;min-height:100dvh;padding:var(--space-lg);color:var(--text-primary);isolation:isolate;background:0 0;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}@keyframes lab-spin-bb1e9ff2{to{transform:rotate(360deg)}}@keyframes lab-shimmer-bb1e9ff2{0%{background-position:-200%}to{background-position:200%}}@keyframes lab-slide-in-bb1e9ff2{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lab-cursor-bb1e9ff2{0%,to{opacity:1}50%{opacity:0}}.labs-header[data-v-bb1e9ff2]{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-medium);box-shadow:var(--shadow-card),var(--shadow-glow);transition:var(--transition);position:relative;overflow:hidden}.labs-header[data-v-bb1e9ff2]:before{content:"";background:linear-gradient(90deg,var(--lab-primary),var(--lab-accent),var(--lab-purple));opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.labs-header[data-v-bb1e9ff2]:hover{border-color:var(--glass-border-strong);box-shadow:var(--shadow-card),0 12px 36px #667eea40}.header-content h1[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-xs);font-size:var(--font-xl);color:var(--text-primary);letter-spacing:-.01em;flex-wrap:wrap;font-weight:700;display:flex}.header-content h1 i[data-v-bb1e9ff2]{color:var(--lab-secondary);filter:drop-shadow(0 0 12px var(--lab-primary-glow));font-size:.95em}.header-content p[data-v-bb1e9ff2]{margin:0 0 var(--space-md);font-size:var(--font-md);color:var(--text-secondary)}.header-stats[data-v-bb1e9ff2]{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:1fr;display:grid}.stat-card[data-v-bb1e9ff2]{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-md);-webkit-backdrop-filter:var(--blur-soft);transition:var(--transition);display:flex;position:relative;overflow:hidden}.stat-card[data-v-bb1e9ff2]:before{content:"";background:linear-gradient(135deg,var(--lab-primary-soft),#a78bfa1a);opacity:0;transition:var(--transition);pointer-events:none;position:absolute;inset:0}.stat-card[data-v-bb1e9ff2]:hover{border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:0 8px 28px #667eea38}.stat-card[data-v-bb1e9ff2]:hover:before{opacity:1}.stat-icon[data-v-bb1e9ff2]{z-index:1;width:clamp(44px,9vw,56px);height:clamp(44px,9vw,56px);color:var(--lab-secondary);background:linear-gradient(135deg,var(--lab-primary-soft),#a78bfa2e);border-radius:var(--r-md);box-shadow:0 0 18px var(--lab-primary-glow);border:1px solid #818cf84d;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(18px,4vw,24px);display:flex;position:relative}.stat-info[data-v-bb1e9ff2]{z-index:1;flex:1;min-width:0;position:relative}.stat-number[data-v-bb1e9ff2]{background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2px;font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:700;line-height:1.15;display:block}.stat-label[data-v-bb1e9ff2]{font-size:var(--font-sm);color:var(--text-secondary)}.loading-state[data-v-bb1e9ff2],.error-state[data-v-bb1e9ff2],.no-access-state[data-v-bb1e9ff2]{padding:var(--space-xl);text-align:center;background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-medium);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner[data-v-bb1e9ff2]{width:56px;height:56px;margin-bottom:var(--space-md);border:3px solid #0000;border-top-color:var(--lab-secondary);border-right-color:var(--lab-accent);border-bottom-color:var(--lab-primary);box-shadow:0 0 24px var(--lab-primary-glow);border-radius:50%;animation:1s linear infinite lab-spin-bb1e9ff2}.loading-state h3[data-v-bb1e9ff2],.error-state h3[data-v-bb1e9ff2],.no-access-state h3[data-v-bb1e9ff2]{margin:0 0 var(--space-sm);font-size:var(--font-lg);color:var(--text-primary);font-weight:600}.loading-state p[data-v-bb1e9ff2],.error-state p[data-v-bb1e9ff2],.no-access-state p[data-v-bb1e9ff2]{max-width:560px;margin:0 0 var(--space-lg);color:var(--text-secondary);line-height:1.6}.error-state i[data-v-bb1e9ff2]{margin-bottom:var(--space-md);color:var(--lab-danger);filter:drop-shadow(0 0 14px var(--lab-danger-glow));font-size:clamp(40px,8vw,60px)}.no-access-state i[data-v-bb1e9ff2]{margin-bottom:var(--space-md);color:var(--text-muted);font-size:clamp(40px,8vw,60px)}.lab-info-banner[data-v-bb1e9ff2]{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md)var(--space-lg);color:var(--text-primary);border-radius:var(--r-md);-webkit-backdrop-filter:var(--blur-medium);background:linear-gradient(135deg,#667eea52,#764ba252);border:1px solid #ffffff2e;flex-wrap:wrap;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea33}.lab-info-banner[data-v-bb1e9ff2]:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:4s linear infinite lab-shimmer-bb1e9ff2;position:absolute;inset:0}.lab-info-content[data-v-bb1e9ff2]{z-index:1;align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex:auto;min-width:0;display:flex;position:relative}.lab-info-content i[data-v-bb1e9ff2]{color:#fff;filter:drop-shadow(0 0 8px #fff6);font-size:1.3em}.student-info[data-v-bb1e9ff2]{margin-left:var(--space-xs);font-size:var(--font-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;padding:4px 12px;display:inline-block}.student-info.warning[data-v-bb1e9ff2]{color:#fed7aa;background:#ed893640;border-color:#ed893673}.tabs-navigation[data-v-bb1e9ff2]{gap:var(--space-xs);margin-bottom:var(--space-lg);padding:var(--space-xs);background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-medium);box-shadow:var(--shadow-soft);flex-wrap:wrap;display:flex}.tab-btn[data-v-bb1e9ff2]{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;padding:var(--space-sm)var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);border-radius:var(--r-md);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:1px solid #0000;flex:140px;font-weight:600;display:flex}.tab-btn[data-v-bb1e9ff2]:hover{color:var(--text-primary);background:var(--glass-1);border-color:var(--glass-border);transform:translateY(-1px)}.tab-btn.active[data-v-bb1e9ff2]{color:#fff;background:linear-gradient(135deg,var(--lab-primary),var(--lab-purple));border-color:#fff3;box-shadow:0 6px 22px #667eea66}.tab-btn i[data-v-bb1e9ff2]{font-size:1.05em}.tab-content[data-v-bb1e9ff2]{background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-medium);box-shadow:var(--shadow-card);isolation:isolate;animation:.3s ease-out lab-slide-in-bb1e9ff2;overflow:hidden}.sql-container[data-v-bb1e9ff2]{gap:var(--space-lg);padding:var(--space-lg);grid-template-columns:1fr;min-height:500px;display:grid}.sql-sidebar[data-v-bb1e9ff2]{padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border)}.sql-sidebar h4[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:var(--font-md);color:var(--text-primary);font-weight:600;display:flex}.sql-sidebar h4 i[data-v-bb1e9ff2]{color:var(--lab-secondary);filter:drop-shadow(0 0 6px var(--lab-primary-glow))}.tables-list[data-v-bb1e9ff2]{gap:var(--space-sm);max-height:320px;margin-bottom:var(--space-md);flex-direction:column;padding-right:4px;display:flex;overflow-y:auto}.table-item[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-sm);cursor:pointer;transition:var(--transition);display:flex}.table-item[data-v-bb1e9ff2]:hover{background:var(--glass-2);border-color:var(--lab-secondary);box-shadow:0 0 16px var(--lab-primary-glow);transform:translate(4px)}.table-item i[data-v-bb1e9ff2]{color:var(--lab-secondary)}.table-item span[data-v-bb1e9ff2]{font-weight:500;font-size:var(--font-sm);color:var(--text-secondary);word-break:break-word;flex:1}.table-item .btn-sm[data-v-bb1e9ff2]{font-size:var(--font-xs);color:var(--text-secondary);background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-sm);cursor:pointer;transition:var(--transition);min-height:32px;padding:6px 10px}.table-item .btn-sm[data-v-bb1e9ff2]:hover{color:#fff;background:var(--lab-primary-soft);border-color:var(--lab-secondary);box-shadow:0 0 12px var(--lab-primary-glow)}.sql-instructions[data-v-bb1e9ff2]{padding:var(--space-md);background:var(--lab-primary-soft);border-radius:var(--r-md);border:1px solid #818cf84d}.sql-instructions h5[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm);font-size:var(--font-sm);color:var(--lab-secondary);font-weight:600;display:flex}.sql-instructions ul[data-v-bb1e9ff2]{margin:0;padding:0;list-style:none}.sql-instructions li[data-v-bb1e9ff2]{font-size:var(--font-sm);color:var(--text-secondary);border-bottom:1px solid #818cf82e;padding:6px 0;line-height:1.5}.sql-instructions li[data-v-bb1e9ff2]:last-child{border-bottom:none}.sql-instructions code[data-v-bb1e9ff2],.cmd-btn code[data-v-bb1e9ff2],.results-table code[data-v-bb1e9ff2]{color:#c7d2fe;background:#667eea2e;border-radius:4px;padding:2px 8px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.9em}.sql-main[data-v-bb1e9ff2]{gap:var(--space-lg);flex-direction:column;display:flex}.sql-editor[data-v-bb1e9ff2],.sql-results[data-v-bb1e9ff2]{background:var(--term-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);-webkit-backdrop-filter:var(--blur-soft);overflow:hidden}.editor-header[data-v-bb1e9ff2],.results-header[data-v-bb1e9ff2],.output-header[data-v-bb1e9ff2]{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--term-header);border-bottom:1px solid var(--glass-border);flex-wrap:wrap;display:flex}.editor-header h4[data-v-bb1e9ff2],.results-header h4[data-v-bb1e9ff2],.output-header h4[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);font-size:var(--font-md);color:var(--text-primary);margin:0;font-weight:600;display:flex}.editor-actions[data-v-bb1e9ff2],.output-actions[data-v-bb1e9ff2],.results-info[data-v-bb1e9ff2]{gap:var(--space-xs);flex-wrap:wrap;display:flex}.editor-container[data-v-bb1e9ff2],.results-container[data-v-bb1e9ff2]{padding:var(--space-md)}.sql-textarea[data-v-bb1e9ff2],.python-textarea[data-v-bb1e9ff2]{width:100%;min-height:200px;padding:var(--space-md);color:var(--term-text);border:1px solid var(--glass-border);border-radius:var(--r-sm);resize:vertical;transition:var(--transition);background:#0000004d;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:clamp(.82rem,1.8vw,.95rem);line-height:1.55}.sql-textarea[data-v-bb1e9ff2]:focus,.python-textarea[data-v-bb1e9ff2]:focus,.command-input[data-v-bb1e9ff2]:focus{border-color:var(--lab-secondary);background:#00000073;outline:none;box-shadow:0 0 0 3px #818cf82e,inset 0 0 0 1px #ffffff0d}.python-textarea[data-v-bb1e9ff2]{min-height:360px}.editor-footer[data-v-bb1e9ff2]{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.query-info[data-v-bb1e9ff2],.code-info[data-v-bb1e9ff2]{font-size:var(--font-xs);color:var(--text-muted)}.error-message[data-v-bb1e9ff2]{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md);color:#ffd5d5;border-radius:var(--r-sm);background:#fc81811a;border:1px solid #fc818152;display:flex}.error-message i[data-v-bb1e9ff2]{color:var(--lab-danger);filter:drop-shadow(0 0 6px var(--lab-danger-glow));margin-top:2px;font-size:1.2em}.error-message pre[data-v-bb1e9ff2]{white-space:pre-wrap;color:var(--text-secondary);overflow-wrap:break-word;background:#00000040;border-radius:4px;margin:6px 0 0;padding:8px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.85em}.empty-results[data-v-bb1e9ff2],.empty-output[data-v-bb1e9ff2]{padding:var(--space-xl);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-results i[data-v-bb1e9ff2],.empty-output i[data-v-bb1e9ff2]{margin-bottom:var(--space-sm);opacity:.55;font-size:clamp(36px,7vw,52px)}.results-table-container[data-v-bb1e9ff2]{border:1px solid var(--glass-border);border-radius:var(--r-sm);overflow-x:auto}.results-table[data-v-bb1e9ff2]{border-collapse:collapse;background:#0003;width:100%}.results-table thead[data-v-bb1e9ff2]{background:linear-gradient(135deg,#667eea80,#764ba280)}.results-table th[data-v-bb1e9ff2],.results-table td[data-v-bb1e9ff2]{padding:var(--space-sm)var(--space-md);font-size:var(--font-sm);text-align:left;border-right:1px solid var(--glass-border)}.results-table th[data-v-bb1e9ff2]{color:#fff;font-weight:600}.results-table th[data-v-bb1e9ff2]:last-child,.results-table td[data-v-bb1e9ff2]:last-child{border-right:none}.results-table tbody tr[data-v-bb1e9ff2]{border-bottom:1px solid var(--glass-border);transition:var(--transition)}.results-table tbody tr[data-v-bb1e9ff2]:hover{background:#ffffff0d}.results-table td[data-v-bb1e9ff2]{color:var(--text-secondary);word-break:break-word}.linux-container[data-v-bb1e9ff2]{padding:0}.terminal-wrapper[data-v-bb1e9ff2]{background:var(--term-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-soft);box-shadow:var(--shadow-card);isolation:isolate;position:relative;overflow:hidden}.terminal-wrapper[data-v-bb1e9ff2]:before{content:"";background:linear-gradient(90deg,var(--lab-success),var(--lab-secondary),var(--lab-accent));z-index:2;height:2px;position:absolute;top:0;left:0;right:0}.terminal-header[data-v-bb1e9ff2]{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--term-header);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;display:flex}.terminal-title[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);font-family:SF Mono,Fira Code,Courier New,monospace;font-size:var(--font-sm);color:var(--term-text);word-break:break-word;flex-wrap:wrap;font-weight:500;display:flex}.terminal-title i[data-v-bb1e9ff2]{color:var(--lab-success);filter:drop-shadow(0 0 8px var(--lab-success-glow))}.terminal-status[data-v-bb1e9ff2]{margin-left:var(--space-sm);font-size:var(--font-xs);color:var(--lab-warning);align-items:center;gap:6px;display:inline-flex}.terminal-actions[data-v-bb1e9ff2]{gap:var(--space-xs);flex-wrap:wrap;display:flex}.terminal-content[data-v-bb1e9ff2]{min-height:360px;max-height:60vh;padding:var(--space-md);color:var(--term-text);cursor:text;background:#05071673;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:clamp(.82rem,1.8vw,.92rem);line-height:1.5;position:relative;overflow-y:auto}.terminal-content[data-v-bb1e9ff2]:after{content:"";pointer-events:none;opacity:.25;z-index:1;background:linear-gradient(#0000 50%,#ffffff05 50%) 0 0/100% 4px;position:absolute;inset:0}.terminal-welcome[data-v-bb1e9ff2]{margin-bottom:var(--space-md);opacity:.95}.welcome-line[data-v-bb1e9ff2]{color:var(--lab-success);margin-bottom:4px;padding-left:4px}.welcome-separator[data-v-bb1e9ff2]{margin:var(--space-sm)0;background:linear-gradient(90deg,#0000,#ffffff40,#0000);border:none;height:1px}.terminal-line[data-v-bb1e9ff2]{z-index:2;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex;position:relative}.terminal-line.command[data-v-bb1e9ff2]{color:var(--term-text)}.terminal-line.output[data-v-bb1e9ff2]{color:var(--text-secondary)}.terminal-line.error[data-v-bb1e9ff2]{color:#ffd5d5}.terminal-line.info[data-v-bb1e9ff2]{color:#c7d2fe}.line-prompt[data-v-bb1e9ff2],.input-prompt[data-v-bb1e9ff2]{color:var(--lab-success);-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 0 8px var(--lab-success-glow);flex-shrink:0;font-weight:700}.line-content[data-v-bb1e9ff2]{word-break:break-word;flex:1;min-width:0}.terminal-input-line[data-v-bb1e9ff2]{z-index:2;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex;position:relative}.input-wrapper[data-v-bb1e9ff2]{flex:1;align-items:center;gap:4px;min-width:140px;display:flex}.command-input[data-v-bb1e9ff2]{min-width:120px;font-family:inherit;font-size:inherit;color:var(--term-text);caret-color:var(--lab-success);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}.command-input[data-v-bb1e9ff2]::placeholder{color:#ffffff4d}.command-input[data-v-bb1e9ff2]:disabled{opacity:.5;cursor:not-allowed}.cursor[data-v-bb1e9ff2]{background:var(--lab-success);vertical-align:middle;width:8px;height:14px;margin-left:2px;animation:1s infinite lab-cursor-bb1e9ff2;display:inline-block}.running-indicator[data-v-bb1e9ff2]{color:var(--lab-warning);margin-left:4px}.terminal-help[data-v-bb1e9ff2]{padding:var(--space-md);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);background:#14162866}.help-header[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--font-sm);color:var(--term-text);font-weight:500;display:flex}.help-header i[data-v-bb1e9ff2]{color:var(--lab-warning);filter:drop-shadow(0 0 6px var(--lab-warning-glow))}.commands-grid[data-v-bb1e9ff2]{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.cmd-btn[data-v-bb1e9ff2]{min-height:44px;padding:var(--space-sm);font-size:var(--font-xs);text-align:left;color:var(--term-text);background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:var(--transition);flex-direction:column;gap:2px;display:flex}.cmd-btn[data-v-bb1e9ff2]:hover{color:#fff;background:var(--lab-primary-soft);border-color:var(--lab-secondary);box-shadow:0 4px 14px var(--lab-primary-glow);transform:translateY(-1px)}.cmd-btn code[data-v-bb1e9ff2]{color:#c7d2fe;background:0 0;padding:0;font-weight:700}.cmd-btn .cmd-desc[data-v-bb1e9ff2]{color:var(--text-muted);font-size:.92em}.python-container[data-v-bb1e9ff2]{gap:var(--space-lg);padding:var(--space-lg);grid-template-columns:1fr;min-height:500px;display:grid}.python-editor[data-v-bb1e9ff2],.python-output[data-v-bb1e9ff2]{background:var(--term-bg);border:1px solid var(--glass-border);border-radius:var(--r-md);-webkit-backdrop-filter:var(--blur-soft);overflow:hidden}.output-container[data-v-bb1e9ff2]{margin:var(--space-md);padding:var(--space-md);min-height:220px;max-height:320px;color:var(--term-text);border:1px solid var(--glass-border);border-radius:var(--r-sm);background:#0000004d;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:clamp(.82rem,1.8vw,.92rem);line-height:1.5;overflow-y:auto}.output-container pre[data-v-bb1e9ff2],.output-content pre[data-v-bb1e9ff2]{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;margin:0}.python-templates[data-v-bb1e9ff2]{margin:0 var(--space-md)var(--space-md);padding:var(--space-md);background:var(--lab-primary-soft);border-radius:var(--r-md);border:1px solid #818cf84d}.python-templates h5[data-v-bb1e9ff2]{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm);font-size:var(--font-sm);color:var(--lab-secondary);flex-wrap:wrap;font-weight:600;display:flex}.templates-grid[data-v-bb1e9ff2]{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.template-btn[data-v-bb1e9ff2]{min-height:40px;padding:var(--space-sm);font-size:var(--font-xs);text-align:center;color:var(--text-secondary);background:var(--glass-1);border:1px solid var(--glass-border);border-radius:var(--r-sm);cursor:pointer;transition:var(--transition)}.template-btn[data-v-bb1e9ff2]:hover{color:#fff;background:var(--lab-primary-soft);border-color:var(--lab-secondary);box-shadow:0 4px 14px var(--lab-primary-glow);transform:translateY(-1px)}.btn[data-v-bb1e9ff2]{justify-content:center;align-items:center;gap:var(--space-sm);min-height:44px;font-size:var(--font-sm);color:var(--text-primary);background:var(--glass-2);border:1px solid var(--glass-border);border-radius:var(--r-md);cursor:pointer;-webkit-backdrop-filter:blur(8px);transition:var(--transition);white-space:nowrap;padding:10px 18px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn[data-v-bb1e9ff2]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn[data-v-bb1e9ff2]:hover:before{left:100%}.btn[data-v-bb1e9ff2]:hover{border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:0 6px 18px #667eea38}.btn[data-v-bb1e9ff2]:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary[data-v-bb1e9ff2]{background:linear-gradient(135deg,var(--lab-primary),var(--lab-purple));color:#fff;border-color:#fff3}.btn-primary[data-v-bb1e9ff2]:hover{filter:brightness(1.06);box-shadow:0 8px 24px #667eea66}.btn-secondary[data-v-bb1e9ff2]{background:var(--glass-3);border-color:var(--glass-border-strong)}.btn-outline[data-v-bb1e9ff2]{background:var(--glass-1);border:1px solid var(--glass-border-strong)}.btn-outline[data-v-bb1e9ff2]:hover{background:var(--glass-2);border-color:var(--lab-secondary);box-shadow:0 0 18px var(--lab-primary-glow)}.btn-danger[data-v-bb1e9ff2]{color:#ffd5d5;background:#fc81812e;border-color:#fc818166}.btn-danger[data-v-bb1e9ff2]:hover{box-shadow:0 0 18px var(--lab-danger-glow);color:#fff;background:#fc818152}.btn-sm[data-v-bb1e9ff2]{min-height:36px;font-size:var(--font-xs);border-radius:var(--r-sm);padding:6px 12px}.lab-info-banner .btn[data-v-bb1e9ff2],.lab-info-banner .btn-outline[data-v-bb1e9ff2]{color:#fff;background:#ffffff29;border:1px solid #ffffff4d}.lab-info-banner .btn[data-v-bb1e9ff2]:hover,.lab-info-banner .btn-outline[data-v-bb1e9ff2]:hover{color:#fff;background:#ffffff42}.toast-container[data-v-bb1e9ff2]{z-index:1000;gap:var(--space-sm);pointer-events:none;flex-direction:column;width:min(400px,100% - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast[data-v-bb1e9ff2]{pointer-events:auto;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--glass-3);border:1px solid var(--glass-border);border-left:4px solid var(--lab-info);border-radius:var(--r-md);-webkit-backdrop-filter:var(--blur-strong);animation:.3s lab-slide-in-bb1e9ff2;display:flex;box-shadow:0 12px 32px #00000073}.toast.success[data-v-bb1e9ff2]{border-left-color:var(--lab-success)}.toast.error[data-v-bb1e9ff2]{border-left-color:var(--lab-danger)}.toast.warning[data-v-bb1e9ff2]{border-left-color:var(--lab-warning)}.toast.info[data-v-bb1e9ff2]{border-left-color:var(--lab-info)}.toast i[data-v-bb1e9ff2]{margin-top:2px;font-size:1.25em}.toast.success i[data-v-bb1e9ff2]{color:var(--lab-success);filter:drop-shadow(0 0 6px var(--lab-success-glow))}.toast.error i[data-v-bb1e9ff2]{color:var(--lab-danger);filter:drop-shadow(0 0 6px var(--lab-danger-glow))}.toast.warning i[data-v-bb1e9ff2]{color:var(--lab-warning);filter:drop-shadow(0 0 6px var(--lab-warning-glow))}.toast.info i[data-v-bb1e9ff2]{color:var(--lab-info);filter:drop-shadow(0 0 6px var(--lab-info-glow))}.toast-content[data-v-bb1e9ff2]{flex:1;min-width:0}.toast-title[data-v-bb1e9ff2]{font-size:var(--font-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600}.toast-message[data-v-bb1e9ff2]{font-size:var(--font-sm);color:var(--text-secondary);word-break:break-word;line-height:1.45}.toast-close[data-v-bb1e9ff2]{width:28px;height:28px;color:var(--text-muted);background:var(--glass-1);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;margin:-4px -4px -4px 0;display:flex}.toast-close[data-v-bb1e9ff2]:hover{color:var(--text-primary);background:var(--glass-2)}.terminal-content[data-v-bb1e9ff2]::-webkit-scrollbar{width:8px;height:8px}.output-container[data-v-bb1e9ff2]::-webkit-scrollbar{width:8px;height:8px}.tables-list[data-v-bb1e9ff2]::-webkit-scrollbar{width:8px;height:8px}.results-table-container[data-v-bb1e9ff2]::-webkit-scrollbar{width:8px;height:8px}.terminal-content[data-v-bb1e9ff2]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.output-container[data-v-bb1e9ff2]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.tables-list[data-v-bb1e9ff2]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.results-table-container[data-v-bb1e9ff2]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.terminal-content[data-v-bb1e9ff2]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--lab-primary),var(--lab-purple));border-radius:4px}.output-container[data-v-bb1e9ff2]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--lab-primary),var(--lab-purple));border-radius:4px}.tables-list[data-v-bb1e9ff2]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--lab-primary),var(--lab-purple));border-radius:4px}.results-table-container[data-v-bb1e9ff2]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--lab-primary),var(--lab-purple));border-radius:4px}.terminal-content[data-v-bb1e9ff2] ::selection{color:#fff;background:#667eea66}.btn[data-v-bb1e9ff2]:focus-visible,.tab-btn[data-v-bb1e9ff2]:focus-visible,.cmd-btn[data-v-bb1e9ff2]:focus-visible,.template-btn[data-v-bb1e9ff2]:focus-visible,.command-input[data-v-bb1e9ff2]:focus-visible,.sql-textarea[data-v-bb1e9ff2]:focus-visible,.python-textarea[data-v-bb1e9ff2]:focus-visible,.toast-close[data-v-bb1e9ff2]:focus-visible,.table-item .btn-sm[data-v-bb1e9ff2]:focus-visible{outline:2px solid var(--lab-secondary);outline-offset:2px;box-shadow:0 0 0 4px #818cf838}@media (prefers-reduced-motion:reduce){.stat-card[data-v-bb1e9ff2]:hover,.tab-btn[data-v-bb1e9ff2]:hover,.table-item[data-v-bb1e9ff2]:hover,.cmd-btn[data-v-bb1e9ff2]:hover,.template-btn[data-v-bb1e9ff2]:hover,.btn[data-v-bb1e9ff2]:hover{transform:none}.terminal-content[data-v-bb1e9ff2]:after,.lab-info-banner[data-v-bb1e9ff2]:before{animation:none}}@media (prefers-contrast:more){.labs-container[data-v-bb1e9ff2]{color:#fff}.stat-card[data-v-bb1e9ff2],.tab-content[data-v-bb1e9ff2],.terminal-wrapper[data-v-bb1e9ff2],.sql-editor[data-v-bb1e9ff2],.sql-results[data-v-bb1e9ff2],.python-editor[data-v-bb1e9ff2],.python-output[data-v-bb1e9ff2],.toast[data-v-bb1e9ff2]{background:#080a1cbf;border-color:#ffffff73}}.tab-content[data-v-bb1e9ff2],.terminal-wrapper[data-v-bb1e9ff2],.stat-card[data-v-bb1e9ff2]{contain:layout style paint}@media (min-width:480px){.header-stats[data-v-bb1e9ff2],.commands-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(2,1fr)}.templates-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.labs-container[data-v-bb1e9ff2]{padding:var(--space-xl)}.header-stats[data-v-bb1e9ff2],.commands-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(3,1fr)}.templates-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(4,1fr)}.terminal-content[data-v-bb1e9ff2]{min-height:420px;max-height:65vh}}@media (min-width:1024px){.sql-container[data-v-bb1e9ff2]{grid-template-columns:minmax(260px,320px) 1fr;min-height:600px}.sql-sidebar[data-v-bb1e9ff2]{padding:0 var(--space-lg)0 0;border-bottom:none;border-right:1px solid var(--glass-border)}.python-container[data-v-bb1e9ff2]{grid-template-columns:2fr 1fr;min-height:600px}.commands-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.labs-container[data-v-bb1e9ff2]{max-width:1500px;padding:clamp(2rem,3vw,3rem)}.header-stats[data-v-bb1e9ff2]{grid-template-columns:repeat(3,1fr)}.sql-container[data-v-bb1e9ff2]{grid-template-columns:360px 1fr}.python-container[data-v-bb1e9ff2]{grid-template-columns:2.5fr 1fr}.commands-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.labs-container[data-v-bb1e9ff2]{max-width:1760px}.commands-grid[data-v-bb1e9ff2],.templates-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(5,1fr)}}@media (min-width:2560px){[data-v-bb1e9ff2]:root{--font-md:1.15rem;--font-lg:1.5rem;--font-xl:2.2rem}.labs-container[data-v-bb1e9ff2]{max-width:2200px;padding:4rem}.commands-grid[data-v-bb1e9ff2],.templates-grid[data-v-bb1e9ff2]{grid-template-columns:repeat(6,1fr)}.terminal-content[data-v-bb1e9ff2]{min-height:520px;max-height:70vh}}@media (max-width:900px) and (orientation:landscape) and (max-height:480px){.labs-container[data-v-bb1e9ff2]{padding:var(--space-md)}.terminal-content[data-v-bb1e9ff2]{min-height:240px;max-height:55vh}.python-textarea[data-v-bb1e9ff2]{min-height:220px}}.exams-page{--ex-text:#fff;--ex-text-soft:#ffffffbf;--ex-text-muted:#ffffff8c;--ex-text-accent:#a5b4fc;--ex-glass:#ffffff0d;--ex-glass-2:#ffffff14;--ex-glass-3:#ffffff1f;--ex-border:1px solid #ffffff1a;--ex-border-soft:1px solid #ffffff0f;--ex-blur:blur(14px)saturate(140%);--ex-blur-strong:blur(20px)saturate(160%);--ex-shadow:0 8px 32px #00000059;--ex-glow:0 8px 32px #667eea2e;--ex-glow-strong:0 12px 48px #667eea47;--ex-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--ex-grad-soft:linear-gradient(135deg,#667eea40 0%,#764ba240 100%);--ex-success:#4ade80;--ex-success-bg:#48bb782e;--ex-danger:#f87171;--ex-danger-bg:#f871712e;--ex-warning:#fbbf24;--ex-warning-bg:#ed89362e;--ex-info:#38bdf8;--ex-info-bg:#38bdf82e;--ex-radius-sm:10px;--ex-radius-md:14px;--ex-radius-lg:18px;--ex-radius-xl:22px;z-index:1;width:100%;max-width:1400px;color:var(--ex-text);min-height:100dvh;margin:0 auto;padding:clamp(1rem,3vw,2rem);position:relative}.exams-page .page-header{background:var(--ex-glass);-webkit-backdrop-filter:var(--ex-blur);border:var(--ex-border);border-radius:var(--ex-radius-lg);box-shadow:var(--ex-shadow),var(--ex-glow);margin-bottom:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.exams-page .page-header:before{content:"";background:var(--ex-grad);opacity:.06;pointer-events:none;position:absolute;inset:0}.exams-page .page-title{letter-spacing:.3px;background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.2}.exams-page .page-subtitle{color:var(--ex-text-soft);margin:0;font-size:clamp(.9rem,1.6vw,1.05rem)}.exams-page .search-container{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.exams-page .search-input-wrapper{background:var(--ex-glass);-webkit-backdrop-filter:var(--ex-blur);border:var(--ex-border);border-radius:var(--ex-radius-md);align-items:center;gap:.5rem;padding:0 clamp(.75rem,2vw,1rem);transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.exams-page .search-input-wrapper:focus-within{box-shadow:0 0 0 4px #667eea26,var(--ex-glow);background:var(--ex-glass-2);border-color:#818cf88c}.exams-page .search-icon{color:var(--ex-text-soft);font-size:1.1rem;line-height:1}.exams-page .search-input{min-width:0;color:var(--ex-text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-size:clamp(.9rem,1.6vw,1rem)}.exams-page .search-input::placeholder{color:var(--ex-text-muted)}.exams-page .search-clear{width:32px;height:32px;color:var(--ex-text-soft);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,transform .2s;display:inline-flex}.exams-page .search-clear:hover{color:#fff;background:#f8717133;transform:rotate(90deg)}.exams-page .loading-container,.exams-page .error-container,.exams-page .empty-container{text-align:center;background:var(--ex-glass);-webkit-backdrop-filter:var(--ex-blur);border:var(--ex-border);border-radius:var(--ex-radius-lg);box-shadow:var(--ex-shadow);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:1.5rem 0;padding:clamp(2rem,6vw,3.5rem) 1.25rem;animation:.35s both fadeInUp;display:flex}.exams-page .loading-container p,.exams-page .error-container p,.exams-page .empty-container p{color:var(--ex-text-soft);max-width:480px;margin:0}.exams-page .error-container h3,.exams-page .empty-container h3{margin:0;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700}.exams-page .error-icon,.exams-page .empty-icon{filter:drop-shadow(0 0 12px #667eea66);font-size:clamp(2.5rem,6vw,3.5rem)}.exams-page .loading-container .loading-spinner{border:3px solid #818cf8;border-color:#818cf8 #c084fc #ffffff1a #ffffff1a;border-radius:50%;width:56px;height:56px;animation:1.1s linear infinite spin;box-shadow:0 0 24px #667eea40}.exams-page .retry-btn{background:var(--ex-grad);color:#fff;border-radius:var(--ex-radius-md);cursor:pointer;border:none;min-height:44px;margin-top:.5rem;padding:.7rem 1.5rem;font-weight:600;transition:transform .25s,box-shadow .25s,filter .25s}.exams-page .retry-btn:hover{box-shadow:var(--ex-glow-strong);filter:brightness(1.1);transform:translateY(-2px)}.exams-page .exams-container{width:100%}.exams-page .exams-grid{grid-template-columns:1fr;gap:clamp(.9rem,2vw,1.5rem);display:grid}.exams-page .exam-card{background:var(--ex-glass);-webkit-backdrop-filter:var(--ex-blur);border:var(--ex-border);border-radius:var(--ex-radius-lg);box-shadow:var(--ex-shadow);isolation:isolate;flex-direction:column;padding:clamp(1.1rem,2.5vw,1.75rem);transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.exams-page .exam-card:before{content:"";background:var(--ex-grad);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.exams-page .exam-card:hover{box-shadow:var(--ex-glow-strong),var(--ex-shadow);background:var(--ex-glass-2);border-color:#818cf859;transform:translateY(-4px)}.exams-page .exam-card:hover:before{opacity:.05}.exams-page .exam-header{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.1rem;display:flex}.exams-page .exam-icon{background:var(--ex-grad-soft);border:var(--ex-border);border-radius:var(--ex-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:inline-flex;box-shadow:0 4px 14px #667eea2e}.exams-page .exam-title-section{flex:200px;min-width:0}.exams-page .exam-title{color:#fff;word-break:break-word;overflow-wrap:anywhere;margin:0 0 .25rem;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700}.exams-page .exam-course{color:var(--ex-text-soft);word-break:break-word;margin:0;font-size:.875rem}.exams-page .exam-status{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;flex-shrink:0;padding:.4rem .8rem;font-size:.7rem;font-weight:700}.exams-page .status-passed,.exams-page .appointment-status.completed{background:var(--ex-success-bg);color:#86efac;border-color:#4ade8073}.exams-page .status-failed,.exams-page .appointment-status.cancelled,.exams-page .status-cancelled{background:var(--ex-danger-bg);color:#fca5a5;border-color:#f8717173}.exams-page .status-scheduled,.exams-page .appointment-status.scheduled{background:var(--ex-warning-bg);color:#fcd34d;border-color:#fbbf2473}.exams-page .status-in-progress,.exams-page .appointment-status.in-progress{background:var(--ex-info-bg);color:#7dd3fc;border-color:#38bdf873}.exams-page .status-completed,.exams-page .status-not-taken,.exams-page .status-expired{color:var(--ex-text-soft);background:#ffffff14;border-color:#ffffff2e}.exams-page .exam-details{margin-bottom:1rem}.exams-page .detail-row{border-bottom:var(--ex-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;padding:.55rem 0;display:flex}.exams-page .detail-row:last-child{border-bottom:none}.exams-page .detail-label{color:var(--ex-text-soft);flex-shrink:0;font-size:.85rem;font-weight:500}.exams-page .detail-value{color:var(--ex-text);text-align:right;word-break:break-word;overflow-wrap:anywhere;max-width:65%;font-size:.9rem;font-weight:600}.exams-page .detail-value.truncated{white-space:nowrap;text-overflow:ellipsis;max-width:60%;overflow:hidden}.exams-page .score-display{border-top:var(--ex-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.exams-page .score-label{color:var(--ex-text-soft);font-size:.85rem;font-weight:500}.exams-page .score-value{letter-spacing:.5px;font-size:1.1rem;font-weight:800}.exams-page .score-value.passed{color:var(--ex-success)}.exams-page .score-value.failed{color:var(--ex-danger)}.exams-page .appointment-info{border-top:var(--ex-border-soft);margin-top:.75rem;padding-top:.75rem}.exams-page .appointment-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ex-text-soft);margin-bottom:.4rem;font-size:.8rem;font-weight:600}.exams-page .appointment-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.exams-page .appointment-date{color:var(--ex-text);font-size:.9rem;font-weight:600}.exams-page .appointment-status{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #ffffff26;border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:700}.exams-page .exam-actions{border-top:var(--ex-border-soft);flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.exams-page .exam-actions>button,.exams-page .appointment-actions{flex:160px}.exams-page .appointment-actions{flex-direction:column;gap:.5rem;display:flex}.exams-page .exam-actions button{border-radius:var(--ex-radius-md);cursor:pointer;color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.1rem;font-size:.875rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s,opacity .25s;display:inline-flex}.exams-page .btn-view{background:#ffffff14;border-color:#ffffff26}.exams-page .btn-view:hover{background:#ffffff29;transform:translateY(-2px);box-shadow:0 8px 24px #ffffff14}.exams-page .btn-schedule{background:var(--ex-grad);border-color:#764ba273}.exams-page .btn-schedule:hover:not(:disabled){box-shadow:var(--ex-glow-strong);filter:brightness(1.08);transform:translateY(-2px)}.exams-page .btn-schedule:disabled{opacity:.55;cursor:not-allowed}.exams-page .btn-scheduled{background:linear-gradient(135deg,#ed8936d9 0%,#dd6b20d9 100%);border-color:#ed893680}.exams-page .btn-scheduled:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ed893659}.exams-page .btn-start{background:linear-gradient(135deg,#22c55ed9 0%,#16a34ad9 100%);border-color:#22c55e80}.exams-page .btn-start:hover{transform:translateY(-2px);box-shadow:0 10px 28px #22c55e59}.exams-page .btn-completed{color:var(--ex-text-soft);cursor:not-allowed;opacity:.7;background:#ffffff0f;border-color:#ffffff1f}.exams-page .btn-completed:hover{box-shadow:none;transform:none}.exams-page .reschedule-notice,.exams-page .cancel-notice{border-top:1px dashed #ffffff1f;margin-top:.75rem;padding-top:.75rem}.exams-page .btn-reschedule,.exams-page .btn-cancel-appointment{border-radius:var(--ex-radius-md);cursor:pointer;color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.7rem 1.1rem;font-size:.875rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.exams-page .btn-reschedule{background:linear-gradient(135deg,#ed893699 0%,#dd6b2099 100%);border-color:#ed893673}.exams-page .btn-reschedule:hover{background:linear-gradient(135deg,#ed8936d9 0%,#dd6b20d9 100%);transform:translateY(-2px);box-shadow:0 10px 28px #ed893659}.exams-page .btn-cancel-appointment{background:linear-gradient(135deg,#f871718c 0%,#dc26268c 100%);border-color:#f8717173}.exams-page .btn-cancel-appointment:hover{background:linear-gradient(135deg,#f87171d9 0%,#dc2626d9 100%);transform:translateY(-2px);box-shadow:0 10px 28px #f8717159}.exams-page .modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#03030fa6;justify-content:center;align-items:center;padding:clamp(.75rem,2vw,1.25rem);animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.exams-page .modal-content{width:100%;max-width:720px;max-height:min(92dvh,900px);-webkit-backdrop-filter:var(--ex-blur-strong);border:var(--ex-border);border-radius:var(--ex-radius-lg);box-shadow:0 24px 60px #0000008c,var(--ex-glow-strong);background:#0f0f2399;flex-direction:column;animation:.35s cubic-bezier(.2,.9,.3,1.2) both modalSlideUp;display:flex;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.exams-page .modal-header{border-bottom:var(--ex-border-soft);background:#ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,2.5vw,1.5rem);display:flex}.exams-page .modal-header h3{color:#fff;word-break:break-word;margin:0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700}.exams-page .modal-close{border:var(--ex-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.25rem;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.exams-page .modal-close:hover{background:#f8717140;border-color:#f8717173;transform:rotate(90deg)}.exams-page .modal-body{flex:auto;padding:clamp(1rem,2.5vw,1.5rem);overflow-y:auto}.exams-page .modal-footer{border-top:var(--ex-border-soft);background:#ffffff08;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.6rem;padding:clamp(.85rem,2vw,1.25rem);display:flex}.exams-page .exam-detail-section{margin-bottom:1.5rem}.exams-page .exam-detail-section:last-child{margin-bottom:0}.exams-page .exam-detail-section h4{color:#fff;border-bottom:var(--ex-border-soft);margin:0 0 .85rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.exams-page .detail-grid,.exams-page .appointment-detail-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.exams-page .detail-grid .detail-item,.exams-page .appointment-detail-grid .detail-item{border:var(--ex-border-soft);border-radius:var(--ex-radius-md);background:#ffffff0a;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}.exams-page .detail-grid .detail-label,.exams-page .appointment-detail-grid .detail-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ex-text-muted);font-size:.7rem;font-weight:600}.exams-page .detail-grid .detail-value,.exams-page .appointment-detail-grid .detail-value{text-align:left;max-width:100%;color:var(--ex-text);font-size:.95rem;font-weight:600}.exams-page .instructions-content{border:var(--ex-border-soft);border-radius:var(--ex-radius-md);color:var(--ex-text-soft);white-space:pre-wrap;word-break:break-word;background:#ffffff0a;padding:1rem;font-size:.9rem;line-height:1.7}.exams-page .video-container{margin-top:.5rem}.exams-page .video-embed-wrapper{border:var(--ex-border-soft);border-radius:var(--ex-radius-md);background:#0000004d;overflow:hidden}.exams-page .video-embed-container{aspect-ratio:16/9;width:100%;position:relative}.exams-page .video-embed-container iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.exams-page .video-link-container{text-align:center;border-radius:var(--ex-radius-md);background:#ed89361a;border:1px solid #ed893640;padding:1.25rem}.exams-page .video-link-container p{color:var(--ex-text-soft);margin:0 0 .85rem}.exams-page .video-external-link{color:#fff;border-radius:var(--ex-radius-md);background:linear-gradient(135deg,#ed8936b3 0%,#dd6b20b3 100%);border:1px solid #ed893673;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.exams-page .video-external-link:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ed893659}.exams-page .results-section{grid-template-columns:1fr;gap:.75rem;display:grid}.exams-page .result-item{border:var(--ex-border-soft);border-radius:var(--ex-radius-md);background:#ffffff0a;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;display:flex}.exams-page .result-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ex-text-muted);font-size:.7rem;font-weight:600}.exams-page .result-value{letter-spacing:.5px;color:var(--ex-text);font-size:1.15rem;font-weight:800}.exams-page .result-value.passed{color:var(--ex-success)}.exams-page .result-value.failed{color:var(--ex-danger)}.exams-page .appointment-management{flex-direction:column;gap:1rem;display:flex}.exams-page .management-option{border:var(--ex-border-soft);border-radius:var(--ex-radius-md);background:#ffffff0a;flex-wrap:wrap;gap:1rem;padding:1rem;transition:background .25s,border-color .25s,transform .25s;display:flex}.exams-page .management-option:hover{background:#ffffff12;border-color:#ffffff26}.exams-page .option-icon{background:var(--ex-grad-soft);border:var(--ex-border);border-radius:var(--ex-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:inline-flex}.exams-page .option-details{flex:200px;min-width:0}.exams-page .option-details h5{color:#fff;margin:0 0 .35rem;font-size:1rem;font-weight:700}.exams-page .option-details p{color:var(--ex-text-soft);margin:0 0 .85rem;font-size:.875rem;line-height:1.55}.exams-page .management-option .btn-reschedule,.exams-page .management-option .btn-cancel-appointment{width:auto;min-width:180px;max-width:100%}.exams-page .history-container{border:var(--ex-border-soft);border-radius:var(--ex-radius-md);background:#ffffff08;flex-direction:column;display:flex;overflow:hidden}.exams-page .history-item{border-bottom:var(--ex-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.exams-page .history-item:last-child{border-bottom:none}.exams-page .history-date{color:var(--ex-text-soft);font-size:.875rem}.exams-page .history-status{letter-spacing:.05em;text-transform:uppercase;color:var(--ex-text-soft);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:.3rem .7rem;font-size:.7rem;font-weight:700}.exams-page .history-status.scheduled{background:var(--ex-warning-bg);color:#fcd34d;border-color:#fbbf2466}.exams-page .history-status.completed{background:var(--ex-success-bg);color:#86efac;border-color:#4ade8066}.exams-page .history-status.cancelled,.exams-page .history-status.expired{background:var(--ex-danger-bg);color:#fca5a5;border-color:#f8717166}.exams-page .history-status.in-progress{background:var(--ex-info-bg);color:#7dd3fc;border-color:#38bdf866}.exams-page .btn-secondary,.exams-page .btn-primary{border-radius:var(--ex-radius-md);cursor:pointer;color:#fff;border:1px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,filter .25s;display:inline-flex}.exams-page .btn-secondary{background:#ffffff14;border-color:#ffffff26}.exams-page .btn-secondary:hover{background:#ffffff29;transform:translateY(-2px)}.exams-page .btn-primary{background:var(--ex-grad);border-color:#764ba273}.exams-page .btn-primary:hover{box-shadow:var(--ex-glow-strong);filter:brightness(1.08);transform:translateY(-2px)}.exams-page :focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #818cf8}@media (min-width:480px){.exams-page .exam-actions>button{flex:calc(50% - .3rem)}.exams-page .results-section{grid-template-columns:repeat(3,1fr)}}@media (min-width:640px){.exams-page .exams-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.exams-page .detail-grid,.exams-page .appointment-detail-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.exams-page .exams-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.exams-page .management-option{flex-wrap:nowrap}}@media (min-width:1024px){.exams-page{padding:2rem 2.5rem}.exams-page .exams-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.75rem}}@media (min-width:1440px){.exams-page{max-width:1500px}.exams-page .exams-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (min-width:1920px){.exams-page{max-width:1700px;padding:2.5rem 3rem}.exams-page .exams-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2rem}.exams-page .modal-content{max-width:880px}}@media (min-width:2560px){.exams-page{max-width:2200px;padding:3rem 4rem;font-size:1.1rem}.exams-page .page-title{font-size:2.75rem}.exams-page .exams-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:2.5rem}.exams-page .modal-content{max-width:1100px}}@media (prefers-reduced-motion:reduce){.exams-page,.exams-page *{transition-duration:.01ms!important;animation:none!important}.exams-page .exam-card:hover,.exams-page .btn-view:hover,.exams-page .btn-schedule:hover,.exams-page .btn-start:hover,.exams-page .btn-scheduled:hover,.exams-page .btn-reschedule:hover,.exams-page .btn-cancel-appointment:hover,.exams-page .btn-primary:hover,.exams-page .btn-secondary:hover,.exams-page .retry-btn:hover,.exams-page .video-external-link:hover,.exams-page .modal-close:hover,.exams-page .search-clear:hover{transform:none}}.exams-page[data-v-5d359756]{max-width:1200px;margin:0 auto;padding:24px}.appointment-detail-grid[data-v-5d359756]{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px;display:grid}.appointment-detail-grid .detail-item[data-v-5d359756]{flex-direction:column;display:flex}.appointment-detail-grid .detail-label[data-v-5d359756]{color:#718096;margin-bottom:4px;font-size:14px}.appointment-detail-grid .detail-value[data-v-5d359756]{color:#1a202c;font-size:14px;font-weight:500}.history-container[data-v-5d359756]{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;overflow:hidden}.history-item[data-v-5d359756]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.history-item[data-v-5d359756]:last-child{border-bottom:none}.history-date[data-v-5d359756]{color:#4a5568;font-size:14px}.history-status[data-v-5d359756]{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.history-status.scheduled[data-v-5d359756]{color:#2b6cb0;background-color:#ebf8ff}.history-status.cancelled[data-v-5d359756],.history-status.expired[data-v-5d359756]{color:#c53030;background-color:#fed7d7}.history-status.completed[data-v-5d359756]{color:#276749;background-color:#c6f6d5}.status-in-progress[data-v-5d359756]{color:#744210;background-color:#fefcbf}.schedule-exam-page{--sx-text:#fff;--sx-text-soft:#e8eaff;--sx-text-mute:#ffffffb8;--sx-text-dim:#ffffff8c;--sx-accent:#818cf8;--sx-accent-2:#a78bfa;--sx-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--sx-grad-soft:linear-gradient(135deg,#667eea38 0%,#764ba238 100%);--sx-grad-hover:linear-gradient(135deg,#667eea73 0%,#764ba273 100%);--sx-success:#48bb78;--sx-success-bg:#48bb7826;--sx-warning:#ed8936;--sx-warning-bg:#ed893626;--sx-danger:#fc8181;--sx-danger-bg:#fc818126;--sx-info:#0ea5e9;--sx-info-bg:#0ea5e926;--sx-glass:#ffffff0d;--sx-glass-2:#ffffff14;--sx-glass-3:#ffffff1f;--sx-glass-bg:#0f112859;--sx-border:#ffffff1a;--sx-border-2:#ffffff2e;--sx-blur:blur(16px)saturate(150%);--sx-blur-strong:blur(22px)saturate(160%);--sx-shadow:0 8px 32px #667eea26;--sx-shadow-lg:0 16px 50px #764ba247;--sx-glow:0 0 18px #818cf859;--sx-glow-green:0 0 18px #48bb7859;--sx-glow-amber:0 0 18px #ed893659;--sx-glow-red:0 0 18px #fc818159;--sx-r-xs:8px;--sx-r-sm:10px;--sx-r-md:14px;--sx-r-lg:18px;--sx-r-xl:24px;--sx-pad:clamp(1rem,2.4vw,2rem);--sx-ease:cubic-bezier(.4,0,.2,1);z-index:1;width:100%;max-width:1400px;padding:var(--sx-pad);color:var(--sx-text-soft);isolation:isolate;background:0 0;margin:0 auto;position:relative}.schedule-exam-page :where(h1,h2,h3,h4,h5,p,span,li,label,a,button){text-shadow:0 1px 2px #0000008c}.schedule-exam-page,.schedule-exam-page *,.schedule-exam-page :before,.schedule-exam-page :after{box-sizing:border-box}.schedule-exam-page,.schedule-exam-page [class*=container],.schedule-exam-page [class*=card],.schedule-exam-page [class*=content]{max-width:100%}.schedule-exam-page button,.schedule-exam-page .back-btn,.schedule-exam-page .retry-btn{white-space:nowrap}.schedule-exam-page .page-header{margin-bottom:clamp(1.25rem,3vw,2.25rem)}.schedule-exam-page .header-content{flex-direction:column;gap:.85rem;display:flex}.schedule-exam-page .page-title,.schedule-exam-page .page-header h1{letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:700}.schedule-exam-page .page-subtitle,.schedule-exam-page .page-header p{color:var(--sx-text-mute);margin:0;font-size:clamp(.9rem,1.6vw,1.05rem)}.schedule-exam-page .back-btn{background:var(--sx-glass);min-height:44px;color:var(--sx-text);border:1px solid var(--sx-border);border-radius:var(--sx-r-md);cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:all .25s var(--sx-ease);align-self:flex-start;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.schedule-exam-page .back-btn:hover{background:var(--sx-glass-2);border-color:var(--sx-border-2);box-shadow:var(--sx-glow);transform:translate(-3px)}.schedule-exam-page .back-btn svg{width:18px;height:18px}.schedule-exam-page .progress-steps{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.schedule-exam-page .steps-container{flex-wrap:wrap;justify-content:center;align-items:center;row-gap:1rem;max-width:900px;margin:0 auto;display:flex}.schedule-exam-page .step{z-index:1;flex-direction:column;flex:90px;align-items:center;gap:.5rem;min-width:80px;display:flex;position:relative}.schedule-exam-page .step-number{background:var(--sx-glass);border:1px solid var(--sx-border);width:48px;height:48px;color:var(--sx-text-mute);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--sx-ease);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.schedule-exam-page .step.active .step-number{background:var(--sx-grad);color:#fff;border-color:#0000;transform:scale(1.08);box-shadow:0 0 22px #818cf88c}.schedule-exam-page .step.completed .step-number{color:#fff;background:linear-gradient(135deg,#48bb788c 0%,#38a1698c 100%);border-color:#48bb7866}.schedule-exam-page .step-label{color:var(--sx-text-mute);text-align:center;white-space:normal;padding:0 .25rem;font-size:.8rem;font-weight:500;line-height:1.3}.schedule-exam-page .step.active .step-label{color:#fff;font-weight:600}.schedule-exam-page .step.completed .step-label{color:#a7f3d0}.schedule-exam-page .step-line{background:var(--sx-glass);border-radius:2px;flex:30px;min-width:30px;height:2px;margin:0 .5rem}.schedule-exam-page .step-content{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-xl);-webkit-backdrop-filter:var(--sx-blur-strong);box-shadow:var(--sx-shadow);isolation:isolate;margin-bottom:1.5rem;padding:clamp(1.25rem,2.8vw,2.25rem);position:relative}.schedule-exam-page .step-header{text-align:center;margin-bottom:clamp(1.25rem,2.5vw,2rem)}.schedule-exam-page .step-header h2{color:#fff;margin-bottom:.35rem;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:700}.schedule-exam-page .step-header p{color:var(--sx-text-mute);margin:0;font-size:clamp(.9rem,1.5vw,1rem)}.schedule-exam-page .date-warning{background:var(--sx-warning-bg);border-radius:var(--sx-r-md);color:#ffd5a3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ed893659;align-items:center;gap:.75rem;max-width:700px;margin:1rem auto 0;padding:.85rem 1.15rem;font-weight:600;display:flex}.schedule-exam-page .date-warning svg{color:#fa6;flex-shrink:0}.schedule-exam-page .exams-list{flex-direction:column;gap:.75rem;max-width:720px;margin:0 auto clamp(1.25rem,2.5vw,2rem);display:flex}.schedule-exam-page .exam-option{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-md);cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:all .25s var(--sx-ease);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem;display:flex}.schedule-exam-page .exam-option:hover:not(.disabled){background:var(--sx-glass-2);border-color:var(--sx-border-2);transform:translate(4px);box-shadow:0 6px 22px #667eea33}.schedule-exam-page .exam-option.selected{background:var(--sx-grad-soft);box-shadow:var(--sx-glow);border-color:#818cf88c}.schedule-exam-page .exam-option.disabled{opacity:.55;cursor:not-allowed;background:#fc81810f;border-color:#fc818140}.schedule-exam-page .exam-option-icon{border-radius:var(--sx-r-md);background:var(--sx-grad);color:#fff;border:1px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex;box-shadow:0 6px 18px #667eea59}.schedule-exam-page .exam-option-icon.disabled{background:linear-gradient(135deg,#ed893666,#dd6b2066);box-shadow:0 6px 18px #ed89364d}.schedule-exam-page .exam-option-details{flex:min(220px,100%);min-width:0}.schedule-exam-page .exam-option-details h4{color:#fff;margin:0 0 .25rem;font-size:1rem;font-weight:600}.schedule-exam-page .exam-option-details p{color:var(--sx-text-mute);margin:0;font-size:.85rem}.schedule-exam-page .exam-status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.schedule-exam-page .exam-status svg{width:14px;height:14px}.schedule-exam-page .exam-status.passed{background:var(--sx-success-bg);color:#6ee7b7;border:1px solid #48bb7859}.schedule-exam-page .exam-status.scheduled{background:var(--sx-warning-bg);color:#fdba74;border:1px solid #ed893659}.schedule-exam-page .exam-status.failed{background:var(--sx-danger-bg);color:#fca5a5;border:1px solid #fc818159}.schedule-exam-page .exam-option-check{flex-shrink:0}.schedule-exam-page .check-circle{color:#fff;width:28px;height:28px;box-shadow:var(--sx-glow-green);background:linear-gradient(135deg,#48bb7899,#38a16999);border:1px solid #48bb7880;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.schedule-exam-page .status-tag{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:.3rem .6rem;font-size:.65rem;font-weight:700;display:inline-block}.schedule-exam-page .status-tag.passed{background:var(--sx-success-bg);color:#6ee7b7;border:1px solid #48bb7859}.schedule-exam-page .status-tag.scheduled{background:var(--sx-warning-bg);color:#fdba74;border:1px solid #ed893659}.schedule-exam-page .status-tag.failed{background:var(--sx-danger-bg);color:#fca5a5;border:1px solid #fc818159}.schedule-exam-page .proctors-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:clamp(1.25rem,2.5vw,2rem);display:grid}.schedule-exam-page .proctor-card{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-md);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s var(--sx-ease);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem;display:flex}.schedule-exam-page .proctor-card:hover{background:var(--sx-glass-2);border-color:var(--sx-border-2);transform:translateY(-3px);box-shadow:0 10px 28px #667eea33}.schedule-exam-page .proctor-card.selected{background:var(--sx-grad-soft);box-shadow:var(--sx-glow);border-color:#818cf88c}.schedule-exam-page .proctor-avatar{border-radius:var(--sx-r-md);background:var(--sx-grad);color:#fff;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:600;display:flex;box-shadow:0 8px 22px #667eea66}.schedule-exam-page .proctor-info{flex:min(180px,100%);min-width:0}.schedule-exam-page .proctor-info h4{color:#fff;margin:0 0 .2rem;font-size:1rem;font-weight:600}.schedule-exam-page .proctor-info p{color:var(--sx-text-mute);margin:0 0 .4rem;font-size:.85rem}.schedule-exam-page .proctor-status{text-transform:uppercase;letter-spacing:.4px;background:var(--sx-danger-bg);color:#fca5a5;border:1px solid #fc818159;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.schedule-exam-page .proctor-status.active{background:var(--sx-success-bg);color:#6ee7b7;border-color:#48bb7859}.schedule-exam-page .proctor-check{flex-shrink:0}.schedule-exam-page .date-time-selector{grid-template-columns:1fr;gap:1.25rem;margin-bottom:clamp(1.25rem,2.5vw,2rem);display:grid}.schedule-exam-page .date-selector,.schedule-exam-page .time-selector{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-lg);-webkit-backdrop-filter:blur(10px);min-width:0;padding:1.2rem}.schedule-exam-page .date-selector h3,.schedule-exam-page .time-selector h3{color:#fff;margin:0 0 1rem;font-size:1rem;font-weight:600}.schedule-exam-page .calendar-container{border:1px solid var(--sx-border);border-radius:var(--sx-r-md);background:#0f112859;padding:1rem;overflow-x:auto}.schedule-exam-page .calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.schedule-exam-page .current-month{color:#fff;font-size:1rem;font-weight:600}.schedule-exam-page .nav-btn{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-sm);width:40px;height:40px;color:var(--sx-text);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s var(--sx-ease);flex-shrink:0;justify-content:center;align-items:center;display:flex}.schedule-exam-page .nav-btn:hover{background:var(--sx-grad);box-shadow:var(--sx-glow);border-color:#0000;transform:translateY(-1px)}.schedule-exam-page .nav-btn svg{width:18px;height:18px}.schedule-exam-page .calendar-days{grid-template-columns:repeat(7,1fr);gap:4px;min-width:260px;display:grid}.schedule-exam-page .day-header{text-align:center;color:var(--sx-text-mute);text-transform:uppercase;letter-spacing:.5px;padding:.4rem 0;font-size:.7rem;font-weight:700}.schedule-exam-page .calendar-day{aspect-ratio:1;border-radius:var(--sx-r-sm);background:var(--sx-glass);cursor:pointer;transition:all .2s var(--sx-ease);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:relative}.schedule-exam-page .calendar-day:hover:not(.disabled):not(.has-appointment):not(.past){background:var(--sx-glass-2);border-color:var(--sx-border-2)}.schedule-exam-page .calendar-day.available{color:#a7f3d0;background:#48bb781f;border-color:#48bb784d}.schedule-exam-page .calendar-day.available:hover{box-shadow:var(--sx-glow-green);background:#48bb7838}.schedule-exam-page .calendar-day.selected{background:var(--sx-grad);color:#fff;z-index:1;border-color:#0000;transform:scale(1.05);box-shadow:0 0 20px #818cf899}.schedule-exam-page .calendar-day.today{border-color:#818cf88c}.schedule-exam-page .calendar-day.past{opacity:.3;cursor:not-allowed}.schedule-exam-page .calendar-day.disabled{opacity:.4;cursor:not-allowed}.schedule-exam-page .calendar-day.has-appointment{background:var(--sx-warning-bg);color:#fdba74;cursor:not-allowed;border-style:dashed;border-color:#ed893666}.schedule-exam-page .day-number{font-weight:600}.schedule-exam-page .day-availability,.schedule-exam-page .day-appointment{font-size:.55rem;position:absolute;bottom:3px}.schedule-exam-page .day-availability{color:#6ee7b7}.schedule-exam-page .day-appointment{color:#fdba74}.schedule-exam-page .time-slots{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.65rem;display:grid}.schedule-exam-page .time-slot{text-align:center;background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-md);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s var(--sx-ease);padding:.85rem}.schedule-exam-page .time-slot:hover:not(.unavailable){background:var(--sx-glass-2);border-color:var(--sx-border-2);transform:translateY(-2px)}.schedule-exam-page .time-slot.selected{background:var(--sx-grad);box-shadow:var(--sx-glow);border-color:#0000;transform:translateY(-2px)}.schedule-exam-page .time-slot.unavailable{opacity:.45;cursor:not-allowed;background:var(--sx-warning-bg);border-color:#ed89364d}.schedule-exam-page .slot-time{color:#fff;margin-bottom:.2rem;font-size:.9rem;font-weight:600}.schedule-exam-page .slot-status{font-size:.7rem;font-weight:600}.schedule-exam-page .slot-status.available{color:#6ee7b7}.schedule-exam-page .slot-status.unavailable{color:#fdba74}.schedule-exam-page .no-slots{text-align:center;color:var(--sx-text-mute);grid-column:1/-1;padding:2rem;font-style:italic}.schedule-exam-page .time-selector.placeholder{flex-direction:column;min-height:280px;display:flex}.schedule-exam-page .time-selector.placeholder.error{background:#ed893614;border-color:#ed89364d}.schedule-exam-page .placeholder-message{text-align:center;color:var(--sx-text-mute);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;font-style:italic;display:flex}.schedule-exam-page .placeholder-message .error-icon{color:var(--sx-warning);filter:drop-shadow(0 0 12px #ed893680);margin-bottom:.85rem;font-size:2.5rem}.schedule-exam-page .debug-info{border:1px solid var(--sx-border);border-radius:var(--sx-r-sm);color:var(--sx-text-mute);background:#0f112880;margin-top:.85rem;padding:.65rem;font-size:.75rem}.schedule-exam-page .current-appointment-details{margin-bottom:1.5rem}.schedule-exam-page .appointment-card{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-xl);-webkit-backdrop-filter:var(--sx-blur-strong);box-shadow:var(--sx-shadow);isolation:isolate;padding:clamp(1.25rem,2.5vw,2rem)}.schedule-exam-page .appointment-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.schedule-exam-page .appointment-icon{border-radius:var(--sx-r-md);color:#fff;background:linear-gradient(135deg,#ed893666,#dd6b2066);border:1px solid #ed893666;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;box-shadow:0 6px 22px #ed89364d}.schedule-exam-page .appointment-title{flex:220px;min-width:0}.schedule-exam-page .appointment-title h3{color:#fff;margin:0 0 .2rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}.schedule-exam-page .appointment-title p{color:var(--sx-text-mute);margin:0;font-size:.9rem}.schedule-exam-page .appointment-details{grid-template-columns:1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.schedule-exam-page .detail-section h4{color:#fff;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.schedule-exam-page .detail-grid{border:1px solid var(--sx-border);border-radius:var(--sx-r-md);background:#0f11284d;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.schedule-exam-page .detail-item{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.schedule-exam-page .detail-item:last-child{border-bottom:none}.schedule-exam-page .detail-item .label{color:var(--sx-text-mute);font-size:.85rem;font-weight:500}.schedule-exam-page .detail-item .value{color:#fff;text-align:right;word-break:break-word;max-width:60%;font-size:.9rem;font-weight:600}.schedule-exam-page .detail-item .value.scheduled{color:#fdba74}.schedule-exam-page .detail-item .value.in-progress,.schedule-exam-page .detail-item .value.inprogress{color:#93c5fd}.schedule-exam-page .detail-item .value.completed{color:#6ee7b7}.schedule-exam-page .detail-item .value.takenbutfailed,.schedule-exam-page .detail-item .value.expired,.schedule-exam-page .detail-item .value.cancelled{color:#fca5a5}.schedule-exam-page .detail-item .value.noreservationyet{color:var(--sx-text-mute)}.schedule-exam-page .status-active{color:#6ee7b7;font-weight:700}.schedule-exam-page .reschedule-notice,.schedule-exam-page .reschedule-note{background:var(--sx-warning-bg);border-radius:var(--sx-r-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ed89364d;flex-wrap:wrap;gap:.85rem;padding:1rem;display:flex}.schedule-exam-page .notice-icon,.schedule-exam-page .note-icon{filter:drop-shadow(0 0 8px #ed893680);flex-shrink:0;font-size:1.5rem}.schedule-exam-page .notice-content,.schedule-exam-page .note-content{flex:220px;min-width:0}.schedule-exam-page .notice-content h4{color:#fdba74;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.schedule-exam-page .notice-content ul,.schedule-exam-page .note-content ul,.schedule-exam-page .note-content p{color:var(--sx-text-mute)}.schedule-exam-page .notice-content ul{margin:0;padding:0;list-style:none}.schedule-exam-page .notice-content li{padding:.3rem 0 .3rem 1.2rem;font-size:.85rem;line-height:1.5;position:relative}.schedule-exam-page .notice-content li:before{content:"•";color:var(--sx-warning);position:absolute;top:.3rem;left:0}.schedule-exam-page .booking-summary{flex-direction:column;gap:1.5rem;margin-bottom:clamp(1.25rem,2.5vw,2rem);display:flex}.schedule-exam-page .current-appointment-section h3{color:#fff;margin:0 0 .85rem;font-size:1.05rem;font-weight:600}.schedule-exam-page .appointment-comparison{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;align-items:stretch;gap:1rem;padding:1rem;display:flex}.schedule-exam-page .old-appointment,.schedule-exam-page .new-appointment{flex:260px;min-width:0}.schedule-exam-page .comparison-label{letter-spacing:.5px;text-transform:uppercase;color:var(--sx-text-mute);margin-bottom:.5rem;font-size:.7rem;font-weight:700}.schedule-exam-page .appointment-detail{border:1px solid var(--sx-border);border-radius:var(--sx-r-md);background:#0f112859;padding:.85rem 1rem}.schedule-exam-page .arrow{color:var(--sx-accent);text-shadow:0 0 14px #818cf8b3;flex-shrink:0;align-self:center;font-size:1.75rem;font-weight:700}.schedule-exam-page .summary-card{background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:1fr;gap:1.5rem;padding:clamp(1rem,2vw,1.5rem);display:grid}.schedule-exam-page .summary-section{flex-direction:column;gap:.5rem;display:flex}.schedule-exam-page .summary-section h3{color:#fff;border-bottom:1px solid var(--sx-border);margin:0 0 .35rem;padding-bottom:.4rem;font-size:.95rem;font-weight:600}.schedule-exam-page .summary-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.schedule-exam-page .summary-item .label{color:var(--sx-text-mute);font-size:.85rem}.schedule-exam-page .summary-item .value{color:#fff;text-align:right;word-break:break-word;max-width:60%;font-size:.9rem;font-weight:600}.schedule-exam-page .instructions-card{background:var(--sx-warning-bg);border-radius:var(--sx-r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ed893659;padding:1.25rem}.schedule-exam-page .instructions-card h3{color:#fdba74;margin:0 0 .85rem;font-size:1rem;font-weight:600}.schedule-exam-page .instructions-list{margin:0;padding:0;list-style:none}.schedule-exam-page .instructions-list li{color:var(--sx-text-soft);padding:.4rem 0 .4rem 1.6rem;font-size:.9rem;line-height:1.6;position:relative}.schedule-exam-page .instructions-list li:before{content:"⚡";color:var(--sx-warning);position:absolute;top:.4rem;left:0}.schedule-exam-page .step-actions{border-top:1px solid var(--sx-border);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-top:1.25rem;display:flex}.schedule-exam-page .action-buttons{flex-wrap:wrap;gap:.6rem;display:flex}.schedule-exam-page :where(.btn-cancel,.btn-back,.btn-next,.btn-confirm,.btn-primary,.btn-secondary,.btn-danger,.retry-btn){border-radius:var(--sx-r-md);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);min-height:44px;transition:all .25s var(--sx-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.35rem;font-size:.9rem;font-weight:600;display:inline-flex}.schedule-exam-page .btn-back,.schedule-exam-page .btn-secondary{background:var(--sx-glass);color:var(--sx-text);border-color:var(--sx-border)}.schedule-exam-page .btn-back:hover,.schedule-exam-page .btn-secondary:hover{background:var(--sx-glass-2);border-color:var(--sx-border-2);box-shadow:var(--sx-glow);transform:translateY(-2px)}.schedule-exam-page .btn-next,.schedule-exam-page .btn-primary,.schedule-exam-page .retry-btn{background:var(--sx-grad);color:#fff;border-color:#ffffff2e;box-shadow:0 6px 22px #667eea59,inset 0 1px #fff3}.schedule-exam-page .btn-next:hover:not(:disabled),.schedule-exam-page .btn-primary:hover,.schedule-exam-page .retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #667eea80}.schedule-exam-page .btn-confirm{color:#fff;background:linear-gradient(135deg,#48bb78b3,#38a169b3);border-color:#48bb7873;box-shadow:0 6px 22px #48bb7859}.schedule-exam-page .btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#48bb78e6,#38a169e6);transform:translateY(-2px);box-shadow:0 10px 28px #48bb7880}.schedule-exam-page .btn-cancel,.schedule-exam-page .btn-danger{background:var(--sx-danger-bg);color:#fecaca;border-color:#fc818159}.schedule-exam-page .btn-cancel:hover:not(:disabled),.schedule-exam-page .btn-danger:hover:not(:disabled){color:#fff;box-shadow:var(--sx-glow-red);background:linear-gradient(135deg,#fc818180,#f5656580);border-color:#fc818199;transform:translateY(-2px)}.schedule-exam-page .btn-next:disabled,.schedule-exam-page .btn-confirm:disabled,.schedule-exam-page .btn-danger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.schedule-exam-page .booking-loading,.schedule-exam-page .cancelling-loading{align-items:center;gap:.4rem;display:inline-flex}.schedule-exam-page .booking-loading:after,.schedule-exam-page .cancelling-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.schedule-exam-page .modal-overlay,body>.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#03030fb3;justify-content:center;align-items:center;padding:1rem;animation:.25s sx-fade-in;display:flex;position:fixed;inset:0}.schedule-exam-page .modal-content,.schedule-exam-page .success-modal,.schedule-exam-page .cancel-modal{text-align:center;background:var(--sx-glass-bg);border:1px solid var(--sx-border-2);border-radius:var(--sx-r-xl);width:100%;max-width:560px;-webkit-backdrop-filter:var(--sx-blur-strong);animation:sx-slide-up .35s var(--sx-ease);padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #ffffff0d,0 0 60px #667eea26}.schedule-exam-page .success-icon,.schedule-exam-page .cancel-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 1.25rem;font-size:2.2rem;display:flex}.schedule-exam-page .success-icon{color:#fff;box-shadow:var(--sx-glow-green),0 8px 28px #48bb7866;background:linear-gradient(135deg,#48bb7866,#38a16966);border-color:#48bb7880}.schedule-exam-page .cancel-icon{background:var(--sx-warning-bg);color:#fdba74;box-shadow:var(--sx-glow-amber);border-color:#ed893673}.schedule-exam-page .success-modal h3,.schedule-exam-page .cancel-modal h3{color:#fff;margin:0 0 .5rem;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700}.schedule-exam-page .success-modal p,.schedule-exam-page .cancel-modal p{color:var(--sx-text-mute);margin:0 0 1.5rem;font-size:.95rem}.schedule-exam-page .success-details,.schedule-exam-page .cancel-details{border:1px solid var(--sx-border);border-radius:var(--sx-r-md);text-align:left;background:#0f112866;margin-bottom:1.25rem;padding:1rem 1.25rem}.schedule-exam-page .cancel-warning{background:var(--sx-warning-bg);border-radius:var(--sx-r-md);text-align:left;border:1px solid #ed893659;margin-bottom:1.25rem;padding:.85rem 1rem}.schedule-exam-page .cancel-warning p{color:#fdba74;margin:0;font-size:.85rem}.schedule-exam-page .success-actions,.schedule-exam-page .cancel-actions{flex-wrap:wrap;gap:.6rem;display:flex}.schedule-exam-page .success-actions button,.schedule-exam-page .cancel-actions button{flex:auto}.schedule-exam-page .loading-container,.schedule-exam-page .error-container{text-align:center;background:var(--sx-glass);border:1px solid var(--sx-border);border-radius:var(--sx-r-xl);-webkit-backdrop-filter:var(--sx-blur);box-shadow:var(--sx-shadow);flex-direction:column;justify-content:center;align-items:center;min-height:220px;margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,3rem) 1.5rem;display:flex}.schedule-exam-page .loading-spinner{background:0 0;border:3px solid #818cf8;border-color:#818cf8 #a78bfa #667eea26 #667eea26;border-radius:50%;width:56px;height:56px;margin-bottom:1rem;animation:.9s linear infinite spin;position:relative;box-shadow:0 0 22px #818cf84d}.schedule-exam-page .loading-container p{color:var(--sx-text-mute);font-size:.95rem}.schedule-exam-page .error-container .error-icon{color:var(--sx-danger);filter:drop-shadow(0 0 14px #fc818180);margin-bottom:.85rem;font-size:3rem}.schedule-exam-page .error-container h3{color:#fff;margin:0 0 .4rem;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.schedule-exam-page .error-container p{color:var(--sx-text-mute);max-width:420px;margin:0 0 1.25rem}@keyframes sx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sx-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.schedule-exam-page :where(button,a,[tabindex],.exam-option,.proctor-card,.calendar-day,.time-slot):focus-visible{outline:2px solid var(--sx-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (min-width:480px){.schedule-exam-page .step-actions{flex-wrap:nowrap}}@media (min-width:640px){.schedule-exam-page .proctors-grid,.schedule-exam-page .appointment-details{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.schedule-exam-page .date-time-selector{grid-template-columns:1fr 1fr}.schedule-exam-page .summary-card{grid-template-columns:repeat(2,1fr)}.schedule-exam-page .step-label{font-size:.875rem}}@media (min-width:1024px){.schedule-exam-page .appointment-details,.schedule-exam-page .summary-card{grid-template-columns:repeat(3,1fr)}.schedule-exam-page .proctors-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1440px){.schedule-exam-page{max-width:1500px}.schedule-exam-page .proctors-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1920px){.schedule-exam-page{max-width:1700px}}@media (min-width:2560px){.schedule-exam-page{max-width:2000px}.schedule-exam-page .step-number{width:56px;height:56px;font-size:1.3rem}.schedule-exam-page .proctor-avatar{width:64px;height:64px;font-size:1.6rem}.schedule-exam-page .calendar-days{gap:6px}}@media (prefers-reduced-motion:reduce){.schedule-exam-page *,.schedule-exam-page :before,.schedule-exam-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.schedule-exam-page .loading-spinner,.schedule-exam-page .booking-loading:after,.schedule-exam-page .cancelling-loading:after{animation:none}}@media (prefers-contrast:high){.schedule-exam-page .step-content,.schedule-exam-page .appointment-card,.schedule-exam-page .modal-content,.schedule-exam-page .success-modal,.schedule-exam-page .cancel-modal,.schedule-exam-page .loading-container,.schedule-exam-page .error-container{border-color:#fff}}:root{--ea-primary:#818cf8;--ea-primary-2:#a78bfa;--ea-cyan:#4ecdc4;--ea-blue:#4285f4;--ea-purple:#8a2be2;--ea-text:#fff;--ea-text-soft:#e8eaff;--ea-text-mute:#ffffffb8;--ea-text-faint:#ffffff80;--ea-glass-1:#ffffff0d;--ea-glass-2:#ffffff14;--ea-glass-3:#ffffff1f;--ea-border:#ffffff1f;--ea-border-strong:#fff3;--ea-glow:0 8px 32px #667eea2e;--ea-glow-hover:0 12px 40px #667eea47;--ea-radius-sm:10px;--ea-radius:14px;--ea-radius-lg:18px;--ea-radius-xl:22px;--ea-fast:.18s cubic-bezier(.4,0,.2,1);--ea-normal:.28s cubic-bezier(.4,0,.2,1)}.exam-approval-page{z-index:1;min-height:100vh;width:100%;max-width:100%;min-height:100dvh;color:var(--ea-text-soft);background:0 0;padding:clamp(.75rem,2vw,1.75rem);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.exam-approval-page *{box-sizing:border-box}.page-header{z-index:2;text-align:center;max-width:1400px;margin:0 auto clamp(1rem,2.5vw,1.75rem);position:relative}.header-content{flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,1rem);display:flex}.page-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.6rem;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;position:relative}.page-title:after{content:"";background:linear-gradient(90deg,#0000,#818cf8,#a78bfa,#0000);border-radius:3px;width:clamp(80px,18vw,140px);height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-subtitle{color:var(--ea-text-mute);margin:0;font-size:clamp(.85rem,1.5vw,1rem)}.timer-display{background:var(--ea-glass-1);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--ea-border);border-radius:var(--ea-radius-lg);box-shadow:var(--ea-glow);text-align:center;min-width:min(280px,90vw);margin-top:.5rem;padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,3vw,1.75rem)}.timer-label{color:var(--ea-text-mute);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem;font-size:clamp(.7rem,1.1vw,.8rem);font-weight:600;display:block}.timer{font-variant-numeric:tabular-nums;color:var(--ea-text);text-shadow:0 0 24px #818cf880;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700;display:block}.timer.ready{background:linear-gradient(135deg,#4ecdc4,#48bb78);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.timer.warning{color:#fbbf24;text-shadow:0 0 24px #fbbf2480}.timer.normal{color:var(--ea-text)}.loading-container,.error-container{text-align:center;background:var(--ea-glass-2);-webkit-backdrop-filter:blur(16px)saturate(140%);border:1px solid var(--ea-border);border-radius:var(--ea-radius-lg);max-width:min(560px,100%);box-shadow:var(--ea-glow);margin:clamp(2rem,6vw,4rem) auto;padding:clamp(1.5rem,4vw,2.5rem)}.loading-container .loading-spinner{border:3px solid #818cf8;border-color:#818cf8 #a78bfa #818cf833 #818cf833;border-radius:50%;width:56px;height:56px;margin:0 auto 1rem;animation:.9s linear infinite ea-spin}@keyframes ea-spin{to{transform:rotate(360deg)}}.error-container .error-icon{filter:drop-shadow(0 0 16px #fc818180);margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem)}.error-container h3{color:var(--ea-text);margin:0 0 .5rem;font-size:clamp(1.05rem,2vw,1.25rem)}.error-container p{color:var(--ea-text-mute);margin-bottom:1.25rem}.approval-content{z-index:1;max-width:1400px;margin:0 auto;position:relative}.approval-grid{grid-template-columns:1fr;gap:clamp(1rem,2.2vw,1.5rem);display:grid}.left-column,.right-column{flex-direction:column;gap:clamp(1rem,2vw,1.25rem);min-width:0;display:flex}.exam-info-card,.action-card,.proctor-card{background:var(--ea-glass-2);-webkit-backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--ea-border);border-radius:var(--ea-radius-lg);box-shadow:var(--ea-glow);transition:transform var(--ea-normal),box-shadow var(--ea-normal),border-color var(--ea-normal);position:relative;overflow:hidden}.exam-info-card:hover,.action-card:hover,.proctor-card:hover{box-shadow:var(--ea-glow-hover);border-color:#818cf859;transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--ea-border);background:linear-gradient(#ffffff0a,#fff0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:clamp(.9rem,2vw,1.25rem) clamp(1rem,2.4vw,1.5rem);display:flex}.card-header h2{color:var(--ea-text);letter-spacing:-.01em;margin:0;font-size:clamp(1rem,1.9vw,1.25rem);font-weight:700}.card-footer{border-top:1px solid var(--ea-border);background:#ffffff05;padding:clamp(1rem,2.4vw,1.5rem)}.exam-status,.room-status,.status-badge{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:var(--ea-glass-3);border:1px solid var(--ea-border);color:var(--ea-text);border-radius:999px;align-items:center;padding:.35rem .75rem;font-size:clamp(.65rem,1vw,.75rem);font-weight:700;display:inline-flex}.exam-status.scheduled,.exam-status.confirmed,.exam-status.approved,.status-approved{color:#5eead4;background:#4ecdc426;border-color:#4ecdc466}.exam-status.pending,.status-pending{color:#fcd34d;background:#fbbf2426;border-color:#fbbf2466}.exam-status.in-progress{color:#c7d2fe;background:#818cf82e;border-color:#818cf866}.exam-status.completed{color:#ddd6fe;background:#a78bfa2e;border-color:#a78bfa66}.exam-status.cancelled{color:#fca5a5;background:#fc818126;border-color:#fc818166}.room-status.entered{color:#5eead4;background:#4ecdc426;border-color:#4ecdc466}.room-status.not-entered{border-color:var(--ea-border);color:var(--ea-text-mute);background:#ffffff0f}.info-section,.instructions-section,.video-section,.requirements-section,.reschedule-section{margin-bottom:clamp(1rem,2.2vw,1.5rem)}.info-section:last-child,.instructions-section:last-child,.video-section:last-child,.requirements-section:last-child,.reschedule-section:last-child{margin-bottom:0}.info-section h3,.instructions-section h3,.video-section h3,.requirements-section h3,.reschedule-section h3{color:var(--ea-text);align-items:center;gap:.5rem;margin:0 0 .8rem;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:700;display:flex}.info-grid{grid-template-columns:1fr;gap:.6rem;display:grid}.info-item{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);transition:transform var(--ea-fast),border-color var(--ea-fast),background var(--ea-fast);min-width:0;padding:.75rem .9rem;position:relative;overflow:hidden}.info-item:before{content:"";opacity:0;width:3px;height:100%;transition:opacity var(--ea-fast);background:linear-gradient(#818cf8,#a78bfa);position:absolute;top:0;left:0}.info-item:hover{background:var(--ea-glass-2);border-color:#818cf859;transform:translateY(-1px)}.info-item:hover:before{opacity:1}.info-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ea-text-faint);margin-bottom:.25rem;font-size:clamp(.65rem,1vw,.72rem);font-weight:600;display:block}.info-value{color:var(--ea-text);word-break:break-word;font-size:clamp(.85rem,1.4vw,.95rem);font-weight:600;display:block}.instructions-content{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);color:var(--ea-text-soft);white-space:pre-wrap;max-height:360px;padding:clamp(.85rem,1.8vw,1.1rem);font-size:clamp(.85rem,1.4vw,.95rem);line-height:1.7;overflow-y:auto}.instructions-note{border-radius:var(--ea-radius-sm);color:var(--ea-text-soft);background:#818cf814;border-left:3px solid #818cf8;margin-top:.75rem;padding:.75rem 1rem;font-size:clamp(.78rem,1.3vw,.88rem)}.instructions-note p{margin:0}.instructions-note strong{color:#c7d2fe}.video-container{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);overflow:hidden}.video-embed-wrapper{width:100%}.video-embed-container{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-embed-container iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-embed-info{border-top:1px solid var(--ea-border);color:var(--ea-text-mute);padding:.75rem 1rem;font-size:clamp(.78rem,1.3vw,.88rem)}.video-embed-info p{margin:0}.video-link-container{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:clamp(1rem,2.5vw,1.75rem);display:flex}.video-link-icon{color:#c7d2fe;background:linear-gradient(135deg,#818cf82e,#a78bfa2e);border:1px solid #818cf859;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.video-link-info{width:100%}.video-link-info h4{color:var(--ea-text);margin:0 0 .4rem;font-size:clamp(.95rem,1.6vw,1.1rem)}.video-link-info p{color:var(--ea-text-mute);margin:0 0 .85rem;font-size:clamp(.8rem,1.3vw,.9rem)}.video-external-link{color:#fff;border-radius:var(--ea-radius);min-height:44px;transition:transform var(--ea-fast),box-shadow var(--ea-fast);background:linear-gradient(135deg,#667eea,#764ba2);align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #667eea59}.video-external-link:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea80}.rooms-container{grid-template-columns:1fr;gap:.9rem;margin-bottom:clamp(1rem,2vw,1.4rem);display:grid}.room-section{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);transition:transform var(--ea-normal),border-color var(--ea-normal),box-shadow var(--ea-normal);min-width:0;padding:clamp(1rem,2.2vw,1.4rem);position:relative}.room-section.pc-room{border-left:3px solid #4ecdc4}.room-section.mobile-room{border-left:3px solid #a78bfa}.room-section:hover{border-color:#818cf859;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.room-icon{border-radius:var(--ea-radius);background:var(--ea-glass-3);border:1px solid var(--ea-border);color:#c7d2fe;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.7rem;display:flex}.room-section h3{color:var(--ea-text);margin:0 0 .3rem;font-size:clamp(.95rem,1.6vw,1.1rem)}.room-description{color:var(--ea-text-mute);margin:0 0 .85rem;font-size:clamp(.78rem,1.3vw,.88rem)}.room-link{border-radius:var(--ea-radius);width:100%;min-height:44px;color:var(--ea-text);transition:transform var(--ea-fast),background var(--ea-fast),box-shadow var(--ea-fast);white-space:nowrap;background:linear-gradient(135deg,#667eea40,#764ba240);border:1px solid #818cf866;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:clamp(.82rem,1.3vw,.92rem);font-weight:600;text-decoration:none;display:inline-flex}.room-link:hover{background:linear-gradient(135deg,#667eea66,#764ba266);transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.room-instructions{border:1px solid var(--ea-border);border-radius:var(--ea-radius-sm);background:#0000002e;border-left:3px solid #818cf8;margin-top:.85rem;padding:.8rem .9rem}.room-instructions h4{color:#c7d2fe;margin:0 0 .4rem;font-size:clamp(.78rem,1.3vw,.88rem)}.room-instructions ul{margin:0;padding:0;list-style:none}.room-instructions li{color:var(--ea-text-mute);padding:.2rem 0 .2rem 1.1rem;font-size:clamp(.74rem,1.2vw,.82rem);position:relative}.room-instructions li:before{content:"•";color:#818cf8;font-weight:700;position:absolute;left:0}.no-rooms{text-align:center;background:var(--ea-glass-1);border:1px dashed var(--ea-border-strong);border-radius:var(--ea-radius);padding:clamp(1.25rem,3vw,2rem)}.no-rooms-icon{opacity:.85;margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.75rem)}.no-rooms h3{color:var(--ea-text);margin:0 0 .4rem;font-size:clamp(.95rem,1.6vw,1.1rem)}.no-rooms p{color:var(--ea-text-mute);margin:0}.requirements-list{gap:.5rem;display:grid}.requirement-item{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);transition:transform var(--ea-fast),border-color var(--ea-fast),background var(--ea-fast);align-items:center;gap:.75rem;min-width:0;padding:.7rem .9rem;display:flex}.requirement-item:hover{background:var(--ea-glass-2);border-color:#818cf84d;transform:translate(2px)}.requirement-check{border:1px solid var(--ea-border);width:28px;height:28px;color:var(--ea-text-mute);transition:all var(--ea-fast);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.requirement-item.met .requirement-check{color:#fff;background:linear-gradient(135deg,#4ecdc4,#818cf8);border-color:#4ecdc499;box-shadow:0 0 14px #4ecdc473}.requirement-text{min-width:0;color:var(--ea-text-soft);flex:1;font-size:clamp(.8rem,1.3vw,.9rem);line-height:1.5}.requirement-text strong{color:var(--ea-text)}.important-note{border-radius:var(--ea-radius);background:#fbbf2414;border:1px solid #fbbf244d;flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.9rem 1rem;display:flex}.note-icon{flex-shrink:0;font-size:clamp(1.1rem,1.8vw,1.4rem)}.note-content{flex:1;min-width:0}.note-content p{color:#fcd34d;margin:0;font-size:clamp(.78rem,1.3vw,.88rem);line-height:1.55}.note-content strong{color:#fde68a}.reschedule-info{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);flex-direction:column;gap:.75rem;padding:.9rem 1rem;display:flex}.reschedule-info p{color:var(--ea-text-mute);margin:0;font-size:clamp(.8rem,1.3vw,.9rem)}.btn-reschedule{background:var(--ea-glass-3);border-radius:var(--ea-radius);min-height:44px;color:var(--ea-text);cursor:pointer;transition:transform var(--ea-fast),background var(--ea-fast),box-shadow var(--ea-fast);border:1px solid #818cf866;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:clamp(.82rem,1.3vw,.9rem);font-weight:600;display:inline-flex}.btn-reschedule:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.start-exam-btn{border-radius:var(--ea-radius);color:#fff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;width:100%;min-height:52px;transition:transform var(--ea-normal),box-shadow var(--ea-normal),opacity var(--ea-normal);background:linear-gradient(135deg,#667eea,#764ba2);border:none;justify-content:center;align-items:center;gap:.6rem;padding:clamp(.9rem,2vw,1.1rem) 1.5rem;font-size:clamp(.95rem,1.7vw,1.1rem);font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #667eea73}.start-exam-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.start-exam-btn.enabled:hover:not(:disabled){transform:translateY(-2px)scale(1.01);box-shadow:0 12px 36px #667eea99}.start-exam-btn.enabled:hover:not(:disabled):before{transform:translate(100%)}.start-exam-btn:disabled,.start-exam-btn.disabled{cursor:not-allowed;opacity:.55;filter:saturate(.6);box-shadow:none;background:linear-gradient(135deg,#4b5563,#374151)}.loading-text{align-items:center;gap:.4rem;display:inline-flex}.loading-dots{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ea-spin;display:inline-block}.waiting-message{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);text-align:center;margin-top:1rem;padding:.9rem 1rem}.waiting-icon{margin-bottom:.4rem;font-size:clamp(1.2rem,2vw,1.5rem)}.waiting-message p{color:var(--ea-text-mute);margin:.3rem 0;font-size:clamp(.8rem,1.3vw,.88rem)}.timer-note{font-style:italic;color:var(--ea-text-faint)!important;font-size:clamp(.72rem,1.1vw,.8rem)!important}.proctor-info{background:var(--ea-glass-1);border:1px solid var(--ea-border);border-radius:var(--ea-radius);flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:1rem;padding:.9rem 1rem;display:flex}.proctor-avatar{border-radius:var(--ea-radius);color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0;justify-content:center;align-items:center;width:clamp(48px,7vw,64px);height:clamp(48px,7vw,64px);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;display:flex;box-shadow:0 6px 20px #667eea66}.proctor-details{flex:1;min-width:0}.proctor-details h3{color:var(--ea-text);margin:0 0 .2rem;font-size:clamp(.95rem,1.6vw,1.1rem)}.proctor-details>p{color:var(--ea-text-mute);margin:0 0 .4rem;font-size:clamp(.78rem,1.3vw,.88rem)}.proctor-contact{flex-direction:column;gap:.3rem;display:flex}.contact-item{color:var(--ea-text-faint);align-items:center;gap:.4rem;font-size:clamp(.75rem,1.2vw,.82rem);display:inline-flex}.contact-item svg{opacity:.85;flex-shrink:0}.proctor-instructions{border:1px solid var(--ea-border);border-radius:var(--ea-radius-sm);background:#0000002e;border-left:3px solid #818cf8;padding:.9rem 1rem}.proctor-instructions h4{color:#c7d2fe;margin:0 0 .5rem;font-size:clamp(.85rem,1.4vw,.95rem)}.proctor-instructions ul{margin:0;padding:0;list-style:none}.proctor-instructions li{color:var(--ea-text-mute);padding:.25rem 0 .25rem 1.25rem;font-size:clamp(.78rem,1.3vw,.86rem);line-height:1.5;position:relative}.proctor-instructions li:before{content:"→";color:#818cf8;position:absolute;left:0}.back-container{justify-content:center;max-width:1400px;margin:clamp(1.5rem,3vw,2rem) auto 0;display:flex}.back-btn,.retry-btn{background:var(--ea-glass-2);-webkit-backdrop-filter:blur(12px)saturate(140%);border:1px solid var(--ea-border-strong);border-radius:var(--ea-radius);min-height:44px;color:var(--ea-text);cursor:pointer;transition:transform var(--ea-fast),background var(--ea-fast),box-shadow var(--ea-fast);align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:clamp(.85rem,1.4vw,.95rem);font-weight:600;display:inline-flex}.back-btn:hover,.retry-btn:hover{background:var(--ea-glass-3);transform:translateY(-2px);box-shadow:0 8px 24px #667eea40}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 6px 20px #667eea66}.retry-btn:hover{box-shadow:0 10px 28px #667eea8c}.exam-approval-page a:focus-visible,.exam-approval-page button:focus-visible{outline-offset:2px;border-radius:var(--ea-radius);outline:2px solid #818cf8}.instructions-content::-webkit-scrollbar{width:8px}.instructions-content::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.instructions-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}@media (min-width:480px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.rooms-container{grid-template-columns:repeat(2,minmax(0,1fr))}.reschedule-info{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:1024px){.approval-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.left-column,.right-column{position:sticky;top:0}.left-column{position:static}}@media (min-width:1440px){.exam-approval-page{padding:2rem 2.5rem}.approval-grid{gap:1.75rem}}@media (min-width:1920px){.approval-content,.page-header,.back-container{max-width:1700px}}@media (min-width:2560px){.exam-approval-page{padding:2.5rem 3rem}.approval-content,.page-header,.back-container{max-width:2100px}.approval-grid{gap:2rem}}@media (prefers-reduced-motion:reduce){.start-exam-btn:before{display:none}.loading-dots{animation:none}}.take-exam-page{--te-text:#fff;--te-text-soft:#e8eaff;--te-text-mute:#ffffffb8;--te-text-dim:#ffffff80;--te-accent:#818cf8;--te-accent-2:#a78bfa;--te-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--te-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--te-ok:#34d399;--te-ok-2:#10b981;--te-warn:#fbbf24;--te-warn-2:#f59e0b;--te-err:#fc8181;--te-err-2:#ef4444;--te-glass:#ffffff0d;--te-glass-2:#ffffff14;--te-glass-3:#ffffff1f;--te-border:#ffffff1a;--te-border-2:#fff3;--te-blur:blur(16px)saturate(150%);--te-blur-strong:blur(22px)saturate(160%);--te-shadow:0 8px 32px #667eea26;--te-shadow-md:0 12px 40px #667eea40;--te-glow:0 0 24px #818cf859;--te-r-sm:10px;--te-r-md:14px;--te-r-lg:18px;--te-r-xl:24px;--te-ease:cubic-bezier(.4,0,.2,1);--te-t:.22s var(--te-ease);--te-t-slow:.38s var(--te-ease);--te-fs-xs:clamp(11px,.7rem + .1vw,13px);--te-fs-sm:clamp(12px,.78rem + .15vw,14px);--te-fs-md:clamp(14px,.85rem + .2vw,16px);--te-fs-lg:clamp(16px,1rem + .3vw,19px);--te-fs-xl:clamp(18px,1.05rem + .5vw,24px);--te-fs-2xl:clamp(22px,1.2rem + .8vw,32px);--te-sp-xs:clamp(6px,.5vw,10px);--te-sp-sm:clamp(10px,1vw,14px);--te-sp-md:clamp(14px,1.5vw,22px);--te-sp-lg:clamp(20px,2vw,32px);--te-sp-xl:clamp(28px,2.6vw,44px);z-index:1;min-height:100vh;min-height:100dvh;color:var(--te-text-soft);isolation:isolate;background:0 0;line-height:1.6;position:relative}.take-exam-page,.take-exam-page *,.take-exam-page :before,.take-exam-page :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.take-exam-page .exam-header{z-index:50;padding:var(--te-sp-md)var(--te-sp-lg);-webkit-backdrop-filter:var(--te-blur-strong);backdrop-filter:var(--te-blur-strong);border-bottom:1px solid var(--te-border);box-shadow:var(--te-shadow);isolation:isolate;background:#0f11288c;position:sticky;top:0}.take-exam-page .header-content{gap:var(--te-sp-md);flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.take-exam-page .exam-info{flex:240px;min-width:0}.take-exam-page .exam-title{font-size:var(--te-fs-xl);color:var(--te-text);background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;text-overflow:ellipsis;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-weight:700;overflow:hidden}.take-exam-page .exam-course{color:var(--te-text-mute);font-size:var(--te-fs-sm);align-items:center;gap:var(--te-sp-xs);flex-wrap:wrap;margin:0;display:inline-flex}.take-exam-page .exam-course:before{content:"📚"}.take-exam-page .appointment-status{margin-top:var(--te-sp-xs)}.take-exam-page .exam-controls{align-items:center;gap:var(--te-sp-lg);flex-wrap:wrap;display:flex}.take-exam-page .timer-container,.take-exam-page .question-nav{flex-direction:column;align-items:center;min-width:110px;display:flex}.take-exam-page .timer-label,.take-exam-page .nav-label{font-size:var(--te-fs-xs);color:var(--te-text-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}.take-exam-page .timer{font-size:var(--te-fs-xl);text-align:center;border-radius:var(--te-r-md);background:var(--te-glass);min-width:110px;color:var(--te-accent);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:var(--te-blur);backdrop-filter:var(--te-blur);transition:all var(--te-t);border:1px solid #818cf859;padding:8px 16px;font-weight:700;box-shadow:0 0 18px #818cf82e}.take-exam-page .timer.warning{color:var(--te-warn);background:#fbbf241a;border-color:#fbbf2473;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 18px #fbbf2440}.take-exam-page .timer.critical{color:var(--te-err);background:#fc81811f;border-color:#fc818180;animation:.7s ease-in-out infinite pulse;box-shadow:0 0 24px #fc818159}.take-exam-page .timer.ended{color:var(--te-text-mute);border-color:var(--te-border-2);background:var(--te-glass);animation:none}.take-exam-page .nav-controls{align-items:center;gap:var(--te-sp-sm);flex-wrap:wrap;justify-content:center;display:flex}.take-exam-page .current-question{font-size:var(--te-fs-lg);color:var(--te-text);text-align:center;min-width:56px;font-weight:600}.take-exam-page .nav-btn,.take-exam-page .action-btn,.take-exam-page .retry-btn,.take-exam-page .flag-btn,.take-exam-page .flagged-btn,.take-exam-page .btn-cancel,.take-exam-page .btn-submit,.take-exam-page .btn-review,.take-exam-page .btn-finish,.take-exam-page .close-btn{--b-fg:var(--te-text);justify-content:center;align-items:center;gap:var(--te-sp-xs);border-radius:var(--te-r-md);min-height:44px;font-size:var(--te-fs-sm);color:var(--b-fg);background:var(--te-glass);border:1px solid var(--te-border-2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--te-t),background-color var(--te-t),border-color var(--te-t),box-shadow var(--te-t),color var(--te-t);padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.take-exam-page .nav-btn>*,.take-exam-page .action-btn>*,.take-exam-page .retry-btn>*,.take-exam-page .flag-btn>*,.take-exam-page .flagged-btn>*,.take-exam-page .btn-cancel>*,.take-exam-page .btn-submit>*,.take-exam-page .btn-review>*,.take-exam-page .btn-finish>*{z-index:2;position:relative}.take-exam-page .nav-btn:hover:not(:disabled),.take-exam-page .action-btn:hover:not(:disabled),.take-exam-page .flag-btn:hover:not(:disabled),.take-exam-page .flagged-btn:hover:not(:disabled),.take-exam-page .close-btn:hover,.take-exam-page .btn-cancel:hover:not(:disabled){background:var(--te-glass-2);border-color:var(--te-border-2);box-shadow:var(--te-shadow);transform:translateY(-1px)}.take-exam-page .nav-btn:disabled,.take-exam-page .action-btn:disabled,.take-exam-page .btn-submit:disabled,.take-exam-page .flag-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.3);transform:none}.take-exam-page .nav-controls .nav-btn{border-radius:var(--te-r-sm);width:40px;height:40px;min-height:40px;padding:0}.take-exam-page .nav-btn.primary,.take-exam-page .action-btn.primary{background:var(--te-grad);border:1px solid #fff3;box-shadow:0 6px 22px #667eea59,inset 0 1px #fff3}.take-exam-page .nav-btn.primary:hover:not(:disabled),.take-exam-page .action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea80}.take-exam-page .nav-btn.success,.take-exam-page .action-btn.success,.take-exam-page .btn-submit,.take-exam-page .btn-finish{background:linear-gradient(135deg,var(--te-ok),var(--te-ok-2));color:#053b29;border:1px solid #ffffff38;box-shadow:0 6px 22px #34d39959,inset 0 1px #ffffff40}.take-exam-page .nav-btn.success:hover:not(:disabled),.take-exam-page .action-btn.success:hover:not(:disabled),.take-exam-page .btn-submit:hover:not(:disabled),.take-exam-page .btn-finish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #34d39973}.take-exam-page .nav-btn.secondary,.take-exam-page .action-btn.secondary,.take-exam-page .btn-cancel{background:var(--te-glass);border:1px solid var(--te-border-2);color:var(--te-text)}.take-exam-page .btn-review{background:var(--te-grad);border:1px solid #fff3;box-shadow:0 6px 22px #667eea59}.take-exam-page .btn-review:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea80}.take-exam-page .retry-btn{background:linear-gradient(135deg,var(--te-err),var(--te-err-2));font-size:var(--te-fs-md);border:1px solid #ffffff2e;padding:.8rem 2rem;box-shadow:0 6px 22px #fc81814d}.take-exam-page .retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fc818173}.take-exam-page .flag-btn{color:var(--te-warn);background:#fbbf2414;border-color:#fbbf2459}.take-exam-page .flag-btn.flagged{color:#fff;background:#fbbf2438;border-color:#fbbf2499;box-shadow:0 0 22px #fbbf2459}.take-exam-page .close-btn{border-radius:var(--te-r-sm);width:36px;height:36px;min-height:36px;padding:0;font-size:1.2rem}.take-exam-page .close-btn:hover{transform:rotate(90deg)}.take-exam-page .loading-container,.take-exam-page .error-container{min-height:60vh;padding:var(--te-sp-xl)var(--te-sp-md);text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex}.take-exam-page .loading-spinner{border:4px solid #667eea;border-color:#667eea #764ba2 #0000 #0000;border-bottom-color:var(--te-accent);width:72px;height:72px;margin-bottom:var(--te-sp-lg);border-left-color:#818cf859;border-radius:50%;animation:1.2s linear infinite spin;box-shadow:0 0 30px #818cf859}.take-exam-page .loading-container p{color:var(--te-text-soft);font-size:var(--te-fs-md);opacity:.9}.take-exam-page .error-icon{margin-bottom:var(--te-sp-md);filter:drop-shadow(0 0 25px #fc81818c);font-size:3.5rem;animation:2s ease-in-out infinite pulse}.take-exam-page .error-container h3{font-size:var(--te-fs-xl);color:var(--te-err);margin-bottom:var(--te-sp-sm)}.take-exam-page .error-container p{color:var(--te-text-mute);margin-bottom:var(--te-sp-lg);max-width:420px}.take-exam-page .main-content{max-width:1600px;padding:var(--te-sp-lg);background:0 0;margin:0 auto}.take-exam-page .content-grid{gap:var(--te-sp-lg);grid-template-columns:1fr;align-items:start;display:grid}.take-exam-page .question-card,.take-exam-page .overview-card,.take-exam-page .summary-card,.take-exam-page .actions-card,.take-exam-page .flagged-card,.take-exam-page .modal{background:var(--te-glass);border:1px solid var(--te-border);border-radius:var(--te-r-xl);-webkit-backdrop-filter:var(--te-blur-strong);backdrop-filter:var(--te-blur-strong);box-shadow:var(--te-shadow);isolation:isolate;transition:border-color var(--te-t),box-shadow var(--te-t),transform var(--te-t);overflow:hidden}.take-exam-page .question-card:hover,.take-exam-page .overview-card:hover,.take-exam-page .summary-card:hover,.take-exam-page .actions-card:hover,.take-exam-page .flagged-card:hover{border-color:var(--te-border-2);box-shadow:var(--te-shadow-md)}.take-exam-page .question-panel{min-width:0}.take-exam-page .question-card .question-header,.take-exam-page .card-header{padding:var(--te-sp-md)var(--te-sp-lg);justify-content:space-between;align-items:center;gap:var(--te-sp-sm);border-bottom:1px solid var(--te-border);background:linear-gradient(#ffffff0a 0%,#fff0 100%);flex-wrap:wrap;display:flex}.take-exam-page .card-header h3,.take-exam-page .question-number{font-size:var(--te-fs-lg);color:var(--te-text);align-items:center;gap:var(--te-sp-xs);margin:0;font-weight:600;display:inline-flex}.take-exam-page .question-number:before{content:"❓"}.take-exam-page .question-meta{align-items:center;gap:var(--te-sp-md);flex-wrap:wrap;display:inline-flex}.take-exam-page .question-score{color:var(--te-text-mute);font-size:var(--te-fs-sm);align-items:center;gap:6px;display:inline-flex}.take-exam-page .question-score:before{content:"⭐"}.take-exam-page .question-body{padding:var(--te-sp-lg)}.take-exam-page .question-text{font-size:var(--te-fs-lg);color:var(--te-text);margin-bottom:var(--te-sp-lg);white-space:pre-wrap;line-height:1.7}.take-exam-page .answers-container{gap:var(--te-sp-sm);flex-direction:column;display:flex}.take-exam-page .answer-item{align-items:flex-start;gap:var(--te-sp-md);padding:var(--te-sp-md);border-radius:var(--te-r-lg);background:var(--te-glass);border:1px solid var(--te-border);cursor:pointer;transition:all var(--te-t);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;position:relative}.take-exam-page .answer-item:hover:not(.user-correct):not(.user-incorrect):not(.selected){background:var(--te-glass-2);border-color:var(--te-border-2);box-shadow:var(--te-shadow);transform:translateY(-1px)}.take-exam-page .answer-item.selected{background:var(--te-grad-soft);border-color:#818cf88c;box-shadow:0 0 24px #818cf84d}.take-exam-page .answer-item.show-correct,.take-exam-page .answer-item.user-correct{background:#34d39924;border-color:#34d39980;box-shadow:0 0 22px #34d39940}.take-exam-page .answer-item.user-correct{cursor:default}.take-exam-page .answer-item.user-incorrect{cursor:default;background:#fc818124;border-color:#fc818180;box-shadow:0 0 22px #fc818140}.take-exam-page .answer-radio{border:2px solid var(--te-border-2);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex}.take-exam-page .radio-circle{width:10px;height:10px;transition:all var(--te-t);background:0 0;border-radius:50%}.take-exam-page .answer-item.selected .radio-circle{background:var(--te-accent);box-shadow:0 0 10px #818cf8b3}.take-exam-page .answer-item.user-correct .radio-circle{background:var(--te-ok);box-shadow:0 0 10px #34d399b3}.take-exam-page .answer-item.user-incorrect .radio-circle{background:var(--te-err);box-shadow:0 0 10px #fc8181b3}.take-exam-page .answer-text{min-width:0;color:var(--te-text-soft);font-size:var(--te-fs-md);flex:1;line-height:1.6}.take-exam-page .correct-badge{color:var(--te-ok);text-shadow:0 0 12px #34d39999;flex-shrink:0;font-size:1.25rem;font-weight:700}.take-exam-page .question-footer{padding:var(--te-sp-md)var(--te-sp-lg);border-top:1px solid var(--te-border);background:linear-gradient(#fff0 0%,#ffffff0a 100%)}.take-exam-page .navigation-buttons{gap:var(--te-sp-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.take-exam-page .question-counter{color:var(--te-text-mute);font-size:var(--te-fs-sm);font-weight:500}.take-exam-page .question-footer .nav-btn{min-width:120px}.take-exam-page .side-panel{gap:var(--te-sp-lg);flex-direction:column;height:fit-content;display:flex}.take-exam-page .stats{font-weight:600;font-size:var(--te-fs-sm);color:var(--te-text)}.take-exam-page .stats .answered{color:var(--te-accent)}.take-exam-page .stats .total{color:var(--te-text-mute)}.take-exam-page .questions-grid{padding:var(--te-sp-md);scrollbar-width:thin;scrollbar-color:#818cf866 transparent;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;max-height:300px;display:grid;overflow-y:auto}.take-exam-page .questions-grid::-webkit-scrollbar{width:6px}.take-exam-page .questions-grid::-webkit-scrollbar-thumb{background:linear-gradient(#667eea,#764ba2);border-radius:3px}.take-exam-page .question-dot{aspect-ratio:1;border-radius:var(--te-r-sm);font-size:var(--te-fs-sm);cursor:pointer;background:var(--te-glass);color:var(--te-text-mute);border:1px solid var(--te-border);transition:transform var(--te-t),background-color var(--te-t),color var(--te-t),border-color var(--te-t),box-shadow var(--te-t);justify-content:center;align-items:center;font-weight:600;display:flex}.take-exam-page .question-dot:hover{border-color:var(--te-border-2);transform:scale(1.08)}.take-exam-page .question-dot.current{background:var(--te-grad);color:#fff;border-color:#fff6;box-shadow:0 4px 18px #667eea80}.take-exam-page .question-dot.answered{color:var(--te-accent);background:#818cf838;border-color:#818cf873}.take-exam-page .question-dot.flagged{color:var(--te-warn);background:#fbbf2438;border-color:#fbbf2473}.take-exam-page .question-dot.correct{color:var(--te-ok);background:#34d39938;border-color:#34d39973}.take-exam-page .question-dot.incorrect{color:var(--te-err);background:#fc818138;border-color:#fc818173}.take-exam-page .legend{padding:var(--te-sp-md);border-top:1px solid var(--te-border);gap:var(--te-sp-xs)var(--te-sp-sm);font-size:var(--te-fs-xs);color:var(--te-text-mute);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.take-exam-page .legend-item{align-items:center;gap:6px;display:inline-flex}.take-exam-page .legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.take-exam-page .legend-dot.current{background:var(--te-grad)}.take-exam-page .legend-dot.answered{background:var(--te-accent)}.take-exam-page .legend-dot.flagged{background:var(--te-warn)}.take-exam-page .legend-dot.correct{background:var(--te-ok)}.take-exam-page .legend-dot.incorrect{background:var(--te-err)}.take-exam-page .summary-content{padding:var(--te-sp-md)var(--te-sp-lg);gap:var(--te-sp-xs);flex-direction:column;display:flex}.take-exam-page .summary-item{justify-content:space-between;align-items:center;gap:var(--te-sp-xs);border-bottom:1px dashed #ffffff0f;flex-wrap:wrap;padding:6px 0;display:flex}.take-exam-page .summary-item:last-child{border-bottom:none}.take-exam-page .summary-item .label{color:var(--te-text-mute);font-size:var(--te-fs-sm)}.take-exam-page .summary-item .value{color:var(--te-text);font-weight:600;font-size:var(--te-fs-sm)}.take-exam-page .summary-item .value.warning{color:var(--te-warn)}.take-exam-page .summary-item .value.score{font-size:var(--te-fs-lg);font-weight:700}.take-exam-page .summary-item .value.score.passed{color:var(--te-ok)}.take-exam-page .summary-item .value.score.failed{color:var(--te-err)}.take-exam-page .actions-content{padding:var(--te-sp-md)var(--te-sp-lg);gap:var(--te-sp-sm);flex-direction:column;display:flex}.take-exam-page .actions-content .action-btn{justify-content:center;width:100%}.take-exam-page .flagged-questions{padding:var(--te-sp-md);gap:var(--te-sp-xs);flex-wrap:wrap;display:flex}.take-exam-page .flagged-btn{min-height:36px;color:var(--te-warn);font-size:var(--te-fs-sm);background:#fbbf241f;border-color:#fbbf2466;padding:.4rem .8rem}.take-exam-page .flagged-btn.active{color:#fff;background:#fbbf244d;box-shadow:0 4px 18px #fbbf2459}.take-exam-page .status-badge{font-size:var(--te-fs-xs);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--te-border-2);background:var(--te-glass);color:var(--te-text-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 12px;font-weight:600;display:inline-block}.take-exam-page .status-badge.no-reservation-yet{color:var(--te-text-mute)}.take-exam-page .status-badge.scheduled{color:#c7d2fe;background:#667eea2e;border-color:#667eea80}.take-exam-page .status-badge.in-progress{color:var(--te-warn);background:#fbbf242e;border-color:#fbbf2473}.take-exam-page .status-badge.completed{color:var(--te-ok);background:#34d3992e;border-color:#34d39973}.take-exam-page .status-badge.taken-but-failed,.take-exam-page .status-badge.cancelled{color:var(--te-err);background:#fc81812e;border-color:#fc818173}.take-exam-page .status-badge.expired{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b873}.take-exam-page .modal-overlay{z-index:2000;padding:var(--te-sp-md);-webkit-backdrop-filter:var(--te-blur);backdrop-filter:var(--te-blur);background:#03030f8c;justify-content:center;align-items:center;animation:.3s both fadeInUp;display:flex;position:fixed;inset:0}.take-exam-page .modal{border:1px solid var(--te-border-2);border-radius:var(--te-r-xl);width:100%;max-width:520px;-webkit-backdrop-filter:var(--te-blur-strong);backdrop-filter:var(--te-blur-strong);box-shadow:0 24px 60px #0000008c,var(--te-shadow-md);animation:cosmic-slide-up .32s var(--te-ease);background:#0f1128a6}@keyframes cosmic-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.take-exam-page .modal-header{padding:var(--te-sp-md)var(--te-sp-lg);gap:var(--te-sp-sm);border-bottom:1px solid var(--te-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.take-exam-page .modal-header h3{font-size:var(--te-fs-lg);color:var(--te-text);margin:0;font-weight:600}.take-exam-page .modal-body{padding:var(--te-sp-lg);text-align:center}.take-exam-page .modal-icon{margin-bottom:var(--te-sp-sm);font-size:3rem;animation:3s ease-in-out infinite float}.take-exam-page .modal-body h4{font-size:var(--te-fs-lg);color:var(--te-text);margin-bottom:var(--te-sp-md);font-weight:600;line-height:1.4}.take-exam-page .summary{background:var(--te-glass);border:1px solid var(--te-border);border-radius:var(--te-r-md);padding:var(--te-sp-md);margin:var(--te-sp-md)0;text-align:left}.take-exam-page .summary-row{justify-content:space-between;gap:var(--te-sp-xs);font-size:var(--te-fs-sm);color:var(--te-text-soft);flex-wrap:wrap;padding:4px 0;display:flex}.take-exam-page .warning-text{font-size:var(--te-fs-sm);color:var(--te-text-mute);margin-top:var(--te-sp-sm)}.take-exam-page .modal-footer{padding:var(--te-sp-md)var(--te-sp-lg);border-top:1px solid var(--te-border);gap:var(--te-sp-sm);flex-wrap:wrap;display:flex}.take-exam-page .modal-footer>button{flex:140px}.take-exam-page .results-modal h2{font-size:var(--te-fs-2xl);color:var(--te-text);margin-bottom:var(--te-sp-xs);background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.take-exam-page .results-modal p{color:var(--te-text-mute);margin-bottom:var(--te-sp-md)}.take-exam-page .result-icon{margin-bottom:var(--te-sp-sm);font-size:3.5rem;animation:2.2s ease-in-out infinite pulse}.take-exam-page .result-icon.passed{filter:drop-shadow(0 0 25px #34d39999)}.take-exam-page .result-icon.failed{filter:drop-shadow(0 0 25px #fc818199)}.take-exam-page .score-display{margin:var(--te-sp-md)0}.take-exam-page .score-circle{background:var(--te-glass);border:3px solid var(--te-border-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto;display:flex}.take-exam-page .score-circle.passed{border-color:#34d39980;box-shadow:0 0 28px #34d39966,inset 0 0 24px #34d3992e}.take-exam-page .score-circle.failed{border-color:#fc818180;box-shadow:0 0 28px #fc818166,inset 0 0 24px #fc81812e}.take-exam-page .score-value{color:var(--te-text);font-size:2.4rem;font-weight:800;line-height:1}.take-exam-page .score-label{font-size:var(--te-fs-sm);color:var(--te-text-mute);margin-top:4px}.take-exam-page .result-details{background:var(--te-glass);border:1px solid var(--te-border);border-radius:var(--te-r-md);padding:var(--te-sp-md);margin-top:var(--te-sp-md);text-align:left}.take-exam-page .result-details .detail{justify-content:space-between;gap:var(--te-sp-xs);color:var(--te-text-soft);font-size:var(--te-fs-sm);flex-wrap:wrap;padding:4px 0;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.take-exam-page :focus-visible{outline:2px solid var(--te-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.take-exam-page *,.take-exam-page :before,.take-exam-page :after{transition:none!important;animation:none!important}.take-exam-page .answer-item:hover,.take-exam-page .question-dot:hover,.take-exam-page .nav-btn:hover,.take-exam-page .action-btn:hover{transform:none!important}}@media (prefers-contrast:high){.take-exam-page .question-card,.take-exam-page .overview-card,.take-exam-page .summary-card,.take-exam-page .actions-card,.take-exam-page .flagged-card,.take-exam-page .modal{background:#03030fd9;border-color:#fff}}@media (max-width:480px){.take-exam-page .exam-header{padding:var(--te-sp-sm)}.take-exam-page .header-content{gap:var(--te-sp-sm)}.take-exam-page .exam-controls{justify-content:space-between;gap:var(--te-sp-sm);width:100%}.take-exam-page .timer-container,.take-exam-page .question-nav{flex:140px;min-width:0}.take-exam-page .timer{min-width:90px;padding:6px 10px}.take-exam-page .question-body{padding:var(--te-sp-md)}.take-exam-page .question-card .question-header,.take-exam-page .card-header{padding:var(--te-sp-sm)var(--te-sp-md)}.take-exam-page .navigation-buttons{flex-direction:column;align-items:stretch}.take-exam-page .navigation-buttons .nav-btn{width:100%}.take-exam-page .navigation-buttons .question-counter{text-align:center;order:-1}.take-exam-page .questions-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.take-exam-page .modal-footer{flex-direction:column}.take-exam-page .modal-footer>button{width:100%}}@media (min-width:768px){.take-exam-page .content-grid{grid-template-columns:1fr}}@media (min-width:1024px){.take-exam-page .content-grid{grid-template-columns:minmax(0,1fr) clamp(280px,26vw,360px)}.take-exam-page .questions-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}@media (min-width:1440px){.take-exam-page .content-grid{grid-template-columns:minmax(0,1fr) 340px}}@media (min-width:1920px){.take-exam-page .content-grid{gap:var(--te-sp-xl);grid-template-columns:minmax(0,1fr) 380px}.take-exam-page .main-content{padding:var(--te-sp-xl)}}@media (min-width:2560px){.take-exam-page{--te-fs-md:18px;--te-fs-lg:22px;--te-fs-xl:28px;--te-fs-2xl:38px}.take-exam-page .content-grid{grid-template-columns:minmax(0,1fr) 440px;gap:56px;max-width:2200px;margin:0 auto}.take-exam-page .main-content{padding:56px 64px}.take-exam-page .timer{min-width:160px;padding:12px 22px}}@media (max-width:900px) and (orientation:landscape){.take-exam-page .question-body,.take-exam-page .summary-content,.take-exam-page .actions-content{padding-top:var(--te-sp-sm);padding-bottom:var(--te-sp-sm)}}@media print{.take-exam-page .exam-header,.take-exam-page .side-panel,.take-exam-page .question-footer,.take-exam-page .modal-overlay{display:none!important}.take-exam-page,.take-exam-page *{color:#000!important;background:#fff!important}}.take-quiz-page[data-v-d5c07166]{--tq-text:#fff;--tq-text-soft:#e8eaff;--tq-text-muted:#ffffffb3;--tq-text-dim:#ffffff80;--tq-accent:#818cf8;--tq-accent-2:#a78bfa;--tq-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--tq-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--tq-success:#48bb78;--tq-warning:#ed8936;--tq-warning-soft:#ffb347;--tq-danger:#fc8181;--tq-glass-bg:#ffffff0d;--tq-glass-bg-hov:#ffffff1a;--tq-glass-bg-2:#ffffff08;--tq-glass-border:#ffffff1a;--tq-glass-border-2:#ffffff2e;--tq-glass-blur:blur(16px)saturate(160%);--tq-glass-blur-sm:blur(8px)saturate(140%);--tq-glow-soft:0 8px 32px #667eea26;--tq-glow-med:0 12px 40px #667eea40;--tq-glow-strong:0 16px 50px #764ba259;--tq-glow-accent:0 0 24px #818cf859;--tq-r-sm:10px;--tq-r-md:14px;--tq-r-lg:20px;--tq-r-xl:28px;--tq-ease:cubic-bezier(.4,0,.2,1);--tq-t-fast:.18s var(--tq-ease);--tq-t:.28s var(--tq-ease);--tq-fs-xs:clamp(11px,.7rem + .2vw,13px);--tq-fs-sm:clamp(12px,.78rem + .25vw,14px);--tq-fs:clamp(14px,.88rem + .3vw,17px);--tq-fs-lg:clamp(16px,1rem + .4vw,20px);--tq-fs-xl:clamp(20px,1.2rem + .6vw,26px);--tq-fs-2xl:clamp(24px,1.5rem + 1vw,36px);--tq-btn-h:clamp(42px,5vh,52px);--tq-btn-h-sm:40px}.take-quiz-page[data-v-d5c07166],.take-quiz-page[data-v-d5c07166] *,.take-quiz-page[data-v-d5c07166] :before,.take-quiz-page[data-v-d5c07166] :after{box-sizing:border-box}.take-quiz-page[data-v-d5c07166] *{word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.take-quiz-page[data-v-d5c07166]{z-index:1;min-height:100vh;min-height:100dvh;color:var(--tq-text-soft);isolation:isolate;background:0 0;padding:clamp(14px,2.4vw,32px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative}.loading-container[data-v-d5c07166],.error-container[data-v-d5c07166],.quiz-header[data-v-d5c07166],.instructions-card[data-v-d5c07166],.question-sidebar[data-v-d5c07166],.question-main[data-v-d5c07166],.result-card[data-v-d5c07166]{background:var(--tq-glass-bg);-webkit-backdrop-filter:var(--tq-glass-blur);backdrop-filter:var(--tq-glass-blur);border:1px solid var(--tq-glass-border);border-radius:var(--tq-r-lg);box-shadow:var(--tq-glow-soft);isolation:isolate;position:relative;overflow:hidden}.quiz-header[data-v-d5c07166]:before,.instructions-card[data-v-d5c07166]:before,.result-card[data-v-d5c07166]:before{content:"";background:linear-gradient(90deg,transparent,var(--tq-accent),var(--tq-accent-2),transparent);opacity:.6;height:1px;position:absolute;inset:0 0 auto}.loading-container[data-v-d5c07166]{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:clamp(28px,5vw,48px);display:flex}.loading-spinner[data-v-d5c07166]{border:3px solid #ffffff1a;border-top-color:var(--tq-accent);border-right-color:var(--tq-accent-2);border-radius:50%;width:60px;height:60px;margin-bottom:1.5rem;animation:1.4s linear infinite tq-spin-d5c07166}.loading-text[data-v-d5c07166]{font-size:var(--tq-fs-lg);color:var(--tq-text);letter-spacing:.3px;font-weight:500}.error-container[data-v-d5c07166]{text-align:center;border-color:#fc818140;flex-direction:column;justify-content:center;align-items:center;max-width:640px;min-height:50vh;margin:2rem auto;padding:clamp(28px,5vw,48px);display:flex;box-shadow:0 12px 40px #fc81812e}.error-icon[data-v-d5c07166]{color:var(--tq-danger);filter:drop-shadow(0 0 12px #fc818180);margin-bottom:1rem}.error-title[data-v-d5c07166]{font-size:var(--tq-fs-2xl);color:#fff;margin-bottom:.75rem;font-weight:700}.error-message[data-v-d5c07166]{color:var(--tq-text-muted);font-size:var(--tq-fs);margin-bottom:1.75rem}.retry-btn[data-v-d5c07166],.back-btn[data-v-d5c07166],.nav-btn[data-v-d5c07166],.prev-btn[data-v-d5c07166],.next-btn[data-v-d5c07166],.btn-primary[data-v-d5c07166],.btn-secondary[data-v-d5c07166],.btn-submit[data-v-d5c07166],.flag-btn[data-v-d5c07166],.flagged-btn[data-v-d5c07166]{min-height:var(--tq-btn-h);border-radius:var(--tq-r-md);font-size:var(--tq-fs);letter-spacing:.3px;cursor:pointer;transition:all var(--tq-t-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary[data-v-d5c07166],.btn-submit[data-v-d5c07166],.next-btn[data-v-d5c07166],.retry-btn[data-v-d5c07166]{color:#fff;background:var(--tq-grad);border-color:#ffffff2e;box-shadow:0 6px 22px #667eea59,inset 0 1px #fff3}.btn-primary[data-v-d5c07166]:hover:not(:disabled),.btn-submit[data-v-d5c07166]:hover:not(:disabled),.next-btn[data-v-d5c07166]:hover:not(:disabled),.retry-btn[data-v-d5c07166]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #667eea80,inset 0 1px #ffffff40}.btn-secondary[data-v-d5c07166],.back-btn[data-v-d5c07166],.prev-btn[data-v-d5c07166]{color:var(--tq-text);background:var(--tq-glass-bg);border-color:var(--tq-glass-border)}.btn-secondary[data-v-d5c07166]:hover:not(:disabled),.back-btn[data-v-d5c07166]:hover:not(:disabled),.prev-btn[data-v-d5c07166]:hover:not(:disabled){background:var(--tq-glass-bg-hov);border-color:var(--tq-glass-border-2);transform:translateY(-2px);box-shadow:0 6px 18px #ffffff14}.prev-btn[data-v-d5c07166]:disabled,.btn-submit[data-v-d5c07166]:disabled,.btn-primary[data-v-d5c07166]:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-submit[data-v-d5c07166]{width:100%;margin-top:auto}.btn-loading[data-v-d5c07166]{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite tq-spin-d5c07166}.flag-btn[data-v-d5c07166]{min-height:var(--tq-btn-h-sm);font-size:var(--tq-fs-sm);color:var(--tq-warning-soft);text-transform:none;letter-spacing:0;background:#ed89361a;border-color:#ed89364d;padding:0 1rem}.flag-btn[data-v-d5c07166]:hover{background:#ed893638;border-color:#ed893673;transform:translateY(-1px);box-shadow:0 4px 14px #ed893640}.flag-btn.flagged[data-v-d5c07166]{color:#fff;background:#ed893652;border-color:#ed893699}.flagged-btn[data-v-d5c07166]{min-height:32px;font-size:var(--tq-fs-xs);color:var(--tq-warning-soft);background:#ed89361a;border-color:#ed89364d;padding:0 .85rem}.flagged-btn[data-v-d5c07166]:hover{color:#fff;background:#ed893640;transform:translateY(-1px)}.breadcrumb[data-v-d5c07166]{font-size:var(--tq-fs-sm);color:var(--tq-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin-bottom:1.25rem;display:flex}.breadcrumb-link[data-v-d5c07166]{color:var(--tq-accent);transition:color var(--tq-t-fast);align-items:center;gap:.4rem;font-weight:600;text-decoration:none;display:inline-flex}.breadcrumb-link[data-v-d5c07166]:hover{color:var(--tq-accent-2)}.breadcrumb-separator[data-v-d5c07166]{color:#ffffff4d}.breadcrumb-current[data-v-d5c07166]{color:#fff;font-weight:600}.quiz-header[data-v-d5c07166]{margin-bottom:1.25rem;padding:clamp(20px,3.5vw,36px)}.quiz-title[data-v-d5c07166]{font-size:var(--tq-fs-2xl);color:#fff;letter-spacing:-.01em;margin-bottom:1rem;font-weight:700;line-height:1.25}.quiz-meta[data-v-d5c07166]{flex-wrap:wrap;gap:.65rem .85rem;display:flex}.meta-item[data-v-d5c07166]{background:var(--tq-glass-bg);border:1px solid var(--tq-glass-border);font-size:var(--tq-fs-sm);color:var(--tq-text-soft);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.meta-item svg[data-v-d5c07166]{color:var(--tq-accent)}.quiz-instructions[data-v-d5c07166]{max-width:820px;margin:0 auto}.instructions-card[data-v-d5c07166]{padding:clamp(28px,5vw,48px)}.instructions-title[data-v-d5c07166]{font-size:var(--tq-fs-xl);color:#fff;text-align:center;margin-bottom:1.5rem;font-weight:700}.instructions-content p[data-v-d5c07166]{font-size:var(--tq-fs);color:var(--tq-text-soft);text-align:center;margin-bottom:1.5rem;line-height:1.7}.instructions-list[data-v-d5c07166]{gap:.85rem;max-width:540px;margin:0 auto 1.75rem;display:grid}.instruction-item[data-v-d5c07166]{background:var(--tq-glass-bg-2);border:1px solid var(--tq-glass-border);border-left:3px solid var(--tq-accent);border-radius:var(--tq-r-md);transition:all var(--tq-t-fast);align-items:center;gap:.85rem;padding:.95rem 1.1rem;display:flex}.instruction-item[data-v-d5c07166]:hover{background:var(--tq-glass-bg-hov);border-left-color:var(--tq-accent-2);transform:translate(4px);box-shadow:0 6px 22px #667eea2e}.instruction-item svg[data-v-d5c07166]{color:var(--tq-accent);flex-shrink:0}.instructions-actions[data-v-d5c07166]{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:1.75rem;display:flex}.quiz-layout[data-v-d5c07166]{grid-template-columns:1fr;gap:1.25rem;min-height:60vh;display:grid}.question-sidebar[data-v-d5c07166]{flex-direction:column;gap:1.25rem;padding:clamp(18px,2.2vw,26px);display:flex}.timer-section[data-v-d5c07166]{border:1px solid var(--tq-glass-border);border-radius:var(--tq-r-md);text-align:center;background:#00000040;padding:1rem}.timer-display[data-v-d5c07166]{font-size:var(--tq-fs-xl);color:#fff;align-items:center;gap:.6rem;margin-bottom:.75rem;font-weight:700;display:inline-flex}.timer-display svg[data-v-d5c07166]{color:var(--tq-accent)}.progress-bar[data-v-d5c07166]{background:#ffffff14;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.progress-fill[data-v-d5c07166]{background:var(--tq-grad);border-radius:inherit;height:100%;transition:width 1s linear;position:relative;overflow:hidden}.progress-fill[data-v-d5c07166]:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);animation:2s infinite tq-shimmer-d5c07166;position:absolute;inset:0}.question-navigation[data-v-d5c07166]{border-top:1px solid var(--tq-glass-border);padding-top:1rem}.nav-title[data-v-d5c07166]{font-size:var(--tq-fs);color:#fff;align-items:center;gap:.5rem;margin-bottom:.85rem;font-weight:600;display:flex}.nav-title svg[data-v-d5c07166]{color:var(--tq-accent)}.question-grid[data-v-d5c07166]{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.question-nav-btn[data-v-d5c07166]{aspect-ratio:1;min-height:unset;font-size:var(--tq-fs-sm);color:var(--tq-text-soft);background:var(--tq-glass-bg);border:1.5px solid var(--tq-glass-border-2);border-radius:var(--tq-r-sm);cursor:pointer;transition:all var(--tq-t-fast);justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex;position:relative}.question-nav-btn[data-v-d5c07166]:hover{border-color:var(--tq-accent);background:#818cf81f;transform:translateY(-2px);box-shadow:0 6px 18px #667eea40}.question-nav-btn.current[data-v-d5c07166]{background:var(--tq-grad);color:#fff;box-shadow:var(--tq-glow-accent);border-color:#0000}.question-nav-btn.answered[data-v-d5c07166]{color:#fff;background:#48bb782e;border-color:#48bb7873}.question-nav-btn.flagged[data-v-d5c07166]{background:#ed89361f;border-color:#ed89368c}.flag-indicator[data-v-d5c07166]{color:var(--tq-warning);filter:drop-shadow(0 0 4px #ed89368c);position:absolute;top:2px;right:2px}.flagged-questions[data-v-d5c07166]{border-top:1px solid var(--tq-glass-border);padding-top:1rem}.flagged-list[data-v-d5c07166]{flex-wrap:wrap;gap:.4rem;display:flex}.no-flagged[data-v-d5c07166]{color:var(--tq-text-dim);font-size:var(--tq-fs-sm);text-align:center;padding:.85rem 0}.sidebar-actions[data-v-d5c07166]{border-top:1px solid var(--tq-glass-border);margin-top:auto;padding-top:1rem}.question-main[data-v-d5c07166]{flex-direction:column;padding:clamp(20px,3vw,36px);display:flex}.question-header[data-v-d5c07166]{border-bottom:1px solid var(--tq-glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.question-counter[data-v-d5c07166]{font-size:var(--tq-fs);color:#fff;font-weight:600}.question-text[data-v-d5c07166]{margin-bottom:1.5rem}.question-text h2[data-v-d5c07166]{font-size:var(--tq-fs-lg);color:#fff;margin-bottom:.75rem;font-weight:600;line-height:1.55}.score-badge[data-v-d5c07166]{background:var(--tq-grad-soft);color:var(--tq-accent);font-size:var(--tq-fs-sm);border:1px solid #818cf84d;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-weight:600;display:inline-flex}.answers-section[data-v-d5c07166]{flex-direction:column;flex:1;gap:.75rem;margin-bottom:1.25rem;display:flex}.answer-option[data-v-d5c07166]{background:var(--tq-glass-bg-2);border:1.5px solid var(--tq-glass-border);border-radius:var(--tq-r-md);cursor:pointer;transition:all var(--tq-t-fast);align-items:flex-start;gap:.85rem;min-height:44px;padding:1rem 1.1rem;display:flex}.answer-option[data-v-d5c07166]:hover{background:#818cf814;border-color:#818cf866;transform:translate(3px)}.answer-option.selected[data-v-d5c07166]{background:var(--tq-grad-soft);border-color:var(--tq-accent);box-shadow:0 6px 22px #667eea40,inset 0 1px #ffffff1a}.answer-option.correct[data-v-d5c07166]{background:#48bb781f;border-color:#48bb7880}.answer-radio[data-v-d5c07166]{flex-shrink:0;margin-top:2px}.radio-circle[data-v-d5c07166]{width:22px;height:22px;transition:all var(--tq-t-fast);border:2px solid #ffffff59;border-radius:50%;position:relative}.radio-circle.checked[data-v-d5c07166]{border-color:var(--tq-accent)}.radio-circle.checked[data-v-d5c07166]:after{content:"";background:var(--tq-grad);width:11px;height:11px;box-shadow:var(--tq-glow-accent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.answer-content[data-v-d5c07166]{flex:1;min-width:0}.answer-content p[data-v-d5c07166]{color:var(--tq-text-soft);font-size:var(--tq-fs);margin:0;line-height:1.6}.correct-indicator[data-v-d5c07166]{color:#6ee7b7;font-size:var(--tq-fs-xs);background:#48bb782e;border:1px solid #48bb7859;border-radius:6px;align-items:center;gap:.4rem;margin-top:.6rem;padding:.3rem .7rem;font-weight:600;display:inline-flex}.no-answers[data-v-d5c07166]{text-align:center;color:var(--tq-text-muted);padding:1.5rem}.question-navigation-buttons[data-v-d5c07166]{flex-wrap:wrap;justify-content:space-between;gap:.85rem;margin-bottom:1.25rem;display:flex}.prev-btn[data-v-d5c07166],.next-btn[data-v-d5c07166]{flex:140px}.quiz-progress[data-v-d5c07166]{border-top:1px solid var(--tq-glass-border);padding-top:1rem}.progress-info[data-v-d5c07166]{font-size:var(--tq-fs-sm);color:var(--tq-text-soft);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500;display:flex}.quiz-result[data-v-d5c07166]{max-width:640px;margin:2rem auto}.result-card[data-v-d5c07166]{text-align:center;border-radius:var(--tq-r-xl);padding:clamp(32px,5vw,56px)}.result-card.passed[data-v-d5c07166]{border-top:4px solid #48bb78a6}.result-card.failed[data-v-d5c07166]{border-top:4px solid #fc8181a6}.result-card.passed[data-v-d5c07166]:before{background:linear-gradient(90deg,transparent,var(--tq-success),transparent)}.result-card.failed[data-v-d5c07166]:before{background:linear-gradient(90deg,transparent,var(--tq-danger),transparent)}.result-icon[data-v-d5c07166]{margin-bottom:1.25rem;font-size:64px;line-height:1}.result-card.passed .result-icon[data-v-d5c07166]{color:var(--tq-success);filter:drop-shadow(0 0 20px #48bb788c)}.result-card.failed .result-icon[data-v-d5c07166]{color:var(--tq-danger);filter:drop-shadow(0 0 20px #fc81818c)}.result-title[data-v-d5c07166]{font-size:var(--tq-fs-2xl);color:#fff;letter-spacing:-.01em;margin-bottom:1.5rem;font-weight:700}.result-score[data-v-d5c07166]{margin-bottom:1.5rem}.score-display[data-v-d5c07166]{background:radial-gradient(circle at 30% 30%,#ffffff1a,transparent 60%),var(--tq-grad-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #818cf859;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(160px,22vw,200px);height:clamp(160px,22vw,200px);margin:0 auto;padding:1.25rem;display:inline-flex;box-shadow:inset 0 0 30px #00000059,0 0 40px #667eea59,0 0 80px #764ba240}.score-value[data-v-d5c07166]{background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1}.score-label[data-v-d5c07166]{font-size:var(--tq-fs-sm);text-transform:uppercase;letter-spacing:1.5px;color:var(--tq-text-soft);opacity:.9;font-weight:600}.result-message[data-v-d5c07166]{font-size:var(--tq-fs);color:var(--tq-text-soft);max-width:420px;margin:0 auto 1.5rem;line-height:1.65}.result-actions[data-v-d5c07166]{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.take-quiz-page[data-v-d5c07166] ::-webkit-scrollbar{width:8px;height:8px}.take-quiz-page[data-v-d5c07166] ::-webkit-scrollbar-track{background:0 0}.take-quiz-page[data-v-d5c07166] ::-webkit-scrollbar-thumb{background:linear-gradient(#667eea,#764ba2);border-radius:8px}@keyframes tq-spin-d5c07166{to{transform:rotate(360deg)}}@keyframes tq-shimmer-d5c07166{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (min-width:480px){.question-grid[data-v-d5c07166]{grid-template-columns:repeat(6,1fr)}}@media (min-width:768px){.question-grid[data-v-d5c07166]{grid-template-columns:repeat(5,1fr)}.prev-btn[data-v-d5c07166],.next-btn[data-v-d5c07166]{flex:0 auto;min-width:150px}}@media (min-width:1024px){.quiz-layout[data-v-d5c07166]{grid-template-columns:minmax(260px,320px) 1fr;gap:1.5rem}.question-grid[data-v-d5c07166]{grid-template-columns:repeat(5,1fr)}}@media (min-width:1280px){.quiz-layout[data-v-d5c07166]{grid-template-columns:320px 1fr;gap:2rem}}@media (min-width:1440px){.quiz-layout[data-v-d5c07166]{grid-template-columns:350px 1fr}.question-grid[data-v-d5c07166]{grid-template-columns:repeat(6,1fr)}}@media (min-width:1920px){.take-quiz-page[data-v-d5c07166]{max-width:1800px;margin:0 auto;padding:2.5rem}.quiz-layout[data-v-d5c07166]{grid-template-columns:380px 1fr;gap:2.5rem}.question-grid[data-v-d5c07166]{grid-template-columns:repeat(6,1fr);gap:.65rem}.score-display[data-v-d5c07166]{width:220px;height:220px}}@media (min-width:2560px){.take-quiz-page[data-v-d5c07166]{max-width:2200px;padding:3rem}.quiz-layout[data-v-d5c07166]{grid-template-columns:440px 1fr;gap:3rem}.question-grid[data-v-d5c07166]{grid-template-columns:repeat(7,1fr);gap:.85rem}.question-text h2[data-v-d5c07166]{font-size:clamp(22px,1.3rem + .5vw,28px)}.score-display[data-v-d5c07166]{width:260px;height:260px}.score-value[data-v-d5c07166]{font-size:clamp(56px,4vw,84px)}}@media (max-width:480px){.question-navigation-buttons[data-v-d5c07166]{flex-direction:column}.prev-btn[data-v-d5c07166],.next-btn[data-v-d5c07166],.instructions-actions .btn-primary[data-v-d5c07166],.instructions-actions .btn-secondary[data-v-d5c07166],.result-actions .btn-primary[data-v-d5c07166],.result-actions .btn-secondary[data-v-d5c07166],.retry-btn[data-v-d5c07166],.back-btn[data-v-d5c07166]{width:100%}.question-grid[data-v-d5c07166]{grid-template-columns:repeat(4,1fr)}}.take-quiz-page[data-v-d5c07166] :focus-visible,.take-quiz-page .answer-option[data-v-d5c07166]:focus-within{outline:2px solid var(--tq-accent);outline-offset:3px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.take-quiz-page[data-v-d5c07166] *,.take-quiz-page[data-v-d5c07166] :before,.take-quiz-page[data-v-d5c07166] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.answer-option[data-v-d5c07166]:hover,.instruction-item[data-v-d5c07166]:hover,.question-nav-btn[data-v-d5c07166]:hover,.next-btn[data-v-d5c07166]:hover,.prev-btn[data-v-d5c07166]:hover,.btn-primary[data-v-d5c07166]:hover,.btn-secondary[data-v-d5c07166]:hover,.btn-submit[data-v-d5c07166]:hover{transform:none!important}}@media (prefers-contrast:high){.loading-container[data-v-d5c07166],.error-container[data-v-d5c07166],.quiz-header[data-v-d5c07166],.instructions-card[data-v-d5c07166],.question-sidebar[data-v-d5c07166],.question-main[data-v-d5c07166],.result-card[data-v-d5c07166],.answer-option.selected[data-v-d5c07166]{border-color:#fff}}@media print{.take-quiz-page[data-v-d5c07166]{color:#000;background:#fff;padding:1rem}.loading-container[data-v-d5c07166],.error-container[data-v-d5c07166],.quiz-header[data-v-d5c07166],.instructions-card[data-v-d5c07166],.question-sidebar[data-v-d5c07166],.question-main[data-v-d5c07166],.result-card[data-v-d5c07166]{color:#000;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.quiz-title[data-v-d5c07166],.instructions-title[data-v-d5c07166],.result-title[data-v-d5c07166],.question-text h2[data-v-d5c07166]{color:#000!important}.retry-btn[data-v-d5c07166],.back-btn[data-v-d5c07166],.nav-btn[data-v-d5c07166],.prev-btn[data-v-d5c07166],.next-btn[data-v-d5c07166],.btn-primary[data-v-d5c07166],.btn-secondary[data-v-d5c07166],.btn-submit[data-v-d5c07166],.flag-btn[data-v-d5c07166],.flagged-btn[data-v-d5c07166],.loading-spinner[data-v-d5c07166]{display:none!important}.score-value[data-v-d5c07166]{-webkit-text-fill-color:initial;background:0 0;color:#000!important}}[data-v-1e994204]:root{--pd-brand-1:#667eea;--pd-brand-2:#764ba2;--pd-brand-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--pd-surface-1:#ffffff0d;--pd-surface-2:#ffffff14;--pd-surface-3:#ffffff1f;--pd-surface-input:#0a0c1e59;--pd-border:#ffffff1a;--pd-border-hover:#fff3;--pd-border-focus:#818cf8;--pd-text:#fff;--pd-text-soft:#e8eaff;--pd-text-muted:#ffffffb3;--pd-text-faint:#ffffff80;--pd-info:#0ea5e9;--pd-success:#48bb78;--pd-warning:#ed8936;--pd-danger:#fc8181;--pd-accent:#818cf8;--pd-blur:blur(16px)saturate(140%);--pd-blur-strong:blur(22px)saturate(160%);--pd-shadow-card:0 8px 32px #667eea26;--pd-shadow-hover:0 12px 40px #667eea40;--pd-shadow-text:0 1px 2px #0009;--pd-transition:all .3s cubic-bezier(.4,0,.2,1);--pd-space-xs:clamp(.25rem,.5vw,.5rem);--pd-space-sm:clamp(.5rem,1vw,.75rem);--pd-space-md:clamp(.75rem,1.6vw,1.25rem);--pd-space-lg:clamp(1rem,2.4vw,2rem);--pd-space-xl:clamp(1.5rem,3.5vw,3rem);--pd-font-xs:clamp(.72rem,1.4vw,.8rem);--pd-font-sm:clamp(.82rem,1.6vw,.92rem);--pd-font-md:clamp(.92rem,1.8vw,1.05rem);--pd-font-lg:clamp(1.1rem,2.4vw,1.35rem);--pd-font-xl:clamp(1.35rem,3vw,1.75rem);--pd-font-xxl:clamp(1.6rem,4vw,2.5rem);--pd-r-sm:10px;--pd-r-md:14px;--pd-r-lg:18px;--pd-r-xl:22px}.proctor-dashboard[data-v-1e994204]{z-index:1;isolation:isolate;width:100%;max-width:min(1280px,96vw);padding:var(--pd-space-lg)var(--pd-space-md);min-height:100vh;min-height:100dvh;color:var(--pd-text);background:0 0;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.proctor-dashboard[data-v-1e994204] *,.proctor-dashboard[data-v-1e994204] :before,.proctor-dashboard[data-v-1e994204] :after{box-sizing:border-box;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}@keyframes pd-fade-up-1e994204{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pd-spin-1e994204{to{transform:rotate(360deg)}}@keyframes pd-pulse-1e994204{0%,to{opacity:.85}50%{opacity:1}}.dashboard-header[data-v-1e994204]{margin-bottom:var(--pd-space-lg);padding:var(--pd-space-lg);background:var(--pd-surface-1);border:1px solid var(--pd-border);border-radius:var(--pd-r-lg);-webkit-backdrop-filter:var(--pd-blur);box-shadow:var(--pd-shadow-card);animation:.5s ease-out both pd-fade-up-1e994204;position:relative;overflow:hidden}.dashboard-header[data-v-1e994204]:before{content:"";background:var(--pd-brand-grad);opacity:.85;height:2px;position:absolute;inset:0 0 auto}.dashboard-header h1[data-v-1e994204]{font-size:var(--pd-font-xxl);margin:0 0 var(--pd-space-xs);background:var(--pd-brand-grad);-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2}.proctor-info[data-v-1e994204]{align-items:center;gap:var(--pd-space-sm);font-size:var(--pd-font-md);color:var(--pd-text-soft);text-shadow:var(--pd-shadow-text);flex-wrap:wrap;display:flex}.proctor-info i[data-v-1e994204]{color:var(--pd-accent)}.dashboard-content[data-v-1e994204]{padding:var(--pd-space-lg);background:var(--pd-surface-1);border:1px solid var(--pd-border);border-radius:var(--pd-r-lg);-webkit-backdrop-filter:var(--pd-blur);box-shadow:var(--pd-shadow-card);isolation:isolate;position:relative;overflow:hidden}.dashboard-content[data-v-1e994204]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;inset:0 0 auto}.loading-state[data-v-1e994204],.error-state[data-v-1e994204],.empty-state[data-v-1e994204]{text-align:center;padding:var(--pd-space-xl)var(--pd-space-md);background:var(--pd-surface-1);border:1px solid var(--pd-border);border-radius:var(--pd-r-lg);-webkit-backdrop-filter:var(--pd-blur);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out both pd-fade-up-1e994204;display:flex}.error-state[data-v-1e994204]{border-color:#fc81814d}.loading-state .loading-spinner[data-v-1e994204],.loading-spinner[data-v-1e994204]{width:56px;height:56px;margin-bottom:var(--pd-space-md);border:3px solid #ffffff1f;border-top-color:var(--pd-brand-1);border-right-color:var(--pd-brand-2);border-radius:50%;animation:.9s linear infinite pd-spin-1e994204;box-shadow:0 0 25px #667eea4d}.error-icon[data-v-1e994204]{color:var(--pd-danger);margin-bottom:var(--pd-space-md);filter:drop-shadow(0 0 14px #fc818166);font-size:clamp(48px,8vw,64px)}.empty-icon[data-v-1e994204]{color:var(--pd-text-faint);margin-bottom:var(--pd-space-md);opacity:.75;font-size:clamp(56px,9vw,80px)}.loading-state h3[data-v-1e994204],.error-state h3[data-v-1e994204],.empty-state h3[data-v-1e994204]{font-size:var(--pd-font-lg);color:var(--pd-text);margin:0 0 var(--pd-space-sm);text-shadow:var(--pd-shadow-text);font-weight:600}.loading-state p[data-v-1e994204],.error-state p[data-v-1e994204],.empty-state p[data-v-1e994204]{font-size:var(--pd-font-md);color:var(--pd-text-muted);max-width:60ch;margin:0 0 var(--pd-space-md);line-height:1.6}.retry-btn[data-v-1e994204],.view-btn[data-v-1e994204],.room-link[data-v-1e994204],.clear-filters-btn[data-v-1e994204]{justify-content:center;align-items:center;gap:var(--pd-space-sm);min-height:44px;font-size:var(--pd-font-sm);color:#fff;background:var(--pd-brand-grad);border-radius:var(--pd-r-md);cursor:pointer;transition:var(--pd-transition);text-shadow:0 1px 2px #0006;border:1px solid #ffffff2e;padding:.65rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #667eea40}.retry-btn[data-v-1e994204]:before,.view-btn[data-v-1e994204]:before,.room-link[data-v-1e994204]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;transition:left .55s;position:absolute;inset:0 auto 0 -100%}.retry-btn[data-v-1e994204]:hover,.view-btn[data-v-1e994204]:hover,.room-link[data-v-1e994204]:hover,.clear-filters-btn[data-v-1e994204]:hover{box-shadow:var(--pd-shadow-hover);color:#fff;text-decoration:none;transform:translateY(-2px)}.retry-btn[data-v-1e994204]:hover:before,.view-btn[data-v-1e994204]:hover:before,.room-link[data-v-1e994204]:hover:before{left:100%}.retry-btn[data-v-1e994204]:active,.view-btn[data-v-1e994204]:active,.room-link[data-v-1e994204]:active,.clear-filters-btn[data-v-1e994204]:active{transform:translateY(0)}.room-link[data-v-1e994204]{background:linear-gradient(135deg,#14b8a6 0%,#48bb78 100%);box-shadow:0 6px 20px #14b8a640}.room-link[data-v-1e994204]:hover{box-shadow:0 12px 32px #14b8a659}.clear-filters-btn[data-v-1e994204]{white-space:nowrap;background:linear-gradient(135deg,#fc8181d9,#ed8936d9);box-shadow:0 6px 20px #fc818133}.clear-filters-btn[data-v-1e994204]:hover{box-shadow:0 12px 32px #fc81814d}.appointments-header[data-v-1e994204]{justify-content:space-between;align-items:center;gap:var(--pd-space-md);margin-bottom:var(--pd-space-lg);padding-bottom:var(--pd-space-md);border-bottom:1px solid var(--pd-border);flex-wrap:wrap;display:flex}.appointments-header h2[data-v-1e994204],.filters-header h2[data-v-1e994204]{align-items:center;gap:var(--pd-space-sm);font-size:var(--pd-font-xl);color:var(--pd-text);text-shadow:var(--pd-shadow-text);margin:0;font-weight:600;display:flex}.appointments-header h2 i[data-v-1e994204]{color:var(--pd-accent)}.stats[data-v-1e994204]{gap:var(--pd-space-md);flex-wrap:wrap;display:flex}.stat-item[data-v-1e994204]{min-width:110px;padding:var(--pd-space-sm)var(--pd-space-md);background:var(--pd-surface-2);border:1px solid var(--pd-border);border-radius:var(--pd-r-md);-webkit-backdrop-filter:var(--pd-blur);transition:var(--pd-transition);flex-direction:column;flex:auto;align-items:flex-end;display:flex}.stat-item[data-v-1e994204]:hover{border-color:var(--pd-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px #667eea33}.stat-label[data-v-1e994204]{font-size:var(--pd-font-xs);color:var(--pd-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-value[data-v-1e994204]{font-size:var(--pd-font-xl);background:var(--pd-brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.filters-section[data-v-1e994204]{margin-bottom:var(--pd-space-lg);padding:var(--pd-space-lg);background:var(--pd-surface-1);border:1px solid var(--pd-border);border-radius:var(--pd-r-lg);-webkit-backdrop-filter:var(--pd-blur)}.filters-header[data-v-1e994204]{justify-content:space-between;align-items:center;gap:var(--pd-space-md);margin-bottom:var(--pd-space-md);flex-wrap:wrap;display:flex}.filters-grid[data-v-1e994204]{gap:var(--pd-space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;display:grid}.filter-group label[data-v-1e994204]{font-size:var(--pd-font-sm);color:var(--pd-text-soft);font-weight:500}.filter-input[data-v-1e994204]{background:var(--pd-surface-input);border:1px solid var(--pd-border);border-radius:var(--pd-r-sm);width:100%;min-height:44px;color:var(--pd-text);font-size:var(--pd-font-sm);transition:var(--pd-transition);-webkit-backdrop-filter:blur(8px);padding:.65rem .85rem;font-family:inherit}.filter-input[data-v-1e994204]::placeholder{color:var(--pd-text-faint)}.filter-input[data-v-1e994204]:hover{border-color:var(--pd-border-hover)}.filter-input[data-v-1e994204]:focus{border-color:var(--pd-border-focus);background:#0a0c1e8c;outline:none;box-shadow:0 0 0 3px #818cf840}.filter-input[type=date][data-v-1e994204]::-webkit-calendar-picker-indicator{filter:invert()brightness(.95);cursor:pointer;opacity:.8}select.filter-input[data-v-1e994204]{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--pd-text-soft)50%),linear-gradient(135deg,var(--pd-text-soft)50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2.25rem}select.filter-input option[data-v-1e994204]{color:var(--pd-text);background:#14152b}.filter-actions[data-v-1e994204]{justify-content:flex-end;align-items:flex-end;display:flex}.appointments-list[data-v-1e994204]{gap:var(--pd-space-md);grid-template-columns:1fr;display:grid}.appointment-card[data-v-1e994204]{padding:var(--pd-space-lg);background:var(--pd-surface-2);border:1px solid var(--pd-border);border-radius:var(--pd-r-md);-webkit-backdrop-filter:var(--pd-blur);cursor:pointer;transition:var(--pd-transition);isolation:isolate;animation:.45s ease-out both pd-fade-up-1e994204;position:relative;overflow:hidden}.appointment-card[data-v-1e994204]:before{content:"";background:var(--pd-brand-grad);opacity:.6;height:2px;position:absolute;inset:0 0 auto}.appointment-card[data-v-1e994204]:hover{background:var(--pd-surface-3);border-color:var(--pd-border-hover);box-shadow:var(--pd-shadow-hover);transform:translateY(-4px)}.appointment-card[data-v-1e994204]:first-child{animation-delay:50ms}.appointment-card[data-v-1e994204]:nth-child(2){animation-delay:.1s}.appointment-card[data-v-1e994204]:nth-child(3){animation-delay:.15s}.appointment-card[data-v-1e994204]:nth-child(4){animation-delay:.2s}.appointment-card[data-v-1e994204]:nth-child(5){animation-delay:.25s}.appointment-header[data-v-1e994204]{margin-bottom:var(--pd-space-md)}.appointment-title[data-v-1e994204]{justify-content:space-between;align-items:flex-start;gap:var(--pd-space-sm);margin-bottom:var(--pd-space-sm);flex-wrap:wrap;display:flex}.appointment-title h3[data-v-1e994204]{font-size:var(--pd-font-lg);color:var(--pd-text);text-shadow:var(--pd-shadow-text);flex:auto;min-width:0;margin:0;font-weight:600}.appointment-meta[data-v-1e994204]{gap:var(--pd-space-md);flex-wrap:wrap;display:flex}.meta-item[data-v-1e994204]{font-size:var(--pd-font-sm);color:var(--pd-text-muted);align-items:center;gap:.4rem;display:inline-flex}.meta-icon[data-v-1e994204]{filter:drop-shadow(0 0 6px #818cf866);font-size:1rem}.status-badge[data-v-1e994204]{font-size:var(--pd-font-xs);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;-webkit-backdrop-filter:blur(6px);border:1px solid;border-radius:999px;align-items:center;padding:.35rem .85rem;font-weight:600;display:inline-flex}.status-scheduled[data-v-1e994204]{color:#5eead4;background:#5eead41f;border-color:#5eead459}.status-in-progress[data-v-1e994204]{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2459;animation:2.4s ease-in-out infinite pd-pulse-1e994204}.status-completed[data-v-1e994204]{color:#93c5fd;background:#93c5fd1f;border-color:#93c5fd59}.status-cancelled[data-v-1e994204]{color:#cbd5e1;background:#cbd5e11a;border-color:#cbd5e14d}.status-expired[data-v-1e994204]{color:#fc8181;background:#fc81811f;border-color:#fc818159}.status-pending[data-v-1e994204]{color:#ed8936;background:#ed893624;border-color:#ed893666;animation:2s ease-in-out infinite pd-pulse-1e994204}.status-default[data-v-1e994204]{color:#c4b5fd;background:#c4b5fd1f;border-color:#c4b5fd59}.appointment-details[data-v-1e994204]{margin-bottom:var(--pd-space-md);padding:var(--pd-space-md);border:1px solid var(--pd-border);border-radius:var(--pd-r-sm);background:#0003}.detail-row[data-v-1e994204]{justify-content:space-between;align-items:center;gap:var(--pd-space-xs);padding-bottom:var(--pd-space-sm);margin-bottom:var(--pd-space-sm);border-bottom:1px solid #ffffff0f;flex-wrap:wrap;display:flex}.detail-row[data-v-1e994204]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label[data-v-1e994204]{font-size:var(--pd-font-sm);color:var(--pd-text-muted);font-weight:500}.detail-value[data-v-1e994204]{font-size:var(--pd-font-sm);color:var(--pd-text);text-align:right;overflow-wrap:anywhere;max-width:65%;font-weight:600}.detail-value.code[data-v-1e994204]{font-family:SF Mono,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--pd-font-xs);color:#c7d2fe;border-radius:var(--pd-r-sm);word-break:break-all;background:#818cf81a;border:1px solid #818cf84d;padding:.3rem .65rem}.appointment-actions[data-v-1e994204]{justify-content:space-between;align-items:center;gap:var(--pd-space-md);margin-top:var(--pd-space-md);padding-top:var(--pd-space-md);border-top:1px solid var(--pd-border);flex-wrap:wrap;display:flex}.room-links[data-v-1e994204]{gap:var(--pd-space-sm);flex-wrap:wrap;display:flex}.proctor-dashboard a[data-v-1e994204]:focus-visible,.proctor-dashboard button[data-v-1e994204]:focus-visible,.proctor-dashboard .filter-input[data-v-1e994204]:focus-visible,.appointment-card[data-v-1e994204]:focus-visible{outline:2px solid var(--pd-border-focus);outline-offset:2px}@media (min-width:480px){.proctor-dashboard[data-v-1e994204]{padding:var(--pd-space-lg)}.filters-grid[data-v-1e994204]{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.filters-grid[data-v-1e994204]{grid-template-columns:repeat(3,1fr)}.stat-item[data-v-1e994204]{min-width:130px}}@media (min-width:1024px){.proctor-dashboard[data-v-1e994204]{max-width:min(1280px,95vw)}.filters-grid[data-v-1e994204]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.appointments-list[data-v-1e994204]{grid-template-columns:1fr}}@media (min-width:1440px){.proctor-dashboard[data-v-1e994204]{max-width:min(1440px,92vw)}.appointments-list[data-v-1e994204]{gap:var(--pd-space-lg);grid-template-columns:repeat(auto-fill,minmax(520px,1fr))}}@media (min-width:1920px){.proctor-dashboard[data-v-1e994204]{max-width:min(1700px,88vw)}.appointments-list[data-v-1e994204]{grid-template-columns:repeat(auto-fill,minmax(560px,1fr))}}@media (min-width:2560px){[data-v-1e994204]:root{--pd-font-md:1.15rem;--pd-font-lg:1.5rem;--pd-font-xl:1.95rem;--pd-font-xxl:2.75rem}.proctor-dashboard[data-v-1e994204]{max-width:min(2200px,85vw);padding:var(--pd-space-xl)}.appointments-list[data-v-1e994204]{gap:var(--pd-space-xl);grid-template-columns:repeat(auto-fill,minmax(680px,1fr))}}@media (max-width:639px){.appointments-header[data-v-1e994204],.filters-header[data-v-1e994204]{flex-direction:column;align-items:flex-start}.stats[data-v-1e994204]{width:100%}.stat-item[data-v-1e994204]{min-width:calc(50% - var(--pd-space-sm));align-items:flex-start}.appointment-meta[data-v-1e994204]{gap:var(--pd-space-sm);flex-direction:column}.appointment-actions[data-v-1e994204]{flex-direction:column;align-items:stretch}.appointment-actions .view-btn[data-v-1e994204],.appointment-actions .room-links[data-v-1e994204]{width:100%}.room-links[data-v-1e994204]{justify-content:stretch}.room-link[data-v-1e994204]{flex:auto}.detail-row[data-v-1e994204]{flex-direction:column;align-items:flex-start}.detail-value[data-v-1e994204]{text-align:left;max-width:100%}.filter-actions[data-v-1e994204]{justify-content:stretch}.clear-filters-btn[data-v-1e994204]{width:100%}}@media (max-width:360px){.stat-item[data-v-1e994204]{min-width:100%}}@media (prefers-reduced-motion:reduce){.appointment-card[data-v-1e994204],.stat-item[data-v-1e994204],.retry-btn[data-v-1e994204],.view-btn[data-v-1e994204],.room-link[data-v-1e994204],.clear-filters-btn[data-v-1e994204]{transition:none}.appointment-card[data-v-1e994204]:hover,.stat-item[data-v-1e994204]:hover,.retry-btn[data-v-1e994204]:hover,.view-btn[data-v-1e994204]:hover,.room-link[data-v-1e994204]:hover,.clear-filters-btn[data-v-1e994204]:hover{transform:none}.status-badge[data-v-1e994204]{animation:none}.loading-spinner[data-v-1e994204]{animation-duration:1.6s}}@media (prefers-contrast:high){.dashboard-header[data-v-1e994204],.dashboard-content[data-v-1e994204],.appointment-card[data-v-1e994204],.filters-section[data-v-1e994204],.stat-item[data-v-1e994204]{border-color:var(--pd-text);background:#050716d9}.status-badge[data-v-1e994204],.retry-btn[data-v-1e994204],.view-btn[data-v-1e994204],.room-link[data-v-1e994204],.clear-filters-btn[data-v-1e994204]{border-width:2px}}.filters-section[data-v-1e994204]{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:#0f0f28d9;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.filters-header[data-v-1e994204]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filters-header h2[data-v-1e994204]{color:#fff;text-shadow:0 0 10px #000c;margin:0;font-size:1.5rem;font-weight:600}.filters-grid[data-v-1e994204]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}.filter-group[data-v-1e994204]{flex-direction:column;gap:.5rem;display:flex}.filter-group label[data-v-1e994204]{color:#e0e0e0;text-shadow:0 0 10px #000c;font-size:.875rem}.filter-input[data-v-1e994204]{color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .3s}.filter-input[data-v-1e994204]:focus{border-color:#4ecdc4;outline:none;box-shadow:0 0 15px #4ecdc44d}.filter-actions[data-v-1e994204]{align-items:flex-end;display:flex}.clear-filters-btn[data-v-1e994204]{color:#fff;cursor:pointer;text-shadow:0 0 10px #000c;white-space:nowrap;background:linear-gradient(135deg,#ff6b6be6,#ff5656e6);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.clear-filters-btn[data-v-1e994204]:hover{background:linear-gradient(135deg,#ff5656,#ff4646);transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66}@media (max-width:768px){.filters-grid[data-v-1e994204]{grid-template-columns:1fr}.filter-actions[data-v-1e994204]{justify-content:flex-end}}.proctor-appointment[data-v-d3edd3b8]{--pa-text:#fff;--pa-text-soft:#e8eaff;--pa-text-mute:#ffffffb8;--pa-text-faint:#ffffff80;--pa-brand-1:#667eea;--pa-brand-2:#764ba2;--pa-brand-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--pa-accent:#818cf8;--pa-glass:#0f192d73;--pa-glass-hi:#1e283c8c;--pa-glass-input:#00000059;--pa-glass-card:#0a142380;--pa-border:1px solid #ffffff1f;--pa-border-hi:1px solid #fff3;--pa-blur:blur(14px)saturate(160%);--pa-blur-strong:blur(20px)saturate(180%);--pa-shadow:0 8px 28px #0000004d,0 0 0 1px #667eea1a;--pa-shadow-hi:0 16px 40px #0006,0 0 0 1px #667eea33;--pa-glow-focus:0 0 0 3px #818cf880;--pa-radius-sm:10px;--pa-radius:14px;--pa-radius-lg:20px;--pa-ease:cubic-bezier(.2,.9,.4,1.1);--fs-xs:.72rem;--fs-sm:.8rem;--fs-md:.875rem;--fs-lg:.95rem;--fs-h3:1rem;--fs-h2:1.2rem;--fs-h1:1.7rem;z-index:1;isolation:isolate;width:100%;max-width:1600px;min-height:100vh;min-height:100dvh;color:var(--pa-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--fs-md);animation:pa-fade-in-d3edd3b8 .35s var(--pa-ease)both;background:0 0;margin:0 auto;padding:clamp(12px,2.5vw,32px);line-height:1.55;position:relative}@keyframes pa-fade-in-d3edd3b8{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.appointment-header[data-v-d3edd3b8]{background:var(--pa-glass);-webkit-backdrop-filter:var(--pa-blur);border:var(--pa-border);border-radius:var(--pa-radius-lg);box-shadow:var(--pa-shadow);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(20px,3vw,32px);padding:clamp(14px,2vw,20px) clamp(18px,2.4vw,28px);display:flex}.back-btn[data-v-d3edd3b8]{color:var(--pa-text-soft);font-size:var(--fs-sm);cursor:pointer;transition:all .2s var(--pa-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #fff3;border-radius:40px;padding:8px 16px;font-weight:500}.back-btn[data-v-d3edd3b8]:hover{border-color:var(--pa-accent);background:#ffffff2e;transform:translate(-3px)}.appointment-header h1[data-v-d3edd3b8]{font-size:var(--fs-h1);background:var(--pa-brand-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700;line-height:1.2}.loading-state[data-v-d3edd3b8],.error-state[data-v-d3edd3b8]{text-align:center;background:var(--pa-glass-card);-webkit-backdrop-filter:var(--pa-blur);backdrop-filter:var(--pa-blur);border:var(--pa-border);border-radius:var(--pa-radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;padding:clamp(40px,8vw,80px) 20px;display:flex}.loading-spinner[data-v-d3edd3b8]{border:3px solid #ffffff26;border-top-color:var(--pa-brand-1);border-right-color:var(--pa-brand-2);border-radius:50%;width:56px;height:56px;animation:.9s linear infinite pa-spin-d3edd3b8;box-shadow:0 0 20px #667eea66}@keyframes pa-spin-d3edd3b8{to{transform:rotate(360deg)}}.error-icon[data-v-d3edd3b8]{filter:drop-shadow(0 0 12px #f8717199);font-size:52px}.error-state p[data-v-d3edd3b8]{color:var(--pa-text-mute);max-width:380px}.retry-btn[data-v-d3edd3b8]{background:var(--pa-brand-grad);color:#fff;border-radius:var(--pa-radius);cursor:pointer;border:none;padding:10px 24px;font-weight:600;transition:transform .18s,box-shadow .18s}.retry-btn[data-v-d3edd3b8]:hover{transform:translateY(-2px);box-shadow:0 10px 24px #667eea80}.appointment-details[data-v-d3edd3b8]{width:100%}.details-grid[data-v-d3edd3b8]{grid-template-columns:1fr;gap:clamp(20px,3vw,32px);display:grid}@media (min-width:900px){.details-grid[data-v-d3edd3b8]{grid-template-columns:1fr 1fr;gap:28px}}.details-column[data-v-d3edd3b8]{flex-direction:column;gap:clamp(20px,3vw,32px);display:flex}.details-section[data-v-d3edd3b8]{background:var(--pa-glass);-webkit-backdrop-filter:var(--pa-blur);border:var(--pa-border);border-radius:var(--pa-radius-lg);padding:clamp(18px,2.5vw,28px);transition:box-shadow .2s}.details-section h2[data-v-d3edd3b8]{font-size:var(--fs-h2);color:var(--pa-text);border-left:3px solid var(--pa-brand-1);margin:0 0 16px;padding-left:12px;font-weight:600}.info-card[data-v-d3edd3b8]{flex-direction:column;gap:14px;display:flex}.info-row[data-v-d3edd3b8]{font-size:var(--fs-sm);border-bottom:1px dashed #ffffff14;flex-wrap:wrap;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.info-label[data-v-d3edd3b8]{min-width:120px;color:var(--pa-text-mute);font-weight:500}.info-value[data-v-d3edd3b8]{color:var(--pa-text-soft);word-break:break-word}.info-value.code[data-v-d3edd3b8]{border-radius:var(--pa-radius-sm);background:#0006;padding:2px 8px;font-family:monospace}.status-badge[data-v-d3edd3b8]{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border:1px solid;border-radius:40px;padding:4px 12px;font-weight:700;display:inline-block}.status-scheduled[data-v-d3edd3b8]{color:#9ae6b4;background:#48bb7833}.status-in-progress[data-v-d3edd3b8]{color:#fed7d7;background:#f5656533}.status-completed[data-v-d3edd3b8]{color:#bee3f8;background:#4299e133}.status-cancelled[data-v-d3edd3b8],.status-expired[data-v-d3edd3b8]{color:#e2e8f0;background:#a0aec033}.status-pending[data-v-d3edd3b8]{color:#fefcbf;background:#ecc94b33}.status-default[data-v-d3edd3b8]{color:#e2e8f0;background:#a0aec033}.section-header[data-v-d3edd3b8]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-header h2[data-v-d3edd3b8]{border-left:none;margin:0;padding-left:0}.edit-rooms-btn[data-v-d3edd3b8],.save-rooms-btn[data-v-d3edd3b8]{color:#c7d2fe;font-size:var(--fs-sm);cursor:pointer;background:#818cf833;border:1px solid #818cf880;border-radius:40px;padding:6px 16px;font-weight:600;transition:all .2s}.edit-rooms-btn[data-v-d3edd3b8]:hover,.save-rooms-btn[data-v-d3edd3b8]:hover{background:#818cf859;transform:translateY(-1px)}.rooms-grid[data-v-d3edd3b8]{grid-template-columns:1fr;gap:24px;margin-bottom:24px;display:grid}@media (min-width:640px){.rooms-grid[data-v-d3edd3b8]{grid-template-columns:repeat(2,1fr)}}.room-card[data-v-d3edd3b8]{background:var(--pa-glass-card);border:var(--pa-border);border-radius:var(--pa-radius);padding:18px;transition:all .2s}.room-header[data-v-d3edd3b8]{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.room-icon[data-v-d3edd3b8]{font-size:1.4rem}.room-header h3[data-v-d3edd3b8]{font-size:var(--fs-h3);margin:0;font-weight:600}.room-status[data-v-d3edd3b8]{font-size:var(--fs-xs);color:#9ae6b4;background:#48bb7833;border-radius:40px;padding:2px 8px}.room-status.inactive[data-v-d3edd3b8]{color:#a0aec0;background:#a0aec033}.room-edit[data-v-d3edd3b8],.room-view[data-v-d3edd3b8]{flex-direction:column;gap:12px;display:flex}.input-group[data-v-d3edd3b8]{flex-direction:column;gap:6px;display:flex}.input-group label[data-v-d3edd3b8]{font-size:var(--fs-xs);color:var(--pa-text-mute);font-weight:600}.url-input[data-v-d3edd3b8]{background:var(--pa-glass-input);border:var(--pa-border-hi);border-radius:var(--pa-radius-sm);width:100%;color:var(--pa-text);font-size:var(--fs-sm);padding:10px 12px}.url-input[data-v-d3edd3b8]:focus{border-color:var(--pa-accent);box-shadow:var(--pa-glow-focus);outline:none}.input-help[data-v-d3edd3b8]{font-size:var(--fs-xs);color:var(--pa-text-faint)}.room-actions[data-v-d3edd3b8],.view-actions[data-v-d3edd3b8]{flex-wrap:wrap;gap:12px;display:flex}.clear-btn[data-v-d3edd3b8],.test-btn[data-v-d3edd3b8],.copy-btn[data-v-d3edd3b8]{border-radius:var(--pa-radius-sm);font-size:var(--fs-xs);cursor:pointer;color:var(--pa-text-soft);background:#ffffff0d;border:1px solid #fff3;padding:6px 14px;transition:all .15s}.test-btn[data-v-d3edd3b8]:hover,.copy-btn[data-v-d3edd3b8]:hover,.clear-btn[data-v-d3edd3b8]:hover{border-color:var(--pa-accent);background:#818cf840}.room-link[data-v-d3edd3b8]{color:#93c5fd;word-break:break-all;font-size:var(--fs-sm);text-decoration:none}.room-link[data-v-d3edd3b8]:hover{text-decoration:underline}.no-url[data-v-d3edd3b8]{color:var(--pa-text-faint);font-style:italic}.no-rooms[data-v-d3edd3b8]{text-align:center;background:var(--pa-glass-card);border-radius:var(--pa-radius);padding:32px 16px}.no-rooms-icon[data-v-d3edd3b8]{margin-bottom:12px;font-size:48px;display:block}.add-room-btn[data-v-d3edd3b8]{background:var(--pa-brand-grad);color:#fff;cursor:pointer;border:none;border-radius:40px;margin-top:12px;padding:8px 20px}.rooms-tips[data-v-d3edd3b8]{border-radius:var(--pa-radius);font-size:var(--fs-sm);background:#00000040;margin-top:16px;padding:12px 16px}.rooms-tips h4[data-v-d3edd3b8]{color:var(--pa-text-soft);margin:0 0 6px}.rooms-tips ul[data-v-d3edd3b8]{margin:0;padding-left:20px}.rooms-tips li[data-v-d3edd3b8]{color:var(--pa-text-mute)}.user-card[data-v-d3edd3b8]{background:var(--pa-glass-card);border-radius:var(--pa-radius);padding:16px}.user-header[data-v-d3edd3b8]{align-items:center;gap:16px;margin-bottom:20px;display:flex}.user-avatar[data-v-d3edd3b8]{background:var(--pa-brand-grad);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:700;display:flex;box-shadow:0 4px 12px #0000004d}.user-info h3[data-v-d3edd3b8]{font-size:var(--fs-h3);margin:0}.user-id[data-v-d3edd3b8]{font-size:var(--fs-xs);color:var(--pa-text-mute);margin:4px 0 0}.user-details[data-v-d3edd3b8]{flex-direction:column;gap:12px;display:flex}.detail-item[data-v-d3edd3b8]{font-size:var(--fs-sm);border-bottom:1px dashed #ffffff14;align-items:center;gap:12px;padding:6px 0;display:flex}.detail-icon[data-v-d3edd3b8]{min-width:28px;font-size:1.1rem}.detail-text[data-v-d3edd3b8]{color:var(--pa-text-soft)}.controls-card[data-v-d3edd3b8]{background:var(--pa-glass-card);border-radius:var(--pa-radius);flex-direction:column;gap:24px;padding:16px;display:flex}.control-group h3[data-v-d3edd3b8]{font-size:var(--fs-h3);color:var(--pa-text);margin:0 0 12px}.control-item[data-v-d3edd3b8]{margin-bottom:16px}.control-label[data-v-d3edd3b8]{cursor:pointer;align-items:center;gap:10px;font-weight:500;display:flex}.control-label input[type=checkbox][data-v-d3edd3b8]{cursor:pointer;width:18px;height:18px;accent-color:var(--pa-brand-1)}.control-help[data-v-d3edd3b8]{font-size:var(--fs-xs);color:var(--pa-text-faint);margin:6px 0 0 28px}.entered-status[data-v-d3edd3b8]{color:#9ae6b4;background:#48bb7833;border-radius:40px;padding:4px 12px}.status-buttons[data-v-d3edd3b8]{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.status-btn[data-v-d3edd3b8]{font-size:var(--fs-xs);color:var(--pa-text-soft);cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:40px;padding:6px 14px;font-weight:500;transition:all .15s}.status-btn.active[data-v-d3edd3b8]{background:var(--pa-brand-grad);color:#fff;border-color:#0000;box-shadow:0 0 8px #667eea80}.status-btn[data-v-d3edd3b8]:hover:not(.active){background:#818cf84d}.status-help[data-v-d3edd3b8]{font-size:var(--fs-sm);color:var(--pa-text-mute)}.control-actions[data-v-d3edd3b8]{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.save-btn[data-v-d3edd3b8],.refresh-btn[data-v-d3edd3b8]{background:var(--pa-brand-grad);border-radius:var(--pa-radius);color:#fff;cursor:pointer;border:none;padding:10px 24px;font-weight:600;transition:transform .18s,box-shadow .18s}.save-btn[data-v-d3edd3b8]:disabled,.refresh-btn[data-v-d3edd3b8]:disabled{opacity:.5;cursor:not-allowed}.save-btn[data-v-d3edd3b8]:hover:not(:disabled),.refresh-btn[data-v-d3edd3b8]:hover:not(:disabled){box-shadow:var(--pa-shadow-hi);transform:translateY(-2px)}.refresh-btn[data-v-d3edd3b8]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a}@media (max-width:480px){.appointment-header[data-v-d3edd3b8]{flex-direction:column;align-items:stretch}.back-btn[data-v-d3edd3b8]{align-self:flex-start}.info-label[data-v-d3edd3b8]{min-width:90px}.status-buttons[data-v-d3edd3b8]{justify-content:center}.control-actions[data-v-d3edd3b8]{flex-direction:column}.save-btn[data-v-d3edd3b8],.refresh-btn[data-v-d3edd3b8]{text-align:center;width:100%}}@media (min-width:768px){.proctor-appointment[data-v-d3edd3b8]{--fs-md:.9rem;--fs-h1:1.8rem}}@media (min-width:1024px){.proctor-appointment[data-v-d3edd3b8]{max-width:1400px;padding:32px}}@media (min-width:1440px){.proctor-appointment[data-v-d3edd3b8]{--fs-md:.95rem;--fs-h1:2rem}.details-section[data-v-d3edd3b8]{padding:28px}}@media (min-width:2560px){.proctor-appointment[data-v-d3edd3b8]{--fs-md:1rem;--fs-h1:2.2rem;max-width:2000px}.room-card[data-v-d3edd3b8]{padding:24px}.save-btn[data-v-d3edd3b8],.refresh-btn[data-v-d3edd3b8]{padding:12px 32px}}@media (prefers-reduced-motion:reduce){.proctor-appointment[data-v-d3edd3b8],.proctor-appointment[data-v-d3edd3b8] *{transition-duration:.01ms!important;animation-duration:.01ms!important}.loading-spinner[data-v-d3edd3b8]{animation:none}}@media (prefers-contrast:high){.proctor-appointment[data-v-d3edd3b8]{--pa-glass:#000000d9;--pa-border:1px solid white}.status-badge[data-v-d3edd3b8],.room-status[data-v-d3edd3b8]{border-width:2px}}.proctor-appointment button[data-v-d3edd3b8]:focus-visible,.proctor-appointment a[data-v-d3edd3b8]:focus-visible,.proctor-appointment input[data-v-d3edd3b8]:focus-visible{outline:2px solid var(--pa-accent);outline-offset:2px;border-radius:var(--pa-radius-sm)}:root{--glass-surface-1:#ffffff0a;--glass-surface-2:#ffffff0f;--glass-surface-3:#ffffff1a;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--aurora-cyan:#4ecdc4;--aurora-purple:#8a2be2;--aurora-blue:#4285f4;--aurora-pink:#e879f9;--aurora-emerald:#10b981;--brand-1:#667eea;--brand-2:#764ba2;--text-primary:#fff;--text-secondary:#ffffffc7;--text-tertiary:#ffffff8f;--text-quaternary:#ffffff61;--clr-success:#10b981;--clr-warning:#f59e0b;--clr-danger:#ef4444;--clr-info:#3b82f6;--gradient-aurora:linear-gradient(135deg,#4ecdc4 0%,#667eea 50%,#8a2be2 100%);--gradient-brand:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-primary-btn:linear-gradient(135deg,#4ecdc4 0%,#667eea 100%);--gradient-warning:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #00000059;--shadow-xl:0 24px 64px #0006;--glow-aurora:0 0 60px #4ecdc42e,0 0 100px #8a2be21f;--glow-brand:0 8px 32px #667eea40;--fs-xs:clamp(.68rem,.6rem + .3vw,.8rem);--fs-sm:clamp(.78rem,.7rem + .35vw,.9rem);--fs-base:clamp(.88rem,.8rem + .4vw,1rem);--fs-md:clamp(.95rem,.85rem + .45vw,1.08rem);--fs-lg:clamp(1.05rem,.95rem + .5vw,1.2rem);--fs-xl:clamp(1.2rem,1rem + .8vw,1.5rem);--fs-2xl:clamp(1.5rem,1.2rem + 1.2vw,2rem);--fs-3xl:clamp(1.85rem,1.4rem + 1.8vw,2.6rem);--fs-4xl:clamp(2.2rem,1.6rem + 2.8vw,3.8rem);--sp-xs:clamp(.35rem,.3rem + .2vw,.5rem);--sp-sm:clamp(.6rem,.5rem + .3vw,.85rem);--sp-md:clamp(.9rem,.75rem + .5vw,1.25rem);--sp-lg:clamp(1.25rem,1rem + .8vw,1.85rem);--sp-xl:clamp(1.75rem,1.3rem + 1.2vw,2.75rem);--sp-2xl:clamp(2.5rem,1.8rem + 2vw,4rem);--sp-3xl:clamp(3.5rem,2.5rem + 3vw,6rem);--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-2xl:32px;--r-full:9999px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--t-fast:.2s var(--ease-out);--t-normal:.35s var(--ease-out);--container-max:1440px}.plans-container *,.plans-container :before,.plans-container :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word}.plans-container{z-index:1;min-height:100vh;width:100%;min-height:100dvh;color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;padding:clamp(1rem,3vw,3rem) clamp(1rem,4vw,3rem);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}.header{text-align:center;padding:var(--sp-2xl)0 var(--sp-xl);max-width:900px;animation:plansFadeInDown .8s var(--ease-out)both;margin:0 auto;position:relative}@keyframes plansFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.title{font-size:var(--fs-4xl);letter-spacing:-.035em;margin:0 0 var(--sp-md);background:linear-gradient(135deg,#fff 0%,#a5f3fc 40%,#c4b5fd 70%,#fff 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 2px 30px #667eea26;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.1;animation:6s ease-in-out infinite plansShimmer}@keyframes plansShimmer{0%,to{background-position:0%}50%{background-position:100%}}.subtitle{font-size:var(--fs-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;font-weight:400;line-height:1.6}.pending-payment-banner{max-width:1100px;margin:var(--sp-xl)auto;padding:var(--sp-lg);background:var(--glass-surface-2);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);transition:transform var(--t-normal),border-color var(--t-normal),box-shadow var(--t-normal);animation:plansFadeInUp .7s var(--ease-out)both;position:relative;overflow:hidden}.pending-payment-banner:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fbbf2414,#0000 55%);position:absolute;inset:0}.pending-payment-banner:after{content:"";background:var(--gradient-warning);opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.pending-payment-banner:hover{box-shadow:var(--shadow-xl),0 0 40px #fbbf2426;border-color:#fbbf2459;transform:translateY(-2px)}.banner-content{gap:var(--sp-lg);z-index:1;grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:relative}.banner-icon{background:var(--gradient-warning);border-radius:var(--r-lg);flex-shrink:0;place-items:center;width:clamp(52px,8vw,76px);height:clamp(52px,8vw,76px);font-size:clamp(1.5rem,4vw,2.2rem);animation:2.5s ease-in-out infinite plansPulse;display:grid;box-shadow:0 8px 24px #fbbf2466}@keyframes plansPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.banner-text h3{font-size:var(--fs-xl);margin:0 0 var(--sp-xs);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.banner-text p{margin:0 0 var(--sp-xs);color:var(--text-secondary);font-size:var(--fs-base)}.banner-text p strong{color:var(--text-primary);font-weight:600}.banner-details{gap:var(--sp-md);font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:var(--sp-xs);flex-wrap:wrap;align-items:center;display:flex}.detail-item{align-items:center;gap:var(--sp-xs);display:inline-flex}.banner-actions{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.loading-container,.error-container{padding:var(--sp-3xl)var(--sp-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;display:flex}.loading-spinner{background:conic-gradient(from 0deg,transparent,var(--aurora-cyan),var(--aurora-purple),transparent);width:64px;height:64px;margin-bottom:var(--sp-lg);border-radius:50%;animation:1.2s linear infinite plansSpin;position:relative;-webkit-mask:radial-gradient(circle,#0000 50%,#000 52%);mask:radial-gradient(circle,#0000 50%,#000 52%)}.loading-spinner:after{content:"";background:radial-gradient(circle,#4ecdc426,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite plansPulse;position:absolute;inset:-10px}@keyframes plansSpin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:var(--fs-md);font-weight:500}@keyframes plansShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.error-title{font-size:var(--fs-2xl);color:var(--text-primary);margin:0 0 var(--sp-sm);letter-spacing:-.02em;font-weight:700}.error-message{color:var(--text-secondary);margin:0 0 var(--sp-lg);font-size:var(--fs-md);max-width:480px}.plans-grid{gap:var(--sp-lg);max-width:var(--container-max);margin:var(--sp-xl)auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.plan-card{padding:var(--sp-lg);background:var(--glass-surface-2);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);transition:transform var(--t-normal),box-shadow var(--t-normal),border-color var(--t-normal),background var(--t-normal);animation:plansFadeInUp .7s var(--ease-out)both;flex-direction:column;display:flex;position:relative;overflow:hidden}.plan-card:nth-child(2){animation-delay:80ms}.plan-card:nth-child(3){animation-delay:.16s}.plan-card:nth-child(4){animation-delay:.24s}@keyframes plansFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.plan-card:before{content:"";background:var(--gradient-aurora);opacity:.95;z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.plan-card:after{content:"";background:radial-gradient(600px circle at var(--mx,50%)var(--my,0%),#4ecdc41a,transparent 40%);opacity:0;transition:opacity var(--t-normal);pointer-events:none;z-index:0;position:absolute;inset:0}.plan-card:hover:not(.disabled):after{opacity:1}.plan-card:hover:not(.disabled){background:var(--glass-surface-3);border-color:var(--glass-border-hover);box-shadow:var(--shadow-xl),var(--glow-aurora);transform:translateY(-8px)}.plan-card.disabled{opacity:.55;filter:grayscale(.3);pointer-events:none}.plan-card.pending{border-color:#fbbf2466}.plan-card.pending:before{background:var(--gradient-warning)}.pending-badge{top:var(--sp-md);right:var(--sp-md);background:var(--gradient-warning);color:#1a1a1a;font-size:var(--fs-xs);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;z-index:2;align-items:center;gap:4px;padding:6px 12px;font-weight:700;display:inline-flex;position:absolute;box-shadow:0 4px 16px #fbbf2466}.plan-header{padding-bottom:var(--sp-md);margin-bottom:var(--sp-md);border-bottom:1px solid var(--glass-border);z-index:1;position:relative}.plan-title{font-size:var(--fs-xl);margin:0 0 var(--sp-md);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.25}.price{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.amount{font-size:var(--fs-3xl);background:var(--gradient-aurora);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.period{font-size:var(--fs-sm);color:var(--text-tertiary);margin-left:4px;font-weight:500}.plan-description{margin:0 0 var(--sp-md);color:var(--text-secondary);font-size:var(--fs-base);z-index:1;line-height:1.65;position:relative}.plan-description p{margin:0}.plan-features{margin-bottom:var(--sp-lg);z-index:1;flex-grow:1;position:relative}.features-title{font-size:var(--fs-sm);margin:0 0 var(--sp-md);color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;opacity:.92;font-weight:600}.features-list{gap:var(--sp-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feature-item{align-items:flex-start;gap:var(--sp-sm);font-size:var(--fs-sm);padding:2px 0;line-height:1.55;display:flex}.feature-icon{width:22px;min-width:22px;height:22px;color:var(--aurora-cyan);background:linear-gradient(135deg,#4ecdc440,#667eea33);border:1px solid #4ecdc44d;border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:12px;font-weight:700;display:grid}.feature-name{color:var(--text-primary);font-weight:500}.feature-description{color:var(--text-tertiary)}.plan-actions{padding-top:var(--sp-md);z-index:1;margin-top:auto;position:relative}.disabled-reason{align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-secondary);background:#fbbf2412;border:1px solid #fbbf2438;line-height:1.5;display:flex}.reason-icon{color:var(--clr-warning);font-weight:700;font-size:var(--fs-md);flex-shrink:0;line-height:1.4}.reason-text{flex:1}.btn{font-family:inherit;font-size:var(--fs-sm);border-radius:var(--r-md);cursor:pointer;transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),color var(--t-fast),border-color var(--t-fast);white-space:nowrap;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:clamp(.7rem,1.2vw,.95rem) clamp(1.1rem,2vw,1.6rem);font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:transform .7s var(--ease-out);z-index:-1;background:linear-gradient(120deg,#0000 30%,#fff3,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-icon{justify-content:center;align-items:center;font-size:1em;display:inline-flex}.select-btn{background:var(--gradient-primary-btn);color:#fff;width:100%;font-size:var(--fs-base);min-height:52px;padding:clamp(.9rem,1.5vw,1.1rem) clamp(1.3rem,2.5vw,1.8rem);font-weight:600;box-shadow:0 8px 24px #667eea59,inset 0 1px #fff3}.select-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #667eea80,inset 0 1px #ffffff4d}.view-payment-btn{color:#fff;background:linear-gradient(135deg,#4ecdc4d9,#667eead9);border-color:#ffffff1a;box-shadow:0 6px 18px #4ecdc44d}.view-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #4ecdc473}.cancel-payment-btn{color:#fca5a5;background:0 0;border:1.5px solid #ef444473}.cancel-payment-btn:hover:not(:disabled){color:#fff;border-color:var(--clr-danger);background:#ef444424;transform:translateY(-2px);box-shadow:0 6px 18px #ef444440}.retry-btn{background:var(--gradient-primary-btn);color:#fff;box-shadow:0 6px 18px #667eea4d}.retry-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #667eea73}.view-details-btn{background:var(--glass-surface-2);color:var(--aurora-cyan);font-size:var(--fs-sm);-webkit-backdrop-filter:blur(8px);border:1px solid #4ecdc452;min-height:40px;padding:.6rem 1rem}.view-details-btn:hover:not(:disabled){color:#a5f3fc;background:#4ecdc424;border-color:#4ecdc48c;transform:translateY(-1px)}.cancel-btn-small{color:#fca5a5;min-width:36px;min-height:36px;font-size:var(--fs-sm);border-radius:var(--r-sm);background:#ef44441f;border:1px solid #ef444447;padding:.5rem .85rem}.cancel-btn-small:hover:not(:disabled){color:#fff;background:#ef444438;border-color:#ef44448c;transform:translateY(-1px)}.current-subscriptions{max-width:1100px;margin:var(--sp-2xl)auto;padding:var(--sp-xl);background:var(--glass-surface-2);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);position:relative}.subscriptions-title{font-size:var(--fs-2xl);margin:0 0 var(--sp-lg);color:var(--text-primary);text-align:center;letter-spacing:-.02em;padding-bottom:var(--sp-sm);font-weight:700;position:relative}.subscriptions-title:after{content:"";background:var(--gradient-aurora);border-radius:var(--r-full);width:48px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.subscriptions-list{gap:var(--sp-md);display:grid}.subscription-item{gap:var(--sp-md);padding:var(--sp-md)var(--sp-lg);background:var(--glass-surface-1);border:1px solid var(--glass-border);border-radius:var(--r-lg);transition:background var(--t-normal),border-color var(--t-normal),transform var(--t-normal),box-shadow var(--t-normal);grid-template-columns:1fr auto;align-items:center;display:grid}.subscription-item:hover{background:var(--glass-surface-3);box-shadow:var(--shadow-md);border-color:#4ecdc447;transform:translateY(-2px)}.subscription-info{min-width:0}.subscription-name{font-size:var(--fs-lg);color:var(--text-primary);margin:0 0 var(--sp-xs);letter-spacing:-.01em;font-weight:600}.subscription-status,.subscription-expiry{align-items:center;gap:var(--sp-xs);font-size:var(--fs-sm);color:var(--text-tertiary);flex-wrap:wrap;margin:0 0 4px;display:flex}.subscription-actions{gap:var(--sp-sm);flex-wrap:wrap;display:flex}.status{border-radius:var(--r-full);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid;justify-content:center;align-items:center;padding:3px 10px;font-weight:600;line-height:1.4;display:inline-flex}.status.pending{color:#fcd34d;background:#fbbf2424;border-color:#fbbf2459}.status.paid{color:#6ee7b7;background:#10b98124;border-color:#10b98159}.status.verified{color:#93c5fd;background:#3b82f624;border-color:#3b82f659}.status.rejected{color:#fca5a5;background:#ef444424;border-color:#ef444459}.status.expired{color:#cbd5e1;background:#94a3b824;border-color:#94a3b852}.status.active{color:#6ee7b7;background:linear-gradient(135deg,#10b98138,#05966929);border-color:#10b98166;box-shadow:0 0 16px #10b98133}.status.inactive{color:#94a3b8;background:#94a3b81f;border-color:#94a3b847}.all-payments-section{max-width:1300px;margin:var(--sp-2xl)auto;padding-top:var(--sp-xl);border-top:1px solid var(--glass-border)}.payments-title{font-size:var(--fs-2xl);color:var(--text-primary);margin:0 0 var(--sp-lg);text-align:center;letter-spacing:-.02em;padding-bottom:var(--sp-sm);font-weight:700;position:relative}.payments-title:after{content:"";background:var(--gradient-aurora);border-radius:var(--r-full);width:64px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.payments-table{background:var(--glass-surface-2);-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden}.table-header{border-bottom:1px solid var(--glass-border);background:#ffffff08;grid-template-columns:1.3fr 1.2fr .8fr .9fr .9fr 1.1fr .9fr;display:grid}.header-cell{padding:var(--sp-md);font-size:var(--fs-xs);color:var(--aurora-cyan);text-transform:uppercase;letter-spacing:.08em;text-align:left;font-weight:700}.table-body::-webkit-scrollbar{width:8px}.table-body::-webkit-scrollbar-track{background:#ffffff0a}.table-body::-webkit-scrollbar-thumb{border-radius:var(--r-full);background:linear-gradient(#4ecdc48c,#8a2be28c)}.table-row{border-bottom:1px solid var(--glass-border);transition:background var(--t-fast);grid-template-columns:1.3fr 1.2fr .8fr .9fr .9fr 1.1fr .9fr;display:grid;position:relative}.table-row:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.table-row.pending-row:before{background:var(--clr-warning)}.table-row.paid-row:before{background:var(--clr-success)}.table-row.verified-row:before{background:var(--clr-info)}.table-row.rejected-row:before{background:var(--clr-danger)}.table-row.expired-row:before{background:#94a3b8}.table-cell{padding:var(--sp-md);min-height:60px;font-size:var(--fs-sm);align-items:center;display:flex}.cell-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--sp-sm);font-weight:600;display:none}.cell-value{color:var(--text-primary);overflow-wrap:break-word;flex:1;min-width:0;font-weight:500}.payment-id{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:calc(var(--fs-sm)*.92);color:var(--text-secondary)}.payment-amount{font-weight:700;color:var(--aurora-cyan)!important}.payment-method{color:var(--text-secondary);text-transform:capitalize}.payment-date{color:var(--text-tertiary);font-size:calc(var(--fs-sm)*.95)}.actions{gap:var(--sp-xs);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:768px){.banner-content{text-align:center;grid-template-columns:1fr}.banner-icon{margin:0 auto}.banner-details,.banner-actions{justify-content:center}.subscription-item{text-align:center;grid-template-columns:1fr}.subscription-status,.subscription-expiry,.subscription-actions{justify-content:center}}@media (max-width:820px){.table-header{display:none}.table-row{padding:var(--sp-sm)var(--sp-md)var(--sp-md);background:var(--glass-surface-1);-webkit-backdrop-filter:blur(12px);margin-bottom:var(--sp-sm);border-bottom:none;border:1px solid var(--glass-border);border-radius:var(--r-md);border-left:3px solid var(--glass-border);flex-direction:column;display:flex}.table-row.pending-row{border-left-color:var(--clr-warning)}.table-row.paid-row{border-left-color:var(--clr-success)}.table-row.verified-row{border-left-color:var(--clr-info)}.table-row.rejected-row{border-left-color:var(--clr-danger)}.table-row:before{display:none}.table-cell{padding:var(--sp-sm)0;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:var(--sp-sm);flex-direction:row;min-height:auto;display:flex}.table-cell:last-child{padding-top:var(--sp-md);border-bottom:none}.cell-label{flex-shrink:0;min-width:90px;display:inline-block}.cell-value{text-align:right;flex:1}.table-cell.actions{justify-content:flex-end;gap:var(--sp-sm)}.table-cell.actions .cell-label{display:none}.payments-table{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none}}@media (max-width:480px){.plans-container{padding:1rem .85rem}.pending-payment-banner,.current-subscriptions{padding:var(--sp-md);border-radius:var(--r-lg)}.plan-card{padding:var(--sp-md)}.pending-badge{font-size:calc(var(--fs-xs)*.9);padding:4px 10px;top:10px;right:10px}.banner-actions .btn{flex:1;min-width:140px}}@media (max-width:320px){.plans-container{padding:.75rem .5rem}.banner-details{align-items:center;gap:var(--sp-xs);flex-direction:column}.btn{width:100%;min-width:0}.feature-item{flex-wrap:wrap}}@media (min-width:768px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:1024px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}}@media (min-width:1440px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));max-width:1500px}}@media (min-width:1920px){.plans-container{padding:clamp(2rem,3vw,4rem) clamp(2rem,4vw,5rem)}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));max-width:1700px}}@media (min-width:2560px){:root{--container-max:1900px}.plans-grid{gap:var(--sp-xl);grid-template-columns:repeat(4,minmax(0,1fr));max-width:2000px}.plan-card{padding:var(--sp-xl)}.pending-payment-banner,.current-subscriptions{max-width:1500px}}.plans-container .btn:focus-visible,.plans-container a:focus-visible,.plans-container button:focus-visible{outline-offset:3px;border-radius:var(--r-md);outline:2px solid #818cf8}@media (prefers-reduced-motion:reduce){.plans-container *,.plans-container :before,.plans-container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{animation:2s linear infinite plansSpin}.plan-card:hover:not(.disabled),.subscription-item:hover,.pending-payment-banner:hover,.btn:hover{transform:none!important}}@media (prefers-contrast:more){:root{--glass-border:#ffffff4d;--text-secondary:#ffffffeb;--text-tertiary:#ffffffc7}}.plan-card,.pending-payment-banner,.subscription-item,.btn{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (max-width:768px){.plan-card,.pending-payment-banner,.payments-table,.current-subscriptions{-webkit-backdrop-filter:blur(10px)saturate(140%)}}:root{--pay-accent-1:#667eea;--pay-accent-2:#764ba2;--pay-accent-glow:#667eea73;--pay-accent-soft:#667eea26;--pay-success:#48bb78;--pay-warning:#ed8936;--pay-danger:#fc8181;--pay-info:#0ea5e9;--pay-text:#fff;--pay-text-strong:#e8eaff;--pay-text-soft:#ffffffc7;--pay-text-muted:#ffffff8c;--pay-glass:#ffffff0f;--pay-glass-strong:#ffffff17;--pay-glass-hover:#ffffff1f;--pay-border:#ffffff1f;--pay-border-strong:#ffffff38;--pay-shadow:0 8px 32px #00000059;--pay-shadow-soft:0 8px 32px #667eea2e;--pay-shadow-hover:0 12px 40px #667eea52;--pay-fs-xs:clamp(.72rem,.66rem + .3vw,.85rem);--pay-fs-sm:clamp(.82rem,.76rem + .3vw,.95rem);--pay-fs-md:clamp(.9rem,.84rem + .35vw,1.05rem);--pay-fs-lg:clamp(1rem,.92rem + .45vw,1.2rem);--pay-fs-xl:clamp(1.15rem,1.05rem + .6vw,1.4rem);--pay-fs-2xl:clamp(1.4rem,1.2rem + 1vw,1.8rem);--pay-fs-3xl:clamp(1.7rem,1.4rem + 1.6vw,2.4rem);--pay-fs-4xl:clamp(2rem,1.6rem + 2.4vw,3.2rem);--pay-sp-xs:clamp(.4rem,.35rem + .25vw,.6rem);--pay-sp-sm:clamp(.6rem,.5rem + .4vw,.9rem);--pay-sp-md:clamp(.9rem,.75rem + .6vw,1.4rem);--pay-sp-lg:clamp(1.2rem,1rem + .9vw,2rem);--pay-sp-xl:clamp(1.8rem,1.4rem + 1.6vw,3rem);--pay-sp-2xl:clamp(2.4rem,1.8rem + 2.2vw,4rem);--pay-r-sm:10px;--pay-r-md:14px;--pay-r-lg:18px;--pay-r-xl:22px;--pay-t-fast:.18s cubic-bezier(.4,0,.2,1);--pay-t:.28s cubic-bezier(.4,0,.2,1)}.payment-container{z-index:1;min-height:100vh;width:100%;min-height:100dvh;padding:var(--pay-sp-md);color:var(--pay-text-strong);isolation:isolate;background:0 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative}.payment-container *,.payment-container :before,.payment-container :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.header{text-align:center;max-width:900px;padding:var(--pay-sp-xl)var(--pay-sp-sm)var(--pay-sp-lg);margin:0 auto;position:relative}.header:before{content:"";background:linear-gradient(90deg,transparent,var(--pay-accent-1),var(--pay-accent-2),transparent);opacity:.7;width:min(220px,60%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.title{font-size:var(--pay-fs-4xl);letter-spacing:-.02em;margin-bottom:var(--pay-sp-sm);background:linear-gradient(135deg,#fff 0%,var(--pay-accent-1)60%,var(--pay-accent-2)100%);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #667eea40;-webkit-background-clip:text;background-clip:text;font-weight:700}.subtitle{font-size:var(--pay-fs-lg);color:var(--pay-text-soft);max-width:640px;margin:0 auto;font-weight:300}.loading-container{text-align:center;padding:var(--pay-sp-2xl)var(--pay-sp-md);background:0 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-container .loading-spinner{border:4px solid #0000;border-top-color:var(--pay-accent-1);border-right-color:var(--pay-accent-2);width:72px;height:72px;margin-bottom:var(--pay-sp-lg);border-radius:50%;animation:1s linear infinite pay-spin}.loading-container p{color:var(--pay-text-soft);font-size:var(--pay-fs-md)}@keyframes pay-spin{to{transform:rotate(360deg)}}.error-container{max-width:540px;margin:var(--pay-sp-xl)auto;padding:var(--pay-sp-xl)var(--pay-sp-lg);text-align:center;background:var(--pay-glass);-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:var(--pay-r-xl);box-shadow:var(--pay-shadow),0 0 40px #fc818126;isolation:isolate;border:1px solid #fc818147;position:relative}.error-container:before{content:"";background:linear-gradient(90deg,transparent,var(--pay-danger),transparent);opacity:.7;height:1px;position:absolute;inset:0 0 auto}.error-icon{margin-bottom:var(--pay-sp-md);filter:drop-shadow(0 0 20px #fc818180);font-size:clamp(2.5rem,2rem + 2vw,3.5rem);animation:2.4s ease-in-out infinite pay-pulse}@keyframes pay-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.error-container h3{font-size:var(--pay-fs-2xl);color:var(--pay-danger);margin-bottom:var(--pay-sp-sm);font-weight:600}.error-container p{color:var(--pay-text-soft);margin-bottom:var(--pay-sp-lg);font-size:var(--pay-fs-md)}.retry-btn{min-height:44px;font-size:var(--pay-fs-md);color:#fff;border-radius:var(--pay-r-lg);cursor:pointer;transition:transform var(--pay-t),box-shadow var(--pay-t);background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ffffff26;justify-content:center;align-items:center;padding:.75rem 2rem;font-weight:600;display:inline-flex;box-shadow:0 4px 20px #ef44444d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ef444473}.retry-btn:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.payment-content{gap:var(--pay-sp-md);z-index:1;grid-template-columns:1fr;max-width:1280px;margin:0 auto;display:grid;position:relative}.plan-summary{grid-column:1/-1}.plan-summary h3,.payment-methods h3,.payment-summary h3{align-items:center;gap:var(--pay-sp-sm);font-size:var(--pay-fs-xl);color:var(--pay-text);margin-bottom:var(--pay-sp-md);flex-wrap:wrap;font-weight:600;display:flex}.plan-summary h3:before{content:"📋";font-size:1.3em}.payment-methods h3:before{content:"💳";font-size:1.3em}.payment-summary h3:before{content:"💰";font-size:1.3em}.summary-card,.summary-details,.account-card{background:var(--pay-glass);-webkit-backdrop-filter:blur(14px)saturate(140%);border:1px solid var(--pay-border);border-radius:var(--pay-r-xl);box-shadow:var(--pay-shadow);isolation:isolate;transition:transform var(--pay-t),box-shadow var(--pay-t),border-color var(--pay-t),background var(--pay-t);position:relative;overflow:hidden}.summary-card{padding:var(--pay-sp-lg)}.summary-details{padding:var(--pay-sp-lg);margin-bottom:var(--pay-sp-lg)}.account-card{padding:var(--pay-sp-lg);cursor:pointer}.summary-card:before,.summary-details:before{content:"";background:linear-gradient(90deg,transparent,var(--pay-accent-1),var(--pay-accent-2),transparent);opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.summary-card:hover{border-color:var(--pay-border-strong);box-shadow:var(--pay-shadow-hover);transform:translateY(-3px)}.summary-header{justify-content:space-between;align-items:center;gap:var(--pay-sp-sm);margin-bottom:var(--pay-sp-md);padding-bottom:var(--pay-sp-md);border-bottom:1px solid var(--pay-border);flex-wrap:wrap;display:flex}.summary-header h4{font-size:var(--pay-fs-xl);color:var(--pay-text);font-weight:600}.plan-price{font-size:var(--pay-fs-2xl);background:linear-gradient(135deg,var(--pay-accent-1),var(--pay-accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:.3rem;font-weight:700;display:inline-flex}.currency{font-size:var(--pay-fs-md);color:var(--pay-text-muted);-webkit-text-fill-color:var(--pay-text-muted)}.plan-description{color:var(--pay-text-soft);font-size:var(--pay-fs-md);line-height:1.6}.payment-methods{grid-column:1/-1}.tabs{gap:var(--pay-sp-sm);margin-bottom:var(--pay-sp-lg);padding-bottom:var(--pay-sp-md);border-bottom:1px solid var(--pay-border);flex-wrap:wrap;display:flex}.tab-btn{justify-content:center;align-items:center;gap:var(--pay-sp-sm);min-height:48px;padding:var(--pay-sp-sm)var(--pay-sp-md);font-size:var(--pay-fs-md);color:var(--pay-text-soft);background:var(--pay-glass);border:1.5px solid var(--pay-border);border-radius:var(--pay-r-lg);cursor:pointer;transition:transform var(--pay-t),background var(--pay-t),border-color var(--pay-t),box-shadow var(--pay-t),color var(--pay-t);-webkit-backdrop-filter:blur(10px);flex:160px;font-weight:600;display:inline-flex}.tab-btn:hover{background:var(--pay-glass-hover);border-color:var(--pay-border-strong);color:var(--pay-text);box-shadow:var(--pay-shadow-soft);transform:translateY(-2px)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--pay-accent-1)0%,var(--pay-accent-2)100%);box-shadow:0 8px 24px var(--pay-accent-glow);border-color:#0000;transform:translateY(-2px)}.tab-btn:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.tab-icon{font-size:1.3em;line-height:1}.accounts-list{gap:var(--pay-sp-md);flex-direction:column;max-height:560px;padding-right:4px;display:flex;overflow-y:auto}.accounts-list::-webkit-scrollbar{width:8px}.accounts-list::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.accounts-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--pay-accent-1),var(--pay-accent-2));border-radius:4px}.account-card{border-width:1.5px}.account-card:hover{border-color:var(--pay-border-strong);background:var(--pay-glass-strong);box-shadow:var(--pay-shadow-hover);transform:translateY(-3px)}.account-card.selected{border-color:var(--pay-accent-1);background:linear-gradient(135deg,#667eea1a,#764ba21a),var(--pay-glass);box-shadow:0 8px 32px var(--pay-accent-glow),inset 0 1px 0 #ffffff14}.account-card:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.account-header{align-items:center;gap:var(--pay-sp-md);margin-bottom:var(--pay-sp-md);flex-wrap:wrap;display:flex}.bank-logo,.cliq-logo{width:clamp(48px,6vw,60px);height:clamp(48px,6vw,60px);font-weight:700;font-size:var(--pay-fs-md);color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,var(--pay-accent-1),var(--pay-accent-2));border-radius:var(--pay-r-md);box-shadow:0 6px 20px var(--pay-accent-glow);flex:none;justify-content:center;align-items:center;display:inline-flex}.account-info{flex:180px;min-width:0}.account-info h4{font-size:var(--pay-fs-lg);color:var(--pay-text);margin-bottom:.25rem;font-weight:600}.account-number{font-family:Courier New,monospace;font-size:var(--pay-fs-sm);color:var(--pay-text-muted);letter-spacing:.5px;word-break:break-all}.checkmark{color:#fff;opacity:0;width:36px;height:36px;transition:opacity var(--pay-t),transform var(--pay-t);background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:inline-flex;transform:scale(.8);box-shadow:0 4px 16px #10b98166}.account-card.selected .checkmark{opacity:1;transform:scale(1)}.account-details{padding-top:var(--pay-sp-md);border-top:1px solid var(--pay-border)}.detail-row{justify-content:space-between;align-items:baseline;gap:var(--pay-sp-xs);margin-bottom:var(--pay-sp-xs);font-size:var(--pay-fs-sm);flex-wrap:wrap;display:flex}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--pay-text-muted);font-weight:500}.detail-value{color:var(--pay-text-strong);text-align:right;overflow-wrap:break-word;max-width:100%;font-weight:600}.status{font-size:var(--pay-fs-xs);border:1px solid var(--pay-border);white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 12px;font-weight:600;display:inline-block}.status.active{color:#6ee7b7;background:#48bb7826;border-color:#48bb7859}.status.inactive{color:var(--pay-text-muted);border-color:var(--pay-border);background:#ffffff0d}.no-accounts{text-align:center;padding:var(--pay-sp-xl)var(--pay-sp-md);background:var(--pay-glass);-webkit-backdrop-filter:blur(12px)saturate(140%);border:1.5px dashed var(--pay-border-strong);border-radius:var(--pay-r-xl)}.no-accounts-icon{margin-bottom:var(--pay-sp-md);opacity:.85;font-size:clamp(2rem,1.5rem + 2vw,3rem)}.no-accounts h4{font-size:var(--pay-fs-lg);color:var(--pay-text);margin-bottom:var(--pay-sp-xs);font-weight:600}.no-accounts p{color:var(--pay-text-soft);font-size:var(--pay-fs-md)}.payment-summary{grid-column:1/-1}.summary-row{justify-content:space-between;align-items:baseline;gap:var(--pay-sp-xs);padding:var(--pay-sp-sm)0;font-size:var(--pay-fs-md);color:var(--pay-text-soft);border-bottom:1px solid var(--pay-border);flex-wrap:wrap;display:flex}.summary-row:last-of-type{border-bottom:none}.summary-row>span:first-child{color:var(--pay-text-muted);font-weight:500}.summary-row>span:last-child{color:var(--pay-text-strong);text-align:right;word-break:break-word;font-weight:600}.summary-row.total{margin-top:var(--pay-sp-sm);padding-top:var(--pay-sp-md);border-top:2px solid var(--pay-border-strong);font-size:var(--pay-fs-xl);border-bottom:none;font-weight:700}.summary-row.total>span:last-child{background:linear-gradient(135deg,var(--pay-accent-1),var(--pay-accent-2));-webkit-text-fill-color:transparent;text-shadow:0 0 20px var(--pay-accent-glow);-webkit-background-clip:text;background-clip:text}.payment-actions{gap:var(--pay-sp-md);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--pay-sp-sm);min-height:48px;padding:var(--pay-sp-sm)var(--pay-sp-lg);font-size:var(--pay-fs-md);border:1px solid var(--pay-border);border-radius:var(--pay-r-lg);cursor:pointer;transition:transform var(--pay-t),box-shadow var(--pay-t),background var(--pay-t),border-color var(--pay-t);-webkit-backdrop-filter:blur(10px);flex:160px;font-weight:600;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.back-btn{background:var(--pay-glass);color:var(--pay-text-strong)}.back-btn:hover:not(:disabled){background:var(--pay-glass-hover);border-color:var(--pay-border-strong);box-shadow:var(--pay-shadow);transform:translateY(-2px)}.pay-btn{color:#fff;background:linear-gradient(135deg,var(--pay-accent-1),var(--pay-accent-2));box-shadow:0 6px 22px var(--pay-accent-glow);border-color:#0000;position:relative;overflow:hidden}.pay-btn:before{content:"";background:linear-gradient(120deg,#0000 0%,#ffffff2e 50%,#0000 100%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.pay-btn:hover:not(.disabled):before{transform:translate(100%)}.pay-btn:hover:not(.disabled){box-shadow:0 12px 32px var(--pay-accent-glow);transform:translateY(-2px)scale(1.01)}.pay-btn.disabled,.pay-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none!important}@media (min-width:480px){.payment-container{padding:var(--pay-sp-lg)}}@media (min-width:768px){.payment-content{gap:var(--pay-sp-lg);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.plan-summary{grid-column:1/-1}.payment-methods{grid-column:1}.payment-summary{grid-column:2}.accounts-list{max-height:600px}}@media (min-width:1024px){.payment-container{padding:var(--pay-sp-xl)var(--pay-sp-lg)}.payment-content{gap:var(--pay-sp-xl);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.payment-summary{top:var(--pay-sp-lg);align-self:start;position:sticky}}@media (min-width:1440px){.payment-content{max-width:1360px}}@media (min-width:1920px){.payment-content{max-width:1500px}.header{max-width:1100px}}@media (min-width:2560px){.payment-content{max-width:1700px}.header{max-width:1300px}.accounts-list{max-height:720px}}@media (prefers-reduced-motion:reduce){.summary-card:hover,.account-card:hover,.tab-btn:hover,.btn:hover,.retry-btn:hover{transform:none!important}.loading-container .loading-spinner{border:4px solid var(--pay-accent-1);border-right-color:#0000;animation:none}.pay-btn:before{display:none}}@media (prefers-contrast:high){.summary-card,.summary-details,.account-card,.error-container,.no-accounts,.tab-btn,.btn{border-color:#fff9}.plan-price,.summary-row.total>span:last-child{-webkit-text-fill-color:var(--pay-accent-1);background:0 0}}@media (max-width:767px){.summary-card,.summary-details,.account-card,.error-container,.no-accounts,.tab-btn,.btn{-webkit-backdrop-filter:blur(10px)saturate(130%)}}:root{--mp-grad-1:#667eea;--mp-grad-2:#764ba2;--mp-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--mp-text:#fff;--mp-text-soft:#e8eaff;--mp-text-muted:#ffffffb8;--mp-text-dim:#ffffff80;--mp-glass:#ffffff0f;--mp-glass-strong:#ffffff1a;--mp-glass-soft:#ffffff0a;--mp-border:#ffffff1f;--mp-border-soft:#ffffff14;--mp-shadow:0 8px 32px #667eea2e,0 2px 8px #00000059;--mp-shadow-hover:0 14px 44px #667eea47,0 4px 14px #00000073;--mp-pending:#f59e0b;--mp-success:#48bb78;--mp-verified:#818cf8;--mp-info:#0ea5e9;--mp-danger:#fc8181;--mp-neutral:#ffffff8c;--mp-xs:.5rem;--mp-sm:.875rem;--mp-md:1.25rem;--mp-lg:1.75rem;--mp-xl:2.5rem;--mp-r-sm:10px;--mp-r-md:14px;--mp-r-lg:18px;--mp-r-xl:24px;--mp-fs-xs:clamp(11px,.72vw + .55rem,13px);--mp-fs-sm:clamp(12px,.75vw + .6rem,14px);--mp-fs-md:clamp(13px,.8vw + .7rem,16px);--mp-fs-lg:clamp(15px,.9vw + .8rem,18px);--mp-fs-xl:clamp(17px,1.1vw + .9rem,22px);--mp-fs-2xl:clamp(20px,1.6vw + .9rem,28px);--mp-fs-3xl:clamp(26px,2.4vw + 1rem,40px);--mp-container:1400px}.my-plans-modern{z-index:1;min-height:100dvh;color:var(--mp-text-soft);isolation:isolate;background:0 0;padding:clamp(.75rem,2vw,1.5rem);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative}.my-plans-modern *,.my-plans-modern :before,.my-plans-modern :after{box-sizing:border-box;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.modern-header{max-width:var(--mp-container);margin:0 auto var(--mp-lg);background:var(--mp-glass);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--mp-border);border-radius:var(--mp-r-xl);box-shadow:var(--mp-shadow);padding:clamp(1.25rem,3vw,2.25rem) clamp(1rem,2.5vw,2rem);position:relative;overflow:hidden}.modern-header:before{content:"";background:var(--mp-grad);opacity:.85;height:2px;position:absolute;inset:0 0 auto}.header-content{justify-content:space-between;align-items:center;gap:var(--mp-lg);flex-wrap:wrap;display:flex}.header-text{flex:280px;min-width:0}.main-title{font-size:var(--mp-fs-3xl);letter-spacing:-.02em;color:var(--mp-text);margin-bottom:.4em;font-weight:700;line-height:1.15}.title-gradient,.main-title .title-gradient{background:var(--mp-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.subtitle{color:var(--mp-text-muted);font-size:var(--mp-fs-lg);max-width:60ch}.header-stats{gap:var(--mp-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;display:grid}@media (min-width:768px){.header-stats{grid-template-columns:repeat(3,minmax(140px,1fr));width:auto}}.stat-item{align-items:center;gap:var(--mp-sm);padding:var(--mp-sm)var(--mp-md);background:var(--mp-glass-soft);border:1px solid var(--mp-border-soft);border-radius:var(--mp-r-md);min-height:64px;transition:transform .25s,background .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.stat-item:before{content:"";background:var(--mp-grad);opacity:.7;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-item:hover{background:var(--mp-glass);border-color:#818cf866;transform:translateY(-2px)}.stat-icon{filter:drop-shadow(0 0 8px #667eea80);font-size:1.5rem}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-value{font-size:var(--mp-fs-xl);color:var(--mp-text);font-weight:700;line-height:1}.stat-label{font-size:var(--mp-fs-xs);color:var(--mp-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.modern-main{max-width:var(--mp-container);padding:0 0 var(--mp-xl);z-index:2;margin:0 auto;position:relative}.loading-state,.error-state,.empty-state{text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.spinner-container{margin-bottom:var(--mp-md)}.spinner{border:3px solid #ffffff14;border-top-color:var(--mp-grad-1);border-right-color:var(--mp-grad-2);border-radius:50%;width:64px;height:64px;animation:1s linear infinite mp-spin}@keyframes mp-spin{to{transform:rotate(360deg)}}.loading-text{color:var(--mp-text-muted);font-size:var(--mp-fs-md)}.error-card,.empty-card{background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:var(--mp-r-xl);-webkit-backdrop-filter:blur(18px)saturate(140%);width:100%;max-width:520px;box-shadow:var(--mp-shadow);padding:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.error-card:before,.empty-card:before{content:"";background:var(--mp-grad);opacity:.8;height:2px;position:absolute;inset:0 0 auto}.error-icon,.empty-icon{margin-bottom:var(--mp-sm);filter:drop-shadow(0 0 12px #fc818180);font-size:3rem}.empty-icon{filter:drop-shadow(0 0 12px #667eea80)}.error-card h3,.empty-card h3{font-size:var(--mp-fs-xl);color:var(--mp-text);margin-bottom:var(--mp-xs);font-weight:600}.error-card p,.empty-card p{color:var(--mp-text-muted);margin-bottom:var(--mp-md)}.modern-section{margin-bottom:var(--mp-xl)}.section-header{background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:var(--mp-r-lg);-webkit-backdrop-filter:blur(16px)saturate(140%);margin-bottom:var(--mp-md);box-shadow:var(--mp-shadow);padding:clamp(1rem,2vw,1.5rem);position:relative;overflow:hidden}.section-header:before{content:"";background:var(--mp-grad);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.header-main{margin-bottom:var(--mp-sm)}.section-title{align-items:center;gap:var(--mp-sm);font-size:var(--mp-fs-xl);color:var(--mp-text);flex-wrap:wrap;margin-bottom:4px;font-weight:600;display:flex}.title-icon{font-size:1.25em;line-height:1}.pending-icon{color:var(--mp-pending)}.verified-icon{color:var(--mp-verified)}.active-icon{color:var(--mp-success)}.expired-icon{color:var(--mp-text-dim)}.history-icon{color:var(--mp-info)}.badge{font-size:var(--mp-fs-xs);white-space:nowrap;background:var(--mp-glass-strong);color:var(--mp-text-soft);border:1px solid var(--mp-border);border-radius:999px;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.pending-badge{color:var(--mp-pending);background:#f59e0b1f;border-color:#f59e0b59}.verified-badge{color:var(--mp-verified);background:#818cf81f;border-color:#818cf859}.active-badge{color:var(--mp-success);background:#48bb781f;border-color:#48bb7859}.expired-badge{color:var(--mp-text-muted)}.history-badge{color:var(--mp-info);background:#0ea5e91f;border-color:#0ea5e959}.section-subtitle{font-size:var(--mp-fs-sm);color:var(--mp-text-muted)}.progress-tracker{margin-top:var(--mp-sm);padding:var(--mp-sm)var(--mp-md);border:1px solid var(--mp-border-soft);border-radius:var(--mp-r-md);background:#0000002e}.progress-label{font-size:var(--mp-fs-xs);color:var(--mp-text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px;margin-bottom:6px;display:flex}.progress-bar{background:#ffffff14;border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-fill{background:var(--mp-grad);border-radius:999px;height:100%;transition:width .6s;box-shadow:0 0 12px #818cf880}.time-bar{background:#ffffff14}.time-fill{background:linear-gradient(90deg,var(--mp-pending),var(--mp-danger));box-shadow:0 0 10px #f59e0b66}.payments-grid,.subscriptions-grid{gap:var(--mp-md);grid-template-columns:1fr;display:grid}@media (min-width:768px){.payments-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.subscriptions-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1440px){.payments-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.subscriptions-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.modern-card{background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:var(--mp-r-lg);-webkit-backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--mp-shadow);isolation:isolate;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.modern-card:before{content:"";background:var(--mp-grad);opacity:.6;height:2px;position:absolute;inset:0 0 auto}.modern-card:hover{box-shadow:var(--mp-shadow-hover);border-color:#818cf859;transform:translateY(-3px)}.pending-card{box-shadow:var(--mp-shadow),inset 3px 0 0 var(--mp-pending)}.active-card{box-shadow:var(--mp-shadow),inset 3px 0 0 var(--mp-success)}.expired-card{box-shadow:var(--mp-shadow),inset 3px 0 0 var(--mp-neutral);opacity:.92}.card-header{padding:var(--mp-md);justify-content:space-between;align-items:center;gap:var(--mp-sm);border-bottom:1px solid var(--mp-border-soft);flex-wrap:wrap;display:flex}.card-body{padding:var(--mp-md)}.card-footer{padding:var(--mp-md);border-top:1px solid var(--mp-border-soft);gap:var(--mp-sm);flex-direction:column;display:flex}.status-badge{font-size:var(--mp-fs-xs);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--mp-border);background:var(--mp-glass-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.status-badge.pending{color:var(--mp-pending);background:#f59e0b1f;border-color:#f59e0b66}.status-badge.paid,.status-badge.active{color:var(--mp-success);background:#48bb781f;border-color:#48bb7866}.status-badge.verified{color:var(--mp-verified);background:#818cf81f;border-color:#818cf866}.status-badge.expired{color:var(--mp-text-dim);border-color:var(--mp-border)}.payment-amount{text-align:right;align-items:baseline;gap:4px;display:flex}.currency{font-size:var(--mp-fs-sm);color:var(--mp-text-muted);font-weight:500}.amount{font-size:var(--mp-fs-2xl);background:var(--mp-grad);-webkit-text-fill-color:transparent;color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-weight:700}.pending-card .amount{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text}.payment-card.paid .amount,.payment-card.verified .amount{background:linear-gradient(135deg,var(--mp-success),#38d39f);-webkit-background-clip:text;background-clip:text}.payment-info,.subscription-info{margin-bottom:var(--mp-sm)}.info-row{border-bottom:1px dashed var(--mp-border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--mp-fs-sm);color:var(--mp-text-muted);font-weight:500}.info-value{font-size:var(--mp-fs-sm);color:var(--mp-text-soft);text-align:right;overflow-wrap:anywhere;max-width:65%;font-weight:600}.plan-name{color:#a5b4fc}.method-tag{font-size:var(--mp-fs-xs);background:var(--mp-glass-strong);border:1px solid var(--mp-border);color:var(--mp-text-soft);white-space:nowrap;border-radius:6px;padding:2px 8px;display:inline-block}.payment-instructions{margin-top:var(--mp-sm);padding:var(--mp-sm)var(--mp-md);border:1px solid var(--mp-border-soft);border-radius:var(--mp-r-md);background:#0003}.instructions-header h4{font-size:var(--mp-fs-md);color:var(--mp-text);margin-bottom:var(--mp-xs);font-weight:600}.step{color:var(--mp-text-soft);font-size:var(--mp-fs-sm);margin-bottom:6px;padding-left:1.1em;position:relative}.step:before{content:"→";color:var(--mp-grad-1);font-weight:700;position:absolute;left:0}.step strong{color:var(--mp-text);font-weight:700}.account-details{margin:var(--mp-xs)0;padding:var(--mp-xs)var(--mp-sm);background:var(--mp-glass-soft);border:1px solid var(--mp-border-soft);border-radius:var(--mp-r-sm)}.detail-item{align-items:center;gap:var(--mp-sm);border-bottom:1px solid var(--mp-border-soft);flex-wrap:wrap;padding:6px 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-icon{text-align:center;width:28px;color:var(--mp-grad-1);flex-shrink:0;font-size:1.05rem}.detail-content{flex:1;min-width:0}.detail-label{font-size:var(--mp-fs-xs);color:var(--mp-text-muted);display:block}.detail-value{font-size:var(--mp-fs-sm);color:var(--mp-text);overflow-wrap:anywhere;margin-top:2px;font-weight:600;display:block}.reference-section{margin-top:var(--mp-xs);padding:var(--mp-xs)var(--mp-sm);background:var(--mp-glass-soft);border:1px dashed var(--mp-border);border-radius:var(--mp-r-sm);align-items:center;gap:var(--mp-xs);flex-wrap:wrap;display:flex}.reference-label{font-size:var(--mp-fs-xs);color:var(--mp-text-muted);font-weight:600}.reference-code{font-family:JetBrains Mono,monospace;font-size:var(--mp-fs-xs);color:#a5b4fc;border:1px solid var(--mp-border-soft);word-break:break-all;background:#0000004d;border-radius:6px;padding:4px 10px;display:inline-block}.countdown-timer,.time-remaining{padding:var(--mp-sm);border:1px solid var(--mp-border-soft);border-radius:var(--mp-r-md);background:#0000002e}.timer-header,.time-header{align-items:center;gap:var(--mp-xs);flex-wrap:wrap;margin-bottom:6px;display:flex}.timer-icon{color:var(--mp-pending)}.time-icon{color:var(--mp-grad-1)}.timer-text,.time-text{font-size:var(--mp-fs-sm);color:var(--mp-text-soft);font-weight:600}.verification-badge{align-items:center;gap:var(--mp-xs);padding:var(--mp-xs)var(--mp-sm);margin-top:var(--mp-sm);border-radius:var(--mp-r-sm);color:var(--mp-success);font-weight:600;font-size:var(--mp-fs-sm);background:#48bb781f;border:1px solid #48bb7859;flex-wrap:wrap;display:flex}.check-icon{flex-shrink:0;font-size:1rem}.plan-header{text-align:left;width:100%;margin-top:4px}.plan-title{font-size:var(--mp-fs-lg);color:var(--mp-text);margin-bottom:2px;font-weight:600}.plan-price{font-size:var(--mp-fs-md);color:var(--mp-success);font-weight:700}.features-section{margin-top:var(--mp-md)}.features-title{align-items:center;gap:var(--mp-xs);font-size:var(--mp-fs-md);color:var(--mp-text);margin-bottom:var(--mp-xs);font-weight:600;display:flex}.features-title:after{content:"";background:linear-gradient(90deg,var(--mp-border),transparent);height:1px;margin-left:var(--mp-xs);flex:1}.features-list{margin:0;padding:0;list-style:none}.feature-item{align-items:flex-start;gap:var(--mp-xs);border-bottom:1px solid var(--mp-border-soft);flex-wrap:wrap;padding:8px 0;display:flex}.feature-item:last-child{border-bottom:none}.feature-icon{width:22px;height:22px;color:var(--mp-success);background:#48bb782e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.feature-content{flex:1;min-width:0}.feature-name{font-size:var(--mp-fs-sm);color:var(--mp-text-soft);font-weight:600;display:block}.feature-description{font-size:var(--mp-fs-xs);color:var(--mp-text-muted);margin-top:2px;line-height:1.45;display:block}.modern-btn{border-radius:var(--mp-r-sm);min-height:44px;font-size:var(--mp-fs-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.modern-btn:hover:not(:disabled){transform:translateY(-2px)}.modern-btn:active:not(:disabled){transform:translateY(0)}.modern-btn:disabled{opacity:.5;cursor:not-allowed}.modern-btn:focus-visible{outline-offset:2px;outline:2px solid #818cf8}.primary-btn{background:var(--mp-grad);color:#fff;box-shadow:0 4px 18px #667eea59}.primary-btn:hover:not(:disabled){box-shadow:0 8px 24px #667eea80}.secondary-btn{background:var(--mp-glass-strong);color:var(--mp-text);border-color:var(--mp-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.secondary-btn:hover:not(:disabled){background:#ffffff24;border-color:#818cf866}.outline-btn{color:#a5b4fc;background:0 0;border-color:#818cf880}.outline-btn:hover:not(:disabled){background:#818cf81f;border-color:#a5b4fc}.danger-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.danger-btn:hover:not(:disabled){box-shadow:0 8px 24px #ef444466}.success-btn{background:linear-gradient(135deg,var(--mp-success),#38a169);color:#fff}.success-btn.disabled-look{opacity:.95;cursor:default}.action-buttons{gap:var(--mp-xs);flex-wrap:wrap;display:flex}.action-buttons.compact{gap:6px}.action-btn{border:1px solid var(--mp-border);background:var(--mp-glass-strong);width:40px;min-width:40px;height:40px;color:var(--mp-text-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.action-btn:hover:not(:disabled){background:var(--mp-grad);color:#fff;border-color:#0000;transform:scale(1.08)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.history-table{background:var(--mp-glass);border:1px solid var(--mp-border);border-radius:var(--mp-r-lg);-webkit-backdrop-filter:blur(16px)saturate(140%);box-shadow:var(--mp-shadow);isolation:isolate;overflow:hidden}.table-header{border-bottom:1px solid var(--mp-border);background:#00000040;display:none}.header-cell{font-size:var(--mp-fs-xs);color:#a5b4fc;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px;font-weight:700}.table-body{max-height:60vh;overflow-y:auto}.table-row{padding:var(--mp-sm)var(--mp-md);border-bottom:1px solid var(--mp-border-soft);flex-direction:column;gap:6px;transition:background .2s;display:flex}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff0a}.table-row.pending-row{box-shadow:inset 3px 0 0 var(--mp-pending)}.table-row.paid-row{box-shadow:inset 3px 0 0 var(--mp-success)}.table-row.verified-row{box-shadow:inset 3px 0 0 var(--mp-verified)}.table-row.rejected-row{box-shadow:inset 3px 0 0 var(--mp-danger)}.table-row.expired-row{box-shadow:inset 3px 0 0 var(--mp-neutral)}.table-cell{padding:4px 0}.cell-content{justify-content:space-between;align-items:center;gap:var(--mp-xs);flex-wrap:wrap;display:flex}.cell-label{font-size:var(--mp-fs-xs);color:var(--mp-text-muted);font-weight:500;display:inline-block}.cell-value{font-size:var(--mp-fs-sm);color:var(--mp-text-soft);text-align:right;overflow-wrap:anywhere;font-weight:500}.amount-value{background:var(--mp-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.status-tag{font-size:var(--mp-fs-xs);border:1px solid var(--mp-border);background:var(--mp-glass-strong);color:var(--mp-text-soft);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 10px;font-weight:700;display:inline-block}.status-tag.pending{color:var(--mp-pending);background:#f59e0b1f;border-color:#f59e0b66}.status-tag.paid{color:var(--mp-success);background:#48bb781f;border-color:#48bb7866}.status-tag.verified{color:var(--mp-verified);background:#818cf81f;border-color:#818cf866}.status-tag.rejected{color:var(--mp-danger);background:#fc81811f;border-color:#fc818166}.status-tag.expired{color:var(--mp-text-muted)}.modern-card.highlight{animation:2s mp-highlight}@keyframes mp-highlight{0%,to{box-shadow:var(--mp-shadow)}30%{box-shadow:0 0 0 4px #818cf880,var(--mp-shadow-hover)}}@media (min-width:1024px){.table-header,.table-row{align-items:center;gap:var(--mp-xs);grid-template-columns:1.4fr 1.4fr .9fr .9fr 1fr 1.2fr .9fr;padding:12px 18px;display:grid}.table-header{display:grid}.table-cell{min-width:0;padding:0}.cell-content{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.cell-label{display:none}.cell-value{text-align:left}}@media (min-width:480px){.card-footer{flex-direction:row;justify-content:space-between;align-items:center}.countdown-timer,.time-remaining{flex:1;min-width:200px}}@media (min-width:768px){.modern-header{padding:2rem}.header-content{flex-wrap:nowrap}.modern-btn{padding:11px 20px}}@media (min-width:1440px){:root{--mp-container:1500px}}@media (min-width:1920px){:root{--mp-container:1700px}.modern-card{border-radius:28px}}@media (min-width:2560px){:root{--mp-container:2000px;--mp-fs-xs:16px;--mp-fs-sm:18px;--mp-fs-md:20px;--mp-fs-lg:22px;--mp-fs-xl:26px;--mp-fs-2xl:34px;--mp-fs-3xl:52px}.modern-header{border-radius:32px;padding:3rem}.modern-card{border-radius:32px}}@media (max-width:768px){.modern-header,.modern-card,.section-header,.history-table,.error-card,.empty-card{-webkit-backdrop-filter:blur(10px)saturate(130%)}}@media (prefers-reduced-motion:reduce){.modern-card:hover,.stat-item:hover,.modern-btn:hover:not(:disabled),.action-btn:hover:not(:disabled){transform:none}.spinner{border-top-color:var(--mp-grad-1);animation:none}}@media (prefers-contrast:more){.modern-card,.section-header,.history-table,.error-card,.empty-card,.modern-header{border-color:#ffffff59}.info-value,.cell-value{color:#fff}}.current-active-banner[data-v-acb2af7d]{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:12px;align-items:center;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.banner-content[data-v-acb2af7d]{align-items:center;gap:12px;display:flex}.banner-icon[data-v-acb2af7d]{font-size:28px}.banner-text[data-v-acb2af7d]{flex-direction:column;gap:4px;display:flex}.banner-label[data-v-acb2af7d]{text-transform:uppercase;letter-spacing:.5px;color:#78350f;font-size:12px;font-weight:600}.banner-plan[data-v-acb2af7d]{color:#78350f;font-size:18px}.subscription-card.is-current-active[data-v-acb2af7d]{position:relative;border:2px solid #f59e0b!important;box-shadow:0 8px 16px -4px #f59e0b4d!important}.current-indicator[data-v-acb2af7d]{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.success-btn[data-v-acb2af7d]{color:#fff;cursor:default;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.success-btn.disabled-look[data-v-acb2af7d]{opacity:.9;cursor:default;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-weight:600;display:inline-flex}.section-subtitle[data-v-acb2af7d]{color:#64748b;margin-top:4px;font-size:14px}.user-results[data-v-1482d2ec]{--ur-text:#fff;--ur-text-soft:#e8eaff;--ur-text-mute:#ffffffb8;--ur-text-dim:#ffffff80;--ur-accent:#818cf8;--ur-accent-2:#a78bfa;--ur-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--ur-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--ur-success:#48bb78;--ur-warning:#ed8936;--ur-danger:#fc8181;--ur-info:#0ea5e9;--ur-glass-bg:#ffffff0d;--ur-glass-bg-strong:#ffffff14;--ur-glass-bg-hover:#ffffff1a;--ur-glass-border:#ffffff1a;--ur-glass-border-2:#ffffff2e;--ur-glass-blur:blur(16px)saturate(150%);--ur-glow:0 8px 32px #667eea2e;--ur-glow-strong:0 12px 40px #764ba252;--ur-r-sm:10px;--ur-r-md:14px;--ur-r-lg:20px;--ur-r-xl:28px;--ur-ease:cubic-bezier(.4,0,.2,1);--ur-t:.22s var(--ur-ease);z-index:1;width:100%;max-width:1600px;color:var(--ur-text-soft);background:0 0;margin:0 auto;padding:clamp(.75rem,2.5vw,2rem);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.5s both fadeInUp;position:relative}.user-results>h1[data-v-1482d2ec]{letter-spacing:-.01em;color:var(--ur-text);background:linear-gradient(135deg,#fff 0%,#c7d2fe 60%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(1rem,2vw,1.75rem);font-size:clamp(1.5rem,1rem + 1.4vw,2.25rem);font-weight:700}.tabs[data-v-1482d2ec]{background:var(--ur-glass-bg);border:1px solid var(--ur-glass-border);border-radius:var(--ur-r-xl);-webkit-backdrop-filter:var(--ur-glass-blur);backdrop-filter:var(--ur-glass-blur);box-shadow:var(--ur-glow);flex-wrap:wrap;gap:.4rem;margin-bottom:clamp(1rem,2vw,1.5rem);padding:.4rem;display:flex}.tab-btn[data-v-1482d2ec]{min-width:0;min-height:44px;color:var(--ur-text-mute);letter-spacing:.2px;cursor:pointer;transition:all var(--ur-t);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex:auto;justify-content:center;align-items:center;padding:.65rem 1rem;font-size:clamp(.8rem,.7rem + .25vw,.95rem);font-weight:600;display:inline-flex}.tab-btn[data-v-1482d2ec]:hover{background:var(--ur-glass-bg-hover);color:var(--ur-text);border-color:var(--ur-glass-border-2);transform:translateY(-1px)}.tab-btn.active[data-v-1482d2ec]{color:#fff;background:var(--ur-grad);border-color:#0000;box-shadow:0 6px 22px #667eea73,inset 0 1px #ffffff40}.tab-btn[data-v-1482d2ec]:focus-visible{outline:2px solid var(--ur-accent);outline-offset:2px}.tab-content[data-v-1482d2ec]{background:0 0;min-height:320px;padding:0}.results-grid[data-v-1482d2ec]{grid-template-columns:1fr;gap:clamp(.75rem,1.6vw,1.25rem);display:grid}.result-card[data-v-1482d2ec]{background:var(--ur-glass-bg);border:1px solid var(--ur-glass-border);border-radius:var(--ur-r-lg);color:var(--ur-text-soft);cursor:pointer;-webkit-backdrop-filter:var(--ur-glass-blur);backdrop-filter:var(--ur-glass-blur);box-shadow:var(--ur-glow);transition:transform var(--ur-t),background var(--ur-t),border-color var(--ur-t),box-shadow var(--ur-t);flex-direction:column;gap:.5rem;padding:clamp(.9rem,1.8vw,1.35rem);display:flex;position:relative;overflow:hidden}.result-card[data-v-1482d2ec]:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:absolute;inset:0 0 auto}.result-card[data-v-1482d2ec]:hover{background:var(--ur-glass-bg-hover);border-color:var(--ur-glass-border-2);box-shadow:var(--ur-glow-strong);transform:translateY(-3px)}.result-card[data-v-1482d2ec]:focus-visible{outline:2px solid var(--ur-accent);outline-offset:2px}.result-header[data-v-1482d2ec]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.result-header h3[data-v-1482d2ec]{color:var(--ur-text);letter-spacing:-.005em;overflow-wrap:anywhere;margin:0;font-size:clamp(.95rem,.8rem + .4vw,1.1rem);font-weight:600}.score[data-v-1482d2ec]{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex}.score.pass[data-v-1482d2ec]{color:var(--ur-success);background:#48bb781f;box-shadow:0 0 14px #48bb7859}.score.average[data-v-1482d2ec]{color:var(--ur-warning);background:#ed89361f;box-shadow:0 0 14px #ed893659}.score.fail[data-v-1482d2ec]{color:var(--ur-danger);background:#fc81811f;box-shadow:0 0 14px #fc818159}.date[data-v-1482d2ec]{color:var(--ur-text-mute);align-items:center;gap:.4rem;margin:0;font-size:.78rem;display:inline-flex}.date[data-v-1482d2ec]:before{content:"🪐";opacity:.85;filter:drop-shadow(0 0 6px #a78bfa99);font-size:.95rem}.status[data-v-1482d2ec]{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid;border-radius:999px;align-self:flex-start;margin:0;padding:.22rem .65rem;font-size:.7rem;font-weight:700}.status.passed[data-v-1482d2ec]{color:var(--ur-success);box-shadow:0 0 10px #48bb7859}.status.failed[data-v-1482d2ec]{color:var(--ur-danger);box-shadow:0 0 10px #fc818159}.loading[data-v-1482d2ec]{color:#0000;background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:220px;padding:0;font-size:0;display:flex}.loading[data-v-1482d2ec]:after{content:"";border:3px solid #667eea;border-color:#667eea #764ba2 #ffffff1f #ffffff1f;border-radius:50%;width:56px;height:56px;animation:1s linear infinite spin-1482d2ec;box-shadow:0 0 30px #667eea66,0 0 60px #764ba240}.empty[data-v-1482d2ec]{text-align:center;color:var(--ur-text-mute);background:var(--ur-glass-bg);border:1px solid var(--ur-glass-border);border-radius:var(--ur-r-lg);-webkit-backdrop-filter:var(--ur-glass-blur);backdrop-filter:var(--ur-glass-blur);box-shadow:var(--ur-glow);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:clamp(2rem,5vw,3.5rem) 1.5rem;font-size:clamp(.9rem,.8rem + .3vw,1.05rem);display:flex}.empty[data-v-1482d2ec]:before{content:"🌌";filter:drop-shadow(0 0 14px #818cf899);opacity:.9;font-size:clamp(2.5rem,5vw,3.5rem)}.chart-tab[data-v-1482d2ec]{background:var(--ur-glass-bg);border:1px solid var(--ur-glass-border);border-radius:var(--ur-r-lg);-webkit-backdrop-filter:var(--ur-glass-blur);backdrop-filter:var(--ur-glass-blur);box-shadow:var(--ur-glow);padding:clamp(.85rem,1.6vw,1.3rem)}.chart-filters[data-v-1482d2ec]{flex-flow:column wrap;gap:.75rem;margin-bottom:clamp(.9rem,2vw,1.4rem);display:flex}.chart-filters label[data-v-1482d2ec]{color:var(--ur-text-soft);background:var(--ur-glass-bg);border:1px solid var(--ur-glass-border);cursor:pointer;transition:all var(--ur-t);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;display:inline-flex}.chart-filters label[data-v-1482d2ec]:hover{background:var(--ur-glass-bg-hover);border-color:var(--ur-glass-border-2)}.chart-filters input[type=radio][data-v-1482d2ec]{appearance:none;cursor:pointer;width:16px;height:16px;transition:all var(--ur-t);background:0 0;border:2px solid #fff6;border-radius:50%;flex-shrink:0;place-content:center;margin:0;display:inline-grid}.chart-filters input[type=radio][data-v-1482d2ec]:before{content:"";background:var(--ur-grad);width:8px;height:8px;transition:transform var(--ur-t);border-radius:50%;transform:scale(0)}.chart-filters input[type=radio][data-v-1482d2ec]:checked{border-color:var(--ur-accent);box-shadow:0 0 10px #818cf88c}.chart-filters input[type=radio][data-v-1482d2ec]:checked:before{transform:scale(1)}.chart-filters input[type=radio][data-v-1482d2ec]:focus-visible{outline:2px solid var(--ur-accent);outline-offset:2px}.chart-filters select[data-v-1482d2ec]{appearance:none;background:var(--ur-glass-bg)url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right .85rem center;border:1px solid var(--ur-glass-border);border-radius:var(--ur-r-md);min-height:40px;color:var(--ur-text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--ur-t);padding:.5rem 2.25rem .5rem .9rem;font-size:.85rem}.chart-filters select[data-v-1482d2ec]:hover{border-color:var(--ur-glass-border-2);background-color:var(--ur-glass-bg-hover)}.chart-filters select[data-v-1482d2ec]:focus-visible{outline:2px solid var(--ur-accent);outline-offset:2px;border-color:#0000}.chart-filters select option[data-v-1482d2ec]{color:var(--ur-text);background:#1a1a2e}.chart-container[data-v-1482d2ec]{border:1px solid var(--ur-glass-border);border-radius:var(--ur-r-md);background:#ffffff08;width:100%;height:clamp(280px,45vh,480px);padding:.75rem;position:relative;box-shadow:inset 0 0 30px #00000040}.chart-container canvas[data-v-1482d2ec]{max-width:100%;height:100%!important}@keyframes spin-1482d2ec{to{transform:rotate(360deg)}}@media (min-width:480px){.results-grid[data-v-1482d2ec]{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-filters[data-v-1482d2ec]{flex-direction:row;align-items:center}.chart-filters select[data-v-1482d2ec]{min-width:200px}}@media (min-width:768px){.tabs[data-v-1482d2ec]{gap:.5rem}.tab-btn[data-v-1482d2ec]{padding:.75rem 1.25rem}}@media (min-width:1024px){.results-grid[data-v-1482d2ec]{grid-template-columns:repeat(3,minmax(0,1fr))}.tab-content[data-v-1482d2ec]{min-height:420px}.chart-container[data-v-1482d2ec]{height:clamp(360px,50vh,560px)}}@media (min-width:1280px){.result-card[data-v-1482d2ec]{padding:1.4rem}}@media (min-width:1440px){.results-grid[data-v-1482d2ec]{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.chart-container[data-v-1482d2ec]{height:560px}}@media (min-width:1920px){.user-results[data-v-1482d2ec]{max-width:1800px}.results-grid[data-v-1482d2ec]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem}.chart-container[data-v-1482d2ec]{height:640px}.tab-btn[data-v-1482d2ec]{min-height:48px;padding:.85rem 1.5rem;font-size:1rem}.user-results>h1[data-v-1482d2ec]{font-size:2.5rem}}@media (min-width:2560px){.user-results[data-v-1482d2ec]{max-width:2200px;padding:clamp(2rem,2.5vw,3.5rem)}.results-grid[data-v-1482d2ec]{grid-template-columns:repeat(5,minmax(0,1fr));gap:2.25rem}.chart-container[data-v-1482d2ec]{height:760px}.tab-btn[data-v-1482d2ec]{min-height:52px;padding:1rem 1.75rem;font-size:1.1rem}.user-results>h1[data-v-1482d2ec]{font-size:3rem}.result-card[data-v-1482d2ec]{padding:1.75rem}.result-header h3[data-v-1482d2ec]{font-size:1.25rem}}@media (max-width:900px) and (orientation:landscape){.tab-content[data-v-1482d2ec]{min-height:240px}.chart-container[data-v-1482d2ec]{height:clamp(220px,60vh,360px)}}@media (prefers-reduced-motion:reduce){.result-card[data-v-1482d2ec],.tab-btn[data-v-1482d2ec],.chart-filters label[data-v-1482d2ec],.chart-filters input[type=radio][data-v-1482d2ec],.chart-filters select[data-v-1482d2ec]{transition:none!important}.result-card[data-v-1482d2ec]:hover{transform:none}.loading[data-v-1482d2ec]:after,.user-results[data-v-1482d2ec]{animation:none}}@media (prefers-contrast:high){.result-card[data-v-1482d2ec],.empty[data-v-1482d2ec],.chart-tab[data-v-1482d2ec],.tabs[data-v-1482d2ec]{background:#000005d9;border-color:#fff}.tab-btn.active[data-v-1482d2ec]{outline:2px solid #fff}}.review-results[data-v-839d8911]{--rr-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--rr-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--rr-accent:#818cf8;--rr-accent-2:#a78bfa;--rr-text:#fff;--rr-text-soft:#e8eaff;--rr-text-mute:#ffffffb8;--rr-text-dim:#ffffff80;--rr-glass:#ffffff0d;--rr-glass-strong:#ffffff14;--rr-glass-hover:#ffffff1a;--rr-border:#ffffff1a;--rr-border-strong:#fff3;--rr-blur:blur(16px)saturate(150%);--rr-blur-soft:blur(10px)saturate(140%);--rr-success:#4ade80;--rr-warning:#fbbf24;--rr-danger:#fc8181;--rr-info:#60a5fa;--rr-r-sm:10px;--rr-r-md:14px;--rr-r-lg:20px;--rr-r-xl:26px;--rr-fs-xs:clamp(.72rem,.68rem + .18vw,.82rem);--rr-fs-sm:clamp(.82rem,.78rem + .22vw,.95rem);--rr-fs-base:clamp(.92rem,.86rem + .3vw,1.05rem);--rr-fs-lg:clamp(1.05rem,.95rem + .5vw,1.3rem);--rr-fs-xl:clamp(1.3rem,1.1rem + .9vw,1.85rem);--rr-fs-xxl:clamp(1.75rem,1.3rem + 1.6vw,2.6rem);--rr-sp-xs:clamp(.3rem,.2rem + .4vw,.5rem);--rr-sp-sm:clamp(.55rem,.4rem + .6vw,.85rem);--rr-sp-md:clamp(.85rem,.65rem + .9vw,1.25rem);--rr-sp-lg:clamp(1.25rem,.9rem + 1.4vw,2rem);--rr-sp-xl:clamp(1.75rem,1.2rem + 2vw,2.75rem);--rr-ease:cubic-bezier(.4,0,.2,1);--rr-t:.22s var(--rr-ease);--rr-tt:.32s var(--rr-ease);--rr-glow-soft:0 8px 32px #667eea2e;--rr-glow-medium:0 12px 40px #667eea47;--rr-glow-success:0 0 24px #4ade804d;--rr-glow-danger:0 0 24px #fc81814d;--rr-touch:44px;z-index:1;width:100%;max-width:1240px;padding:var(--rr-sp-xl)var(--rr-sp-md);color:var(--rr-text-soft);font-size:var(--rr-fs-base);isolation:isolate;background:0 0;margin:0 auto;line-height:1.6;position:relative}.review-results[data-v-839d8911] :where(h1,h2,h3,h4,p,span,button){color:inherit}.review-header[data-v-839d8911]{justify-content:space-between;align-items:center;gap:var(--rr-sp-md);margin-bottom:var(--rr-sp-xl);flex-wrap:wrap;animation:.5s both fadeInUp;display:flex}.review-header h1[data-v-839d8911]{font-size:var(--rr-fs-xxl);letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 60%,#a78bfa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 18px #667eea59);-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.back-btn[data-v-839d8911]{min-height:var(--rr-touch);font-size:var(--rr-fs-sm);letter-spacing:.2px;color:#fff;background:var(--rr-glass);border:1px solid var(--rr-border);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:var(--rr-blur);backdrop-filter:var(--rr-blur);box-shadow:var(--rr-glow-soft);transition:background var(--rr-t),border-color var(--rr-t),transform var(--rr-t),box-shadow var(--rr-t),color var(--rr-t);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:600;display:inline-flex}.back-btn[data-v-839d8911]:hover{background:var(--rr-grad);box-shadow:var(--rr-glow-medium);border-color:#0000;transform:translateY(-2px)}.back-btn[data-v-839d8911]:active{transform:translateY(0)}.back-btn[data-v-839d8911]:focus-visible{outline:2px solid var(--rr-accent);outline-offset:2px}.result-summary[data-v-839d8911]{padding:var(--rr-sp-lg);margin-bottom:var(--rr-sp-xl);background:var(--rr-glass);border:1px solid var(--rr-border);border-radius:var(--rr-r-xl);-webkit-backdrop-filter:var(--rr-blur);backdrop-filter:var(--rr-blur);box-shadow:var(--rr-glow-soft),inset 0 1px 0 #ffffff14;transition:background var(--rr-t),border-color var(--rr-t),box-shadow var(--rr-t),transform var(--rr-t);animation:.5s 50ms both fadeInUp;position:relative;overflow:hidden}.result-summary[data-v-839d8911]:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#a78bfa2e 0%,#0000 60%);width:70%;height:200%;position:absolute;inset:-40% -10% auto auto}.result-summary[data-v-839d8911]>*{z-index:1;position:relative}.result-summary[data-v-839d8911]:hover{background:var(--rr-glass-strong);border-color:var(--rr-border-strong);box-shadow:var(--rr-glow-medium),inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.result-summary h2[data-v-839d8911]{margin:0 0 var(--rr-sp-sm)0;font-size:var(--rr-fs-xl);color:var(--rr-text);letter-spacing:-.01em;font-weight:700}.result-summary p[data-v-839d8911]{margin:var(--rr-sp-xs)0;font-size:var(--rr-fs-base);color:var(--rr-text-mute)}.score[data-v-839d8911]{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:500;display:inline-flex;font-size:var(--rr-fs-lg)!important;color:var(--rr-text-soft)!important}.score strong[data-v-839d8911]{letter-spacing:.3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;padding:.15rem .7rem;font-weight:800;display:inline-flex}.score strong.pass[data-v-839d8911]{color:var(--rr-success);text-shadow:0 0 12px #4ade808c;background:#4ade8014;border-color:#4ade8059}.score strong.average[data-v-839d8911]{color:var(--rr-warning);text-shadow:0 0 12px #fbbf248c;background:#fbbf2414;border-color:#fbbf2459}.score strong.fail[data-v-839d8911]{color:var(--rr-danger);text-shadow:0 0 12px #fc81818c;background:#fc818114;border-color:#fc818166}.questions-review[data-v-839d8911]{width:100%}.questions-review h3[data-v-839d8911]{margin:0 0 var(--rr-sp-lg)0;font-size:var(--rr-fs-xl);letter-spacing:-.01em;text-align:center;color:var(--rr-text);font-weight:700}.questions-review h3[data-v-839d8911]:after{content:"";background:var(--rr-grad);border-radius:2px;width:64px;height:3px;margin:.5rem auto 0;display:block;box-shadow:0 0 14px #818cf899}.question-card[data-v-839d8911]{padding:var(--rr-sp-lg);margin-bottom:var(--rr-sp-md);background:var(--rr-glass);border:1px solid var(--rr-border);border-radius:var(--rr-r-lg);-webkit-backdrop-filter:var(--rr-blur);backdrop-filter:var(--rr-blur);box-shadow:var(--rr-glow-soft),inset 0 1px 0 #ffffff0d;transition:background var(--rr-t),border-color var(--rr-t),box-shadow var(--rr-t),transform var(--rr-t);border-left:4px solid #0000;animation:.45s both fadeInUp;position:relative}.question-card[data-v-839d8911]:hover{background:var(--rr-glass-strong);border-color:var(--rr-border-strong);box-shadow:var(--rr-glow-medium),inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.question-card.correct[data-v-839d8911]{border-left-color:var(--rr-success);box-shadow:var(--rr-glow-soft),-4px 0 24px #4ade8038,inset 0 1px 0 #ffffff0f}.question-card.incorrect[data-v-839d8911]{border-left-color:var(--rr-danger);box-shadow:var(--rr-glow-soft),-4px 0 24px #fc818138,inset 0 1px 0 #ffffff0f}.question-header[data-v-839d8911]{align-items:baseline;gap:var(--rr-sp-sm);margin-bottom:var(--rr-sp-md);flex-wrap:wrap;display:flex}.q-num[data-v-839d8911]{font-size:var(--rr-fs-base);letter-spacing:.4px;color:#0000;background:var(--rr-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-weight:800}.q-text[data-v-839d8911]{min-width:0;font-size:var(--rr-fs-lg);color:var(--rr-text);word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;flex:240px;font-weight:600}.q-score[data-v-839d8911]{font-size:var(--rr-fs-xs);color:var(--rr-text-soft);border:1px solid var(--rr-border);white-space:nowrap;-webkit-backdrop-filter:var(--rr-blur-soft);backdrop-filter:var(--rr-blur-soft);background:#ffffff0f;border-radius:999px;flex-shrink:0;align-items:center;padding:.25rem .7rem;font-weight:600;display:inline-flex}.answers[data-v-839d8911]{gap:var(--rr-sp-sm);flex-direction:column;padding-left:0;display:flex}.answer[data-v-839d8911]{align-items:center;gap:var(--rr-sp-sm);padding:var(--rr-sp-sm)var(--rr-sp-md);border:1px solid var(--rr-border);border-radius:var(--rr-r-md);-webkit-backdrop-filter:var(--rr-blur-soft);backdrop-filter:var(--rr-blur-soft);transition:background var(--rr-t),border-color var(--rr-t),box-shadow var(--rr-t),transform var(--rr-t);background:#ffffff08;flex-wrap:wrap;display:flex}.answer[data-v-839d8911]:hover{border-color:var(--rr-border-strong);background:#ffffff0f;transform:translate(2px)}.answer-text[data-v-839d8911]{min-width:0;font-size:var(--rr-fs-base);color:var(--rr-text-soft);word-break:keep-all;overflow-wrap:break-word;flex:200px}.answer.selected[data-v-839d8911]{background:#60a5fa1a;border-color:#60a5fa73;box-shadow:0 0 16px #60a5fa40,inset 0 1px #ffffff0f}.answer.correct-answer[data-v-839d8911]{background:#4ade801a;border-color:#4ade8073;box-shadow:0 0 16px #4ade8040,inset 0 1px #ffffff0f}.answer.selected[data-v-839d8911]:not(.correct-answer){background:#fc81811a;border-color:#fc81817a;box-shadow:0 0 16px #fc818147,inset 0 1px #ffffff0f}.correct-badge[data-v-839d8911],.wrong-badge[data-v-839d8911]{font-size:var(--rr-fs-xs);letter-spacing:.3px;white-space:nowrap;color:#fff;-webkit-backdrop-filter:var(--rr-blur-soft);backdrop-filter:var(--rr-blur-soft);border:1px solid #fff3;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .7rem;font-weight:700;display:inline-flex}.correct-badge[data-v-839d8911]{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 0 14px #4ade8080}.wrong-badge[data-v-839d8911]{background:linear-gradient(135deg,#fc8181,#ef4444);box-shadow:0 0 14px #fc818180}.loading[data-v-839d8911]{color:#0000;background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:240px;padding:0;font-size:0;line-height:0;display:flex}.loading[data-v-839d8911]:after{content:"";border:3px solid #667eea;border-color:#667eea #764ba2 #ffffff1a #ffffff1a;border-radius:50%;width:clamp(48px,8vw,72px);height:clamp(48px,8vw,72px);animation:1s linear infinite rr-spin-839d8911;display:block;box-shadow:0 0 30px #667eea59,0 0 60px #764ba233}@keyframes rr-spin-839d8911{to{transform:rotate(360deg)}}.error[data-v-839d8911]{max-width:720px;margin:var(--rr-sp-xl)auto;padding:var(--rr-sp-lg);font-size:var(--rr-fs-base);color:#fff;text-align:center;border-radius:var(--rr-r-lg);-webkit-backdrop-filter:var(--rr-blur);backdrop-filter:var(--rr-blur);box-shadow:var(--rr-glow-danger);background:#fc818114;border:1px solid #fc818166;animation:.5s both fadeInUp}@media (max-width:480px){.review-results[data-v-839d8911]{padding:var(--rr-sp-md)var(--rr-sp-sm)}.review-header[data-v-839d8911]{flex-direction:column;align-items:stretch}.back-btn[data-v-839d8911]{width:100%}.question-header[data-v-839d8911]{gap:var(--rr-sp-xs)}.q-score[data-v-839d8911]{order:2}.q-text[data-v-839d8911]{flex:100%;order:3}.answer[data-v-839d8911]{padding:var(--rr-sp-sm)}}@media (min-width:480px){.answers[data-v-839d8911]{padding-left:0}}@media (min-width:768px){.review-results[data-v-839d8911]{padding:var(--rr-sp-xl)var(--rr-sp-lg)}.answers[data-v-839d8911]{padding-left:var(--rr-sp-md)}}@media (min-width:1024px){.review-results[data-v-839d8911]{max-width:1100px}}@media (min-width:1440px){.review-results[data-v-839d8911]{max-width:1280px}}@media (min-width:1920px){.review-results[data-v-839d8911]{max-width:1480px;padding:3rem 2rem}.question-card[data-v-839d8911]{padding:2rem}}@media (min-width:2560px){.review-results[data-v-839d8911]{max-width:1900px;padding:4rem 3rem}.question-card[data-v-839d8911],.result-summary[data-v-839d8911]{padding:2.5rem}}@media (max-width:900px) and (orientation:landscape){.review-results[data-v-839d8911]{padding:var(--rr-sp-md)var(--rr-sp-md)}.review-header[data-v-839d8911]{margin-bottom:var(--rr-sp-md)}}@media (prefers-reduced-motion:reduce){.review-header[data-v-839d8911],.result-summary[data-v-839d8911],.question-card[data-v-839d8911],.error[data-v-839d8911],.answer[data-v-839d8911],.back-btn[data-v-839d8911]{transition:none!important;animation:none!important}.question-card[data-v-839d8911]:hover,.result-summary[data-v-839d8911]:hover,.answer[data-v-839d8911]:hover,.back-btn[data-v-839d8911]:hover{transform:none!important}.loading[data-v-839d8911]:after{animation:none!important}}@media (prefers-contrast:high){.question-card[data-v-839d8911],.result-summary[data-v-839d8911],.answer[data-v-839d8911],.back-btn[data-v-839d8911],.error[data-v-839d8911]{background:#000000bf;border-color:#fff}.q-num[data-v-839d8911],.review-header h1[data-v-839d8911]{-webkit-text-fill-color:#fff;background:0 0}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.ai-chat-container{--aic-accent-1:#667eea;--aic-accent-2:#764ba2;--aic-accent-soft:#818cf8;--aic-text-primary:#fff;--aic-text-secondary:#ffffffc7;--aic-text-muted:#ffffff8c;--aic-glass-bg:#ffffff0d;--aic-glass-bg-strong:#ffffff14;--aic-glass-bg-user:#667eea2e;--aic-glass-bg-asst:#ffffff0f;--aic-glass-border:#ffffff1f;--aic-glass-border-strong:#fff3;--aic-blur:blur(16px)saturate(150%);--aic-blur-strong:blur(22px)saturate(160%);--aic-shadow:0 8px 32px #667eea26,0 2px 8px #00000040;--aic-shadow-hover:0 12px 40px #667eea40,0 4px 12px #0000004d;--aic-sp-xs:clamp(.25rem,.5vw,.4rem);--aic-sp-sm:clamp(.5rem,1vw,.75rem);--aic-sp-md:clamp(.75rem,1.5vw,1.25rem);--aic-sp-lg:clamp(1rem,2vw,1.75rem);--aic-sp-xl:clamp(1.5rem,3vw,2.5rem);--aic-r-sm:10px;--aic-r-md:14px;--aic-r-lg:20px;--aic-r-xl:28px;--aic-r-full:9999px;--aic-t-fast:.18s ease;--aic-t-base:.3s ease;z-index:1;width:100%;max-width:1100px;height:100vh;height:100dvh;padding:var(--aic-sp-md);gap:var(--aic-sp-md);color:var(--aic-text-secondary);-webkit-font-smoothing:antialiased;background:0 0;flex-direction:column;margin:0 auto;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex;position:relative;overflow:hidden}.ai-chat-container .chat-header{text-align:center;padding:var(--aic-sp-md)var(--aic-sp-sm);background:var(--aic-glass-bg);-webkit-backdrop-filter:var(--aic-blur);border:1px solid var(--aic-glass-border);border-radius:var(--aic-r-lg);box-shadow:var(--aic-shadow);animation:.4s both fadeInUp}.ai-chat-container .chat-header h1{margin:0 0 var(--aic-sp-xs);letter-spacing:-.01em;background:linear-gradient(135deg,var(--aic-accent-1)0%,var(--aic-accent-2)100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700}.ai-chat-container .chat-header p{color:var(--aic-text-muted);margin:0;font-size:clamp(.8rem,1.4vw,1rem)}.ai-chat-container .messages-container{min-height:0;padding:var(--aic-sp-md)var(--aic-sp-sm);gap:var(--aic-sp-md);scroll-behavior:smooth;background:0 0;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.ai-chat-container .message{gap:var(--aic-sp-sm);max-width:92%;animation:.25s both fadeInUp;display:flex}.ai-chat-container .message.user-message{flex-direction:row-reverse;align-self:flex-end}.ai-chat-container .message.assistant-message{align-self:flex-start}.ai-chat-container .message-avatar{background:var(--aic-glass-bg-strong);width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem);-webkit-backdrop-filter:var(--aic-blur);border:1px solid var(--aic-glass-border-strong);color:var(--aic-text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(.95rem,1.6vw,1.15rem);display:flex;box-shadow:0 2px 10px #667eea33}.ai-chat-container .message-content{padding:var(--aic-sp-sm)var(--aic-sp-md);background:var(--aic-glass-bg-asst);-webkit-backdrop-filter:var(--aic-blur);border:1px solid var(--aic-glass-border);border-radius:var(--aic-r-lg);box-shadow:var(--aic-shadow);color:var(--aic-text-primary);word-break:break-word;overflow-wrap:anywhere;transition:transform var(--aic-t-fast),box-shadow var(--aic-t-fast);font-size:clamp(.9rem,1.4vw,1rem);line-height:1.55}.ai-chat-container .message.user-message .message-content{background:linear-gradient(135deg,#667eea38,#764ba238);border-color:#818cf859;border-bottom-right-radius:6px}.ai-chat-container .message.assistant-message .message-content{border-bottom-left-radius:6px}.ai-chat-container .message-content:hover{box-shadow:var(--aic-shadow-hover);transform:translateY(-2px)}.ai-chat-container .plain-text{white-space:pre-wrap;color:var(--aic-text-primary)}.ai-chat-container .markdown-body{color:var(--aic-text-primary);font-family:inherit}.ai-chat-container .markdown-body p{margin:0 0 var(--aic-sp-sm)}.ai-chat-container .markdown-body p:last-child{margin-bottom:0}.ai-chat-container .markdown-body h1,.ai-chat-container .markdown-body h2,.ai-chat-container .markdown-body h3,.ai-chat-container .markdown-body h4{color:var(--aic-text-primary);margin:var(--aic-sp-md)0 var(--aic-sp-sm);line-height:1.3}.ai-chat-container .markdown-body h1{font-size:1.4em}.ai-chat-container .markdown-body h2{font-size:1.25em}.ai-chat-container .markdown-body h3{font-size:1.1em}.ai-chat-container .markdown-body a{color:var(--aic-accent-soft);text-underline-offset:2px;text-decoration:underline}.ai-chat-container .markdown-body a:hover{color:#a5b4fc}.ai-chat-container .markdown-body ul,.ai-chat-container .markdown-body ol{margin:0 0 var(--aic-sp-sm);padding-left:1.4em}.ai-chat-container .markdown-body blockquote{border-left:3px solid var(--aic-accent-soft);padding:var(--aic-sp-xs)var(--aic-sp-md);margin:var(--aic-sp-sm)0;border-radius:0 var(--aic-r-sm)var(--aic-r-sm)0;color:var(--aic-text-secondary);background:#ffffff0a}.ai-chat-container .markdown-body code{color:#e0e7ff;font-family:Fira Code,Cascadia Code,Courier New,monospace;font-size:.92em}.ai-chat-container .markdown-body :not(pre)>code{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:.15em .45em}.ai-chat-container .markdown-body pre{-webkit-backdrop-filter:blur(8px);padding:var(--aic-sp-md);margin:var(--aic-sp-sm)0;border-radius:var(--aic-r-md);border:1px solid var(--aic-glass-border);background:#00000073;font-size:.9em;line-height:1.5;position:relative;overflow-x:auto}.ai-chat-container .markdown-body pre code{color:#e6edf3;background:0 0;border:none;padding:0}.ai-chat-container .markdown-body table{border-collapse:collapse;width:100%;margin:var(--aic-sp-sm)0;font-size:.92em}.ai-chat-container .markdown-body th,.ai-chat-container .markdown-body td{border:1px solid var(--aic-glass-border);text-align:left;padding:.5em .75em}.ai-chat-container .markdown-body th{background:#ffffff0f}.ai-chat-container .copy-code-btn{border:1px solid var(--aic-glass-border);border-radius:var(--aic-r-sm);width:32px;height:32px;color:var(--aic-text-primary);cursor:pointer;-webkit-backdrop-filter:blur(6px);transition:all var(--aic-t-fast);background:#ffffff14;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.ai-chat-container .copy-code-btn:hover{border-color:var(--aic-accent-soft);background:#667eea40;transform:translateY(-1px)}.ai-chat-container .typing-indicator{align-items:center;gap:.3rem;padding:.25rem 0;display:inline-flex}.ai-chat-container .typing-indicator span{background:linear-gradient(135deg,var(--aic-accent-1),var(--aic-accent-2));opacity:.85;border-radius:50%;width:.5rem;height:.5rem;animation:1.3s ease-in-out infinite both aic-bounce}.ai-chat-container .typing-indicator span:first-child{animation-delay:-.32s}.ai-chat-container .typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes aic-bounce{0%,80%,to{opacity:.5;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-container .input-area{align-items:flex-end;gap:var(--aic-sp-sm);padding:var(--aic-sp-xs)var(--aic-sp-xs)var(--aic-sp-xs)var(--aic-sp-md);background:var(--aic-glass-bg-strong);-webkit-backdrop-filter:var(--aic-blur-strong);border:1px solid var(--aic-glass-border-strong);border-radius:var(--aic-r-xl);box-shadow:var(--aic-shadow);transition:border-color var(--aic-t-fast),box-shadow var(--aic-t-fast);flex-shrink:0;display:flex}.ai-chat-container .input-area:focus-within{border-color:#818cf880;box-shadow:0 8px 32px #667eea40,0 0 0 3px #667eea2e}.ai-chat-container .input-area textarea{min-height:24px;max-height:140px;padding:var(--aic-sp-sm)0;color:var(--aic-text-primary);resize:none;word-break:break-word;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:clamp(.9rem,1.4vw,1rem);line-height:1.5}.ai-chat-container .input-area textarea::placeholder{color:#fff6}.ai-chat-container .input-area textarea:disabled{cursor:not-allowed;opacity:.6}.ai-chat-container .input-area button{background:linear-gradient(135deg,var(--aic-accent-1)0%,var(--aic-accent-2)100%);color:#fff;cursor:pointer;width:44px;height:44px;transition:transform var(--aic-t-fast),box-shadow var(--aic-t-fast),opacity var(--aic-t-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 14px #667eea66}.ai-chat-container .input-area button:hover:not(:disabled){transform:translateY(-2px)scale(1.04);box-shadow:0 8px 22px #667eea8c}.ai-chat-container .input-area button:active:not(:disabled){transform:translateY(0)scale(.98)}.ai-chat-container .input-area button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ai-chat-container .input-area button svg{transform:translate(-1px)}.ai-chat-container .messages-container{scrollbar-width:thin;scrollbar-color:#667eea80 transparent}.ai-chat-container .messages-container::-webkit-scrollbar{width:6px}.ai-chat-container .messages-container::-webkit-scrollbar-track{background:0 0}.ai-chat-container .messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--aic-accent-1),var(--aic-accent-2));border-radius:var(--aic-r-full)}.ai-chat-container .messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a3fa0)}.ai-chat-container :focus-visible{outline:2px solid var(--aic-accent-soft);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.ai-chat-container *,.ai-chat-container :before,.ai-chat-container :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:480px){.ai-chat-container{padding:var(--aic-sp-lg)var(--aic-sp-md)}.ai-chat-container .message{max-width:88%}}@media (min-width:768px){.ai-chat-container{padding:var(--aic-sp-lg);gap:var(--aic-sp-lg)}.ai-chat-container .messages-container{padding:var(--aic-sp-lg)var(--aic-sp-md)}.ai-chat-container .message{max-width:80%}.ai-chat-container .input-area button{width:48px;height:48px}}@media (min-width:1024px){.ai-chat-container{max-width:1100px}.ai-chat-container .message{max-width:75%}.ai-chat-container .message-avatar{width:2.75rem;height:2.75rem}}@media (min-width:1440px){.ai-chat-container{max-width:1280px}.ai-chat-container .message{max-width:70%}.ai-chat-container .input-area button{width:52px;height:52px}}@media (min-width:1920px){.ai-chat-container{max-width:1500px;padding:var(--aic-sp-xl)}.ai-chat-container .message-content{font-size:1.05rem}}@media (min-width:2560px){.ai-chat-container{max-width:1800px}.ai-chat-container .chat-header h1{font-size:2.5rem}.ai-chat-container .message-content{font-size:1.15rem}.ai-chat-container .message-avatar{width:3.25rem;height:3.25rem;font-size:1.4rem}.ai-chat-container .input-area button{width:60px;height:60px}}@media (max-width:480px){.ai-chat-container .message-content,.ai-chat-container .input-area,.ai-chat-container .chat-header,.ai-chat-container .message-avatar{-webkit-backdrop-filter:blur(8px)saturate(140%)}}.research-flow-page,.research-myprojects-page,.research-search-page,.research-library-page,.research-collab-page,.research-project-details-page,.research-create-page,.research-openalex-page,.research-researchers-page,.research-researcher-profile-page,.research-complete-profile-page{--rf-grad:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--rf-grad-soft:linear-gradient(135deg,#667eea2e 0%,#764ba22e 100%);--rf-accent:#818cf8;--rf-accent-2:#a78bfa;--rf-accent-hot:#c084fc;--rf-text:#fff;--rf-text-soft:#e8eaff;--rf-text-mute:#e8eaffb3;--rf-text-dim:#e8eaff80;--rf-glass:#ffffff0d;--rf-glass-2:#ffffff14;--rf-glass-3:#ffffff1f;--rf-input:#0f112873;--rf-border:#ffffff1a;--rf-border-2:#fff3;--rf-border-focus:#818cf88c;--rf-glow:0 8px 32px #667eea26;--rf-glow-2:0 12px 40px #667eea47;--rf-glow-3:0 16px 50px #764ba259;--rf-r-sm:10px;--rf-r-md:14px;--rf-r-lg:20px;--rf-font:clamp(14px,.875rem + .25vw,17px);--rf-gap:clamp(12px,2vw,24px);--rf-pad:clamp(14px,2vw,28px);--rf-container:min(1600px,100%);--rf-ease:cubic-bezier(.4,0,.2,1);--rf-t-fast:.18s var(--rf-ease);--rf-t-base:.28s var(--rf-ease);z-index:1;width:100%;max-width:var(--rf-container);padding:var(--rf-pad);font-size:var(--rf-font);color:var(--rf-text-soft);box-sizing:border-box;background:0 0;margin:0 auto;animation:.5s both fadeInUp;position:relative}.rf-icon-wrap{vertical-align:middle;align-items:center;margin-right:.4rem;display:inline-flex}.rf-icon-wrap svg,.rf-page-title svg,.rf-section-title svg,.rf-back-btn svg,.rf-btn svg{vertical-align:middle;flex-shrink:0;display:inline-block}.rf-btn svg{margin-right:4px}.rf-project-meta svg{vertical-align:middle;opacity:.75;margin-right:4px;display:inline-block}.rf-project-meta span{align-items:center;gap:4px;display:inline-flex}.rf-card-icon{color:var(--rf-accent);border-radius:var(--rf-r-md);background:var(--rf-grad-soft);border:1px solid var(--rf-border-2);justify-content:center;align-items:center;width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);margin-bottom:.85rem;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.rf-card-icon svg{width:clamp(26px,2.4vw,36px);height:clamp(26px,2.4vw,36px)}.rf-card-arrow svg{width:18px;height:18px}.rf-header{text-align:center;background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-lg);-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--rf-glow);margin-bottom:clamp(20px,3vw,40px);padding:clamp(20px,3.5vw,44px) clamp(16px,3vw,36px);position:relative;overflow:hidden}.rf-header:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#667eea73 0%,#764ba200 50%,#818cf866 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rf-title{letter-spacing:-.01em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;text-shadow:0 6px 30px #818cf840;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.6rem;margin:0 0 .5rem;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:800;display:inline-flex}.rf-title svg{color:var(--rf-accent);-webkit-text-fill-color:initial}.rf-subtitle,.rf-page-header .rf-subtitle{color:var(--rf-text-mute);margin:0;font-size:clamp(.85rem,1vw,1rem)}.rf-page-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:clamp(16px,2vw,28px);display:flex}.rf-page-title{color:var(--rf-text);flex:1;align-items:center;gap:.5rem;min-width:0;margin:0;font-size:clamp(1.2rem,2.2vw,1.8rem);font-weight:700;display:inline-flex}.rf-back-btn{background:var(--rf-glass);color:var(--rf-accent);border:1px solid var(--rf-border);border-radius:var(--rf-r-sm);cursor:pointer;transition:all var(--rf-t-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.rf-back-btn:hover{background:var(--rf-glass-2);border-color:var(--rf-border-2);color:#fff;transform:translate(-2px);box-shadow:0 6px 18px #667eea38}.rf-grid{gap:var(--rf-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-bottom:clamp(20px,3vw,40px);display:grid}.rf-card{cursor:pointer;background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-lg);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);box-shadow:var(--rf-glow);transition:transform var(--rf-t-base),border-color var(--rf-t-base),box-shadow var(--rf-t-base),background var(--rf-t-base);padding:clamp(18px,2vw,28px);position:relative;overflow:hidden}.rf-card:before{content:"";background:var(--rf-grad);opacity:0;height:3px;transition:opacity var(--rf-t-base);position:absolute;top:0;left:0;right:0}.rf-card:after{content:"";opacity:0;transition:opacity var(--rf-t-base);pointer-events:none;background:radial-gradient(120% 80% at 0 0,#818cf81a 0%,#0000 60%);position:absolute;inset:0}.rf-card:hover{background:var(--rf-glass-2);box-shadow:var(--rf-glow-2);border-color:#818cf859;transform:translateY(-4px)}.rf-card:hover:before,.rf-card:hover:after{opacity:1}.rf-card-title{color:var(--rf-text);letter-spacing:-.01em;margin:0 0 .4rem;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700}.rf-card-desc{color:var(--rf-text-mute);margin:0;font-size:clamp(.8rem,.95vw,.92rem);line-height:1.55}.rf-card-arrow{color:var(--rf-accent);opacity:0;transition:opacity var(--rf-t-base),transform var(--rf-t-base);position:absolute;bottom:.9rem;right:.9rem;transform:translate(-6px)}.rf-card:hover .rf-card-arrow{opacity:1;transform:translate(0)}.rf-stats-section{margin-top:clamp(20px,2.5vw,36px)}.rf-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:clamp(10px,1.5vw,18px);display:grid}.rf-stat-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);text-align:center;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);box-shadow:var(--rf-glow);transition:transform var(--rf-t-base),border-color var(--rf-t-base);padding:clamp(16px,2vw,26px)}.rf-stat-card:hover{border-color:var(--rf-border-2);transform:translateY(-2px)}.rf-stat-value{background:var(--rf-grad);-webkit-text-fill-color:transparent;text-shadow:0 0 22px #818cf859;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:800}.rf-stat-label{color:var(--rf-text-mute);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;font-size:clamp(.72rem,.9vw,.88rem)}.rf-project-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:clamp(10px,1.5vw,18px);margin-bottom:clamp(14px,2vw,24px);display:grid}.rf-pstat{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-sm);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(10px,1.5vw,18px) clamp(12px,2vw,22px)}.rf-pstat-val{color:var(--rf-accent);font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:800;display:block}.rf-pstat-label{color:var(--rf-text-mute);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:clamp(.7rem,.85vw,.82rem);display:block}.rf-filters{flex-wrap:wrap;align-items:center;gap:clamp(8px,1vw,14px);margin-bottom:clamp(14px,2vw,24px);display:flex}.rf-input,.rf-select,.rf-textarea{background:var(--rf-input);color:var(--rf-text);border:1px solid var(--rf-border);border-radius:var(--rf-r-sm);font-size:var(--rf-font);transition:all var(--rf-t-fast);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;width:100%;min-height:44px;padding:clamp(.55rem,1vw,.75rem) clamp(.7rem,1.2vw,1rem)}.rf-input::placeholder,.rf-textarea::placeholder{color:var(--rf-text-dim)}.rf-input:focus,.rf-select:focus,.rf-textarea:focus,.rf-input:focus-visible,.rf-select:focus-visible,.rf-textarea:focus-visible{border-color:var(--rf-border-focus);background:#0f112899;box-shadow:0 0 0 4px #818cf833,0 6px 18px #667eea2e}.rf-input-disabled{opacity:.55;cursor:not-allowed}.rf-filters .rf-input{flex:180px;min-width:140px}.rf-filters .rf-input-sm{flex:none;min-width:100px;max-width:140px}.rf-filters .rf-select{flex:0 auto;min-width:140px;max-width:220px}.rf-select option{color:var(--rf-text);background:#15172a}.rf-textarea{resize:vertical;min-height:90px;line-height:1.55}.rf-btn{background:var(--rf-glass-2);color:var(--rf-text);border:1px solid var(--rf-border);border-radius:var(--rf-r-sm);font-size:var(--rf-font);letter-spacing:.1px;cursor:pointer;transition:all var(--rf-t-fast);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:.45rem;min-height:44px;padding:clamp(.55rem,1vw,.75rem) clamp(.9rem,1.4vw,1.25rem);font-weight:600;text-decoration:none;display:inline-flex}.rf-btn:hover{background:var(--rf-glass-3);border-color:var(--rf-border-2);transform:translateY(-1px);box-shadow:0 6px 22px #0000004d,0 0 18px #667eea2e}.rf-btn:active{transform:translateY(0)}.rf-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.rf-btn-primary{background:var(--rf-grad);color:#fff;border-color:#ffffff2e;box-shadow:0 8px 24px #667eea66,inset 0 1px #ffffff38}.rf-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #667eea8c,inset 0 1px #ffffff47}.rf-btn-secondary{color:#d6c5ff;background:#a78bfa26;border-color:#a78bfa59}.rf-btn-secondary:hover:not(:disabled){color:#fff;background:#a78bfa47;box-shadow:0 6px 18px #a78bfa4d}.rf-btn-danger{color:#fecaca;background:#fc818124;border-color:#fc818159}.rf-btn-danger:hover:not(:disabled){color:#fff;background:#fc818147;box-shadow:0 6px 18px #fc81814d}.rf-btn-success{color:#9ae6b4;background:#48bb7824;border-color:#48bb7859}.rf-btn-success:hover:not(:disabled){color:#fff;background:#48bb7847;box-shadow:0 6px 18px #48bb784d}.rf-btn-outline{border-color:var(--rf-border);color:var(--rf-text-soft);background:0 0}.rf-btn-outline:hover:not(:disabled){background:var(--rf-glass-2);border-color:var(--rf-border-2)}.rf-btn-sm{min-height:36px;padding:.4rem .8rem;font-size:.82rem}.rf-btn-xs{min-height:30px;padding:.3rem .7rem;font-size:.75rem}.rf-btn-lg{min-height:50px;padding:.85rem 1.5rem;font-size:1rem}.rf-section{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-lg);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);box-shadow:var(--rf-glow);margin-bottom:clamp(14px,2vw,24px);padding:clamp(16px,2.4vw,32px)}.rf-section-title{color:var(--rf-text);letter-spacing:-.01em;align-items:center;gap:.5rem;margin:0 0 clamp(12px,1.6vw,20px);font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:700;display:inline-flex}.rf-section-title svg{color:var(--rf-accent)}.rf-projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(12px,1.6vw,22px);display:grid}.rf-project-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);transition:all var(--rf-t-base);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);box-shadow:var(--rf-glow);padding:clamp(16px,2vw,24px)}.rf-project-card:hover{background:var(--rf-glass-2);box-shadow:var(--rf-glow-2);border-color:#818cf84d;transform:translateY(-2px)}.rf-project-card-header{justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.6rem;display:flex}.rf-project-title{color:var(--rf-text);margin:0;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700;line-height:1.3}.rf-project-desc{color:var(--rf-text-mute);margin:0 0 .6rem;font-size:clamp(.8rem,.95vw,.92rem);line-height:1.55}.rf-project-meta{color:var(--rf-text-mute);flex-wrap:wrap;gap:clamp(8px,1vw,14px);margin-bottom:.6rem;font-size:clamp(.72rem,.85vw,.82rem);display:flex}.rf-project-card-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.rf-badge,.rf-access-badge{text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:clamp(.68rem,.82vw,.76rem);font-weight:700;display:inline-flex}.rf-badge-draft{color:#fbd38d;background:#ed893626;border-color:#ed893659}.rf-badge-published{color:#9ae6b4;background:#48bb7826;border-color:#48bb7859}.rf-badge-under_review{color:#7dd3fc;background:#0ea5e926;border-color:#0ea5e959}.rf-badge-pending{color:#fbd38d;background:#ed893626;border-color:#ed893659}.rf-badge-approved{color:#9ae6b4;background:#48bb7826;border-color:#48bb7859}.rf-badge-rejected{color:#fecaca;background:#fc818124;border-color:#fc818159}.rf-badge-owner{color:#c7d2fe;background:#818cf82e;border-color:#818cf873}.rf-badge-collaborator{color:#d6c5ff;background:#a78bfa2e;border-color:#a78bfa66}.rf-badge-edit{color:#7dd3fc;background:#0ea5e926;border-color:#0ea5e959}.rf-access-public{color:#9ae6b4;background:#48bb7826;border-color:#48bb7859}.rf-access-team{color:#7dd3fc;background:#0ea5e926;border-color:#0ea5e959}.rf-access-private{color:#fecaca;background:#fc818124;border-color:#fc818159}.rf-keywords{flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem;display:flex}.rf-keyword-badge{color:var(--rf-accent);transition:all var(--rf-t-fast);background:#818cf81f;border:1px solid #818cf84d;border-radius:999px;padding:.15rem .7rem;font-size:clamp(.7rem,.85vw,.78rem);font-weight:600}.rf-keyword-badge:hover{color:#fff;background:#818cf838}.rf-role-badge{border-radius:var(--rf-r-sm);letter-spacing:.04em;padding:.4rem .9rem;font-size:clamp(.78rem,.95vw,.88rem);font-weight:700}.rf-role-owner{color:#c7d2fe;background:#818cf833;border:1px solid #818cf873}.rf-role-collaborator{color:#d6c5ff;background:#a78bfa33;border:1px solid #a78bfa73}.rf-role-viewer{color:#cbd5e0;background:#a0aec02e;border:1px solid #a0aec059}.rf-tabs{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;gap:.25rem;margin-bottom:clamp(14px,2vw,24px);padding:.35rem;display:flex}.rf-tab{color:var(--rf-text-mute);border-radius:var(--rf-r-sm);cursor:pointer;transition:all var(--rf-t-fast);white-space:nowrap;background:0 0;border:1px solid #0000;min-height:40px;padding:clamp(.5rem,1vw,.7rem) clamp(.85rem,1.5vw,1.25rem);font-size:clamp(.8rem,.95vw,.92rem);font-weight:600}.rf-tab:hover{color:var(--rf-text);background:var(--rf-glass-2)}.rf-tab.active{background:var(--rf-grad-soft);color:#fff;border-color:#818cf866;box-shadow:0 4px 18px #667eea40,inset 0 1px #ffffff26}.rf-loading{text-align:center;color:var(--rf-text-mute);background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(36px,6vw,70px)}.rf-spinner{border:3px solid var(--rf-border);border-top-color:var(--rf-accent);border-right-color:var(--rf-accent-2);border-radius:50%;width:44px;height:44px;margin:0 auto 1rem;animation:.8s linear infinite rf-spin}@keyframes rf-spin{to{transform:rotate(360deg)}}.rf-empty{text-align:center;color:var(--rf-text-mute);background:var(--rf-glass);border:1px dashed var(--rf-border-2);border-radius:var(--rf-r-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(36px,6vw,70px)}.rf-empty-sm{text-align:center;color:var(--rf-text-mute);padding:clamp(14px,2vw,24px)}.rf-form-group{margin-bottom:clamp(12px,1.6vw,20px)}.rf-form-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(10px,1.5vw,18px);display:grid}.rf-form-row .rf-form-group{margin-bottom:0}.rf-label{color:var(--rf-text-soft);letter-spacing:.02em;margin-bottom:.4rem;font-size:clamp(.78rem,.95vw,.9rem);font-weight:600;display:block}.rf-form-actions{flex-wrap:wrap;gap:.75rem;margin-top:clamp(16px,2vw,28px);display:flex}.rf-error-msg,.rf-success-msg{border-radius:var(--rf-r-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:.75rem;padding:.7rem 1rem;font-size:clamp(.8rem,.95vw,.9rem)}.rf-error-msg{color:#fecaca;background:#fc81811f;border:1px solid #fc818159}.rf-success-msg{color:#9ae6b4;background:#48bb781f;border:1px solid #48bb7859}.rf-file-downloads{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.rf-files-label{color:var(--rf-text-mute);font-size:clamp(.72rem,.85vw,.82rem)}.rf-files-list{flex-direction:column;gap:.6rem;display:flex}.rf-file-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--rf-t-fast);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:clamp(12px,1.6vw,18px);display:flex}.rf-file-card:hover{background:var(--rf-glass-2);border-color:var(--rf-border-2)}.rf-file-info{flex:1;min-width:160px}.rf-file-name{color:var(--rf-text);font-size:clamp(.82rem,1vw,.95rem);font-weight:700;display:block}.rf-file-meta,.rf-file-desc{color:var(--rf-text-mute);margin-top:2px;font-size:clamp(.7rem,.85vw,.8rem);display:block}.rf-file-desc{font-style:italic}.rf-file-actions{flex-wrap:wrap;gap:.4rem;display:flex}.rf-upload-form{background:var(--rf-glass);border:1px dashed var(--rf-border-2);border-radius:var(--rf-r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:clamp(14px,2vw,20px);padding:clamp(14px,2vw,22px)}.rf-upload-form h3{color:var(--rf-text);margin:0 0 .6rem;font-size:clamp(.9rem,1.1vw,1.05rem);font-weight:700}.rf-upload-form .rf-input{margin-bottom:.5rem}.rf-comment-form{margin-bottom:clamp(14px,2vw,22px)}.rf-comment-form .rf-textarea{margin-bottom:.5rem}.rf-comments-list{flex-direction:column;gap:.7rem;display:flex}.rf-comment-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--rf-t-fast);padding:clamp(12px,1.6vw,18px)}.rf-comment-card:hover{border-color:var(--rf-border-2)}.rf-comment-header{flex-wrap:wrap;justify-content:space-between;gap:.4rem;margin-bottom:.4rem;font-size:clamp(.72rem,.85vw,.82rem);display:flex}.rf-comment-author{color:var(--rf-accent);font-weight:700}.rf-comment-date{color:var(--rf-text-dim)}.rf-comment-text{color:var(--rf-text-soft);font-size:var(--rf-font);margin:0;line-height:1.55}.rf-comment-actions{gap:.4rem;margin-top:.5rem;display:flex}.rf-comment-edit{margin-top:.4rem}.rf-comment-edit-actions{gap:.4rem;margin-top:.4rem;display:flex}.rf-collab-send{margin-bottom:clamp(14px,2vw,24px)}.rf-collab-form{flex-direction:column;gap:.7rem;display:flex}.rf-collab-list{flex-direction:column;gap:.8rem;display:flex}.rf-collab-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--rf-t-base);padding:clamp(14px,2vw,22px)}.rf-collab-card:hover{border-color:var(--rf-border-2);background:var(--rf-glass-2)}.rf-collab-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.rf-collab-card-header h3{color:var(--rf-text);margin:0;font-size:clamp(.9rem,1.1vw,1.05rem);font-weight:700}.rf-collab-message{color:var(--rf-text-soft);margin:0 0 .5rem;font-size:clamp(.82rem,1vw,.92rem);line-height:1.55}.rf-collab-meta{color:var(--rf-text-mute);flex-wrap:wrap;gap:clamp(8px,1.5vw,16px);margin-bottom:.6rem;font-size:clamp(.72rem,.85vw,.82rem);display:flex}.rf-collab-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.rf-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(12px,1.6vw,22px);display:grid}.rf-library-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--rf-glow);transition:all var(--rf-t-base);padding:clamp(16px,2vw,24px)}.rf-library-card:hover{background:var(--rf-glass-2);border-color:var(--rf-border-2);box-shadow:var(--rf-glow-2);transform:translateY(-2px)}.rf-library-title{color:var(--rf-text);margin:0 0 .5rem;font-size:clamp(.92rem,1.15vw,1.05rem);font-weight:700;line-height:1.35}.rf-library-meta{color:var(--rf-text-mute);flex-wrap:wrap;gap:clamp(6px,1vw,12px);margin-bottom:.5rem;font-size:clamp(.72rem,.85vw,.82rem);display:flex}.rf-library-doi{color:var(--rf-text-mute);word-break:break-all;margin-bottom:.5rem;font-size:clamp(.72rem,.85vw,.82rem)}.rf-library-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.rf-openalex-search{margin-bottom:clamp(14px,2vw,24px)}.rf-openalex-grid{flex-direction:column;gap:clamp(12px,1.6vw,20px);display:flex}.rf-openalex-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--rf-glow);transition:all var(--rf-t-base);padding:clamp(16px,2vw,24px)}.rf-openalex-card:hover{background:var(--rf-glass-2);border-color:var(--rf-border-2);transform:translateY(-1px)}.rf-openalex-title{color:var(--rf-text);margin:0 0 .5rem;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700;line-height:1.35}.rf-openalex-meta{color:var(--rf-text-mute);flex-wrap:wrap;gap:clamp(8px,1.5vw,16px);margin-bottom:.5rem;font-size:clamp(.72rem,.85vw,.82rem);display:flex}.rf-openalex-authors{color:var(--rf-text-soft);margin-bottom:.5rem;font-size:clamp(.78rem,.95vw,.88rem);line-height:1.45}.rf-openalex-doi{color:var(--rf-text-mute);word-break:break-all;margin-bottom:.5rem;font-size:clamp(.72rem,.85vw,.82rem)}.rf-openalex-actions{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.rf-researchers-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(12px,1.6vw,22px);display:grid}.rf-researcher-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-lg);text-align:center;cursor:pointer;transition:all var(--rf-t-base);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--rf-glow);padding:clamp(18px,2.2vw,28px)}.rf-researcher-card:hover{background:var(--rf-glass-2);box-shadow:var(--rf-glow-2);border-color:#818cf859;transform:translateY(-3px)}.rf-researcher-avatar{background:var(--rf-grad);color:#fff;border:2px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,6.5vw,80px);height:clamp(56px,6.5vw,80px);margin:0 auto .8rem;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800;display:flex;box-shadow:0 8px 24px #667eea66,inset 0 1px #ffffff38}.rf-researcher-name{color:var(--rf-text);margin:0 0 .25rem;font-size:clamp(.9rem,1.1vw,1.05rem);font-weight:700}.rf-researcher-uni,.rf-researcher-dept{color:var(--rf-text-mute);margin:2px 0;font-size:clamp(.72rem,.85vw,.82rem)}.rf-researcher-stats{color:var(--rf-text-mute);justify-content:center;gap:clamp(10px,2vw,22px);margin:.7rem 0;font-size:clamp(.72rem,.85vw,.82rem);display:flex}.rf-profile-layout{flex-direction:column;gap:clamp(14px,2vw,24px);display:flex}.rf-profile-header-section{flex-wrap:wrap;align-items:center;gap:clamp(16px,2.4vw,32px);display:flex}.rf-profile-avatar-lg{background:var(--rf-grad);color:#fff;border:3px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(72px,9vw,110px);height:clamp(72px,9vw,110px);font-size:clamp(1.6rem,3vw,2.6rem);font-weight:800;display:flex;box-shadow:0 10px 30px #667eea66,inset 0 2px #ffffff38}.rf-profile-info{flex:1;min-width:200px}.rf-profile-info h2{color:var(--rf-text);letter-spacing:-.01em;margin:0 0 .25rem;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:800}.rf-profile-info p{color:var(--rf-text-mute);margin:2px 0;font-size:clamp(.8rem,.95vw,.95rem)}.rf-about-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(14px,2vw,24px);display:grid}.rf-about-item h3{color:var(--rf-accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4rem;font-size:clamp(.82rem,1vw,.95rem);font-weight:700}.rf-about-item p{color:var(--rf-text-soft);font-size:var(--rf-font);margin:0;line-height:1.55}.rf-link{color:var(--rf-accent);word-break:break-all;transition:all var(--rf-t-fast);border-bottom:1px solid #0000;text-decoration:none}.rf-link:hover{color:var(--rf-accent-2);border-bottom-color:var(--rf-accent-2)}.rf-detail-layout{flex-direction:column;gap:clamp(14px,2vw,24px);display:flex}.rf-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.8rem;display:flex}.rf-detail-header h2{color:var(--rf-text);letter-spacing:-.01em;margin:0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:800}.rf-detail-badges{flex-wrap:wrap;gap:.5rem;display:flex}.rf-detail-desc{color:var(--rf-text-soft);font-size:var(--rf-font);margin:0 0 1rem;line-height:1.65}.rf-detail-meta-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:clamp(8px,1.2vw,16px);margin-bottom:.9rem;display:grid}.rf-meta-item{color:var(--rf-text-mute);font-size:clamp(.78rem,.95vw,.88rem)}.rf-meta-item strong{color:var(--rf-text-soft);font-weight:600}.rf-edit-section{border-top:1px solid var(--rf-border);margin-top:1rem;padding-top:1rem}.rf-edit-form{flex-direction:column;gap:.7rem;display:flex}.rf-edit-form h3{color:var(--rf-text);margin:0 0 .3rem;font-size:clamp(.95rem,1.2vw,1.1rem);font-weight:700}.rf-edit-actions{flex-wrap:wrap;gap:.65rem;display:flex}.rf-team-list{flex-direction:column;gap:.5rem;display:flex}.rf-team-card{background:var(--rf-glass);border:1px solid var(--rf-border);border-radius:var(--rf-r-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--rf-t-fast);flex-wrap:wrap;align-items:center;gap:.7rem;padding:clamp(10px,1.2vw,16px);display:flex}.rf-team-card:hover{background:var(--rf-glass-2);border-color:var(--rf-border-2)}.rf-team-user{color:var(--rf-text);font-size:clamp(.82rem,1vw,.92rem);font-weight:600}.rf-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:clamp(16px,2vw,28px);padding:clamp(12px,1.6vw,22px);display:flex}.rf-page-info{color:var(--rf-text-mute);font-size:clamp(.8rem,.95vw,.92rem);font-weight:600}.rf-profile-form-section{max-width:760px;margin:0 auto}@media (max-width:480px){.research-flow-page,.research-myprojects-page,.research-search-page,.research-library-page,.research-collab-page,.research-project-details-page,.research-create-page,.research-openalex-page,.research-researchers-page,.research-researcher-profile-page,.research-complete-profile-page{--rf-pad:12px;--rf-gap:10px}.rf-header{padding:1rem}.rf-tabs{padding:.25rem}.rf-tab{padding:.5rem .75rem;font-size:.78rem}.rf-grid,.rf-projects-grid,.rf-library-grid,.rf-researchers-grid{grid-template-columns:1fr}.rf-filters .rf-input,.rf-filters .rf-select{flex:100%;max-width:none}.rf-detail-header{flex-direction:column;align-items:stretch}}@media (min-width:480px){.rf-researchers-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.rf-grid,.rf-projects-grid,.rf-library-grid{grid-template-columns:repeat(2,1fr)}.rf-researchers-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.rf-grid{grid-template-columns:repeat(3,1fr)}.rf-projects-grid{grid-template-columns:repeat(2,1fr)}.rf-researchers-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.rf-grid{grid-template-columns:repeat(4,1fr)}.rf-projects-grid,.rf-library-grid{grid-template-columns:repeat(3,1fr)}.rf-researchers-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.research-flow-page,.research-myprojects-page,.research-search-page,.research-library-page,.research-collab-page,.research-project-details-page,.research-create-page,.research-openalex-page,.research-researchers-page,.research-researcher-profile-page,.research-complete-profile-page{--rf-pad:clamp(28px,2vw,40px)}.rf-projects-grid,.rf-library-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1920px){.rf-grid,.rf-projects-grid,.rf-library-grid{grid-template-columns:repeat(4,1fr)}.rf-researchers-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:2560px){.research-flow-page,.research-myprojects-page,.research-search-page,.research-library-page,.research-collab-page,.research-project-details-page,.research-create-page,.research-openalex-page,.research-researchers-page,.research-researcher-profile-page,.research-complete-profile-page{--rf-pad:clamp(40px,2vw,64px);--rf-gap:clamp(20px,1.5vw,32px);--rf-r-lg:24px}.rf-grid,.rf-projects-grid,.rf-library-grid{grid-template-columns:repeat(4,1fr)}.rf-researchers-grid{grid-template-columns:repeat(6,1fr)}}.rf-btn:focus-visible,.rf-tab:focus-visible,.rf-card:focus-visible,.rf-project-card:focus-visible,.rf-researcher-card:focus-visible,.rf-input:focus-visible,.rf-select:focus-visible,.rf-textarea:focus-visible,.rf-back-btn:focus-visible,.rf-link:focus-visible{outline:2px solid var(--rf-accent);outline-offset:2px;box-shadow:0 0 0 4px #818cf840}@media (prefers-reduced-motion:reduce){.rf-card,.rf-project-card,.rf-researcher-card,.rf-library-card,.rf-openalex-card,.rf-collab-card,.rf-btn,.rf-tab,.rf-stat-card{transition:none}.rf-card:hover,.rf-project-card:hover,.rf-researcher-card:hover,.rf-library-card:hover,.rf-openalex-card:hover,.rf-stat-card:hover{transform:none}.rf-spinner{animation:none}.rf-card-arrow{opacity:1;transform:none}}@media print{.research-flow-page,.research-myprojects-page,.research-search-page,.research-library-page,.research-collab-page,.research-project-details-page,.research-create-page,.research-openalex-page,.research-researchers-page,.research-researcher-profile-page,.research-complete-profile-page{color:#000;background:#fff}.rf-card,.rf-project-card,.rf-researcher-card,.rf-library-card,.rf-openalex-card,.rf-section,.rf-stat-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#03030f;width:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;overflow-x:hidden}.dark-mode body{color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000000d;border-radius:5px}.dark-mode ::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a3fa0 100%)}::selection{color:inherit;background:#667eea4d}.dark-mode ::selection{background:#667eea80}*{transition:background-color .3s,border-color .3s}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shadow-soft{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark-mode .shadow-soft{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.loading-spinner{border:3px solid #667eea1a;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.dark-mode .glass-effect{background:#ffffff0d;border:1px solid #ffffff1a}:focus{outline-offset:2px;outline:2px solid #667eea}:focus:not(:focus-visible){outline:none}@media print{.no-print{display:none!important}}@media (prefers-contrast:high){.gradient-text{background:#667eea;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:#667eea}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--chat-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--chat-success:#48bb78;--chat-warning:#ed8936;--chat-danger:#fc8181;--chat-info:#0ea5e9}.chat-wrapper{z-index:9999!important}.chat-transition-enter-active,.chat-transition-leave-active{transition:all .3s}.chat-transition-enter-from,.chat-transition-leave-to{opacity:0;transform:translateY(20px)scale(.95)}@media (max-width:640px){.chat-window{width:calc(100vw - 32px)!important;max-width:none!important}}@media print{.chat-wrapper{display:none!important}}