: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%)}body{color:#1a202c;background:#f7fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}#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}}.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)}}@keyframes cosmicPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes cosmicGlow{0%,to{box-shadow:0 0 20px #4ecdc44d,0 0 40px #4ecdc41a,0 0 60px #4ecdc40d}50%{box-shadow:0 0 30px #4ecdc480,0 0 60px #4ecdc433,0 0 90px #4ecdc41a}}@keyframes cosmicFloat{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-5px)translate(3px)}66%{transform:translateY(3px)translate(-3px)}}@keyframes nebulaShift{0%,to{background-position:0%}50%{background-position:100%}}body{color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;background:0 0!important}.app-container{background:0 0;min-height:100vh;display:flex;position:relative}.sidebar{background:var(--cosmic-card);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-subtle);transition:all var(--transition-normal);box-shadow:var(--shadow-deep),0 0 20px #00000080;z-index:1000;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:70px;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.sidebar::-webkit-scrollbar-thumb{transition:all var(--transition-fast);background:#64649680;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#646496b3;box-shadow:0 0 10px #4ecdc44d}.sidebar-header{border-bottom:1px solid var(--border-subtle);z-index:10;height:72px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0a0a1ef2;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex;position:sticky;top:0}.logo{cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md);align-items:center;gap:12px;width:100%;padding:8px;display:flex}.logo:hover{background:#4ecdc41a}.sidebar.collapsed .logo{display:none}.logo-icon{background:linear-gradient(135deg,var(--cosmic-blue)0%,var(--cosmic-purple)50%,var(--cosmic-cyan)100%);border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;animation:3s ease-in-out infinite cosmicPulse;display:flex;box-shadow:0 0 15px #4ecdc480}.logo-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 20px #4ecdc480,0 2px 4px #000c;background:linear-gradient(135deg,var(--text-primary)0%,var(--text-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;overflow:hidden}.sidebar-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141432cc;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.sidebar-toggle:hover{background:var(--cosmic-cyan);color:#fff;border-color:var(--cosmic-cyan);transform:translateY(-50%)scale(1.05);box-shadow:0 0 20px #4ecdc480,0 0 40px #4ecdc433}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 15px}.sidebar.collapsed .sidebar-toggle{margin:0 auto;position:static;transform:none}.sidebar.collapsed .sidebar-toggle:hover{transform:scale(1.05)}.sidebar-toggle svg{transition:transform var(--transition-normal);width:20px;height:20px}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-normal);white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #0000;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-accent);border-color:var(--border-subtle);background:#1e1e3cb3;transform:translate(5px);box-shadow:0 0 15px #4ecdc433,inset 0 1px #ffffff1a}.nav-item.active{color:var(--text-accent);background:#4ecdc426;border-color:#4ecdc44d;font-weight:600;box-shadow:0 0 20px #4ecdc44d,inset 0 1px #fff3}.nav-item.active:before{content:"";background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-blue));border-radius:0 2px 2px 0;width:4px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #4ecdc4cc}.nav-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;display:flex}.nav-text{font-size:14px;font-weight:inherit;text-overflow:ellipsis;color:currentColor;white-space:nowrap;flex:1;overflow:hidden}.sidebar.collapsed .nav-text{opacity:0;width:0;position:absolute}.notification-badge{color:#fff;z-index:1;background:linear-gradient(135deg,#ff6b6b,#ff4757);border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;animation:2s infinite cosmicPulse;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:0 0 10px #ff6b6b80}.sidebar.collapsed .notification-badge{position:absolute;top:-5px;right:-5px;transform:scale(.8)}.sidebar-footer{border-top:1px solid var(--border-subtle);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0a0a1ef2;flex-shrink:0;padding:16px;position:sticky;bottom:0;overflow:hidden}.user-profile{border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:12px;display:flex;overflow:hidden}.user-profile:hover{border-color:var(--border-subtle);background:#1e1e3cb3;transform:translateY(-2px);box-shadow:0 0 20px #4ecdc433,inset 0 1px #ffffff1a}.avatar{background:linear-gradient(135deg,var(--cosmic-blue)0%,var(--cosmic-purple)50%,var(--cosmic-cyan)100%);color:#fff;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:14px;font-weight:600;display:flex;box-shadow:0 0 15px #4ecdc480}.avatar img.profile-image{object-fit:cover;border:2px solid var(--cosmic-cyan);border-radius:50%;width:100%;height:100%}.sidebar.collapsed .avatar{width:40px;height:40px;margin:0 auto}.sidebar.collapsed .user-profile{justify-content:center;padding:12px 8px}.user-info{flex:1;min-width:0;overflow:hidden}.username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.email{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000c;font-size:12px;overflow:hidden}.notification-summary{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);background:#1e1e3cb3;border:1px solid #0000;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.notification-summary:hover{color:var(--text-accent);border-color:var(--border-subtle);background:#4ecdc433;transform:translateY(-1px)}.notification-icon{font-size:12px}.notification-count{color:inherit;font-weight:600}.sidebar.collapsed .user-info,.sidebar.collapsed .notification-summary{display:none}.logout-btn{color:#ff6b6b;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px #000c;background:#ff6b6b33;border:1px solid #ff6b6b4d;justify-content:flex-start;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.logout-btn:hover{color:#fff;background:#ff6b6b66;border-color:#ff6b6b80;transform:translateY(-2px);box-shadow:0 0 20px #ff6b6b4d,0 0 40px #ff6b6b1a}.logout-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar.collapsed .logout-btn{justify-content:center;width:40px;margin:0 auto;padding:12px}.sidebar.collapsed .logout-btn span{display:none}.login-btn{width:100%;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4285f44d 0%,#8a2be24d 50%,#4ecdc44d 100%);justify-content:flex-start;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.login-btn:hover{background:linear-gradient(135deg,#4285f480 0%,#8a2be280 50%,#4ecdc480 100%);border-color:#4ecdc480;transform:translateY(-2px);box-shadow:0 0 20px #4ecdc44d,0 0 40px #4ecdc41a}.login-btn:active{transform:translateY(0)}.login-btn .login-icon{justify-content:center;align-items:center;min-width:18px;height:18px;display:flex}.sidebar.collapsed .login-btn span{display:none}.sidebar.collapsed .login-btn{justify-content:center;width:40px;margin:0 auto;padding:12px}.main-content{min-height:100vh;transition:margin-left var(--transition-normal);background:0 0;flex:1;margin-left:260px;padding:24px;position:relative;overflow-y:auto}.main-content:before{content:"";pointer-events:none;z-index:0;transition:left var(--transition-normal);background:radial-gradient(circle at 80% 20%,#0a0a281a 0%,#0000 50%);position:fixed;inset:0 0 0 260px}.sidebar.collapsed~.main-content{margin-left:70px}.sidebar.collapsed~.main-content:before{left:70px}@media (max-width:1024px){.sidebar{width:240px}.sidebar.collapsed{width:60px}.main-content{margin-left:240px}.sidebar.collapsed~.main-content{margin-left:60px}.main-content:before{left:240px}.sidebar.collapsed~.main-content:before{left:60px}}@media (max-width:768px){.sidebar{width:280px;box-shadow:var(--shadow-deep);transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.active{transform:translate(0)}.sidebar.collapsed{width:280px;transform:translate(-100%)}.main-content{margin-left:0;padding-top:70px}.sidebar.collapsed~.main-content{margin-left:0}.main-content:before{left:0}.mobile-toggle{width:40px;height:40px;color:var(--text-accent);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;z-index:999;box-shadow:var(--shadow-deep);-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);transition:all var(--transition-normal);background:#0a0a1ee6;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px}.mobile-toggle:hover{color:var(--text-primary);border-color:var(--cosmic-cyan);background:#4ecdc433;transform:scale(1.1);box-shadow:0 0 20px #4ecdc44d,0 0 40px #4ecdc41a}}@media (max-width:480px){.sidebar{width:100%;max-width:300px}.main-content{padding:70px 16px 16px}.mobile-toggle{top:12px;left:12px}}.nav-item:focus-visible,.sidebar-toggle:focus-visible,.logout-btn:focus-visible,.login-btn:focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 0 4px #4ecdc433}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.nav-item:hover,.sidebar-toggle:hover,.logout-btn:hover,.login-btn:hover,.user-profile:hover,.notification-summary:hover{transform:none!important}.notification-badge,.logo-icon{animation:none!important}}@media (prefers-contrast:high){.sidebar{background:#000000f2;border-right:2px solid #fff}.nav-item{border:1px solid #fff}.nav-item.active{background:#fff3;border:2px solid #fff}.logo-icon{color:#000;background:#fff}.logout-btn{background:#ff00004d;border:2px solid red}}.sidebar-nav:before{content:"";background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);opacity:.5;height:1px;margin:8px 16px;display:block}.nav-item.active:after{content:"";pointer-events:none;z-index:-1;border-radius:var(--radius-md);background:linear-gradient(45deg,#0000,#4ecdc40d,#0000);position:absolute;inset:0}.chat-wrapper[data-v-22d83f3b]{z-index:9999;position:fixed;bottom:24px;right:24px}.chat-toggle-btn[data-v-22d83f3b]{color:#fff;cursor:pointer;z-index:10000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #667eea66}.chat-toggle-btn[data-v-22d83f3b]:hover{transform:scale(1.1);box-shadow:0 6px 25px #667eea99}.chat-toggle-btn[data-v-22d83f3b]:active{transform:scale(.95)}.chat-toggle-btn.has-unread[data-v-22d83f3b]{animation:2s infinite pulse-22d83f3b}.chat-icon[data-v-22d83f3b]{width:24px;height:24px}.unread-badge[data-v-22d83f3b]{color:#fff;background:#fc8181;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;animation:.5s bounce-22d83f3b;display:flex;position:absolute;top:-5px;right:-5px}.chat-window[data-v-22d83f3b]{z-index:9999;background:#fff;border-radius:16px;flex-direction:column;width:380px;max-width:calc(100vw - 48px);height:500px;max-height:70vh;display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.chat-window.minimized[data-v-22d83f3b]{height:60px}.chat-header[data-v-22d83f3b]{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-22d83f3b]{align-items:center;gap:12px;display:flex}.status-indicator[data-v-22d83f3b]{background:#48bb78;border-radius:50%;width:8px;height:8px}.status-indicator.online[data-v-22d83f3b]{background:#48bb78;animation:2s infinite pulse-22d83f3b}.status-indicator.offline[data-v-22d83f3b]{background:#a0aec0}.chat-header h3[data-v-22d83f3b]{margin:0;font-size:16px;font-weight:600}.status-text[data-v-22d83f3b]{opacity:.9;font-size:12px}.status-text.offline-text[data-v-22d83f3b]{color:#fed7d7}.header-right[data-v-22d83f3b]{gap:8px;display:flex}.header-btn[data-v-22d83f3b]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.header-btn[data-v-22d83f3b]:hover{background:#ffffff4d}.chat-content[data-v-22d83f3b]{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-container[data-v-22d83f3b]{background:#f7fafc;flex:1;padding:20px;overflow-y:auto}.loading-messages[data-v-22d83f3b]{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.loading-spinner[data-v-22d83f3b]{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-22d83f3b}.error-state[data-v-22d83f3b]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:20px;display:flex}.error-state p[data-v-22d83f3b]{color:#4a5568;line-height:1.5}.retry-btn[data-v-22d83f3b]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background .2s}.retry-btn[data-v-22d83f3b]:hover{background:#5a67d8}.welcome-message[data-v-22d83f3b]{text-align:center;background:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 4px 12px #0000000d}.welcome-icon[data-v-22d83f3b]{margin-bottom:16px;font-size:48px}.welcome-message h4[data-v-22d83f3b]{color:#2d3748;margin:0 0 8px;font-size:18px}.welcome-message p[data-v-22d83f3b]{color:#718096;margin:8px 0;line-height:1.5}.response-time[data-v-22d83f3b]{color:#a0aec0;font-size:14px;font-style:italic}.messages-list[data-v-22d83f3b]{flex-direction:column;gap:16px;display:flex}.message[data-v-22d83f3b]{display:flex}.message-outgoing[data-v-22d83f3b]{justify-content:flex-end}.message-incoming[data-v-22d83f3b]{justify-content:flex-start}.message.unread .message-bubble[data-v-22d83f3b]{border-left:3px solid #667eea}.message-bubble[data-v-22d83f3b]{background:#fff;border-radius:18px;max-width:80%;padding:12px 16px;position:relative;box-shadow:0 2px 8px #00000014}.message-outgoing .message-bubble[data-v-22d83f3b]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom-right-radius:4px}.message-incoming .message-bubble[data-v-22d83f3b]{color:#2d3748;background:#fff;border-bottom-left-radius:4px}.message-sender[data-v-22d83f3b]{opacity:.8;margin-bottom:4px;font-size:12px;font-weight:600}.message-outgoing .message-sender[data-v-22d83f3b]{color:#ffffffe6}.message-incoming .message-sender[data-v-22d83f3b]{color:#718096}.sender-system[data-v-22d83f3b]{color:#38a169!important}.sender-admin[data-v-22d83f3b]{color:#667eea!important}.message-text[data-v-22d83f3b]{word-wrap:break-word;line-height:1.4}.message-time[data-v-22d83f3b]{opacity:.7;text-align:right;margin-top:4px;font-size:11px}.chat-input-area[data-v-22d83f3b]{background:#fff;border-top:1px solid #e2e8f0;padding:16px 20px}.input-form[data-v-22d83f3b]{align-items:flex-end;gap:12px;display:flex}.message-input[data-v-22d83f3b]{resize:none;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-height:44px;max-height:120px;padding:12px 16px;font-size:14px;line-height:1.4;transition:border-color .2s}.message-input[data-v-22d83f3b]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.message-input[data-v-22d83f3b]:disabled{cursor:not-allowed;background:#f7fafc}.send-btn[data-v-22d83f3b]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.send-btn[data-v-22d83f3b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.send-btn[data-v-22d83f3b]:active:not(:disabled){transform:translateY(0)}.send-btn[data-v-22d83f3b]:disabled{opacity:.5;cursor:not-allowed}.input-hint[data-v-22d83f3b]{color:#a0aec0;text-align:center;margin-top:8px;font-size:11px}.chat-minimized[data-v-22d83f3b]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;height:100%;padding:0 20px;display:flex}.minimized-content[data-v-22d83f3b]{align-items:center;gap:12px;width:100%;display:flex}.minimized-text[data-v-22d83f3b]{flex:1;font-size:14px;font-weight:500}.minimized-badge[data-v-22d83f3b]{color:#fff;background:#fc8181;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:flex}.slide-up-enter-active[data-v-22d83f3b],.slide-up-leave-active[data-v-22d83f3b]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from[data-v-22d83f3b],.slide-up-leave-to[data-v-22d83f3b]{opacity:0;transform:translateY(20px)}@keyframes pulse-22d83f3b{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce-22d83f3b{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes spin-22d83f3b{to{transform:rotate(360deg)}}@media (max-width:640px){.chat-wrapper[data-v-22d83f3b]{bottom:16px;right:16px}.chat-toggle-btn[data-v-22d83f3b]{width:56px;height:56px}.chat-window[data-v-22d83f3b]{width:calc(100vw - 32px);bottom:72px;right:-8px}.chat-header h3[data-v-22d83f3b]{font-size:15px}}@media (max-width:480px){.chat-window[data-v-22d83f3b]{height:400px;max-height:60vh}.messages-container[data-v-22d83f3b]{padding:16px}.chat-input-area[data-v-22d83f3b]{padding:12px 16px}}@media (prefers-color-scheme:dark){.chat-window[data-v-22d83f3b]{background:#1a202c}.chat-header[data-v-22d83f3b]{background:linear-gradient(135deg,#4c51bf 0%,#6b46c1 100%)}.messages-container[data-v-22d83f3b]{background:#2d3748}.message-incoming .message-bubble[data-v-22d83f3b]{color:#e2e8f0;background:#2d3748}.message-sender[data-v-22d83f3b]{color:#a0aec0}.welcome-message[data-v-22d83f3b]{color:#e2e8f0;background:#2d3748}.welcome-message h4[data-v-22d83f3b]{color:#e2e8f0}.welcome-message p[data-v-22d83f3b]{color:#a0aec0}.chat-input-area[data-v-22d83f3b]{background:#2d3748;border-top-color:#4a5568}.message-input[data-v-22d83f3b]{color:#e2e8f0;background:#1a202c;border-color:#4a5568}.message-input[data-v-22d83f3b]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.input-hint[data-v-22d83f3b]{color:#718096}}.three-background[data-v-597bd71d]{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.default-layout{min-height:100vh;display:flex;position:relative;overflow:hidden}.main-content{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a1eb3;flex:1;padding:20px;transition:margin-left .3s;position:relative;overflow-y:auto}.main-content.with-sidenav{margin-left:260px}@media (max-width:768px){.main-content.with-sidenav{margin-top:60px;margin-left:0;padding:15px}}.chat-box-container{z-index:1000;position:fixed;bottom:20px;right:20px}@media (max-width:768px){.chat-box-container{bottom:10px;right:10px}}.space-background{z-index:0;perspective:1000px;background:linear-gradient(#000428 0%,#000b2e 15%,#00113a 30%,#001848 50%,#000f35 70%,#000428 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}[data-v-98dfdf6d]:root{--cosmic-primary:#06c;--cosmic-secondary:#63c;--cosmic-success:#10b981;--cosmic-warning:#f59e0b;--cosmic-danger:#ef4444;--cosmic-info:#3b82f6;--cosmic-cyan:#00bfff;--cosmic-purple:#8a2be2;--text-white:#fff;--text-white-bright:#fff;--text-white-light:#fff;--text-white-soft:#fff;--text-white-muted:#fff;--text-white-accent:#fff;--bg-primary:#0a0a1e66;--bg-secondary:#0f0f2899;--bg-card:#141432d9;--bg-glass:#0f0f28e6;--border-color:#ffffff26;--border-glow:#00bfff4d;--primary-gradient:linear-gradient(135deg,var(--cosmic-primary)0%,var(--cosmic-purple)100%);--secondary-gradient:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-info)100%);--success-gradient:linear-gradient(135deg,var(--cosmic-success)0%,#059669 100%);--warning-gradient:linear-gradient(135deg,var(--cosmic-warning)0%,#d97706 100%);--danger-gradient:linear-gradient(135deg,var(--cosmic-danger)0%,#dc2626 100%);--info-gradient:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-info)100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-glow:0 0 20px #00bfff66;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}.home-container[data-v-98dfdf6d],.home-container[data-v-98dfdf6d] *,.home-container div[data-v-98dfdf6d],.home-container span[data-v-98dfdf6d],.home-container p[data-v-98dfdf6d],.home-container h1[data-v-98dfdf6d],.home-container h2[data-v-98dfdf6d],.home-container h3[data-v-98dfdf6d],.home-container h4[data-v-98dfdf6d],.home-container h5[data-v-98dfdf6d],.home-container h6[data-v-98dfdf6d],.home-container a[data-v-98dfdf6d],.home-container button[data-v-98dfdf6d],.home-container input[data-v-98dfdf6d],.home-container textarea[data-v-98dfdf6d],.home-container label[data-v-98dfdf6d],.home-container li[data-v-98dfdf6d],.home-container td[data-v-98dfdf6d],.home-container th[data-v-98dfdf6d],.home-container .header-content h1[data-v-98dfdf6d],.home-container .header-content .subtitle[data-v-98dfdf6d],.home-container .badge-count[data-v-98dfdf6d],.home-container .badge-label[data-v-98dfdf6d],.home-container .card-title h2[data-v-98dfdf6d],.home-container .card-subtitle[data-v-98dfdf6d],.home-container .card-count[data-v-98dfdf6d],.home-container .card-status[data-v-98dfdf6d],.home-container .course-title[data-v-98dfdf6d],.home-container .course-date[data-v-98dfdf6d],.home-container .quiz-title[data-v-98dfdf6d],.home-container .quiz-date[data-v-98dfdf6d],.home-container .homework-title[data-v-98dfdf6d],.home-container .homework-description[data-v-98dfdf6d],.home-container .homework-course[data-v-98dfdf6d],.home-container .homework-lesson[data-v-98dfdf6d],.home-container .section-title[data-v-98dfdf6d],.home-container .certificate-title[data-v-98dfdf6d],.home-container .certificate-meta[data-v-98dfdf6d],.home-container .certificate-status[data-v-98dfdf6d],.home-container .certificate-hours[data-v-98dfdf6d],.home-container .plan-title[data-v-98dfdf6d],.home-container .price-amount[data-v-98dfdf6d],.home-container .price-period[data-v-98dfdf6d],.home-container .features-title[data-v-98dfdf6d],.home-container .feature-item[data-v-98dfdf6d],.home-container .meta-label[data-v-98dfdf6d],.home-container .meta-value[data-v-98dfdf6d],.home-container .empty-text[data-v-98dfdf6d],.home-container .empty-action[data-v-98dfdf6d],.home-container .quiz-score[data-v-98dfdf6d],.home-container .course-icon[data-v-98dfdf6d],.home-container .title-icon[data-v-98dfdf6d],.home-container .certificate-icon[data-v-98dfdf6d],.home-container .homework-icon[data-v-98dfdf6d],.home-container .card-title svg[data-v-98dfdf6d],.home-container .certificate-icon svg[data-v-98dfdf6d],.home-container .course-icon svg[data-v-98dfdf6d],.home-container .homework-icon svg[data-v-98dfdf6d],.home-container .feature-item svg[data-v-98dfdf6d],.home-container .empty-icon[data-v-98dfdf6d],.home-container .quiz-status[data-v-98dfdf6d],.home-container .homework-course[data-v-98dfdf6d],.home-container .homework-lesson[data-v-98dfdf6d]{color:#fff!important;text-shadow:0 1px 3px #000000e6,0 0 10px #000000b3!important}.home-container[data-v-98dfdf6d]{z-index:1;min-height:100vh;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;animation:.5s ease-out fadeIn-98dfdf6d;position:relative;background:0 0!important}@keyframes fadeIn-98dfdf6d{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-effect[data-v-98dfdf6d]{background:var(--bg-glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.welcome-header[data-v-98dfdf6d]{border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#06cc 0%,#8a2be2cc 100%);border:1px solid #00bfff4d;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;display:flex;position:relative;overflow:hidden}.welcome-header[data-v-98dfdf6d]:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.header-content h1[data-v-98dfdf6d]{z-index:1;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2;position:relative}.header-content .subtitle[data-v-98dfdf6d]{z-index:1;font-size:1rem;font-weight:500;position:relative}.stats-badge[data-v-98dfdf6d]{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#ffffff26;border:1px solid #fff3;flex-direction:column;align-items:center;min-width:120px;padding:1rem 1.5rem;display:flex;position:relative}.badge-count[data-v-98dfdf6d]{font-size:2rem;font-weight:700;line-height:1}.badge-label[data-v-98dfdf6d]{margin-top:.25rem;font-size:.875rem;font-weight:500}.main-grid[data-v-98dfdf6d]{grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.dashboard-card[data-v-98dfdf6d]{border-radius:var(--radius-xl);transition:all var(--transition-normal);background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color);grid-column:span 12;padding:0;overflow:hidden}.dashboard-card[data-v-98dfdf6d]:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--border-glow);transform:translateY(-4px)}@media (min-width:1024px){.dashboard-card[data-v-98dfdf6d]:first-child{grid-column:span 8}.dashboard-card[data-v-98dfdf6d]:nth-child(2),.dashboard-card[data-v-98dfdf6d]:nth-child(3),.dashboard-card[data-v-98dfdf6d]:nth-child(4),.dashboard-card[data-v-98dfdf6d]:nth-child(5){grid-column:span 4}}.card-header[data-v-98dfdf6d]{border-bottom:1px solid var(--border-color);background:#0a0a1e99;padding:1.5rem}.card-title[data-v-98dfdf6d]{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.title-icon[data-v-98dfdf6d]{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.course-icon[data-v-98dfdf6d]{background:linear-gradient(135deg,#8b5cf6cc 0%,#7c3aedcc 100%)}.certificate-icon[data-v-98dfdf6d]{background:linear-gradient(135deg,#10b981cc 0%,#059669cc 100%)}.quiz-icon[data-v-98dfdf6d]{background:linear-gradient(135deg,#f59e0bcc 0%,#d97706cc 100%)}.homework-icon[data-v-98dfdf6d]{background:linear-gradient(135deg,#3b82f6cc 0%,#2563ebcc 100%)}.subscription-icon[data-v-98dfdf6d]{background:linear-gradient(135deg,#ec4899cc 0%,#db2777cc 100%)}.card-title h2[data-v-98dfdf6d]{flex:1;font-size:1.25rem;font-weight:600}.card-count[data-v-98dfdf6d]{border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #fff3;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.card-status[data-v-98dfdf6d]{border-radius:var(--radius-md);padding:.25rem .75rem;font-size:.875rem;font-weight:600}.card-status.active[data-v-98dfdf6d]{background:#10b98133;border:1px solid #10b98166}.card-subtitle[data-v-98dfdf6d]{margin:0;font-size:.875rem;font-weight:500}.dashboard-card>div[data-v-98dfdf6d]:not(.card-header){background:var(--bg-card);padding:1.5rem}.courses-list[data-v-98dfdf6d],.quiz-results[data-v-98dfdf6d],.homeworks-list[data-v-98dfdf6d],.subscription-content[data-v-98dfdf6d]{flex-direction:column;gap:1rem;display:flex}.course-item[data-v-98dfdf6d],.quiz-item[data-v-98dfdf6d],.homework-item[data-v-98dfdf6d]{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#19193c99;border:1px solid #0000;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.course-item[data-v-98dfdf6d]:hover,.quiz-item[data-v-98dfdf6d]:hover,.homework-item[data-v-98dfdf6d]:hover{border-color:var(--border-glow);background:#1e1e50cc;transform:translate(4px);box-shadow:0 4px 12px #0006}.course-icon[data-v-98dfdf6d],.homework-icon[data-v-98dfdf6d]{border-radius:var(--radius-sm);background:#00bfff1a;border:1px solid #00bfff4d;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.quiz-score[data-v-98dfdf6d]{border-radius:var(--radius-md);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:.875rem;font-weight:700;display:flex}.quiz-score.excellent[data-v-98dfdf6d]{background:#10b98133;border-color:#10b98166}.quiz-score.good[data-v-98dfdf6d]{background:#3b82f633;border-color:#3b82f666}.quiz-score.average[data-v-98dfdf6d]{background:#f59e0b33;border-color:#f59e0b66}.quiz-score.poor[data-v-98dfdf6d]{background:#ef444433;border-color:#ef444466}.course-info[data-v-98dfdf6d],.quiz-info[data-v-98dfdf6d],.homework-info[data-v-98dfdf6d]{flex:1;min-width:0}.course-title[data-v-98dfdf6d],.quiz-title[data-v-98dfdf6d],.homework-title[data-v-98dfdf6d]{margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.4}.course-date[data-v-98dfdf6d],.quiz-date[data-v-98dfdf6d],.homework-description[data-v-98dfdf6d]{margin-bottom:.5rem;font-size:.875rem;font-weight:500}.course-date[data-v-98dfdf6d]{font-size:.75rem}.quiz-meta[data-v-98dfdf6d],.homework-meta[data-v-98dfdf6d]{gap:.75rem;font-size:.75rem;display:flex}.quiz-status[data-v-98dfdf6d]{border-radius:var(--radius-sm);padding:.125rem .5rem;font-weight:600}.quiz-status.passed[data-v-98dfdf6d]{background:#10b98133;border:1px solid #10b98166}.homework-course[data-v-98dfdf6d],.homework-lesson[data-v-98dfdf6d]{border-radius:var(--radius-sm);background:#1e1e5099;border:1px solid #ffffff1a;padding:.125rem .5rem;font-weight:500}.homework-description[data-v-98dfdf6d]{margin-bottom:.5rem;font-size:.8125rem;line-height:1.5}.certificates-grid[data-v-98dfdf6d]{flex-direction:column;gap:1.5rem;display:flex}.certificate-section[data-v-98dfdf6d]{flex-direction:column;gap:.75rem;display:flex}.section-title[data-v-98dfdf6d]{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.certificate-list[data-v-98dfdf6d]{flex-direction:column;gap:.5rem;display:flex}.certificate-item[data-v-98dfdf6d]{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#19193c99;border:1px solid #0000;align-items:center;gap:.75rem;padding:.75rem;display:flex}.certificate-item[data-v-98dfdf6d]:hover{border-color:var(--border-glow);background:#1e1e50cc;transform:translate(2px)}.certificate-icon[data-v-98dfdf6d]{border-radius:var(--radius-sm);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.certificate-icon.exam[data-v-98dfdf6d]{background:#f59e0b33;border-color:#f59e0b66}.certificate-icon.course[data-v-98dfdf6d]{background:#3b82f633;border-color:#3b82f666}.certificate-info[data-v-98dfdf6d]{flex:1;min-width:0}.certificate-title[data-v-98dfdf6d]{margin-bottom:.125rem;font-size:.875rem;font-weight:600;line-height:1.4}.certificate-meta[data-v-98dfdf6d]{gap:.75rem;font-size:.75rem;font-weight:500;display:flex}.certificate-status[data-v-98dfdf6d]{border-radius:var(--radius-sm);border:1px solid;padding:.125rem .375rem;font-size:.6875rem;font-weight:600}.certificate-status.valid[data-v-98dfdf6d]{background:#10b98133;border-color:#10b98166}.certificate-hours[data-v-98dfdf6d]{border-radius:var(--radius-sm);background:#8b5cf633;border:1px solid #8b5cf666;padding:.125rem .375rem;font-weight:600}.subscription-details[data-v-98dfdf6d]{flex-direction:column;gap:1.25rem;display:flex}.subscription-plan[data-v-98dfdf6d]{text-align:center;border-radius:var(--radius-lg);background:#8b5cf626;border:1px solid #8b5cf64d;padding:1.25rem}.plan-title[data-v-98dfdf6d]{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.plan-price[data-v-98dfdf6d]{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.price-amount[data-v-98dfdf6d]{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800}.price-period[data-v-98dfdf6d]{font-size:1rem;font-weight:500}.subscription-features[data-v-98dfdf6d]{border-radius:var(--radius-lg);background:#19193c99;border:1px solid #ffffff1a;padding:1rem}.features-title[data-v-98dfdf6d]{margin-bottom:.75rem;font-size:.875rem;font-weight:600}.features-list[data-v-98dfdf6d]{flex-direction:column;gap:.5rem;display:flex}.feature-item[data-v-98dfdf6d]{align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.subscription-meta[data-v-98dfdf6d]{justify-content:center;gap:2rem;display:flex}.meta-item[data-v-98dfdf6d]{flex-direction:column;align-items:center;gap:.25rem;display:flex}.meta-label[data-v-98dfdf6d]{font-size:.75rem;font-weight:500}.meta-value[data-v-98dfdf6d]{font-size:.875rem;font-weight:600}.empty-state[data-v-98dfdf6d]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex}.empty-state.small[data-v-98dfdf6d]{padding:1.25rem}.empty-text[data-v-98dfdf6d]{margin-bottom:1rem;font-size:.875rem;font-weight:500}.empty-action[data-v-98dfdf6d]{background:var(--primary-gradient);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #00bfff4d;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none}.empty-action[data-v-98dfdf6d]:hover{box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.loading-placeholder[data-v-98dfdf6d]{flex-direction:column;gap:.75rem;display:flex}.placeholder-item[data-v-98dfdf6d]{border-radius:var(--radius-md);background:linear-gradient(90deg,#19193c99 25%,#1e1e50cc 50%,#19193c99 75%) 0 0/200% 100%;border:1px solid #ffffff1a;height:3.75rem;animation:1.5s infinite loading-98dfdf6d}.placeholder-item.small[data-v-98dfdf6d]{height:2.5rem}@keyframes loading-98dfdf6d{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.welcome-header[data-v-98dfdf6d]{flex-direction:column;align-items:flex-start;gap:1.5rem}.stats-badge[data-v-98dfdf6d]{align-self:flex-start}.main-grid[data-v-98dfdf6d]{grid-template-columns:1fr}}@media (max-width:768px){.home-container[data-v-98dfdf6d]{padding:1rem}.welcome-header[data-v-98dfdf6d]{border-radius:var(--radius-lg);padding:1.5rem}.header-content h1[data-v-98dfdf6d]{font-size:1.5rem}.dashboard-card[data-v-98dfdf6d]{border-radius:var(--radius-lg)}.card-header[data-v-98dfdf6d],.dashboard-card>div[data-v-98dfdf6d]:not(.card-header){padding:1rem}}@media (max-width:480px){.course-item[data-v-98dfdf6d],.quiz-item[data-v-98dfdf6d],.homework-item[data-v-98dfdf6d],.certificate-item[data-v-98dfdf6d]{flex-direction:column;align-items:flex-start}.course-icon[data-v-98dfdf6d],.quiz-score[data-v-98dfdf6d],.homework-icon[data-v-98dfdf6d],.certificate-icon[data-v-98dfdf6d]{align-self:center}.quiz-meta[data-v-98dfdf6d],.homework-meta[data-v-98dfdf6d],.certificate-meta[data-v-98dfdf6d]{flex-direction:column;gap:.25rem}.subscription-plan[data-v-98dfdf6d]{padding:1rem}.price-amount[data-v-98dfdf6d]{font-size:1.75rem}.subscription-meta[data-v-98dfdf6d]{flex-direction:column;gap:1rem}}[data-v-98dfdf6d]:focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 15px #00bfffb3}@media print{.home-container[data-v-98dfdf6d]{color:#000;background:#fff}.glass-effect[data-v-98dfdf6d]{box-shadow:none;background:#fff;border:1px solid #e2e8f0}.welcome-header[data-v-98dfdf6d]{color:#000;-webkit-print-color-adjust:exact;background:#f8fafc}}.home-container[data-v-98dfdf6d] ::-webkit-scrollbar{width:10px;height:10px}.home-container[data-v-98dfdf6d] ::-webkit-scrollbar-track{background:#0003;border-radius:5px}.home-container[data-v-98dfdf6d] ::-webkit-scrollbar-thumb{background:#00bfff80;border:2px solid #0003;border-radius:5px}.home-container[data-v-98dfdf6d] ::-webkit-scrollbar-thumb:hover{background:var(--cosmic-cyan);box-shadow:0 0 10px #00bfffb3}.planet-canvas[data-v-e4e190ef]{object-fit:cover;width:100%;height:100%;display:block}.courses-page[data-v-cc72570f]{color:#fff;background:0 0;min-height:100vh;padding:20px}.courses-page .page-header[data-v-cc72570f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1ecc;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:24px;margin-bottom:24px;padding:32px;display:flex}@media (min-width:768px){.courses-page .page-header[data-v-cc72570f]{flex-direction:row;justify-content:space-between;align-items:center}}.courses-page .header-content[data-v-cc72570f]{flex:1}.courses-page .page-title[data-v-cc72570f]{color:#fff;margin-bottom:8px;font-size:2rem;font-weight:700}.courses-page .page-subtitle[data-v-cc72570f]{color:#ccc;font-size:1.125rem}.courses-page .header-actions[data-v-cc72570f]{flex-shrink:0}.courses-page .search-container[data-v-cc72570f]{gap:8px;width:100%;max-width:400px;display:flex;position:relative}.courses-page .search-input[data-v-cc72570f]{color:#fff;background:#0009;border:1px solid #fff3;border-radius:12px;flex:1;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}.courses-page .search-input[data-v-cc72570f]::placeholder{color:#fff9}.courses-page .search-input[data-v-cc72570f]:focus{border-color:#4ecdc4;outline:none;box-shadow:0 0 0 3px #4ecdc41a}.courses-page .search-btn[data-v-cc72570f]{color:#fff;cursor:pointer;background:#4ecdc4e6;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:48px;padding:12px 20px;transition:all .3s;display:flex}.courses-page .search-btn[data-v-cc72570f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc44d}.courses-page .filters-section[data-v-cc72570f]{margin-bottom:32px}.courses-page .filters-container[data-v-cc72570f]{flex-direction:column;align-items:flex-start;gap:16px;display:flex}@media (min-width:640px){.courses-page .filters-container[data-v-cc72570f]{flex-direction:row;justify-content:space-between;align-items:center}}.courses-page .filter-group[data-v-cc72570f]{align-items:center;gap:12px;display:flex}.courses-page .filter-label[data-v-cc72570f]{color:#ccc;white-space:nowrap;font-weight:500}.courses-page .filter-select[data-v-cc72570f]{color:#fff;cursor:pointer;background:#0a0a1ecc;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .3s}.courses-page .filter-select[data-v-cc72570f]:focus{border-color:#4ecdc4;outline:none;box-shadow:0 0 0 3px #4ecdc41a}.courses-page .results-count[data-v-cc72570f]{color:#ccc;background:#0a0a1e99;border-radius:8px;flex-direction:column;gap:4px;padding:6px 12px;font-size:.875rem;display:flex}.courses-page .client-side-warning[data-v-cc72570f]{color:gold;font-size:.75rem;font-weight:500}.courses-page .loading-container[data-v-cc72570f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1e99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:64px 20px;display:flex}.courses-page .loading-spinner[data-v-cc72570f]{border:4px solid #ffffff1a;border-top-color:#4ecdc4;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin-cc72570f}@keyframes spin-cc72570f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.courses-page .loading-text[data-v-cc72570f]{color:#fff;font-size:1.125rem}.courses-page .error-container[data-v-cc72570f]{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1ecc;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:64px 20px;display:flex}.courses-page .error-icon[data-v-cc72570f]{color:#ff6b6b;margin-bottom:24px}.courses-page .error-title[data-v-cc72570f]{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:600}.courses-page .error-message[data-v-cc72570f]{color:#ccc;max-width:400px;margin-bottom:24px}.courses-page .retry-btn[data-v-cc72570f]{color:#fff;cursor:pointer;background:#ff6b6be6;border:none;border-radius:8px;padding:10px 24px;font-weight:500;transition:all .3s}.courses-page .retry-btn[data-v-cc72570f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.courses-page .empty-state[data-v-cc72570f]{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1e99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:80px 20px;display:flex}.courses-page .empty-icon[data-v-cc72570f]{color:#ffffff80;margin-bottom:24px}.courses-page .empty-title[data-v-cc72570f]{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:600}.courses-page .empty-message[data-v-cc72570f]{color:#ccc;max-width:400px;margin-bottom:24px}.courses-page .clear-search-btn[data-v-cc72570f]{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px 24px;font-weight:500;transition:all .3s}.courses-page .clear-search-btn[data-v-cc72570f]:hover{background:#fff3}.courses-page .courses-grid[data-v-cc72570f]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:48px;display:grid}@media (max-width:640px){.courses-page .courses-grid[data-v-cc72570f]{grid-template-columns:1fr}}.courses-page .course-card[data-v-cc72570f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#141432cc;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.courses-page .course-card[data-v-cc72570f]:hover{border-color:#4ecdc44d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.courses-page .course-image-container[data-v-cc72570f]{height:200px;position:relative;overflow:hidden}.courses-page .course-image-generated[data-v-cc72570f]{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.courses-page .course-initials[data-v-cc72570f]{color:#fff;text-shadow:0 2px 10px #0000004d;z-index:3;font-size:48px;font-weight:700;position:relative}.courses-page .course-image-overlay[data-v-cc72570f]{z-index:2;background:linear-gradient(135deg,#0000001a 0%,#0000004d 100%);position:absolute;inset:0}.courses-page .course-image[data-v-cc72570f]{object-fit:cover;z-index:2;opacity:0;width:100%;height:100%;transition:transform .5s,opacity .3s;position:absolute;top:0;left:0}.courses-page .course-image.loaded[data-v-cc72570f]{opacity:1}.courses-page .course-card:hover .course-image[data-v-cc72570f]{transform:scale(1.05)}.courses-page .course-overlay[data-v-cc72570f]{z-index:3;background:linear-gradient(#0000 50%,#000000b3);position:absolute;inset:0}.courses-page .course-content[data-v-cc72570f]{z-index:4;padding:20px;position:relative}.courses-page .course-header[data-v-cc72570f]{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.courses-page .course-title[data-v-cc72570f]{color:#fff;flex:1;font-size:1.25rem;font-weight:600;line-height:1.4}.courses-page .course-badge[data-v-cc72570f]{color:#fff;white-space:nowrap;background:#4ecdc4e6;border-radius:20px;margin-left:12px;padding:4px 12px;font-size:.75rem;font-weight:500}.courses-page .course-description[data-v-cc72570f]{color:#ccc;min-height:60px;margin-bottom:20px;font-size:.9375rem;line-height:1.6}.courses-page .course-meta[data-v-cc72570f]{border-bottom:1px solid #ffffff1a;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.courses-page .meta-item[data-v-cc72570f]{color:#ccc;align-items:center;gap:6px;font-size:.875rem;display:flex}.courses-page .meta-item svg[data-v-cc72570f]{color:#4ecdc4}.courses-page .course-footer[data-v-cc72570f]{justify-content:space-between;align-items:center;display:flex}.courses-page .course-date[data-v-cc72570f]{color:#999;font-size:.875rem}.courses-page .view-course-btn[data-v-cc72570f]{color:#fff;cursor:pointer;background:#4ecdc4e6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.courses-page .view-course-btn[data-v-cc72570f]:hover{transform:translate(4px);box-shadow:0 4px 12px #4ecdc44d}.courses-page .pagination-container[data-v-cc72570f]{flex-direction:column;align-items:center;gap:16px;margin-top:48px;padding:20px 0;display:flex}.courses-page .pagination[data-v-cc72570f]{justify-content:center;align-items:center;gap:16px;display:flex}.courses-page .pagination-btn[data-v-cc72570f]{color:#fff;cursor:pointer;background:#141432cc;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.courses-page .pagination-btn[data-v-cc72570f]:disabled{opacity:.5;cursor:not-allowed}.courses-page .pagination-btn[data-v-cc72570f]:not(:disabled):hover{color:#4ecdc4;border-color:#4ecdc4}.courses-page .page-numbers[data-v-cc72570f]{align-items:center;gap:8px;display:flex}.courses-page .page-number[data-v-cc72570f]{color:#fff;cursor:pointer;background:#141432cc;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;font-weight:500;transition:all .3s;display:flex}.courses-page .page-number[data-v-cc72570f]:hover{color:#4ecdc4;border-color:#4ecdc4}.courses-page .page-number.active[data-v-cc72570f]{color:#fff;background:#4ecdc4e6;border-color:#4ecdc4}.courses-page .page-ellipsis[data-v-cc72570f]{color:#999;padding:0 8px}.courses-page .pagination-info[data-v-cc72570f]{color:#ccc;text-align:center;font-size:.875rem}@media (max-width:640px){.courses-page[data-v-cc72570f]{padding:10px}.courses-page .page-header[data-v-cc72570f]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.courses-page .search-input[data-v-cc72570f],.courses-page .filter-select[data-v-cc72570f]{font-size:16px}.courses-page .course-title[data-v-cc72570f]{font-size:1.1rem}.courses-page .view-course-btn[data-v-cc72570f]{font-size:14px}.courses-page .course-card[data-v-cc72570f],.courses-page .page-header[data-v-cc72570f],.courses-page .loading-container[data-v-cc72570f],.courses-page .error-container[data-v-cc72570f],.courses-page .empty-state[data-v-cc72570f]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (min-width:641px) and (max-width:1024px){.courses-page[data-v-cc72570f]{padding:15px}.courses-page .courses-grid[data-v-cc72570f]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (prefers-contrast:high){.courses-page .search-input[data-v-cc72570f],.courses-page .filter-select[data-v-cc72570f],.courses-page .course-title[data-v-cc72570f],.courses-page .view-course-btn[data-v-cc72570f]{color:#fff;border:2px solid #fff}.courses-page .search-input[data-v-cc72570f]:focus,.courses-page .filter-select[data-v-cc72570f]:focus{border:3px solid #4ecdc4}}@media (prefers-reduced-motion:reduce){.courses-page .course-card[data-v-cc72570f]:hover,.courses-page .search-btn[data-v-cc72570f]:hover,.courses-page .view-course-btn[data-v-cc72570f]:hover,.courses-page .pagination-btn[data-v-cc72570f]:hover,.courses-page .page-number[data-v-cc72570f]:hover{transform:none}.courses-page .course-image[data-v-cc72570f]{transition:none}}@media print{.courses-page[data-v-cc72570f]{color:#000!important;background:#fff!important}.courses-page .page-header[data-v-cc72570f],.courses-page .course-card[data-v-cc72570f]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.courses-page .search-input[data-v-cc72570f],.courses-page .filter-select[data-v-cc72570f],.courses-page .course-title[data-v-cc72570f]{color:#000!important}}.course-details-page[data-v-d3a752d0],.course-details-page[data-v-d3a752d0] *,.course-details-page div[data-v-d3a752d0],.course-details-page span[data-v-d3a752d0],.course-details-page p[data-v-d3a752d0],.course-details-page h1[data-v-d3a752d0],.course-details-page h2[data-v-d3a752d0],.course-details-page h3[data-v-d3a752d0],.course-details-page h4[data-v-d3a752d0],.course-details-page h5[data-v-d3a752d0],.course-details-page h6[data-v-d3a752d0],.course-details-page a[data-v-d3a752d0],.course-details-page button[data-v-d3a752d0],.course-details-page input[data-v-d3a752d0],.course-details-page textarea[data-v-d3a752d0],.course-details-page label[data-v-d3a752d0],.course-details-page li[data-v-d3a752d0],.course-details-page td[data-v-d3a752d0],.course-details-page th[data-v-d3a752d0],.course-details-page .loading-text[data-v-d3a752d0],.course-details-page .error-title[data-v-d3a752d0],.course-details-page .error-message[data-v-d3a752d0],.course-details-page .course-title[data-v-d3a752d0],.course-details-page .course-date[data-v-d3a752d0],.course-details-page .lesson-title[data-v-d3a752d0],.course-details-page .lesson-date[data-v-d3a752d0],.course-details-page .comment-content[data-v-d3a752d0],.course-details-page .description-content[data-v-d3a752d0],.course-details-page .form-title[data-v-d3a752d0],.course-details-page .form-subtitle[data-v-d3a752d0],.course-details-page .user-name[data-v-d3a752d0],.course-details-page .user-full-name[data-v-d3a752d0],.course-details-page .comment-date[data-v-d3a752d0],.course-details-page .section-title[data-v-d3a752d0],.course-details-page .stat-label[data-v-d3a752d0],.course-details-page .stat-number[data-v-d3a752d0],.course-details-page .breadcrumb-current[data-v-d3a752d0],.course-details-page .breadcrumb-link[data-v-d3a752d0],.course-details-page .tab-label[data-v-d3a752d0],.course-details-page .course-badge[data-v-d3a752d0],.course-details-page .lesson-badge[data-v-d3a752d0],.course-details-page .lesson-link[data-v-d3a752d0],.course-details-page .submit-btn[data-v-d3a752d0],.course-details-page .retry-btn[data-v-d3a752d0],.course-details-page .back-btn[data-v-d3a752d0],.course-details-page .homework-btn[data-v-d3a752d0],.course-details-page .action-btn[data-v-d3a752d0],.course-details-page .delete-btn[data-v-d3a752d0],.course-details-page .empty-lessons[data-v-d3a752d0],.course-details-page .empty-comments[data-v-d3a752d0]{color:#fff!important;text-shadow:0 1px 3px #000000e6,0 0 15px #000000b3!important}.course-details-page[data-v-d3a752d0] *{color:#fff!important;text-shadow:0 1px 2px #000,0 1px 4px #000c!important}.course-details-page[data-v-d3a752d0]{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:#fff!important;background:0 0!important}.course-details-page .loading-container[data-v-d3a752d0],.course-details-page .error-container[data-v-d3a752d0]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a1e66;border:1px solid #fff3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;margin:1.5rem;padding:3rem 1.5rem;display:flex;box-shadow:0 10px 40px #0009}.course-details-page .loading-spinner[data-v-d3a752d0]{border:4px solid #00c8ff4d;border-top-color:#00bfff;border-radius:50%;width:70px;height:70px;margin-bottom:1.5rem;animation:1s linear infinite spin-d3a752d0;box-shadow:0 0 20px #00bfffb3}@keyframes spin-d3a752d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-details-page .loading-text[data-v-d3a752d0]{letter-spacing:1px;font-size:1.3rem;font-weight:600}.course-details-page .error-container[data-v-d3a752d0]{background:#ff323233;border:1px solid #ff646466}.course-details-page .error-icon[data-v-d3a752d0]{filter:drop-shadow(0 0 20px #ff6b6bcc);margin-bottom:1.5rem;font-size:4rem;color:#ff6b6b!important}.course-details-page .error-title[data-v-d3a752d0]{text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:700}.course-details-page .error-message[data-v-d3a752d0]{text-align:center;max-width:400px;margin-bottom:2rem;font-size:1.1rem;font-weight:500;line-height:1.6}.course-details-page .retry-btn[data-v-d3a752d0],.course-details-page .back-btn[data-v-d3a752d0],.course-details-page .submit-btn[data-v-d3a752d0],.course-details-page .homework-btn[data-v-d3a752d0],.course-details-page .action-btn[data-v-d3a752d0],.course-details-page .delete-btn[data-v-d3a752d0]{cursor:pointer;border:2px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;color:#fff!important;text-shadow:0 1px 2px #000c!important}.course-details-page .retry-btn[data-v-d3a752d0],.course-details-page .submit-btn[data-v-d3a752d0],.course-details-page .homework-btn[data-v-d3a752d0]{background:linear-gradient(135deg,#06c,#63c);border:2px solid #00c8ff80;box-shadow:0 4px 20px #0066cc80,0 0 20px #00c8ff66}.course-details-page .retry-btn[data-v-d3a752d0]:hover,.course-details-page .submit-btn[data-v-d3a752d0]:hover,.course-details-page .homework-btn[data-v-d3a752d0]:hover{background:linear-gradient(135deg,#07e,#74e);border-color:#00bfff;transform:translateY(-3px);box-shadow:0 8px 30px #0066ccb3,0 0 30px #00c8ffb3}.course-details-page .back-btn[data-v-d3a752d0]{background:#14143ccc;border:2px solid #ffffff4d}.course-details-page .back-btn[data-v-d3a752d0]:hover{background:#282864e6;border-color:#00bfff;box-shadow:0 0 20px #00c8ff66}.course-details-page .breadcrumb[data-v-d3a752d0]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a1e80;border-bottom:1px solid #fff3;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.course-details-page .breadcrumb-link[data-v-d3a752d0]{border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.course-details-page .breadcrumb-link[data-v-d3a752d0]:hover{background:#00c8ff33;text-shadow:0 0 15px #00c8ffcc!important}.course-details-page .breadcrumb-current[data-v-d3a752d0]{font-weight:700}.course-details-page .course-hero[data-v-d3a752d0]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f2866;border:1px solid #fff3;border-radius:20px;margin:0 2rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009}.course-details-page .course-image-container[data-v-d3a752d0]{height:320px;position:relative;overflow:hidden}@media (min-width:768px){.course-details-page .course-image-container[data-v-d3a752d0]{height:420px}}.course-details-page .course-image-generated[data-v-d3a752d0]{opacity:0;z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.course-details-page .course-image-generated.visible[data-v-d3a752d0]{opacity:1;z-index:2}.course-details-page .course-image.visible~.course-image-generated.visible[data-v-d3a752d0]{opacity:0!important;z-index:1!important;display:none!important}.course-details-page .course-initials[data-v-d3a752d0]{z-index:2;font-size:clamp(80px,18vw,140px);font-weight:900;position:relative;text-shadow:0 0 40px #00c8ffe6,0 0 80px #6633ccb3,0 6px 30px #000c!important}.course-details-page .course-image[data-v-d3a752d0]{object-fit:cover;opacity:0;z-index:1;filter:brightness(.85)contrast(1.2);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.course-details-page .course-image.visible[data-v-d3a752d0]{opacity:1;z-index:3}.course-details-page .course-image-generated.visible~.course-image.visible[data-v-d3a752d0]{opacity:0!important;z-index:1!important;display:none!important}.course-details-page .image-overlay[data-v-d3a752d0]{z-index:4;background:linear-gradient(#0003 0%,#000000b3 100%);position:absolute;inset:0}.course-details-page .course-image.loading[data-v-d3a752d0]{opacity:.5;filter:blur(5px)}.course-details-page .course-info[data-v-d3a752d0]{z-index:5;background:linear-gradient(#0000 0%,#080819e6 50%,#050514fa 100%);border-radius:0 0 20px 20px;padding:2rem 1.5rem 0;position:relative}.course-details-page .course-meta[data-v-d3a752d0]{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.course-details-page .course-badge[data-v-d3a752d0]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700}.course-details-page .course-date[data-v-d3a752d0]{font-size:1rem;font-weight:600}.course-details-page .course-title[data-v-d3a752d0]{letter-spacing:.5px;margin-bottom:1.5rem;font-size:clamp(2rem,7vw,3rem);font-weight:800;line-height:1.2}.course-details-page .course-stats[data-v-d3a752d0]{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.course-details-page .stat-item[data-v-d3a752d0]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:center;gap:1rem;min-width:150px;padding:1rem;display:flex}.course-details-page .stat-item svg[data-v-d3a752d0]{filter:drop-shadow(0 0 10px #00bfffb3);width:28px;height:28px;color:#00bfff!important}.course-details-page .stat-number[data-v-d3a752d0]{font-size:1.5rem;font-weight:800}.course-details-page .main-content[data-v-d3a752d0]{padding:2rem}.course-details-page .mobile-tabs[data-v-d3a752d0]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a1e99;border:1px solid #fff3;border-radius:16px;gap:.5rem;margin-bottom:3rem;padding:.5rem;display:flex;box-shadow:0 10px 30px #0009}@media (min-width:1024px){.course-details-page .mobile-tabs[data-v-d3a752d0]{display:none}}.course-details-page .mobile-tab[data-v-d3a752d0]{cursor:pointer;background:#141432b3;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem;font-weight:600;transition:all .3s;display:flex}.course-details-page .mobile-tab.active[data-v-d3a752d0]{background:linear-gradient(135deg,#00c8ff4d,#6633cc4d);border-color:#00bfff;box-shadow:0 0 20px #00c8ff80}.course-details-page .mobile-tab[data-v-d3a752d0]:hover:not(.active){background:#ffffff1a;border-color:#ffffff4d}.course-details-page .tab-icon[data-v-d3a752d0]{margin-bottom:.25rem;font-size:1.5rem}.course-details-page .tab-label[data-v-d3a752d0]{font-size:.75rem;font-weight:700}.course-details-page .content-grid[data-v-d3a752d0]{gap:3rem;display:grid}@media (min-width:1024px){.course-details-page .content-grid[data-v-d3a752d0]{grid-template-columns:2fr 1fr}}.course-details-page .section[data-v-d3a752d0]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f28d9;border:1px solid #fff3;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #0009}.course-details-page .section[data-v-d3a752d0]:hover{border-color:#ffffff4d;box-shadow:0 15px 50px #000000b3}.course-details-page .section-header[data-v-d3a752d0]{background:#0a0a1e99;border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:2rem;display:flex}.course-details-page .section-title[data-v-d3a752d0]{align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;display:flex}.course-details-page .section-title svg[data-v-d3a752d0]{filter:drop-shadow(0 0 10px #00bfffb3);color:#00bfff!important}.course-details-page .section-count[data-v-d3a752d0]{background:#00c8ff4d;border:1px solid #00c8ff80;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.course-details-page .lessons-list[data-v-d3a752d0]{padding:2rem}.course-details-page .empty-lessons[data-v-d3a752d0]{text-align:center;padding:3rem 2rem;font-size:1.1rem;font-weight:500}.course-details-page .lesson-card[data-v-d3a752d0]{background:#14143ccc;border:1px solid #fff3;border-radius:16px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.course-details-page .lesson-card[data-v-d3a752d0]:hover{background:#1e1e50e6;border-color:#00bfff;transform:translateY(-3px);box-shadow:0 10px 30px #00000080}.course-details-page .lesson-title[data-v-d3a752d0]{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.4}.course-details-page .lesson-date[data-v-d3a752d0]{margin:0;font-size:1rem;font-weight:600}.lesson-header[data-v-d3a752d0]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.lesson-badges[data-v-d3a752d0]{flex-wrap:wrap;gap:.5rem;display:flex}.lesson-badge[data-v-d3a752d0]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.lesson-badge[data-v-d3a752d0]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0006}.quiz-badge[data-v-d3a752d0]{background:linear-gradient(135deg,#64ff964d,#50dc784d);border-color:#64ff9699}.quiz-badge[data-v-d3a752d0]:hover{background:linear-gradient(135deg,#78ffaa80,#64f08c80);border-color:#78ffaa;box-shadow:0 0 20px #64ff9680}.homework-badge[data-v-d3a752d0]{background:linear-gradient(135deg,#64b4ff4d,#5096f04d);border-color:#64b4ff99}.homework-badge[data-v-d3a752d0]:hover{background:linear-gradient(135deg,#78c8ff80,#64b4f080);border-color:#78c8ff;box-shadow:0 0 20px #64b4ff80}.lesson-badge svg[data-v-d3a752d0]{flex-shrink:0;width:16px;height:16px}.course-details-page .lesson-links[data-v-d3a752d0]{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.course-details-page .lesson-link[data-v-d3a752d0]{background:#1e1e4699;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.course-details-page .lesson-link[data-v-d3a752d0]:hover{background:#00c8ff4d;border-color:#00bfff;transform:translateY(-2px);box-shadow:0 0 20px #00c8ff66}.course-details-page .lesson-link svg[data-v-d3a752d0]{flex-shrink:0;width:18px;height:18px}.course-details-page .add-comment-form[data-v-d3a752d0]{background:#0a0a1e80;border-bottom:1px solid #fff3;padding:2rem}.course-details-page .form-header[data-v-d3a752d0]{margin-bottom:1.5rem}.course-details-page .form-title[data-v-d3a752d0]{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.course-details-page .form-subtitle[data-v-d3a752d0]{margin:0;font-size:1rem;font-weight:500;line-height:1.5}.course-details-page .form-subtitle a[data-v-d3a752d0]{font-weight:700;transition:all .3s}.course-details-page .form-subtitle a[data-v-d3a752d0]:hover{text-shadow:0 0 15px #00c8ffcc!important}.course-details-page .mention-input-container[data-v-d3a752d0]{margin-bottom:1rem;position:relative}.course-details-page .comment-input[data-v-d3a752d0]{resize:vertical;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border:1px solid #fff3;border-radius:12px;width:100%;min-height:120px;padding:1rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.6;transition:all .3s}.course-details-page .comment-input[data-v-d3a752d0]::placeholder{opacity:.7;font-weight:500}.course-details-page .comment-input[data-v-d3a752d0]:focus{background:#000000b3;border-color:#00bfff;outline:none;box-shadow:0 0 0 3px #00c8ff33,0 0 20px #00c8ff4d}.course-details-page .form-actions[data-v-d3a752d0]{justify-content:flex-end;margin-top:1rem;display:flex}.course-details-page .submit-btn[data-v-d3a752d0]{background:linear-gradient(135deg,#06c,#63c);border:2px solid #00c8ff80;justify-content:center;align-items:center;gap:.5rem;min-width:140px;padding:.75rem 2rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 20px #0066cc80,0 0 20px #00c8ff66}.course-details-page .submit-btn[data-v-d3a752d0]:hover{background:linear-gradient(135deg,#07e,#74e);transform:translateY(-3px);box-shadow:0 8px 30px #0066ccb3,0 0 30px #00c8ffb3}.course-details-page .btn-loading[data-v-d3a752d0]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-d3a752d0;display:inline-block}.course-details-page .comments-list[data-v-d3a752d0]{padding:2rem}.course-details-page .empty-comments[data-v-d3a752d0]{text-align:center;padding:3rem;font-size:1.1rem;font-weight:500}.course-details-page .comment-card[data-v-d3a752d0]{background:#14143cb3;border:1px solid #fff3;border-radius:16px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.course-details-page .comment-card[data-v-d3a752d0]:hover{background:#1e1e50cc;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000080}.course-details-page .comment-header[data-v-d3a752d0]{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.course-details-page .user-info[data-v-d3a752d0]{align-items:center;gap:1rem;display:flex}.course-details-page .user-avatar-container[data-v-d3a752d0]{flex-shrink:0;width:56px;height:56px;position:relative}.course-details-page .user-avatar-image[data-v-d3a752d0]{object-fit:cover;border:2px solid #00bfff;border-radius:50%;width:100%;height:100%;box-shadow:0 0 20px #00c8ff80}.course-details-page .user-avatar-generated[data-v-d3a752d0]{background:linear-gradient(135deg,#06c,#63c);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:800;display:flex}.course-details-page .user-details[data-v-d3a752d0]{flex-direction:column;gap:.25rem;display:flex}.course-details-page .user-name-row[data-v-d3a752d0]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.course-details-page .user-name[data-v-d3a752d0]{font-size:1.1rem;font-weight:800}.course-details-page .user-full-name[data-v-d3a752d0]{font-size:.9rem;font-weight:600}.course-details-page .comment-date[data-v-d3a752d0]{font-size:.75rem;font-weight:600}.course-details-page .comment-actions[data-v-d3a752d0]{align-items:center;gap:.5rem;display:flex}.course-details-page .action-btn[data-v-d3a752d0]{cursor:pointer;background:#0a0a1ecc;border:2px solid #00c8ff80;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;position:relative;overflow:hidden;display:flex!important}.course-details-page .delete-btn[data-v-d3a752d0]{position:relative;background:#ff323233!important;border-color:#ff646499!important}.course-details-page .delete-btn[data-v-d3a752d0]:before{content:"🗑";font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-details-page .delete-btn[data-v-d3a752d0]:hover{transform:scale(1.1);box-shadow:0 0 20px #ff6464b3;background:#ff323266!important;border-color:#f55!important}.course-details-page .action-btn[data-v-d3a752d0]:hover{background:#00c8ff33;border-color:#00bfff;transform:translateY(-2px);box-shadow:0 0 15px #00c8ff80}.course-details-page .comment-content[data-v-d3a752d0]{margin-top:1rem;font-size:1rem;font-weight:500;line-height:1.8}.course-details-page .comment-content .mention[data-v-d3a752d0]{background-color:#00c8ff33;border:1px solid #00c8ff66;border-radius:6px;margin:0 .125rem;padding:.125rem .5rem;font-weight:700}.course-details-page .course-stats-card[data-v-d3a752d0]{background:linear-gradient(135deg,#19193ce6,#321964e6);border:1px solid #fff3;border-radius:18px;margin:2rem;padding:2rem;box-shadow:0 10px 30px #0009}.course-details-page .stats-title[data-v-d3a752d0]{text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.course-details-page .stats-grid[data-v-d3a752d0]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.course-details-page .stat-box[data-v-d3a752d0]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.course-details-page .stat-box[data-v-d3a752d0]:hover{background:#ffffff1f;border-color:#00bfff;transform:translateY(-3px);box-shadow:0 0 20px #00c8ff4d}.course-details-page .stat-icon svg[data-v-d3a752d0]{filter:drop-shadow(0 0 8px #00bfffb3);width:28px;height:28px;color:#00bfff!important}.course-details-page .stat-value[data-v-d3a752d0]{font-size:1.25rem;font-weight:800}.course-details-page .stat-label[data-v-d3a752d0]{font-size:.9rem;font-weight:600}.course-details-page .description-content[data-v-d3a752d0]{background:#0f0f2866;border-radius:18px;margin:2rem;padding:2rem;font-size:1.1rem;font-weight:500;line-height:1.9}[data-v-d3a752d0]::-webkit-scrollbar{width:12px;height:12px}[data-v-d3a752d0]::-webkit-scrollbar-track{background:#0000004d;border-radius:6px}[data-v-d3a752d0]::-webkit-scrollbar-thumb{background:#00c8ff99;border:2px solid #0000004d;border-radius:6px}[data-v-d3a752d0]::-webkit-scrollbar-thumb:hover{background:#00bfff;box-shadow:0 0 15px #00c8ffb3}@media (max-width:640px){.course-details-page .course-hero[data-v-d3a752d0]{border-radius:16px;margin:1rem}.course-details-page .course-stats[data-v-d3a752d0]{justify-content:center;gap:1rem}.course-details-page .stat-item[data-v-d3a752d0]{min-width:calc(50% - .5rem);padding:.75rem}.course-details-page .lesson-card[data-v-d3a752d0]{padding:1.25rem}.course-details-page .comment-input[data-v-d3a752d0]{font-size:16px}.course-details-page .course-title[data-v-d3a752d0]{font-size:1.75rem}.course-details-page .lesson-title[data-v-d3a752d0]{font-size:1.125rem}}@media (min-width:641px) and (max-width:1024px){.course-details-page .content-grid[data-v-d3a752d0]{gap:2rem}.course-details-page .course-stats[data-v-d3a752d0]{justify-content:center}}@media (min-width:1025px) and (max-width:1440px){.course-details-page .main-content[data-v-d3a752d0]{max-width:1200px;margin:0 auto}}@media (min-width:1441px) and (max-width:1920px){.course-details-page .main-content[data-v-d3a752d0]{max-width:1400px;margin:0 auto;padding:3rem}.course-details-page .course-hero[data-v-d3a752d0]{max-width:1400px;margin:2rem auto}}@media (min-width:1921px){.course-details-page .main-content[data-v-d3a752d0]{max-width:1600px;margin:0 auto;padding:3rem}.course-details-page .course-hero[data-v-d3a752d0]{max-width:1600px;margin:3rem auto}}@media (prefers-reduced-motion:reduce){[data-v-d3a752d0],[data-v-d3a752d0]:before,[data-v-d3a752d0]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.course-details-page .loading-spinner[data-v-d3a752d0]{opacity:.8;animation:none}.course-details-page .lesson-card[data-v-d3a752d0]:hover,.course-details-page .comment-card[data-v-d3a752d0]:hover,.course-details-page .stat-box[data-v-d3a752d0]:hover{transform:none}}@media (prefers-contrast:high){.course-details-page .section[data-v-d3a752d0]{border-width:2px}.course-details-page .comment-input[data-v-d3a752d0]:focus{outline-offset:3px;outline:3px solid #00bfff}.course-details-page[data-v-d3a752d0] *{text-shadow:0 2px 4px #000,0 0 15px #000!important}}@media print{.course-details-page[data-v-d3a752d0]{color:#000!important;background:#fff!important}.course-details-page .section[data-v-d3a752d0]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:2px solid #000!important}.course-details-page .course-title[data-v-d3a752d0],.course-details-page .user-name[data-v-d3a752d0],.course-details-page .section-title[data-v-d3a752d0]{color:#000!important;text-shadow:none!important;font-weight:900!important}}[data-v-22fd6c6e]:root{--cosmic-dark:#050514d9;--cosmic-darker:#0a0a1ee6;--cosmic-deep:#0f0f28cc;--cosmic-black:#0009;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc480;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be280;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-lighter:#f5f5f5;--cosmic-gray:#a0a0a0;--glass-blur:blur(12px)saturate(180%);--glass-border:1px solid #ffffff26;--glass-shadow:0 8px 32px #0006;--glass-glow:0 0 20px #4ecdc433;--text-glow:0 0 10px #ffffff4d;--text-shadow:0 2px 4px #00000080;--text-glow-strong:0 0 15px #ffffff80,0 0 30px #4ecdc44d;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--font-xs:clamp(12px,3vw,14px);--font-sm:clamp(14px,3.5vw,16px);--font-base:clamp(15px,4vw,17px);--font-lg:clamp(16px,4.5vw,20px);--font-xl:clamp(20px,5vw,24px);--font-2xl:clamp(24px,6vw,32px);--font-3xl:clamp(28px,7vw,40px);--btn-height-sm:44px;--btn-height-md:50px;--btn-height-lg:56px;--status-submitted:#48bb7833;--status-submitted-border:#48bb7866;--status-submitted-glow:#48bb784d;--status-not-submitted:#f5656533;--status-not-submitted-border:#f5656566;--status-not-submitted-glow:#f565654d;--status-warning:#fbbf2433;--status-warning-border:#fbbf2466;--status-warning-glow:#fbbf244d}@keyframes cosmic-spin-22fd6c6e{0%{transform:rotate(0)}25%{border-top-color:var(--cosmic-cyan)}50%{border-top-color:var(--cosmic-purple)}75%{border-top-color:var(--cosmic-blue)}to{transform:rotate(360deg)}}@keyframes pulse-22fd6c6e{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer-22fd6c6e{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide-in-22fd6c6e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes link-hover-22fd6c6e{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.homework-page[data-v-22fd6c6e]{z-index:1;min-height:100vh;position:relative;background:0 0!important}.homework-page[data-v-22fd6c6e]:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 80% 20%,#0505144d 0%,#0a0a1e66 100%);position:fixed;inset:0}.homework-page .loading-container[data-v-22fd6c6e]{background:var(--cosmic-dark);min-height:60vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px;padding:40px 20px;animation:.6s ease-out slide-in-22fd6c6e;display:flex}.homework-page .loading-spinner[data-v-22fd6c6e]{border:3px solid #ffffff1a;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);border-radius:50%;width:60px;height:60px;margin-bottom:24px;animation:2s linear infinite cosmic-spin-22fd6c6e;position:relative}.homework-page .loading-spinner[data-v-22fd6c6e]:before{content:"";background:radial-gradient(circle,var(--cosmic-cyan-glow)0%,transparent 70%);filter:blur(10px);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite pulse-22fd6c6e;position:absolute;inset:-5px}.homework-page .loading-text[data-v-22fd6c6e]{font-size:var(--font-lg);color:var(--cosmic-light);text-shadow:var(--text-shadow);letter-spacing:1px}.homework-page .error-container[data-v-22fd6c6e]{text-align:center;background:var(--cosmic-dark);min-height:60vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),0 0 30px #f003;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px;padding:40px 20px;animation:.6s ease-out slide-in-22fd6c6e;display:flex}.homework-page .error-icon[data-v-22fd6c6e]{color:#ff6b6b;filter:drop-shadow(0 0 20px #ff6b6b80);margin-bottom:24px;font-size:64px}.homework-page .error-title[data-v-22fd6c6e]{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 15px #ff6b6b4d;margin-bottom:12px;font-weight:700;line-height:1.3}.homework-page .error-message[data-v-22fd6c6e]{color:var(--cosmic-light);max-width:400px;text-shadow:var(--text-shadow);opacity:.9;font-size:var(--font-base);margin-bottom:32px;line-height:1.6}.homework-page .retry-btn[data-v-22fd6c6e],.homework-page .back-btn[data-v-22fd6c6e]{min-height:var(--btn-height-md);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:0 8px;padding:0 24px;display:inline-flex}.homework-page .retry-btn[data-v-22fd6c6e]{color:var(--cosmic-cyan);background:linear-gradient(135deg,#4ecdc433 0%,#4285f433 100%);border:1px solid #4ecdc44d;box-shadow:0 4px 15px #4ecdc433}.homework-page .retry-btn[data-v-22fd6c6e]:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#4285f44d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.homework-page .back-btn[data-v-22fd6c6e]{color:var(--cosmic-light);background:#ffffff0d;border:1px solid #ffffff1a}.homework-page .back-btn[data-v-22fd6c6e]:hover{color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.homework-page .homework-header[data-v-22fd6c6e]{margin-bottom:clamp(24px,5vw,40px);padding:0 clamp(20px,4vw,32px)}.homework-page .breadcrumb[data-v-22fd6c6e]{color:var(--cosmic-gray);font-size:var(--font-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:20px;display:flex}.homework-page .breadcrumb-link[data-v-22fd6c6e]{color:var(--cosmic-cyan);transition:var(--transition-smooth);text-shadow:var(--text-shadow);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:flex}.homework-page .breadcrumb-link[data-v-22fd6c6e]:hover{color:var(--cosmic-white);text-shadow:0 0 10px var(--cosmic-cyan-glow)}.homework-page .breadcrumb-separator[data-v-22fd6c6e]{color:#ffffff4d}.homework-page .breadcrumb-current[data-v-22fd6c6e]{color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);font-weight:600}.homework-page .homework-hero[data-v-22fd6c6e]{padding:0 clamp(20px,4vw,32px)}.homework-page .homework-info[data-v-22fd6c6e]{background:var(--cosmic-dark);max-width:1400px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;margin:0 auto;padding:clamp(24px,5vw,40px);position:relative;overflow:hidden}.homework-page .homework-info[data-v-22fd6c6e]:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.homework-page .homework-meta[data-v-22fd6c6e]{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.homework-page .homework-badge[data-v-22fd6c6e]{color:var(--cosmic-cyan);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:25px;padding:8px 20px;font-weight:700;box-shadow:0 0 10px #4ecdc433}.homework-page .lesson-title[data-v-22fd6c6e]{color:var(--cosmic-light);font-size:var(--font-base);text-shadow:var(--text-shadow);opacity:.8;font-weight:500}.homework-page .homework-title[data-v-22fd6c6e]{font-size:var(--font-3xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 20px #4ecdc44d;background:linear-gradient(135deg,var(--cosmic-white)0%,var(--cosmic-cyan)50%,var(--cosmic-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-weight:800;line-height:1.2}.homework-page .homework-description[data-v-22fd6c6e]{color:var(--cosmic-light);font-size:var(--font-lg);max-width:800px;text-shadow:var(--text-shadow);opacity:.9;line-height:1.7}.homework-page .main-content[data-v-22fd6c6e]{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,32px)}.homework-page .homework-main-content[data-v-22fd6c6e]{flex-direction:column;gap:clamp(24px,5vw,40px);display:flex}.homework-page .section[data-v-22fd6c6e]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;animation:.6s ease-out slide-in-22fd6c6e;position:relative;overflow:hidden}.homework-page .section[data-v-22fd6c6e]:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#4ecdc40d 0%,#0000 50%);position:absolute;inset:0}.homework-page .section-header[data-v-22fd6c6e]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:clamp(20px,4vw,24px);display:flex;position:relative}.homework-page .section-header[data-v-22fd6c6e]:after{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.homework-page .section-title[data-v-22fd6c6e]{font-size:var(--font-xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #4ecdc433;align-items:center;gap:12px;margin:0;font-weight:700;display:flex}.homework-page .submission-status[data-v-22fd6c6e]{font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:var(--text-shadow);border:1px solid;border-radius:25px;padding:8px 20px;font-weight:700}.homework-page .submission-status.submitted[data-v-22fd6c6e]{background:var(--status-submitted);color:#48bb78;border-color:var(--status-submitted-border);box-shadow:0 0 10px var(--status-submitted-glow)}.homework-page .submission-status.not-submitted[data-v-22fd6c6e]{background:var(--status-not-submitted);color:#ff6b6b;border-color:var(--status-not-submitted-border);box-shadow:0 0 10px var(--status-not-submitted-glow)}.homework-page .homework-content-wrapper[data-v-22fd6c6e]{padding:clamp(20px,4vw,24px)}.homework-page .homework-materials[data-v-22fd6c6e]{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:clamp(24px,5vw,32px);overflow:hidden}.homework-page .materials-header[data-v-22fd6c6e]{background:#0006;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:clamp(16px,3vw,20px) clamp(20px,4vw,24px);display:flex}.homework-page .materials-title[data-v-22fd6c6e]{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow);margin:0;font-weight:600}.homework-page .external-link[data-v-22fd6c6e]{color:var(--cosmic-cyan);font-size:var(--font-sm);transition:var(--transition-smooth);text-shadow:var(--text-shadow);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex}.homework-page .external-link[data-v-22fd6c6e]:hover{color:var(--cosmic-white);text-shadow:0 0 10px var(--cosmic-cyan-glow)}.homework-page .external-link svg[data-v-22fd6c6e]{filter:drop-shadow(0 0 3px var(--cosmic-cyan-glow))}.homework-page .docs-warning[data-v-22fd6c6e]{background:var(--status-warning);border-bottom:1px solid var(--status-warning-border);gap:16px;padding:clamp(20px,4vw,24px);display:flex}.homework-page .warning-icon[data-v-22fd6c6e]{color:#fbbf24;filter:drop-shadow(0 0 5px #fbbf244d);flex-shrink:0;margin-top:4px}.homework-page .warning-content[data-v-22fd6c6e]{flex:1}.homework-page .warning-content p[data-v-22fd6c6e]{color:#fbbf24;font-size:var(--font-sm);text-shadow:var(--text-shadow);opacity:.9;margin-bottom:12px;line-height:1.6}.homework-page .docs-link[data-v-22fd6c6e]{color:var(--cosmic-cyan);word-break:break-all;font-size:var(--font-sm);transition:var(--transition-smooth);text-shadow:0 0 5px var(--cosmic-cyan-glow);background:#0000004d;border:1px solid #4ecdc44d;border-radius:8px;padding:10px 16px;text-decoration:none;display:block}.homework-page .docs-link[data-v-22fd6c6e]:hover{background:#4ecdc41a;border-color:#4ecdc480;text-decoration:none}.homework-page .embed-container[data-v-22fd6c6e]{background:#0003;border-radius:0 0 16px 16px;padding:clamp(20px,4vw,24px)}.homework-page .homework-iframe[data-v-22fd6c6e]{background:var(--cosmic-darker);border:none;border:var(--glass-border);border-radius:12px;width:100%;height:600px;box-shadow:inset 0 0 20px #0006}.homework-page .no-embed[data-v-22fd6c6e]{text-align:center;color:var(--cosmic-light);text-shadow:var(--text-shadow);opacity:.8;background:#0003;border-radius:12px;padding:40px 20px}.homework-page .instructions-container[data-v-22fd6c6e]{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:clamp(20px,4vw,24px)}.homework-page .instructions-title[data-v-22fd6c6e]{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #4ecdc433;align-items:center;gap:10px;margin-bottom:20px;font-weight:700;display:flex}.homework-page .instructions-title[data-v-22fd6c6e]:before{content:"📝";font-size:var(--font-lg)}.homework-page .instructions-content[data-v-22fd6c6e]{color:var(--cosmic-light);text-shadow:var(--text-shadow);line-height:1.8;font-size:var(--font-base)}.homework-page .instructions-content[data-v-22fd6c6e] p{margin-bottom:16px}.homework-page .instructions-content[data-v-22fd6c6e] p:last-child{margin-bottom:0}.homework-page .instructions-content[data-v-22fd6c6e] a{color:var(--cosmic-cyan);text-shadow:0 0 5px var(--cosmic-cyan-glow);text-decoration:none}.homework-page .instructions-content[data-v-22fd6c6e] a:hover{text-decoration:underline}.homework-page .submission-content[data-v-22fd6c6e]{padding:clamp(20px,4vw,24px)}.homework-page .existing-submission[data-v-22fd6c6e]{margin-bottom:clamp(24px,5vw,32px)}.homework-page .submission-card[data-v-22fd6c6e]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:clamp(20px,4vw,24px)}.homework-page .submission-header[data-v-22fd6c6e]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.homework-page .submission-info[data-v-22fd6c6e]{flex-direction:column;gap:8px;display:flex}.homework-page .submission-title[data-v-22fd6c6e]{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow);margin:0;font-weight:700}.homework-page .submission-date[data-v-22fd6c6e]{color:var(--cosmic-gray);font-size:var(--font-sm);text-shadow:var(--text-shadow);align-items:center;gap:6px;display:flex}.homework-page .submission-date[data-v-22fd6c6e]:before{content:"🕐";font-size:var(--font-xs);opacity:.7}.homework-page .submission-actions[data-v-22fd6c6e]{gap:12px;display:flex}.homework-page .edit-btn[data-v-22fd6c6e]{min-height:var(--btn-height-sm);color:var(--cosmic-light);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.homework-page .edit-btn[data-v-22fd6c6e]:hover{color:var(--cosmic-white);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.homework-page .submission-details[data-v-22fd6c6e]{flex-direction:column;gap:24px;display:flex}.homework-page .submission-link .link-btn[data-v-22fd6c6e]{width:fit-content}.homework-page .link-btn[data-v-22fd6c6e]{min-height:var(--btn-height-md);color:var(--cosmic-cyan);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #4ecdc433}.homework-page .link-btn[data-v-22fd6c6e]:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);animation:.5s link-hover-22fd6c6e;transform:translate(4px);box-shadow:0 8px 25px #4ecdc466}.homework-page .submission-description h4[data-v-22fd6c6e]{font-size:var(--font-base);color:var(--cosmic-white);text-shadow:var(--text-shadow);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.homework-page .submission-description h4[data-v-22fd6c6e]:before{content:"📋";font-size:var(--font-base)}.homework-page .submission-description p[data-v-22fd6c6e]{color:var(--cosmic-light);text-shadow:var(--text-shadow);border-left:4px solid var(--cosmic-cyan);background:#0003;border-radius:8px;margin:0;padding:16px;line-height:1.7}.homework-page .submission-form[data-v-22fd6c6e]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;padding:clamp(20px,4vw,24px)}.homework-page .form-title[data-v-22fd6c6e]{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #4ecdc433;align-items:center;gap:10px;margin-bottom:24px;font-weight:700;display:flex}.homework-page .form-title[data-v-22fd6c6e]:before{content:"📤";font-size:var(--font-lg)}.homework-page .form-group[data-v-22fd6c6e]{margin-bottom:24px}.homework-page .form-label[data-v-22fd6c6e]{color:var(--cosmic-white);text-shadow:var(--text-shadow);align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.homework-page .required[data-v-22fd6c6e]{color:#ff6b6b;text-shadow:0 0 5px #ff6b6b80}.homework-page .form-input[data-v-22fd6c6e],.homework-page .form-textarea[data-v-22fd6c6e]{width:100%;font-family:inherit;font-size:var(--font-base);color:var(--cosmic-white);transition:var(--transition-smooth);text-shadow:var(--text-shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border:2px solid #ffffff1a;border-radius:12px;padding:14px 20px}.homework-page .form-input[data-v-22fd6c6e]:focus,.homework-page .form-textarea[data-v-22fd6c6e]:focus{border-color:var(--cosmic-cyan);background:#00000080;outline:none;box-shadow:0 0 0 3px #4ecdc433,0 0 20px #4ecdc44d}.homework-page .form-input[data-v-22fd6c6e]:disabled,.homework-page .form-textarea[data-v-22fd6c6e]:disabled{cursor:not-allowed;opacity:.7;background:#ffffff0d}.homework-page .form-textarea[data-v-22fd6c6e]{resize:vertical;min-height:150px;line-height:1.6}.homework-page .form-hint[data-v-22fd6c6e]{color:var(--cosmic-gray);font-size:var(--font-sm);text-shadow:var(--text-shadow);opacity:.8;align-items:center;gap:6px;margin-top:8px;display:flex}.homework-page .form-hint[data-v-22fd6c6e]:before{content:"💡";font-size:var(--font-xs)}.homework-page .form-actions[data-v-22fd6c6e]{flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:32px;display:flex}.homework-page .cancel-btn[data-v-22fd6c6e]{min-height:var(--btn-height-md);color:var(--cosmic-light);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:var(--font-base);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:inline-flex}.homework-page .cancel-btn[data-v-22fd6c6e]:hover{color:var(--cosmic-white);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.homework-page .submit-btn[data-v-22fd6c6e]{min-height:var(--btn-height-md);color:var(--cosmic-cyan);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px;text-shadow:var(--text-shadow);text-transform:uppercase;letter-spacing:1px;font-weight:600;font-size:var(--font-base);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:inline-flex;box-shadow:0 4px 15px #4ecdc433}.homework-page .submit-btn[data-v-22fd6c6e]:disabled{opacity:.5;cursor:not-allowed}.homework-page .submit-btn[data-v-22fd6c6e]:not(:disabled):hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.homework-page .btn-loading[data-v-22fd6c6e]{border:2px solid #fff3;border-top-color:var(--cosmic-white);border-radius:50%;width:20px;height:20px;animation:1s linear infinite cosmic-spin-22fd6c6e;display:inline-block}.homework-page .error-message[data-v-22fd6c6e]{color:#ff6b6b;font-size:var(--font-sm);text-shadow:var(--text-shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f565651a;border:1px solid #f565654d;border-radius:12px;margin-top:16px;padding:16px;box-shadow:0 0 15px #f5656533}@media (max-width:640px){.homework-page .homework-header[data-v-22fd6c6e],.homework-page .homework-hero[data-v-22fd6c6e],.homework-page .main-content[data-v-22fd6c6e]{padding:12px}.homework-page .homework-info[data-v-22fd6c6e]{-webkit-backdrop-filter:blur(5px)saturate(160%);backdrop-filter:blur(5px)saturate(160%);padding:20px}.homework-page .homework-title[data-v-22fd6c6e]{font-size:var(--font-xl)}.homework-page .homework-description[data-v-22fd6c6e]{font-size:var(--font-base)}.homework-page .section-header[data-v-22fd6c6e]{flex-direction:column;align-items:flex-start;gap:16px}.homework-page .homework-iframe[data-v-22fd6c6e]{height:400px}.homework-page .submission-header[data-v-22fd6c6e]{flex-direction:column;align-items:flex-start}.homework-page .submission-actions[data-v-22fd6c6e]{width:100%}.homework-page .edit-btn[data-v-22fd6c6e]{justify-content:center;width:100%}.homework-page .form-actions[data-v-22fd6c6e]{flex-direction:column}.homework-page .cancel-btn[data-v-22fd6c6e],.homework-page .submit-btn[data-v-22fd6c6e]{justify-content:center;width:100%}.homework-page .error-actions[data-v-22fd6c6e]{flex-direction:column;width:100%}.homework-page .retry-btn[data-v-22fd6c6e],.homework-page .back-btn[data-v-22fd6c6e]{width:100%;margin:4px 0}}@media (min-width:640px) and (max-width:1024px){.homework-page .homework-content[data-v-22fd6c6e]{max-width:1000px}.homework-page .homework-iframe[data-v-22fd6c6e]{height:500px}}@media (min-width:1024px) and (max-width:1440px){.homework-page .homework-content[data-v-22fd6c6e]{max-width:1200px}}@media (min-width:1440px){.homework-page .homework-content[data-v-22fd6c6e]{max-width:1400px}.homework-page .homework-iframe[data-v-22fd6c6e]{height:700px}}@media (min-width:1920px){.homework-page .homework-content[data-v-22fd6c6e]{max-width:1600px}.homework-page .homework-title[data-v-22fd6c6e]{font-size:var(--font-3xl)}.homework-page .homework-description[data-v-22fd6c6e]{font-size:var(--font-xl)}.homework-page .homework-iframe[data-v-22fd6c6e]{height:800px}}@media (prefers-reduced-motion:reduce){[data-v-22fd6c6e],[data-v-22fd6c6e]:before,[data-v-22fd6c6e]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.homework-page .loading-spinner[data-v-22fd6c6e],.homework-page .section[data-v-22fd6c6e],.homework-page .retry-btn[data-v-22fd6c6e]:hover,.homework-page .back-btn[data-v-22fd6c6e]:hover,.homework-page .link-btn[data-v-22fd6c6e]:hover,.homework-page .edit-btn[data-v-22fd6c6e]:hover,.homework-page .cancel-btn[data-v-22fd6c6e]:hover,.homework-page .submit-btn[data-v-22fd6c6e]:hover,.homework-page .external-link[data-v-22fd6c6e]:hover,.homework-page .docs-link[data-v-22fd6c6e]:hover{animation:none!important;transform:none!important}.homework-page .btn-loading[data-v-22fd6c6e]{animation:none!important}}@media (prefers-contrast:high){.homework-page[data-v-22fd6c6e]{background:#000000f2!important}.homework-page .loading-container[data-v-22fd6c6e],.homework-page .error-container[data-v-22fd6c6e],.homework-page .homework-info[data-v-22fd6c6e],.homework-page .section[data-v-22fd6c6e],.homework-page .instructions-container[data-v-22fd6c6e],.homework-page .submission-card[data-v-22fd6c6e],.homework-page .submission-form[data-v-22fd6c6e]{border:2px solid var(--cosmic-cyan)!important;background:#000000f2!important}.homework-page .loading-spinner[data-v-22fd6c6e]{border-color:var(--cosmic-white)!important;border-top-color:var(--cosmic-cyan)!important}.homework-page .retry-btn[data-v-22fd6c6e],.homework-page .back-btn[data-v-22fd6c6e],.homework-page .link-btn[data-v-22fd6c6e],.homework-page .edit-btn[data-v-22fd6c6e],.homework-page .cancel-btn[data-v-22fd6c6e],.homework-page .submit-btn[data-v-22fd6c6e],.homework-page .form-input[data-v-22fd6c6e],.homework-page .form-textarea[data-v-22fd6c6e],.homework-page .homework-iframe[data-v-22fd6c6e]{border:2px solid var(--cosmic-white)!important}}@media print{.homework-page[data-v-22fd6c6e]{padding:20px;color:#000!important;background:#fff!important}.homework-page .loading-container[data-v-22fd6c6e],.homework-page .error-container[data-v-22fd6c6e],.homework-page .homework-info[data-v-22fd6c6e],.homework-page .section[data-v-22fd6c6e],.homework-page .instructions-container[data-v-22fd6c6e],.homework-page .submission-card[data-v-22fd6c6e],.homework-page .submission-form[data-v-22fd6c6e]{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-22fd6c6e],.homework-page .section-title[data-v-22fd6c6e],.homework-page .submission-title[data-v-22fd6c6e],.homework-page .form-title[data-v-22fd6c6e],.homework-page .error-title[data-v-22fd6c6e]{color:#000!important;text-shadow:none!important}.homework-page .homework-description[data-v-22fd6c6e],.homework-page .instructions-content[data-v-22fd6c6e],.homework-page .submission-description p[data-v-22fd6c6e],.homework-page .form-label[data-v-22fd6c6e],.homework-page .form-hint[data-v-22fd6c6e],.homework-page .warning-content p[data-v-22fd6c6e]{color:#333!important}.homework-page .retry-btn[data-v-22fd6c6e],.homework-page .back-btn[data-v-22fd6c6e],.homework-page .link-btn[data-v-22fd6c6e],.homework-page .edit-btn[data-v-22fd6c6e],.homework-page .cancel-btn[data-v-22fd6c6e],.homework-page .submit-btn[data-v-22fd6c6e],.homework-page .external-link[data-v-22fd6c6e]{display:none!important}.homework-page .homework-iframe[data-v-22fd6c6e]{border:1px solid #ccc!important}.homework-page .form-input[data-v-22fd6c6e],.homework-page .form-textarea[data-v-22fd6c6e]{color:#000!important;background:#fff!important;border:1px solid #ccc!important}}.profile-avatar[data-v-ed9e799b]{cursor:default;border-radius:50%;display:inline-block;position:relative;overflow:hidden}.profile-avatar.editable[data-v-ed9e799b]{cursor:pointer}.avatar-image[data-v-ed9e799b]{width:100%;height:100%}.avatar-image img[data-v-ed9e799b]{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-initials[data-v-ed9e799b]{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-overlay[data-v-ed9e799b]{color:#fff;opacity:0;cursor:pointer;background:#000000b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-avatar:hover .avatar-overlay[data-v-ed9e799b]{opacity:1}.avatar-overlay .icon[data-v-ed9e799b]{width:24px;height:24px;margin-bottom:4px}.avatar-overlay span[data-v-ed9e799b]{text-align:center;font-size:12px}.remove-btn[data-v-ed9e799b]{color:#fff;cursor:pointer;opacity:.9;z-index:10;background:#f56565;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px}.remove-btn[data-v-ed9e799b]:hover{opacity:1;transform:scale(1.1)}.remove-btn .icon[data-v-ed9e799b]{width:16px;height:16px}.file-input[data-v-ed9e799b]{display:none}:root{--cosmic-dark:#050514e6;--cosmic-darker:#02020af2;--cosmic-card:#0a0a1ed9;--cosmic-card-hover:#0f0f2de6;--cosmic-input:#0009;--cosmic-input-focus:#141432cc;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc466;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be266;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-gray:#a0a0c0;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#a0a0c0;--glass-blur:blur(12px)saturate(180%);--glass-blur-mobile:blur(8px)saturate(160%);--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--shadow-cosmic:0 0 20px #4285f44d;--shadow-cosmic-cyan:0 0 25px #4ecdc466;--shadow-cosmic-purple:0 0 25px #8a2be266;--shadow-inner:inset 0 2px 4px #ffffff1a;--shadow-outer:0 4px 20px #00000080;--text-shadow:0 0 10px #000c,0 2px 4px #00000080;--space-xs:clamp(.25rem,.5vw,.5rem);--space-sm:clamp(.5rem,1vw,1rem);--space-md:clamp(1rem,2vw,1.5rem);--space-lg:clamp(1.5rem,3vw,2.5rem);--space-xl:clamp(2rem,4vw,3.5rem);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-xs:clamp(.75rem,2vw,.875rem);--font-sm:clamp(.875rem,2.5vw,1rem);--font-md:clamp(1rem,3vw,1.125rem);--font-lg:clamp(1.25rem,4vw,1.5rem);--font-xl:clamp(1.5rem,5vw,2rem);--font-xxl:clamp(2rem,6vw,2.5rem)}@keyframes cosmic-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes border-glow{0%,to{border-color:#ffffff26;box-shadow:0 0 20px #4285f44d}50%{border-color:#4ecdc466;box-shadow:0 0 30px #4ecdc480}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes star-twinkle{0%,to{opacity:.3}50%{opacity:1}}.profile-page{min-height:100vh;padding:var(--space-lg);z-index:1;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative;background:0 0!important}.profile-page:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0%,#0505144d 100%);position:fixed;inset:0}.profile-container{max-width:min(1200px,90vw);margin:0 auto;position:relative}.profile-header{margin-bottom:var(--space-xl);text-align:center;position:relative}.profile-header:after{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),transparent);border-radius:2px;width:100px;height:2px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.profile-title{font-size:var(--font-xxl);color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:0 0 20px #4ecdc44d,var(--text-shadow);letter-spacing:.5px;font-weight:700}.profile-subtitle{color:var(--text-secondary);font-size:var(--font-md);text-shadow:var(--text-shadow);opacity:.9}.profile-content{gap:var(--space-lg);grid-template-columns:minmax(300px,350px) 1fr;animation:.6s ease-out fadeIn;display:grid}.profile-card{background:var(--cosmic-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-outer),var(--shadow-cosmic),inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:var(--glass-blur);margin-bottom:var(--space-lg);transition:var(--transition-smooth);border:1px solid #ffffff1a;position:relative;overflow:hidden}.profile-card:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.profile-card:hover{background:var(--cosmic-card-hover);box-shadow:var(--shadow-outer),0 0 30px #4ecdc433,var(--shadow-cosmic-cyan);border-color:#fff3;transform:translateY(-2px)}.profile-card:last-child{margin-bottom:0}.profile-card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.profile-card-title{font-size:var(--font-lg);color:var(--text-primary);align-items:center;gap:var(--space-sm);text-shadow:var(--text-shadow);font-weight:600;display:flex}.profile-card-title .icon{width:24px;height:24px;color:var(--cosmic-cyan);filter:drop-shadow(0 0 8px var(--cosmic-cyan-glow))}.avatar-container{margin-bottom:var(--space-md);justify-content:center;display:flex;position:relative}.avatar-container img{transition:var(--transition-smooth);border:2px solid #fff3;border-radius:50%;box-shadow:0 0 20px #4ecdc44d,inset 0 0 20px #ffffff1a}.avatar-container img:hover{border-color:var(--cosmic-cyan);box-shadow:0 0 30px var(--cosmic-cyan-glow),inset 0 0 20px #fff3;transform:scale(1.05)}.avatar-info{text-align:center;color:var(--text-secondary);font-size:var(--font-sm);text-shadow:var(--text-shadow)}.avatar-info-text{justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.avatar-info-text .icon{width:16px;height:16px;color:var(--cosmic-cyan)}.upload-progress{margin-top:var(--space-md)}.profile-progress-bar{height:6px;margin-bottom:var(--space-sm);background:#0000004d;border:1px solid #ffffff1a;border-radius:3px;overflow:hidden}.profile-progress-fill{background:linear-gradient(90deg,var(--cosmic-purple),var(--cosmic-cyan),var(--cosmic-blue));background-size:200% 100%;height:100%;transition:width .4s;animation:2s linear infinite shimmer}.profile-progress-text{text-align:center;font-size:var(--font-xs);color:var(--text-muted);text-shadow:var(--text-shadow)}.account-stats{gap:var(--space-md);display:grid}.profile-stat-item{padding:var(--space-sm)0;transition:var(--transition-smooth);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.profile-stat-item:hover{padding-left:var(--space-sm);border-color:#4ecdc44d}.profile-stat-item:last-child{border-bottom:none}.profile-stat-label{color:var(--text-secondary);font-size:var(--font-sm);text-shadow:var(--text-shadow)}.profile-stat-value{color:var(--text-primary);font-weight:500;font-size:var(--font-md);text-shadow:0 0 10px #fff3}.profile-stat-value .verified{color:var(--cosmic-cyan);text-shadow:0 0 10px var(--cosmic-cyan-glow)}.profile-stat-value .unverified{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b66}.profile-form-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.profile-form-group{margin-bottom:var(--space-md);position:relative}.profile-form-group label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);text-shadow:var(--text-shadow);font-weight:500;display:block}.profile-form-group input,.profile-form-group select,.profile-form-group textarea{background:var(--cosmic-input);border-radius:var(--radius-md);width:100%;font-size:var(--font-sm);color:var(--text-primary);transition:var(--transition-smooth);box-shadow:var(--shadow-inner);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;padding:12px 16px}.profile-form-group input::placeholder,.profile-form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.profile-form-group input:focus,.profile-form-group select:focus,.profile-form-group textarea:focus{background:var(--cosmic-input-focus);border-color:var(--cosmic-cyan);box-shadow:0 0 20px var(--cosmic-cyan-glow),var(--shadow-inner);outline:none}.profile-form-group input.error,.profile-form-group select.error{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b4d}.availability-message{margin-top:var(--space-xs);font-size:var(--font-xs);padding-left:4px}.availability-message .available{color:var(--cosmic-cyan);text-shadow:0 0 8px var(--cosmic-cyan-glow)}.availability-message .unavailable{color:#ff6b6b;text-shadow:0 0 8px #ff6b6b66}.profile-verified-badge{color:var(--cosmic-cyan);font-size:var(--font-xs);margin-left:var(--space-sm);text-shadow:0 0 10px #4ecdc480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4ecdc426;border:1px solid #4ecdc44d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.profile-verified-badge .icon{width:14px;height:14px;filter:drop-shadow(0 0 4px var(--cosmic-cyan))}.profile-form-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid #ffffff1a;display:flex}.profile-btn{border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.profile-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.profile-btn:hover:before{left:100%}.profile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.profile-btn-secondary{color:var(--text-secondary);background:#ffffff1a;border:1px solid #fff3}.profile-btn-secondary:hover:not(:disabled){color:var(--text-primary);background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 0 20px #ffffff1a}.profile-btn-primary{color:#fff;box-shadow:var(--shadow-cosmic);background:linear-gradient(135deg,#4285f4cc,#8a2be2cc);border:1px solid #ffffff4d}.profile-btn-primary:hover:not(:disabled){box-shadow:var(--shadow-cosmic),0 0 30px #4285f466;background:linear-gradient(135deg,#4285f4e6,#8a2be2e6);animation:2s infinite pulse-glow;transform:translateY(-2px)}.profile-btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6bcc,#dc2626cc);border:1px solid #ff6b6b4d}.profile-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff6b6be6,#dc2626e6);transform:translateY(-2px);box-shadow:0 0 30px #ff6b6b66}.profile-edit-btn{color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff26;align-items:center;gap:6px;padding:8px 16px;display:inline-flex}.profile-edit-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 0 15px #ffffff1a}.profile-edit-btn .icon{width:16px;height:16px;color:var(--cosmic-cyan)}.profile-details{margin-top:var(--space-sm)}.profile-detail-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.profile-detail-item{padding:var(--space-sm)0;transition:var(--transition-smooth);border-bottom:1px solid #ffffff1a}.profile-detail-item:hover{padding-left:var(--space-sm);border-color:#4ecdc44d}.profile-detail-item:last-child{border-bottom:none}.profile-detail-label{font-size:var(--font-sm);color:var(--text-secondary);text-shadow:var(--text-shadow);margin-bottom:4px}.profile-detail-value{color:var(--text-primary);font-weight:500;font-size:var(--font-md)}.profile-detail-value.small{font-size:var(--font-xs);word-break:break-all;color:var(--cosmic-gray);font-family:Courier New,monospace}.danger-zone{background:#ff6b6b0d;border:1px solid #ff6b6b4d;animation:3s infinite border-glow}.danger-zone .profile-card-title{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b80}.danger-warning{color:#ffb8b8;margin-bottom:var(--space-md);font-size:var(--font-sm);text-shadow:var(--text-shadow);line-height:1.5}.profile-error-message{color:#ff6b6b;font-size:var(--font-xs);margin-top:var(--space-xs);text-shadow:0 0 8px #ff6b6b66}.profile-loading{border:2px solid #0000;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-radius:50%;width:20px;height:20px;animation:1s linear infinite cosmic-spin;display:inline-block;box-shadow:0 0 10px #4ecdc44d}.profile-modal-overlay{z-index:2000;padding:var(--space-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:var(--cosmic-darker);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:min(500px,90vw);box-shadow:0 20px 40px #00000080,0 0 30px #4ecdc433,var(--shadow-cosmic);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;animation:.3s ease-out modalSlideIn}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-modal-title{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-md);text-shadow:var(--text-shadow);font-weight:600}.profile-modal-text{color:var(--text-secondary);margin-bottom:var(--space-lg);text-shadow:var(--text-shadow);line-height:1.6}.profile-modal-form{margin-bottom:var(--space-lg)}.profile-modal-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.profile-page::-webkit-scrollbar{width:10px}.profile-page::-webkit-scrollbar-track{background:#0003;border-radius:5px}.profile-page::-webkit-scrollbar-thumb{background:linear-gradient(#4ecdc480,#8a2be280);border:2px solid #0000004d;border-radius:5px}.profile-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4ecdc4b3,#8a2be2b3);box-shadow:0 0 10px #4ecdc466}@media (max-width:640px){.profile-page{padding:var(--space-md);-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile)}.profile-card{-webkit-backdrop-filter:var(--glass-blur-mobile)}.profile-content{gap:var(--space-md);grid-template-columns:1fr}.profile-form-grid,.profile-detail-grid{grid-template-columns:1fr}.profile-form-actions{flex-direction:column}.profile-btn{width:100%;min-height:44px}.profile-modal{padding:var(--space-lg)}.profile-modal-actions{flex-direction:column}.profile-modal-actions .profile-btn{width:100%}}@media (min-width:641px) and (max-width:1024px){.profile-content{gap:var(--space-md);grid-template-columns:minmax(280px,320px) 1fr}.profile-form-grid{grid-template-columns:1fr}}@media (min-width:1025px) and (max-width:1440px){.profile-content{gap:var(--space-lg);grid-template-columns:320px 1fr}}@media (min-width:1441px) and (max-width:1920px){.profile-content{gap:var(--space-xl);grid-template-columns:350px 1fr}.profile-container{max-width:1400px}}@media (min-width:1921px){.profile-content{gap:var(--space-xl);grid-template-columns:400px 1fr}.profile-container{max-width:1600px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.profile-btn:hover,.profile-card:hover{transform:none}}.profile-btn:focus-visible,.profile-form-group input:focus-visible,.profile-form-group select:focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 20px var(--cosmic-cyan-glow)}@media (prefers-contrast:high){.profile-card{border:2px solid var(--cosmic-cyan);background:#050514f2}.profile-btn{border:2px solid}.profile-form-group input,.profile-form-group select{border:2px solid var(--text-secondary)}}@media (prefers-color-scheme:light){.profile-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.profile-card,.profile-btn,.avatar-container img{will-change:transform,box-shadow;contain:layout style paint}.profile-card:hover,.profile-btn:hover{transform:translateZ(0)}@media (max-width:640px){.profile-card,.profile-modal{-webkit-backdrop-filter:var(--glass-blur-mobile)}}@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 #ddd!important}.profile-btn{display:none!important}}@keyframes cosmicSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cosmicFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes cosmicGlowPulse{0%,to{box-shadow:0 0 20px #4ecdc44d,0 0 40px #4ecdc41a}50%{box-shadow:0 0 30px #4ecdc480,0 0 60px #4ecdc433}}@keyframes borderPulse{0%,to{border-color:#ffffff26;box-shadow:0 0 #4ecdc400}50%{border-color:#4ecdc499;box-shadow:0 0 0 3px #4ecdc433}}@keyframes energyPulse{0%,to{background-position:0%}50%{background-position:100%}}@keyframes textShine{0%{background-position:0%}to{background-position:200%}}.login-container{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;background:0 0!important}.login-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30%,#0a0a2826 0%,#05051414 50%,#0000 100%),radial-gradient(circle at 70% 30%,#8a2be21a 0%,#0000 70%);position:fixed;inset:0}.login-card{background:var(--cosmic-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:var(--space-xl)var(--space-lg);width:100%;max-width:440px;box-shadow:var(--shadow-deep),0 0 0 1px var(--border-subtle),inset 0 1px 0 0 #ffffff1a,inset 0 -1px 0 0 #0003;z-index:100;border:1px solid var(--border-subtle);transition:all var(--transition-normal);animation:.6s cubic-bezier(.4,0,.2,1) cosmicSlideUp;position:relative}.login-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-deep),0 0 40px #4ecdc426,0 0 0 1px #4ecdc44d,inset 0 1px 0 0 #ffffff26;transform:translateY(-2px)}.login-card:before{content:"";border-radius:var(--radius-xl);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#0000 0%,#4ecdc40d 50%,#0000 100%);position:absolute;inset:0}.login-card:hover:before{opacity:1}.login-header{text-align:center;margin-bottom:var(--space-xl);position:relative}.login-header:after{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),transparent);border-radius:1px;height:2px;position:absolute;bottom:-20px;left:30%;right:30%;box-shadow:0 0 10px #4ecdc480}.login-header h1{color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:0 0 20px #4ecdc480,0 2px 8px #000c,0 0 1px #ffffff80;letter-spacing:2px;background:linear-gradient(135deg,var(--text-primary)0%,var(--text-accent)50%,var(--text-primary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,5vw,36px);font-weight:700;animation:3s ease-in-out infinite alternate textShine}.login-header p{color:var(--text-secondary);text-shadow:0 1px 3px #000c;opacity:.9;letter-spacing:.5px;font-size:clamp(14px,2.5vw,16px)}.login-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.form-group label{color:var(--text-accent);text-shadow:0 1px 2px #000c;letter-spacing:.5px;font-size:14px;font-weight:600}.form-group input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;padding:14px 16px;font-size:16px;color:var(--text-input)!important}.form-group input::placeholder{color:var(--text-tertiary);opacity:.7}.form-group input:not(:placeholder-shown){color:var(--text-input)!important}.form-group input:focus{border-color:var(--cosmic-cyan);background:#000000b3;outline:none;animation:2s infinite borderPulse;box-shadow:0 0 0 3px #4ecdc433,0 0 20px #4ecdc44d,inset 0 0 10px #4ecdc41a;color:var(--text-input)!important}.form-group input.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33,0 0 15px #ff6b6b4d;color:var(--text-input)!important}.password-input{position:relative}.password-toggle{cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:20px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-accent);background:#ffffff1a}.password-toggle:active{transform:translateY(-50%)scale(.95)}.error-message{color:#ff6b6b;text-shadow:0 1px 2px #000c;align-items:center;gap:var(--space-xs);margin-top:4px;padding-left:8px;font-size:14px;display:flex;position:relative}.error-message:before{content:"⚠";font-size:12px}.login-alert{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;justify-content:space-between;align-items:center;padding:12px 16px;animation:.3s cosmicFadeIn;display:flex}.alert-close{color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0 4px;font-size:20px;display:flex}.alert-close:hover{opacity:1;background:#ffffff1a}.login-btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);letter-spacing:1px;text-transform:uppercase;border:none;padding:16px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.login-btn:before{content:"";background:linear-gradient(45deg,var(--cosmic-blue),var(--cosmic-purple),var(--cosmic-cyan),var(--cosmic-blue));border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:opacity var(--transition-normal);background-size:400% 400%;animation:3s infinite energyPulse;position:absolute;inset:-2px}.login-btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--cosmic-blue)0%,var(--cosmic-purple)50%,var(--cosmic-cyan)100%);color:var(--text-primary);text-shadow:0 1px 3px #000c;z-index:1;position:relative;box-shadow:0 4px 15px #4285f44d,0 0 20px #8a2be233,inset 0 1px #fff3}.btn-primary:hover:not(:disabled){animation:2s infinite cosmicGlowPulse;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #4285f466,0 0 30px #8a2be24d,0 0 40px #4ecdc433}.btn-primary:active:not(:disabled){transition:transform .1s;transform:translateY(0)scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);animation:none}.login-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-tertiary);padding-top:var(--space-md);border-top:1px solid #ffffff0d;font-size:14px;position:relative}.login-footer:before{content:"◈";color:var(--cosmic-cyan);text-shadow:0 0 10px #4ecdc480;font-size:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.login-footer .link{color:var(--text-accent);transition:all var(--transition-fast);text-shadow:0 1px 2px #000c;border-radius:4px;margin-left:4px;padding:2px 4px;font-weight:600;text-decoration:none;position:relative}.login-footer .link:hover{text-shadow:0 0 10px #4ecdc4cc;background:#4ecdc41a;text-decoration:none;box-shadow:0 0 15px #4ecdc44d}.login-footer .link:after{content:"↗";opacity:0;transition:opacity var(--transition-fast);margin-left:2px}.login-footer .link:hover:after{opacity:1}@media (max-width:640px){.login-container{padding:var(--space-sm);padding-top:var(--space-xl);align-items:flex-start}.login-card{padding:var(--space-lg)var(--space-md);-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);margin:var(--space-sm);border-radius:var(--radius-lg);max-width:100%}.login-header h1{letter-spacing:1px;font-size:clamp(24px,8vw,28px)}.login-header p{font-size:clamp(13px,4vw,15px)}.login-form{gap:var(--space-md)}.form-group input{padding:12px 14px;font-size:15px}.login-btn{min-height:44px;padding:14px;font-size:15px}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}}@media (min-width:640px) and (max-width:1024px){.login-card{max-width:420px;padding:var(--space-lg)}.login-header h1{font-size:clamp(28px,4vw,32px)}.login-header p,.form-group label{font-size:15px}}@media (min-width:1024px) and (max-width:1440px){.login-card{max-width:440px}.login-header h1{font-size:34px}.login-form{gap:var(--space-lg)}}@media (min-width:1440px){.login-card{max-width:480px;padding:var(--space-xl)var(--space-xl)}.login-header h1{font-size:36px}.login-header p{font-size:17px}.form-group label{font-size:16px}.form-group input{padding:16px 18px;font-size:17px}.login-btn{padding:18px;font-size:17px}}@media (min-width:1920px){.login-card{border-radius:28px;max-width:520px;padding:48px 40px}.login-header h1{font-size:42px}.login-header p,.form-group label{font-size:18px}.form-group input{padding:18px 20px;font-size:18px}.login-btn{border-radius:18px;padding:20px;font-size:18px}}@media (prefers-reduced-motion:reduce){.login-card,.login-btn,.form-group input,.password-toggle,.login-footer .link{transition:none!important;animation:none!important}.login-card{animation:.6s cubic-bezier(.4,0,.2,1) cosmicSlideUp}.login-card:before,.btn-primary:before,.login-container:before{display:none}.login-header h1{background:var(--text-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:none}}@media (prefers-contrast:high){.login-card{background:#000000f2;border:2px solid #fff}.form-group input{background:#000;border:2px solid #fff;color:#fff!important}.btn-primary{background:linear-gradient(135deg,#00f 0%,purple 100%);border:2px solid #fff}.login-header h1{color:#fff;-webkit-text-fill-color:white;text-shadow:0 0 5px #000}}@media (prefers-color-scheme:dark){:root{--cosmic-card:#0f0f23eb;--cosmic-card-light:#191937f2}}:root{--cosmic-dark:#050514e6;--cosmic-darker:#02020af2;--cosmic-card:#0a0a1eeb;--cosmic-card-light:#141432f2;--cosmic-card-hover:#1e1e3cf2;--cosmic-cyan:#4ecdc4;--cosmic-purple:#8a2be2;--cosmic-blue:#4285f4;--cosmic-nebula:#8a2be24d;--cosmic-star:#fff;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#b0b0b0;--text-accent:#4ecdc4;--text-input:#fff;--border-subtle:#ffffff26;--border-glow:#ffffff40;--glow-cyan:#4ecdc466;--glow-purple:#8a2be266;--glow-blue:#4285f466;--glass-blur:blur(15px)saturate(180%);--glass-blur-mobile:blur(8px)saturate(150%);--shadow-cosmic:0 0 20px #4285f44d;--shadow-glow:0 0 30px #4ecdc433;--shadow-deep:0 10px 40px #00000080;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}@keyframes borderGlow{0%,to{border-color:#ffffff26}50%{border-color:#4ecdc499}}@keyframes slideUpCosmic{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cosmicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-container{min-height:100vh;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;background:0 0!important}.register-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20%,#0a0a2826 0%,#05051414 50%,#0000 100%);position:fixed;inset:0}.register-card{background:var(--cosmic-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:var(--space-xl)var(--space-lg);width:100%;max-width:520px;min-height:auto;box-shadow:var(--shadow-deep),0 0 0 1px var(--border-subtle),inset 0 1px 0 0 #ffffff1a;z-index:100;border:1px solid var(--border-subtle);max-height:85vh;transition:all var(--transition-normal);flex-direction:column;animation:.6s cubic-bezier(.4,0,.2,1) slideUpCosmic;display:flex;position:relative;overflow-y:auto}.register-form{gap:var(--space-lg);background:0 0;flex-direction:column;flex:1;display:flex}.register-card::-webkit-scrollbar{width:8px}.register-card::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.register-card::-webkit-scrollbar-thumb{transition:all var(--transition-fast);background:#64649680;border-radius:4px}.register-card::-webkit-scrollbar-thumb:hover{background:#646496b3}.register-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-deep),0 0 40px #4ecdc426,0 0 0 1px #4ecdc44d}.register-header{text-align:center;margin-bottom:var(--space-xl);position:relative}.register-header:after{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),transparent);border-radius:1px;height:2px;position:absolute;bottom:-20px;left:25%;right:25%}.register-header h1{color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:0 0 20px #4ecdc480,0 2px 8px #000c;letter-spacing:1px;background:linear-gradient(135deg,var(--text-primary)0%,var(--text-accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,5vw,36px);font-weight:700}.register-header p{color:var(--text-secondary);text-shadow:0 1px 3px #000c;opacity:.9;font-size:clamp(14px,2.5vw,16px)}.register-form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.register-form-group{gap:var(--space-sm);background:0 0;flex-direction:column;display:flex;position:relative}.register-form-group label{color:var(--text-accent);text-shadow:0 1px 2px #000c;letter-spacing:.5px;font-size:14px;font-weight:600}.register-form-group input,.register-select-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;width:100%;padding:14px 16px;font-size:16px;color:var(--text-input)!important}.register-form-group input::placeholder,.register-select-input::placeholder{color:var(--text-tertiary);opacity:.7}.register-form-group input:not(:placeholder-shown),.register-select-input:not(:placeholder-shown){color:var(--text-input)!important}.register-form-group input:focus,.register-select-input:focus{border-color:var(--cosmic-cyan);background:#000000b3;outline:none;animation:2s infinite borderGlow;box-shadow:0 0 0 3px #4ecdc433,0 0 20px #4ecdc44d;color:var(--text-input)!important}.register-form-group input.error{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33,0 0 15px #ff6b6b4d;color:var(--text-input)!important}.register-form-group input.valid{border-color:#51cf66;box-shadow:0 0 0 3px #51cf6633,0 0 15px #51cf664d;color:var(--text-input)!important}.register-input-with-validation{background:0 0;position:relative}.register-validation-status{color:var(--text-accent);font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-validation-status .register-loading{border:2px solid #fff3;border-top-color:var(--cosmic-cyan);border-radius:50%;width:16px;height:16px;animation:1s linear infinite cosmicSpin;display:inline-block}.register-password-input{background:0 0;position:relative}.register-password-toggle{cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.register-password-toggle:hover{color:var(--text-accent)}.register-password-strength{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);background:0 0;display:flex}.register-strength-bar{background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.register-strength-bar:before{content:"";height:100%;width:var(--strength,0%);transition:width var(--transition-normal);border-radius:2px;display:block}.register-strength-bar.weak:before{background:linear-gradient(90deg,#ff6b6b,#ff8787);box-shadow:0 0 10px #ff6b6b80}.register-strength-bar.medium:before{background:linear-gradient(90deg,#ffd43b,#ffde67);box-shadow:0 0 10px #ffd43b80}.register-strength-bar.strong:before{background:linear-gradient(90deg,#51cf66,#69db7c);box-shadow:0 0 10px #51cf6680}.register-strength-text{color:var(--text-tertiary);text-shadow:0 1px 2px #000c;min-width:50px;font-size:12px;font-weight:600}.register-error-message{color:#ff6b6b;text-shadow:0 1px 2px #000c;align-items:center;gap:var(--space-xs);background:0 0;margin-top:4px;font-size:14px;display:flex}.register-terms{align-items:flex-start;gap:var(--space-sm);margin:var(--space-lg)0;padding:var(--space-md);border-radius:var(--radius-md);background:#0000004d;border:1px solid #ffffff0d;display:flex}.register-terms input[type=checkbox]{width:18px;height:18px;accent-color:var(--cosmic-cyan);filter:drop-shadow(0 0 5px #4ecdc480);margin-top:4px}.register-terms label{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.4}.register-terms .register-link{color:var(--text-accent);transition:all var(--transition-fast);text-shadow:0 1px 2px #000c;font-weight:600;text-decoration:none}.register-terms .register-link:hover{text-shadow:0 0 10px #4ecdc4cc;text-decoration:underline}.register-btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);letter-spacing:1px;background:0 0;border:none;padding:16px;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.register-btn:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#ffffff1a 100%);position:absolute;inset:0}.register-btn:hover:before{opacity:1}.register-btn-primary{background:linear-gradient(135deg,var(--cosmic-blue)0%,var(--cosmic-purple)50%,var(--cosmic-cyan)100%);color:var(--text-primary);text-shadow:0 1px 3px #000c;box-shadow:0 4px 15px #4285f44d,0 0 20px #8a2be233}.register-btn-primary:hover:not(:disabled){animation:2s infinite cosmicGlow;transform:translateY(-2px);box-shadow:0 8px 25px #4285f466,0 0 30px #8a2be24d,0 0 40px #4ecdc433}.register-btn-primary:active:not(:disabled){transition:transform .1s;transform:translateY(0)}.register-btn-primary:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.register-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-tertiary);padding-top:var(--space-md);background:0 0;border-top:1px solid #ffffff0d;font-size:14px}.register-footer .register-link{color:var(--text-accent);transition:all var(--transition-fast);text-shadow:0 1px 2px #000c;margin-left:4px;font-weight:600;text-decoration:none}.register-footer .register-link:hover{text-shadow:0 0 10px #4ecdc4cc;text-decoration:underline}.register-alert{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:1px solid;justify-content:space-between;align-items:center;padding:12px 16px;animation:.3s slideUpCosmic;display:flex}.alert-error{color:#ff6b6b;background:#ff6b6b26;border-color:#ff6b6b4d;box-shadow:0 0 20px #ff6b6b1a,inset 0 1px #ffffff0d}.register-alert-close{color:inherit;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0 4px;font-size:20px}.register-alert-close:hover{opacity:1}@media (max-width:640px){.register-container{padding:var(--space-sm)}.register-card{padding:var(--space-lg)var(--space-md);-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);margin:var(--space-sm);min-height:auto;max-height:90vh}.register-header h1{font-size:clamp(24px,8vw,28px)}.register-form-row{gap:var(--space-sm);grid-template-columns:1fr}.register-btn{min-height:44px;padding:14px;font-size:15px}.register-terms{padding:var(--space-sm)}}@media (min-width:640px) and (max-width:1024px){.register-card{max-width:480px;padding:var(--space-lg)}.register-header h1{font-size:clamp(28px,4vw,32px)}.register-form-group label{font-size:15px}}@media (min-width:1024px) and (max-width:1440px){.register-card{max-width:500px}.register-header h1{font-size:34px}}@media (min-width:1440px){.register-card{max-width:560px;padding:var(--space-xl)var(--space-xl)}.register-header h1{font-size:36px}.register-form-group label{font-size:16px}.register-form-group input,.register-select-input{padding:16px 18px;font-size:17px}}@media (min-width:1920px){.register-card{border-radius:28px;max-width:600px;padding:48px 40px}.register-header h1{font-size:42px}.register-header p,.register-form-group label{font-size:18px}.register-form-group input,.register-select-input{padding:18px 20px;font-size:18px}.register-btn{border-radius:18px;padding:20px;font-size:18px}}@media (prefers-reduced-motion:reduce){.register-card,.register-btn,.register-form-group input,.register-select-input{transition:none!important;animation:none!important}.register-card{animation:.6s cubic-bezier(.4,0,.2,1) slideUpCosmic}}@media (prefers-contrast:high){.register-card{background:#000000f2;border:2px solid #fff}.register-form-group input,.register-select-input{background:#000;border:2px solid #fff;color:#fff!important}.register-btn-primary{background:linear-gradient(135deg,#00f 0%,purple 100%)}.register-header h1{color:#fff;-webkit-text-fill-color:white;text-shadow:0 0 5px #000}}@media (prefers-color-scheme:dark){:root{--cosmic-card:#0f0f23eb;--cosmic-card-light:#191937f2}}.verify-container{--space-bg-darkest:#050514e6;--space-bg-dark:#0a0a1ed9;--space-bg-medium:#0f0f28cc;--space-bg-light:#141432b3;--space-bg-input:#0009;--space-bg-card:#080819cc;--space-bg-card-hover:#0c0c23e6;--text-primary:#fff;--text-secondary:#e0e0e0;--text-accent:#4ecdc4;--text-accent-alt:#8a2be2;--text-muted:#ffffffb3;--text-placeholder:#ffffff80;--text-error:#ffb3b3;--text-success:#9ae6b4;--glow-cyan:0 0 20px #4ecdc480;--glow-purple:0 0 25px #8a2be280;--glow-blue:0 0 25px #4285f466;--glow-white:0 0 15px #ffffff4d;--glow-red:0 0 15px #ff646466;--glow-green:0 0 15px #48bb7866;--border-glass:1px solid #ffffff1f;--border-glow:1px solid #4ecdc466;--shadow-card:0 8px 32px #00000080,0 0 0 1px #ffffff0d,0 0 30px #4ecdc433;--shadow-hover:0 12px 48px #000000b3,0 0 0 1px #4ecdc44d,0 0 40px #4ecdc44d;--font-size-xs:clamp(12px,3vw,14px);--font-size-sm:clamp(14px,3.5vw,16px);--font-size-base:clamp(16px,4vw,18px);--font-size-lg:clamp(18px,5vw,24px);--font-size-xl:clamp(24px,6vw,32px);--font-size-2xl:clamp(32px,7vw,48px);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-speed:.3s;--transition-ease:cubic-bezier(.4,0,.2,1);min-height:100vh;padding:var(--space-md);color:var(--text-primary);background:0 0;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.verify-card{background:var(--space-bg-card);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border:var(--border-glass);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-card);z-index:2;animation:slideUp .6s var(--transition-ease);text-align:center;transition:all var(--transition-speed)ease;padding:clamp(32px,6vw,48px) clamp(24px,5vw,40px)}.verify-card:hover{box-shadow:var(--shadow-hover);border-color:#4ecdc44d}.verify-header{margin-bottom:var(--space-xl)}.verify-icon{margin:0 auto var(--space-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:80px;height:80px;color:var(--text-primary);background:linear-gradient(145deg,#4ecdc433,#8a2be233);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #4ecdc466}.verify-icon svg{filter:drop-shadow(0 0 8px #4ecdc499);width:32px;height:32px}.verify-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-xs);text-shadow:0 0 15px #4ecdc499,0 0 30px #8a2be266;letter-spacing:1px;font-weight:700}.verify-header p{color:var(--text-secondary);font-size:var(--font-size-base);text-shadow:0 0 8px #00000080;line-height:1.6}.verify-form{gap:var(--space-lg);flex-direction:column;display:flex}.otp-inputs{justify-content:center;gap:var(--space-sm);margin:var(--space-lg)0;flex-wrap:wrap;display:flex}.otp-inputs input{background:var(--space-bg-input);border-radius:var(--radius-md);text-align:center;width:clamp(48px,10vw,64px);height:clamp(56px,12vw,72px);color:var(--text-primary);transition:all var(--transition-speed)var(--transition-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;font-size:clamp(24px,6vw,32px);font-weight:700;box-shadow:inset 0 0 10px #0000004d}.otp-inputs input:focus{border-color:var(--text-accent);background:#000000b3;outline:none;box-shadow:0 0 0 3px #4ecdc433,inset 0 0 10px #0000004d,0 0 25px #4ecdc480}.otp-inputs input.error{animation:shake .5s var(--transition-ease);border-color:#ff646499;box-shadow:0 0 20px #ff646466}.otp-inputs input::placeholder{color:var(--text-placeholder);font-size:var(--font-size-sm);font-weight:400}.verification-info{color:var(--text-muted);font-size:var(--font-size-sm);margin:var(--space-sm)0;text-shadow:0 0 6px #00000080}.verification-info .expired{color:#ffb3b3;text-shadow:0 0 10px #ff646480;font-weight:600}.actions{gap:var(--space-md);margin:var(--space-lg)0;flex-direction:column;display:flex}.btn{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-speed)var(--transition-ease);justify-content:center;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 0 8px #0009;letter-spacing:.5px;border:1px solid #ffffff26;font-weight:600;display:flex}.btn-primary{color:var(--text-primary);background:linear-gradient(145deg,#4ecdc433,#8a2be233);border-color:#4ecdc44d;box-shadow:0 0 20px #4ecdc433}.btn-primary:hover:not(:disabled){border-color:var(--text-accent);background:linear-gradient(145deg,#4ecdc459,#8a2be259);transform:translateY(-3px);box-shadow:0 0 35px #4ecdc499}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #4ecdc4cc}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(60%)}.btn-secondary:hover:not(:disabled){border-color:var(--text-accent-alt);color:var(--text-primary);background:#14143299;transform:translateY(-3px);box-shadow:0 0 25px #8a2be280}.btn-secondary:active:not(:disabled){transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(60%)}.alternative{margin-top:var(--space-lg);color:var(--text-muted);font-size:var(--font-size-sm)}.alternative .link{color:var(--text-accent);cursor:pointer;text-shadow:0 0 8px #4ecdc44d;background:0 0;border:none;padding:0;font-weight:600;transition:all .2s}.alternative .link:hover{filter:brightness(1.2);text-shadow:0 0 12px #4ecdc4b3;text-decoration:underline}.alert{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);animation:fadeIn .3s var(--transition-ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-size-sm);border:1px solid #ffffff1a;font-weight:500}.alert-error{color:#ffb3b3;background:#c5303026;border-left:5px solid #ff6b6b;box-shadow:0 0 20px #ff505033}.alert-success{color:#9ae6b4;background:#48bb7826;border-left:5px solid #48bb78;box-shadow:0 0 20px #48bb7833}.verify-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.background-shapes{width:100%;height:100%;position:relative}.shape{filter:blur(40px);animation:float 20s infinite alternate var(--transition-ease);background:radial-gradient(circle at 30% 30%,#ffffff1a,#4ecdc40d,#8a2be205);border:1px solid #ffffff0d;border-radius:50%;position:absolute}.shape-1{background:radial-gradient(circle at 70% 30%,#4ecdc426,#8a2be21a,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-200px;right:-200px}.shape-2{background:radial-gradient(circle at 30% 70%,#4285f41f,#8a2be214,#0000 70%);width:350px;height:350px;animation-delay:2s;bottom:-150px;left:-150px}.shape-3{background:radial-gradient(circle,#4ecdc41a,#ffffff0d,#0000 70%);width:250px;height:250px;animation-delay:4s;bottom:-80px;right:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.verify-container ::-webkit-scrollbar{width:8px;height:8px}.verify-container ::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.verify-container ::-webkit-scrollbar-thumb{background:#4ecdc44d;border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 0 6px #00000080}.verify-container ::-webkit-scrollbar-thumb:hover{background:#4ecdc499;box-shadow:0 0 12px #4ecdc4cc}@media (min-width:480px){.verify-card{padding:var(--space-xl)var(--space-lg)}.otp-inputs{gap:var(--space-md)}}@media (min-width:640px){.verify-container{padding:var(--space-lg)}.verify-card{max-width:550px}.otp-inputs input{width:64px;height:72px;font-size:32px}.btn{padding:var(--space-lg)}}@media (min-width:1024px){.verify-card{max-width:600px;padding:56px 48px}.verify-icon{width:96px;height:96px}.verify-icon svg{width:40px;height:40px}.shape-1{width:500px;height:500px}.shape-2{width:450px;height:450px}}@media (min-width:1440px){.verify-card{max-width:650px;padding:64px 56px}.verify-header h1{font-size:48px}.shape-1{width:600px;height:600px}.shape-2{width:550px;height:550px}.shape-3{width:350px;height:350px}}@media (min-width:1920px){.verify-container{padding:var(--space-2xl)}.verify-card{max-width:750px;padding:80px 72px}.verify-header h1{font-size:64px}.verify-header p{font-size:20px}.otp-inputs input{width:80px;height:90px;font-size:40px}}@media (prefers-reduced-motion:reduce){.verify-card,.btn,.shape,.otp-inputs input,.alert{transition:none!important;animation:none!important;transform:none!important}.shape{animation:none}}@media (prefers-contrast:high){.verify-container{--text-primary:white;--text-secondary:white;--border-glass:2px solid white;--space-bg-card:#000000f2}.btn,.otp-inputs input,.alert{border:2px solid}}h1,p,span,a,button,label,input,.alert{text-shadow:0 0 10px #000000b3,0 2px 4px #00000080}::placeholder{color:var(--text-placeholder);opacity:.8}:focus-visible{outline:3px solid var(--text-accent);outline-offset:2px;box-shadow:0 0 0 3px #4ecdc466}:root{--cosmic-dark:#050514d9;--cosmic-darker:#0a0a1ee6;--cosmic-deep:#0f0f28cc;--cosmic-black:#0009;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc480;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be280;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-lighter:#f5f5f5;--cosmic-gray:#a0a0a0;--glass-blur:blur(12px)saturate(180%);--glass-border:1px solid #ffffff26;--glass-shadow:0 8px 32px #0006;--glass-glow:0 0 20px #4ecdc433;--text-glow:0 0 10px #ffffff4d;--text-shadow:0 2px 4px #00000080;--text-glow-strong:0 0 15px #ffffff80,0 0 30px #4ecdc44d;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--font-xs:clamp(12px,3vw,14px);--font-sm:clamp(14px,3.5vw,16px);--font-base:clamp(15px,4vw,17px);--font-lg:clamp(16px,4.5vw,20px);--font-xl:clamp(20px,5vw,24px);--font-2xl:clamp(24px,6vw,32px);--font-3xl:clamp(28px,7vw,40px);--btn-height-sm:44px;--btn-height-md:50px;--btn-height-lg:56px;--notif-personal:#4ecdc433;--notif-personal-border:#4ecdc466;--notif-personal-glow:#4ecdc44d;--notif-general:#48bb7833;--notif-general-border:#48bb7866;--notif-general-glow:#48bb784d;--notif-group:#ed893633;--notif-group-border:#ed893666;--notif-group-glow:#ed89364d;--notif-user:#9f7aea33;--notif-user-border:#9f7aea66;--notif-user-glow:#9f7aea4d;--notif-unread:#4285f41a}@keyframes notification-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes unread-pulse{0%,to{box-shadow:0 0 #4ecdc433}50%{box-shadow:0 0 0 4px #4ecdc41a}}.notifications-container{z-index:1;background:0 0;max-width:1400px;margin:0 auto;padding:clamp(20px,4vw,32px);position:relative}.notifications-header{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(24px,5vw,32px);padding:24px;display:flex;position:relative;overflow:hidden}.notifications-header:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.notifications-header h1{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);letter-spacing:1px;margin:0;font-weight:700}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-mark-all-read,.btn-refresh{min-height:var(--btn-height-sm);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-mark-all-read{color:var(--cosmic-cyan);background:linear-gradient(135deg,#4ecdc433 0%,#4285f433 100%);border:1px solid #4ecdc44d;box-shadow:0 4px 15px #4ecdc433}.btn-mark-all-read:hover:not(:disabled){color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#4285f44d 100%);transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.btn-mark-all-read:disabled{opacity:.3;cursor:not-allowed}.btn-refresh{color:var(--cosmic-light);background:#ffffff0d;border:1px solid #ffffff1a}.btn-refresh:hover:not(:disabled){color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.btn-refresh:disabled{opacity:.3;cursor:not-allowed}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:clamp(24px,5vw,40px);display:grid}.stat-card{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;border:var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px;padding:clamp(20px,4vw,24px);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--glass-shadow),0 0 25px #4ecdc433;transform:translateY(-4px)}.stat-card:before{content:"";border-radius:16px 16px 0 0;width:100%;height:4px;position:absolute;top:0;left:0}.stat-card.unread{border-left:4px solid var(--cosmic-cyan)}.stat-card.unread:before{background:linear-gradient(90deg,var(--cosmic-cyan),transparent)}.stat-card.general{border-left:4px solid #48bb78cc}.stat-card.general:before{background:linear-gradient(90deg,#48bb78cc,#0000)}.stat-card.group{border-left:4px solid #ed8936cc}.stat-card.group:before{background:linear-gradient(90deg,#ed8936cc,#0000)}.stat-card.user-info{border-left:4px solid #9f7aeacc}.stat-card.user-info:before{background:linear-gradient(90deg,#9f7aeacc,#0000)}.stat-value{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);margin-bottom:8px;font-weight:800;line-height:1}.stat-card.unread .stat-value{color:var(--cosmic-cyan);text-shadow:0 0 10px var(--cosmic-cyan-glow)}.stat-card.general .stat-value{color:#48bb78;text-shadow:0 0 10px #48bb784d}.stat-card.group .stat-value{color:#ffb347;text-shadow:0 0 10px #ed89364d}.stat-card.user-info .stat-value{color:#9f7aea;text-shadow:0 0 10px #9f7aea4d}.stat-label{font-size:var(--font-sm);color:var(--cosmic-light);text-transform:uppercase;letter-spacing:2px;opacity:.8;text-shadow:var(--text-shadow);font-weight:600}.notifications-filters{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;margin-bottom:24px;padding:20px}.filter-tabs{scrollbar-width:thin;scrollbar-color:var(--cosmic-cyan)#0003;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{height:6px}.filter-tabs::-webkit-scrollbar-track{background:#0003;border-radius:3px}.filter-tabs::-webkit-scrollbar-thumb{background:var(--cosmic-cyan);border-radius:3px}.filter-tab{color:var(--cosmic-light);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:12px 24px}.filter-tab:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.filter-tab.active{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border-color:#4ecdc44d;box-shadow:0 4px 15px #4ecdc433}.notifications-list{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:20px;min-height:400px;position:relative;overflow:hidden}.notifications-list:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#4ecdc40d 0%,#0000 50%);position:absolute;inset:0}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.notifications-spinner{border:3px solid #ffffff1a;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);border-radius:50%;width:60px;height:60px;margin-bottom:24px;animation:2s linear infinite cosmic-spin;position:relative}.notifications-spinner:before{content:"";background:radial-gradient(circle,var(--cosmic-cyan-glow)0%,transparent 70%);filter:blur(10px);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-5px}.loading-state p{font-size:var(--font-lg);color:var(--cosmic-light);text-shadow:var(--text-shadow);opacity:.8}.notifications-spinner.small{vertical-align:middle;border-width:2px;width:20px;height:20px;margin:0;animation:1s linear infinite spin;display:inline-block}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{color:var(--cosmic-cyan);filter:drop-shadow(0 0 20px var(--cosmic-cyan-glow));margin-bottom:24px;font-size:64px}.empty-state h3{font-size:var(--font-xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);margin-bottom:12px}.empty-state p{color:var(--cosmic-light);opacity:.8;max-width:400px;text-shadow:var(--text-shadow);margin:0;line-height:1.6}.notifications-grid{flex-direction:column;display:flex}.notification-card{transition:var(--transition-smooth);border-bottom:1px solid #ffffff1a;padding:clamp(20px,4vw,24px);animation:.4s ease-out notification-slide-in;position:relative;overflow:hidden}.notification-card:last-child{border-bottom:none}.notification-card.personal{border-left:4px solid var(--notif-personal-border)}.notification-card.general{border-left:4px solid var(--notif-general-border)}.notification-card.group{border-left:4px solid var(--notif-group-border)}.notification-card.unread{background:linear-gradient(90deg,var(--notif-unread)0%,transparent 30%);animation:2s ease-in-out infinite unread-pulse}.notification-card:hover{background:#ffffff08;transform:translate(5px)}.notification-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.notification-type{flex-wrap:wrap;gap:10px;display:flex}.type-badge{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:var(--text-shadow);border:1px solid;border-radius:20px;padding:6px 16px;font-weight:700}.type-badge.personal{background:var(--notif-personal);color:var(--cosmic-cyan);border-color:var(--notif-personal-border);box-shadow:0 0 10px var(--notif-personal-glow)}.type-badge.general{background:var(--notif-general);color:#48bb78;border-color:var(--notif-general-border);box-shadow:0 0 10px var(--notif-general-glow)}.type-badge.group{background:var(--notif-group);color:#ffb347;border-color:var(--notif-group-border);box-shadow:0 0 10px var(--notif-group-glow)}.notification-time{font-size:var(--font-sm);color:var(--cosmic-gray);text-shadow:var(--text-shadow);align-items:center;gap:6px;font-weight:500;display:flex}.notification-time:before{content:"🕐";font-size:var(--font-xs);opacity:.7}.notification-content{margin-bottom:20px}.notification-title{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #fff3;margin:0 0 12px;font-weight:700;line-height:1.4}.notification-message{color:var(--cosmic-lighter);text-shadow:var(--text-shadow);opacity:.9;margin:0 0 16px;line-height:1.6}.notification-meta{font-size:var(--font-sm);color:var(--cosmic-light);flex-wrap:wrap;gap:24px;display:flex}.notification-meta strong{color:var(--cosmic-white);text-shadow:var(--text-shadow);font-weight:600}.notification-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.btn-mark-read,.btn-delete{min-height:36px;font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-mark-read{background:var(--notif-general);color:#48bb78;border:1px solid var(--notif-general-border)}.btn-mark-read:hover:not(:disabled){box-shadow:0 4px 15px var(--notif-general-glow);color:var(--cosmic-white);background:#48bb784d;transform:translateY(-2px)}.btn-delete{color:#ff6b6b;background:#fc81811a;border:1px solid #fc81814d}.btn-delete:hover:not(:disabled){color:var(--cosmic-white);background:#fc81814d;transform:translateY(-2px);box-shadow:0 4px 15px #fc81814d}.btn-mark-read:disabled,.btn-delete:disabled{opacity:.3;cursor:not-allowed}.readonly-info{font-size:var(--font-xs);color:var(--cosmic-gray);text-shadow:var(--text-shadow);align-items:center;gap:6px;font-style:italic;display:flex}.loading-more{text-align:center;color:var(--cosmic-light);text-shadow:var(--text-shadow);background:#ffffff05;justify-content:center;align-items:center;gap:12px;padding:30px 20px;display:flex}.load-more{text-align:center;background:#ffffff05;padding:30px 20px}.btn-load-more{min-height:var(--btn-height-md);color:var(--cosmic-light);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-weight:600;display:inline-flex}.btn-load-more:hover{color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.error-message{color:#ff6b6b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fc81811a;border:1px solid #fc81814d;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:20px;padding:20px;display:flex;box-shadow:0 4px 15px #fc818133}.error-message p{text-shadow:var(--text-shadow);flex:1;margin:0;font-weight:500}.btn-retry{min-height:36px;color:var(--cosmic-white);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fc818133;border:1px solid #fc818166;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex}.btn-retry:hover{background:#fc81814d;transform:translateY(-2px);box-shadow:0 4px 15px #fc81814d}@media (max-width:640px){.notifications-container{padding:12px}.notifications-header{-webkit-backdrop-filter:blur(5px)saturate(160%);backdrop-filter:blur(5px)saturate(160%);flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.header-actions{width:100%}.btn-mark-all-read,.btn-refresh{justify-content:center;width:100%;min-height:44px}.stats-summary{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:var(--font-xl)}.filter-tabs{flex-wrap:wrap}.filter-tab{text-align:center;flex:1;min-width:calc(50% - 5px)}.notification-header{flex-direction:column;align-items:flex-start;gap:12px}.notification-meta{flex-direction:column;gap:8px}.notification-actions{flex-direction:column;align-items:stretch}.btn-mark-read,.btn-delete{justify-content:center;width:100%}.error-message{text-align:center;flex-direction:column;gap:12px}.btn-retry{width:100%}}@media (min-width:640px) and (max-width:1024px){.stats-summary{grid-template-columns:repeat(2,1fr)}.notification-header{align-items:flex-start}.notification-meta{flex-direction:row}.notification-actions{flex-direction:row;align-items:center}}@media (min-width:1024px) and (max-width:1440px){.stats-summary{grid-template-columns:repeat(4,1fr)}.notifications-container{max-width:1200px}}@media (min-width:1440px){.stats-summary{grid-template-columns:repeat(4,1fr);gap:24px}.notifications-container{max-width:1400px}.notification-card{padding:28px}}@media (min-width:1920px){.notifications-container{max-width:1600px;padding:40px}.stats-summary{grid-template-columns:repeat(4,1fr);gap:32px}.stat-card{padding:32px}.stat-value{font-size:var(--font-3xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.notifications-spinner,.notification-card,.btn-mark-all-read:hover,.btn-refresh:hover,.btn-mark-read:hover,.btn-delete:hover,.btn-retry:hover,.btn-load-more:hover,.filter-tab:hover,.stat-card:hover{animation:none!important;transform:none!important}.notification-card.unread{animation:none!important}}@media (prefers-contrast:high){.notifications-container{background:#000000f2!important}.notifications-header,.notifications-list,.stat-card,.notifications-filters{border:2px solid var(--cosmic-cyan)!important;background:#000000f2!important}.notifications-spinner{border-color:var(--cosmic-white)!important;border-top-color:var(--cosmic-cyan)!important}.notification-card.unread{background:#4ecdc44d!important}.btn-mark-all-read,.btn-refresh,.btn-mark-read,.btn-delete,.btn-retry,.btn-load-more,.filter-tab{border:2px solid var(--cosmic-white)!important}}@media print{.notifications-container{padding:20px;color:#000!important;background:#fff!important}.notifications-header,.notifications-list,.stat-card,.notifications-filters{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.notifications-header h1,.notification-title,.stat-value{color:#000!important;text-shadow:none!important}.notification-message,.stat-label,.notification-time{color:#333!important}.btn-mark-all-read,.btn-refresh,.btn-mark-read,.btn-delete,.btn-retry,.btn-load-more,.filter-tab{display:none!important}.type-badge{color:#000!important;box-shadow:none!important;background:0 0!important;border:1px solid #000!important}}:root{--cosmic-dark:#050514d9;--cosmic-darker:#0a0a1ee6;--cosmic-deep:#0f0f28cc;--cosmic-black:#0009;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc480;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be280;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-lighter:#f5f5f5;--cosmic-gray:#a0a0a0;--glass-blur:blur(12px)saturate(180%);--glass-border:1px solid #ffffff26;--glass-shadow:0 8px 32px #0006;--glass-glow:0 0 20px #4ecdc433;--text-glow:0 0 10px #ffffff4d;--text-shadow:0 2px 4px #00000080;--text-glow-strong:0 0 15px #ffffff80,0 0 30px #4ecdc44d;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--font-xs:clamp(12px,3vw,14px);--font-sm:clamp(14px,3.5vw,16px);--font-base:clamp(15px,4vw,17px);--font-lg:clamp(16px,4.5vw,20px);--font-xl:clamp(20px,5vw,24px);--font-2xl:clamp(24px,6vw,32px);--font-3xl:clamp(28px,7vw,40px);--btn-height-sm:44px;--btn-height-md:50px;--btn-height-lg:56px;--cert-valid:#48bb7833;--cert-valid-border:#48bb7866;--cert-valid-glow:#48bb784d;--cert-expired:#9ca3af33;--cert-expired-border:#9ca3af66;--cert-expired-glow:#9ca3af4d;--cert-course:#4f46e533;--cert-course-border:#4f46e566;--cert-course-glow:#4f46e54d;--cert-exam:#0ea5e933;--cert-exam-border:#0ea5e966;--cert-exam-glow:#0ea5e94d}@keyframes certificate-glow{0%,to{box-shadow:var(--glass-shadow),0 0 20px #4ecdc41a}50%{box-shadow:var(--glass-shadow),0 0 30px #4ecdc44d}}.user-certificates{z-index:1;background:0 0;max-width:1600px;min-height:80vh;margin:0 auto;padding:clamp(20px,4vw,32px);position:relative}.header{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;margin-bottom:clamp(24px,5vw,40px);padding:clamp(24px,5vw,40px);position:relative;overflow:hidden}.header:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.header:after{content:"";pointer-events:none;background:radial-gradient(circle,#4ecdc40d 0%,#8a2be208 30%,#0000 70%);position:absolute;inset:-50%}.header h1{font-size:var(--font-3xl);background:linear-gradient(135deg,var(--cosmic-white)0%,var(--cosmic-cyan)50%,var(--cosmic-purple)100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #4ecdc433;letter-spacing:1px;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-weight:800;position:relative}.header p{color:var(--cosmic-light);font-size:var(--font-lg);max-width:600px;text-shadow:var(--text-shadow);opacity:.9;margin:0 auto;line-height:1.6}.loading-container{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:clamp(60px,10vw,100px) 20px;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);border-radius:50%;width:70px;height:70px;margin-bottom:30px;animation:2s linear infinite cosmic-spin;position:relative}.loading-spinner:before{content:"";background:radial-gradient(circle,var(--cosmic-cyan-glow)0%,transparent 70%);filter:blur(10px);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-5px}.loading-container p{font-size:var(--font-lg);color:var(--cosmic-light);text-shadow:var(--text-shadow);opacity:.8;letter-spacing:1px}.error-container{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),0 0 30px #f003;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:clamp(60px,10vw,100px) 20px;display:flex}.error-icon{color:#ff6b6b;filter:drop-shadow(0 0 20px #ff6b6b80);margin-bottom:24px;font-size:64px}.error-container h3{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 15px #ff6b6b4d;margin-bottom:16px;font-weight:700;line-height:1.3}.error-container p{color:var(--cosmic-light);max-width:500px;text-shadow:var(--text-shadow);opacity:.9;line-height:1.6;font-size:var(--font-base);margin-bottom:32px}.retry-btn{min-height:var(--btn-height-lg);color:var(--cosmic-cyan);cursor:pointer;transition:var(--transition-smooth);font-weight:700;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc433 0%,#4285f433 100%);border:1px solid #4ecdc44d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 32px;display:inline-flex;box-shadow:0 4px 15px #4ecdc433}.retry-btn:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#4285f44d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.empty-state{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:clamp(60px,10vw,100px) 20px;display:flex}.empty-icon{color:var(--cosmic-cyan);filter:drop-shadow(0 0 25px var(--cosmic-cyan-glow));margin-bottom:24px;font-size:80px;animation:3s ease-in-out infinite float}.empty-state h3{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);margin-bottom:16px;font-weight:700;line-height:1.3}.empty-state p{color:var(--cosmic-light);max-width:500px;text-shadow:var(--text-shadow);opacity:.9;line-height:1.6;font-size:var(--font-lg);margin-bottom:32px}.certificates-section{margin-bottom:clamp(32px,6vw,48px)}.section-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex;position:relative}.section-header:after{content:"";background:linear-gradient(90deg,var(--cosmic-cyan),var(--cosmic-purple));border-radius:2px;width:60px;height:2px;position:absolute;bottom:-1px;left:0}.section-header h2{font-size:var(--font-xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #4ecdc433;margin:0;font-weight:700}.badge{color:#48bb78;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#48bb7833 0%,#38a16933 100%);border:1px solid #48bb784d;border-radius:20px;padding:6px 16px;font-weight:700;box-shadow:0 0 10px #48bb7833}.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid}@media (max-width:1024px){.certificates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}}@media (max-width:768px){.certificates-grid{grid-template-columns:1fr;gap:16px}}.certificate-card{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border:var(--glass-border);cursor:pointer;transition:var(--transition-smooth);border-radius:20px;padding:clamp(20px,4vw,24px);animation:4s ease-in-out infinite certificate-glow;position:relative;overflow:hidden}.certificate-card:hover{box-shadow:var(--glass-shadow),0 0 40px #4ecdc466;z-index:2;border-color:#4ecdc44d;transform:translateY(-8px)scale(1.02)}.certificate-card:before{content:"";background:linear-gradient(90deg,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue));opacity:.8;border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.certificate-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#4ecdc40d 0%,#0000 70%);position:absolute;inset:0}.certificate-header{z-index:1;align-items:center;gap:16px;margin-bottom:20px;display:flex;position:relative}.certificate-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex;position:relative;overflow:hidden}.certificate-icon:before{content:"";background:inherit;filter:blur(10px);opacity:.5;position:absolute;inset:0}.certificate-icon.course{color:#8b5cf6;background:linear-gradient(135deg,#4f46e54d 0%,#7c3aed4d 100%);border:1px solid #8b5cf666;box-shadow:0 0 20px #8b5cf64d}.certificate-icon.exam{color:#60a5fa;background:linear-gradient(135deg,#0ea5e94d 0%,#3b82f64d 100%);border:1px solid #60a5fa66;box-shadow:0 0 20px #60a5fa4d}.certificate-icon.expired{color:#9ca3af;background:linear-gradient(135deg,#9ca3af4d 0%,#6b72804d 100%);border:1px solid #9ca3af66;box-shadow:0 0 20px #9ca3af4d}.certificate-info{flex:1}.certificate-info h3{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #fff3;margin-bottom:6px;font-weight:700;line-height:1.4}.certificate-id{font-size:var(--font-sm);color:var(--cosmic-cyan);text-shadow:0 0 5px var(--cosmic-cyan-glow);letter-spacing:1px;font-family:Courier New,monospace;font-weight:500}.certificate-details{z-index:1;flex-direction:column;gap:12px;margin-bottom:24px;display:flex;position:relative}.label{font-size:var(--font-sm);color:var(--cosmic-light);text-shadow:var(--text-shadow);opacity:.8;align-items:center;gap:6px;font-weight:500;display:flex}.value{font-size:var(--font-sm);color:var(--cosmic-white);text-shadow:var(--text-shadow);text-align:right;font-weight:600}.status-badge{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:var(--text-shadow);border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-weight:700;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:8px;height:8px;display:inline-block}.status-badge.valid{background:var(--cert-valid);color:#48bb78;border-color:var(--cert-valid-border);box-shadow:0 0 10px var(--cert-valid-glow)}.status-badge.valid:before{background:#48bb78;box-shadow:0 0 5px #48bb78}.status-badge.expired{background:var(--cert-expired);color:#9ca3af;border-color:var(--cert-expired-border);box-shadow:0 0 10px var(--cert-expired-glow)}.status-badge.expired:before{background:#9ca3af;box-shadow:0 0 5px #9ca3af}.certificate-actions{z-index:1;border-top:1px solid #ffffff0d;justify-content:flex-end;padding-top:16px;display:flex;position:relative}.view-btn{min-height:var(--btn-height-md);color:var(--cosmic-cyan);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:inline-flex;box-shadow:0 4px 15px #4ecdc433}.view-btn:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}@media (max-width:640px){.user-certificates{padding:12px}.header{-webkit-backdrop-filter:blur(5px)saturate(160%);backdrop-filter:blur(5px)saturate(160%);padding:20px}.header h1{font-size:var(--font-xl)}.header p{font-size:var(--font-base)}.certificates-grid{gap:16px}.certificate-card{border-radius:16px;padding:20px}.certificate-header{flex-direction:column;align-items:flex-start;gap:12px}.certificate-icon{width:60px;height:60px;font-size:24px}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}.value{text-align:left}.certificate-actions{justify-content:center}.view-btn{justify-content:center;width:100%}}@media (min-width:640px) and (max-width:1024px){.user-certificates{max-width:1200px}.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1440px){.user-certificates{max-width:1400px}.certificates-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.user-certificates{max-width:1600px;padding:40px}.certificates-grid{grid-template-columns:repeat(3,1fr);gap:32px}.certificate-card{padding:28px}}@media (min-width:1920px){.user-certificates{max-width:1800px;padding:48px}.certificates-grid{grid-template-columns:repeat(4,1fr);gap:40px}.certificate-card{padding:32px}.certificate-icon{width:80px;height:80px;font-size:36px}.certificate-info h3{font-size:var(--font-xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner,.empty-icon,.certificate-card,.retry-btn:hover,.view-btn:hover,.certificate-card:hover{animation:none!important;transform:none!important}.certificate-card{animation:none!important}.certificate-card:hover{box-shadow:var(--glass-shadow)!important}}@media (prefers-contrast:high){.user-certificates{background:#000000f2!important}.header,.loading-container,.error-container,.empty-state,.certificate-card{border:2px solid var(--cosmic-cyan)!important;background:#000000f2!important}.loading-spinner{border-color:var(--cosmic-white)!important;border-top-color:var(--cosmic-cyan)!important}.certificate-card:before{height:6px;background:var(--cosmic-cyan)!important}.view-btn,.retry-btn,.certificate-icon{border:2px solid var(--cosmic-white)!important}}@media print{.user-certificates{padding:20px;color:#000!important;background:#fff!important}.header,.loading-container,.error-container,.empty-state,.certificate-card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.header h1{-webkit-text-fill-color:black!important;background:#000!important}.certificate-info h3,.section-header h2,.error-container h3,.empty-state h3{color:#000!important;text-shadow:none!important}.certificate-info p,.header p,.error-container p,.empty-state p,.label,.certificate-id{color:#333!important}.view-btn,.retry-btn{display:none!important}.certificate-icon{border:1px solid #ccc!important}.certificate-card:before{height:3px;background:#ccc!important}}:root{--space-bg-deep:#050514d9;--space-bg-medium:#0a0a1ecc;--space-bg-light:#141432b3;--space-bg-glass:#08081966;--space-bg-ghost:#00000026;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc459;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be259;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f459;--cosmic-gold:gold;--cosmic-gold-glow:#ffd70059;--cosmic-silver:silver;--cosmic-silver-glow:#c0c0c033;--text-primary:#fff;--text-secondary:#f0f0f0;--text-tertiary:#d0d0d0;--text-muted:#fffc;--text-glow:0 0 12px #fff6;--text-shadow-deep:0 2px 8px #000000e6,0 0 20px #0009;--text-shadow-soft:0 2px 6px #000c;--glass-blur:blur(20px)saturate(180%);--glass-blur-mobile:blur(12px)saturate(160%);--glass-border:1px solid #ffffff1a;--glass-border-strong:1px solid #fff3;--glass-shadow:0 12px 40px #0009;--glass-shadow-hover:0 18px 48px #000c;--glass-inner-shadow:inset 0 0 30px #0000004d;--glow-cyan:0 0 25px var(--cosmic-cyan-glow),0 0 50px #4ecdc433;--glow-purple:0 0 25px var(--cosmic-purple-glow),0 0 50px #8a2be233;--glow-blue:0 0 25px var(--cosmic-blue-glow),0 0 50px #4285f433;--glow-gold:0 0 25px var(--cosmic-gold-glow),0 0 50px #ffd70033;--glow-soft:0 0 60px #4ecdc41a;--font-serif:"Georgia","Times New Roman",Times,serif;--font-sans:"Inter",-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Courier New",monospace;--text-xs:clamp(11px,2.8vw,13px);--text-sm:clamp(13px,3.2vw,15px);--text-base:clamp(14px,3.8vw,16px);--text-md:clamp(15px,4.2vw,18px);--text-lg:clamp(18px,4.8vw,22px);--text-xl:clamp(22px,5.5vw,28px);--text-2xl:clamp(26px,6.5vw,34px);--text-3xl:clamp(30px,7.5vw,42px);--text-4xl:clamp(36px,8.5vw,48px);--space-xs:clamp(6px,1.8vw,10px);--space-sm:clamp(10px,2.2vw,14px);--space-md:clamp(14px,2.6vw,18px);--space-lg:clamp(18px,3vw,24px);--space-xl:clamp(24px,4vw,32px);--space-2xl:clamp(32px,5vw,40px);--space-3xl:clamp(40px,6vw,56px);--transition-fast:all .2s cubic-bezier(.4,0,.2,1);--transition-base:all .3s cubic-bezier(.4,0,.2,1);--transition-slow:all .5s cubic-bezier(.4,0,.2,1);--transition-bounce:all .4s cubic-bezier(.34,1.56,.64,1);--scrollbar-track:#0003;--scrollbar-thumb:#64649680;--scrollbar-thumb-hover:var(--cosmic-cyan)}.certificate-details{background:var(--space-bg-ghost);min-height:100vh;padding:var(--space-xl);z-index:10;font-family:var(--font-serif);color:var(--text-primary);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;align-items:center;display:flex;position:relative}.certificate-details:before{content:"";pointer-events:none;z-index:5;background:radial-gradient(circle,#4ecdc405 0%,#8a2be205 50%,#0000 100%);width:100%;height:100%;position:fixed;top:0;left:0}.certificate-content{z-index:20;width:100%;max-width:1200px;margin:0 auto;position:relative}.loading-container,.error-container{text-align:center;background:var(--space-bg-deep);min-height:50vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glow-soft);padding:var(--space-xl);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.loading-spinner{border:2px solid #ffffff05;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);width:70px;height:70px;margin-bottom:var(--space-md);box-shadow:0 0 40px var(--cosmic-cyan-glow),0 0 20px var(--cosmic-purple-glow);background:0 0;border-left-color:#0000;border-radius:50%;animation:1.2s linear infinite cosmic-spin;position:relative}.loading-spinner:after{content:"";border:1px dashed #ffffff1a;border-radius:50%;animation:3s infinite pulse-subtle;position:absolute;inset:-8px}.loading-text{font-size:var(--text-base);color:var(--text-secondary);text-shadow:var(--text-shadow-deep);letter-spacing:2px}@keyframes pulse-subtle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.error-icon{font-size:var(--text-3xl);margin-bottom:var(--space-sm);filter:drop-shadow(0 0 15px var(--cosmic-gold-glow))}.error-container h3{font-size:var(--text-xl);margin-bottom:var(--space-xs);color:var(--text-primary);text-shadow:var(--text-shadow-deep),var(--text-glow)}.error-actions{gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.retry-btn,.back-btn{min-height:48px;padding:0 var(--space-xl);font-weight:600;font-size:var(--text-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);background:var(--space-bg-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border-strong);box-shadow:var(--glass-shadow);cursor:pointer;transition:var(--transition-base);text-shadow:var(--text-shadow-deep);border-radius:40px;justify-content:center;align-items:center;display:inline-flex}.retry-btn{background:linear-gradient(145deg,#4ecdc426,#8a2be226);border-color:#4ecdc466}.retry-btn:hover,.back-btn:hover{border-color:var(--cosmic-cyan);box-shadow:var(--glass-shadow-hover),var(--glow-cyan);background:var(--space-bg-medium);transform:translateY(-4px)scale(1.02)}.certificate-header{margin-bottom:var(--space-lg);padding:var(--space-sm)var(--space-md);background:var(--space-bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);justify-content:flex-end;align-items:center;gap:var(--space-sm);border-radius:60px;flex-wrap:wrap;display:flex}.header-actions{gap:var(--space-xs);flex-wrap:wrap;display:flex}.share-btn,.copy-btn{min-height:44px;padding:0 var(--space-lg);font-weight:600;font-size:var(--text-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);background:var(--space-bg-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow);cursor:pointer;transition:var(--transition-base);text-shadow:var(--text-shadow-deep);border-radius:40px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.share-btn{background:linear-gradient(145deg,#4ecdc41a,#8a2be21a);border-color:#4ecdc44d}.copy-btn{background:var(--space-bg-light)}.share-btn:hover,.copy-btn:hover{border-color:var(--cosmic-cyan);box-shadow:var(--glass-shadow-hover),var(--glow-cyan);background:var(--space-bg-medium);transform:translateY(-3px)}.certificate-card{background:var(--space-bg-deep);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow),var(--glow-soft),0 0 0 1px #ffffff08 inset;margin-bottom:var(--space-lg);width:100%;transition:var(--transition-slow);border:1px solid #ffd70026;border-radius:32px;position:relative}.certificate-card:hover{box-shadow:var(--glass-shadow-hover),var(--glow-cyan),0 0 0 1px #4ecdc426 inset;border-color:#4ecdc440}.certificate-card:before{content:"";pointer-events:none;z-index:2;transition:var(--transition-base);border:1.5px solid #ffd7001a;border-radius:24px;position:absolute;inset:12px}.certificate-card:hover:before{border-color:#4ecdc433}.certificate-border{padding:var(--space-xl);z-index:3;gap:0 var(--space-lg);background:0 0;grid-template-columns:1fr 1.8fr;align-items:start;display:grid;position:relative}.certificate-body{display:contents}.certificate-title{grid-area:1/1/auto/-1;margin:0!important;padding:0!important}.presented-to{grid-area:2/1;margin:0!important;padding:0!important}.awarded-for{grid-area:3/1;margin:0!important;padding:0!important}.certificate-message{grid-area:4/1;margin:0!important;padding:0!important}.certificate-id{grid-area:5/1;margin:0!important;padding:0!important}.main-details{grid-area:2/2;margin:0!important;padding:0!important}.detail-grid{grid-area:3/2;margin:0!important;padding:0!important}.certificate-footer{grid-area:6/1/auto/-1;margin:0!important;padding:0!important}.certificate-seal{bottom:var(--space-lg);right:var(--space-lg);z-index:30;pointer-events:none;position:absolute}.certificate-title h1{font-size:var(--text-2xl);font-family:var(--font-serif);letter-spacing:6px;text-transform:uppercase;color:var(--text-primary);text-shadow:0 0 30px #ffffff80,var(--text-shadow-deep);background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;margin:0 0 var(--space-xs)0!important}.certificate-ribbon{justify-content:center;align-items:center;gap:var(--space-sm);display:flex;margin:var(--space-xs)0 0 0!important}.ribbon-left,.ribbon-right{background:linear-gradient(90deg,transparent,var(--cosmic-gold),var(--cosmic-cyan),transparent);opacity:.8;width:60px;height:2px;box-shadow:0 0 10px var(--cosmic-gold-glow)}.ribbon-center{color:var(--cosmic-gold);filter:drop-shadow(0 0 12px var(--cosmic-gold-glow));font-size:28px;line-height:1}.presented-to .label{font-size:var(--text-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:4px;color:var(--text-tertiary);text-shadow:var(--text-shadow-deep);font-weight:400;display:block;margin:0 0 6px!important}.user-info{align-items:center;gap:var(--space-md);display:flex;margin:0!important;padding:0!important}.user-avatar{border:2px solid var(--cosmic-gold);width:110px;height:110px;box-shadow:0 0 30px var(--cosmic-gold-glow),0 0 0 2px #ffffff1a inset;background:var(--space-bg-deep);border-radius:50%;overflow:hidden;margin:0!important}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-fallback{background:linear-gradient(145deg,var(--cosmic-cyan),var(--cosmic-purple));color:#fff;width:100%;height:100%;font-size:var(--text-3xl);font-weight:700;font-family:var(--font-serif);justify-content:center;align-items:center;display:flex}.user-name{font-size:var(--text-3xl);font-weight:700;font-family:var(--font-serif);color:var(--text-primary);text-shadow:0 0 20px #fff9,var(--text-shadow-deep);line-height:1.2;margin:0 0 2px!important}.user-email{font-size:var(--text-md);color:var(--cosmic-cyan);text-shadow:0 0 12px var(--cosmic-cyan-glow),var(--text-shadow-deep);font-family:var(--font-sans);letter-spacing:.8px;line-height:1.3;margin:0!important}.user-badge{margin-top:var(--space-sm);background:var(--space-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px var(--cosmic-gold-glow);transition:var(--transition-base);font-family:var(--font-sans);letter-spacing:1px;border:1px solid #ffd70066;border-radius:40px;align-items:center;gap:10px;width:fit-content;margin-bottom:0;padding:8px 24px;display:inline-flex}.user-badge:hover{border-color:var(--cosmic-cyan);box-shadow:0 0 25px var(--cosmic-cyan-glow);background:#14143299;transform:translateY(-2px)}.badge-icon{color:var(--cosmic-gold);filter:drop-shadow(0 0 8px var(--cosmic-gold-glow));font-size:20px}.badge-text{font-size:var(--text-base);text-transform:uppercase;color:var(--text-primary);text-shadow:var(--text-shadow-deep);letter-spacing:2px;font-weight:700}.awarded-for{text-align:left;font-size:var(--text-sm);color:var(--text-secondary);text-shadow:var(--text-shadow-deep);font-style:italic;font-family:var(--font-serif);border-top:1px solid #ffd7004d;border-bottom:1px solid #ffd7004d;line-height:1.6;margin:0!important;padding:6px 0!important}.certificate-message{background:var(--space-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:4px solid var(--cosmic-gold);font-family:var(--font-serif);border-radius:20px;font-style:italic;position:relative;padding:8px var(--space-md)8px var(--space-lg)!important;margin:0!important}.certificate-message:before{content:"“";color:#ffd70033;text-shadow:0 0 20px var(--cosmic-gold-glow);font-family:serif;font-size:70px;position:absolute;top:-12px;left:8px}.message{color:var(--text-secondary);line-height:1.6;font-size:var(--text-sm);text-shadow:var(--text-shadow-deep);z-index:2;padding-left:var(--space-md);position:relative;margin:0!important}.certificate-id{text-align:left;background:var(--space-bg-glass);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px dashed #ffd70080;border-radius:16px;flex-direction:column;align-items:flex-start;display:flex;padding:var(--space-sm)!important;margin:var(--space-xs)0 0 0!important}.certificate-id .label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:3px;font-family:var(--font-sans);margin-bottom:2px}.id-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--cosmic-gold);word-break:break-all;text-shadow:0 0 12px var(--cosmic-gold-glow);letter-spacing:2px;padding:var(--space-xs)var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffd70066;border-radius:30px;font-weight:600;display:inline-block}.main-details{transform:translateY(-32px)}.detail-item{margin-bottom:var(--space-sm);align-items:baseline;width:100%;flex-wrap:nowrap!important;gap:0!important;display:flex!important}.detail-item .label{font-size:var(--text-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);flex-shrink:0;font-weight:500;line-height:1.5;display:inline-block;white-space:nowrap!important;margin:0!important;padding:0!important}.detail-item .value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-serif);color:var(--text-primary);text-shadow:0 0 25px #fff6,var(--text-shadow-deep);word-break:break-word;line-height:1.3;display:inline;margin:0 0 0 .25em!important;padding:0!important}.detail-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid;margin-top:var(--space-xs)!important}.detail-card{background:var(--space-bg-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-sm);text-align:center;transition:var(--transition-base);border:1px solid #ffd70033;border-radius:20px;box-shadow:0 8px 20px #0006}.detail-card:hover{border-color:var(--cosmic-cyan);box-shadow:0 0 30px var(--cosmic-cyan-glow);background:#14143cb3;transform:translateY(-4px)}.detail-card .label{font-size:var(--text-xs);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2px;color:var(--text-tertiary);text-shadow:var(--text-shadow-deep);margin-bottom:4px;display:block}.detail-card .value{font-size:var(--text-md);font-weight:600;font-family:var(--font-serif);color:var(--text-primary);text-shadow:0 0 12px #ffffff4d,var(--text-shadow-deep)}.status-badge{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:var(--text-shadow-deep);min-width:120px;font-weight:700;font-family:var(--font-sans);background:#0000004d;border:2px solid;border-radius:40px;justify-content:center;align-items:center;padding:6px 20px;display:inline-flex}.status-badge.valid{color:#ccffe6;background:#48bb7833;border-color:#48bb78cc;box-shadow:0 0 25px #48bb7866}.status-badge.expired{color:#f0f0f0;background:#9ca3af33;border-color:#9ca3afcc;box-shadow:0 0 25px #9ca3af66}.certificate-footer{border-top:2px solid #ffd70040;justify-content:space-between;align-items:center;display:flex;margin-top:var(--space-md)!important;padding-top:var(--space-md)!important}.issue-date{flex-direction:column;display:flex}.issue-date .label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:3px;font-family:var(--font-sans);text-shadow:var(--text-shadow-deep);margin-bottom:4px}.issue-date .value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;font-family:var(--font-serif);text-shadow:0 0 12px #ffffff4d,var(--text-shadow-deep)}.seal{background:radial-gradient(circle at 30% 30%,#ffd700e6,#b8860be6);border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;box-shadow:0 0 50px #ffd700b3,inset 0 0 25px #ffffff80}.seal:before{content:"";border:2px dashed #ffffffb3;border-radius:50%;position:absolute;inset:8px}.seal-inner{text-align:center;color:#fff;text-shadow:0 0 20px #000000e6;font-family:var(--font-serif);flex-direction:column;justify-content:center;align-items:center;display:flex}.seal-star{color:#fff;filter:drop-shadow(0 0 15px #ffffffe6);margin-bottom:4px;font-size:36px;line-height:1}.seal-text{letter-spacing:4px;text-transform:uppercase;border-top:2px solid #fff;border-bottom:2px solid #fff;margin-bottom:4px;padding:6px 0;font-size:15px;font-weight:800}.seal-org{letter-spacing:2px;font-size:12px;font-weight:600}.additional-info{background:var(--space-bg-medium);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-lg);margin-top:var(--space-lg);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glow-soft);border-radius:24px}.additional-info h3{font-size:var(--text-md);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:700;font-family:var(--font-serif);text-shadow:0 0 15px #ffffff4d,var(--text-shadow-deep);padding-bottom:var(--space-xs);align-items:center;gap:var(--space-xs);border-bottom:1px solid #ffd7004d;display:flex}.description{color:var(--text-secondary);text-shadow:var(--text-shadow-deep);line-height:1.7;font-size:var(--text-sm);font-family:var(--font-sans)}.toast{bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-sm)var(--space-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);box-shadow:var(--glass-shadow),0 0 35px var(--cosmic-cyan-glow);z-index:10000;max-width:360px;text-shadow:var(--text-shadow-deep);font-weight:600;font-family:var(--font-sans);background:#0f0f2de6;border:1px solid #ffffff40;border-radius:60px;animation:.35s toast-slide,.35s 2.7s forwards toast-fade;position:fixed}.toast.success{background:#48bb78e6;border-color:#48bb78b3;box-shadow:0 0 35px #48bb7880}@keyframes toast-slide{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade{to{opacity:0;transform:translateY(20px)}}::-webkit-scrollbar-track{background:var(--scrollbar-track);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #0000004d;border-radius:10px}@media (max-width:639px){.certificate-details{padding:var(--space-md)}.certificate-header{border-radius:40px;flex-direction:column;align-items:stretch}.header-actions{width:100%}.share-btn,.copy-btn,.retry-btn,.back-btn{width:100%;padding:0 var(--space-md);min-height:48px}.certificate-border{padding:var(--space-lg);gap:var(--space-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}.certificate-title h1{font-size:var(--text-xl);letter-spacing:3px}.ribbon-left,.ribbon-right{width:30px}.user-avatar{width:90px;height:90px}.avatar-fallback{font-size:var(--text-2xl)}.user-name{font-size:var(--text-xl)}.user-email{font-size:var(--text-sm)}.user-badge{gap:8px;padding:6px 18px}.badge-icon{font-size:16px}.badge-text{font-size:var(--text-xs)}.detail-grid{grid-template-columns:1fr}.certificate-footer{gap:var(--space-md);text-align:left;flex-direction:column}.certificate-seal{margin:var(--space-lg)auto 0;position:relative;bottom:auto;right:auto}.seal{width:100px;height:100px}.toast{left:var(--space-md);right:var(--space-md);max-width:none}.main-details{transform:none}.detail-item{flex-wrap:wrap!important;gap:2px!important}.detail-item .label{white-space:normal!important}.error-actions{flex-direction:column;width:100%}}@media (min-width:640px) and (max-width:1024px){.certificate-border{padding:var(--space-lg);gap:0 var(--space-md)}.detail-grid{grid-template-columns:1fr}.certificate-footer{gap:var(--space-md);flex-direction:column}.certificate-seal{margin:var(--space-lg)auto 0;position:relative;bottom:auto;right:auto}.detail-item{flex-wrap:nowrap!important;gap:0!important}.user-avatar{width:110px;height:110px}.user-name{font-size:var(--text-3xl)}.user-email{font-size:var(--text-md)}.user-badge{padding:8px 24px}.badge-text{font-size:var(--text-base)}}@media (min-width:1024px) and (max-width:1440px){.certificate-content{max-width:1000px}}@media (min-width:1440px) and (max-width:1919px){.certificate-content{max-width:1200px}.certificate-border{padding:var(--space-2xl)}}@media (min-width:1920px){.certificate-details{padding:var(--space-2xl)}.certificate-content{max-width:1600px}.user-avatar{width:130px;height:130px}.avatar-fallback,.user-name{font-size:var(--text-4xl)}.user-email{font-size:var(--text-xl)}.user-badge{gap:12px;padding:10px 28px}.badge-icon{font-size:22px}.badge-text{font-size:var(--text-lg)}.seal{width:150px;height:150px}.main-details{transform:translateY(-38px)}.detail-item{gap:2px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner,.seal,.ribbon-center,.toast{animation:none!important}}@media (prefers-contrast:high){:root{--space-bg-deep:#000000f2;--glass-border:2px solid white;--text-primary:white;--text-secondary:white;--text-tertiary:white}.certificate-card,.loading-container,.error-container,.certificate-header,.detail-card,.additional-info{border:2px solid #fff!important}.status-badge,.seal{border-width:3px}}@media print{.certificate-details{padding:20px;background:#fff!important}.certificate-header,.additional-info,.toast,.certificate-card:before{display:none!important}.certificate-card{box-shadow:none!important;background:#fff!important;border:2px solid #000!important}.certificate-border{border:1px solid #ccc!important}.certificate-title h1{text-shadow:none;background:0 0;color:#000!important;-webkit-text-fill-color:black!important}.user-name,.detail-item .value,.detail-card .value,.issue-date .value{text-shadow:none;color:#000!important}.seal{box-shadow:none;border:2px solid #000;background:radial-gradient(circle at 30% 30%,#ccc,#999)!important}.id-value{text-shadow:none;color:#000!important;background:#f5f5f5!important;border-color:#000!important}.awarded-for,.certificate-message,.message,.user-badge,.badge-text,.badge-icon{text-shadow:none;color:#000!important;border-color:#000!important}.user-avatar{box-shadow:none!important;border-color:#000!important}}[data-v-19d3a115]:root{--cosmic-dark:#050514d9;--cosmic-darker:#0a0a1ee6;--cosmic-deep:#0f0f28cc;--cosmic-black:#0009;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc480;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be280;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-lighter:#f5f5f5;--cosmic-gray:#a0a0a0;--glass-blur:blur(12px)saturate(180%);--glass-border:1px solid #ffffff26;--glass-shadow:0 8px 32px #0006;--glass-glow:0 0 20px #4ecdc433;--text-glow:0 0 10px #ffffff4d;--text-shadow:0 2px 4px #00000080;--text-glow-strong:0 0 15px #ffffff80,0 0 30px #4ecdc44d;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--font-xs:clamp(12px,3vw,14px);--font-sm:clamp(14px,3.5vw,16px);--font-base:clamp(15px,4vw,17px);--font-lg:clamp(16px,4.5vw,20px);--font-xl:clamp(20px,5vw,24px);--font-2xl:clamp(24px,6vw,32px);--font-3xl:clamp(28px,7vw,40px);--btn-height-sm:44px;--btn-height-md:50px;--btn-height-lg:56px;--status-valid:#48bb7833;--status-valid-border:#48bb7866;--status-valid-glow:#48bb784d;--status-expired:#9ca3af33;--status-expired-border:#9ca3af66;--status-expired-glow:#9ca3af4d}@keyframes cosmic-spin-19d3a115{0%{transform:rotate(0)}25%{border-top-color:var(--cosmic-cyan)}50%{border-top-color:var(--cosmic-purple)}75%{border-top-color:var(--cosmic-blue)}to{transform:rotate(360deg)}}@keyframes pulse-19d3a115{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer-19d3a115{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slide-in-19d3a115{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes table-row-glow-19d3a115{0%,to{box-shadow:0 0 #4ecdc400}50%{box-shadow:0 0 0 1px #4ecdc41a}}.all-certificates[data-v-19d3a115]{z-index:1;background:0 0;max-width:1800px;min-height:80vh;margin:0 auto;padding:clamp(20px,4vw,32px);position:relative}.all-certificates .header[data-v-19d3a115]{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;margin-bottom:clamp(24px,5vw,40px);padding:clamp(24px,5vw,40px);position:relative;overflow:hidden}.all-certificates .header[data-v-19d3a115]:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.all-certificates .header[data-v-19d3a115]:after{content:"";pointer-events:none;background:radial-gradient(circle,#4ecdc40d 0%,#8a2be208 30%,#0000 70%);position:absolute;inset:-50%}.all-certificates .header h1[data-v-19d3a115]{font-size:var(--font-3xl);background:linear-gradient(135deg,var(--cosmic-white)0%,var(--cosmic-cyan)50%,var(--cosmic-purple)100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #4ecdc433;letter-spacing:1px;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-weight:800;position:relative}.all-certificates .header p[data-v-19d3a115]{color:var(--cosmic-light);font-size:var(--font-lg);max-width:600px;text-shadow:var(--text-shadow);opacity:.9;margin:0 auto;line-height:1.6}.all-certificates .tabs-container[data-v-19d3a115]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;margin-bottom:clamp(24px,5vw,32px);padding:20px;position:relative;overflow:hidden}.all-certificates .tabs[data-v-19d3a115]{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:12px;padding-bottom:16px;display:flex}.all-certificates .tab[data-v-19d3a115]{font-size:var(--font-base);color:var(--cosmic-light);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex;position:relative}.all-certificates .tab[data-v-19d3a115]:hover{color:var(--cosmic-white);background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.all-certificates .tab.active[data-v-19d3a115]{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border-color:#4ecdc44d;box-shadow:0 4px 15px #4ecdc433}.all-certificates .tab.active[data-v-19d3a115]:after{content:"";background:linear-gradient(90deg,var(--cosmic-cyan),var(--cosmic-purple));border-radius:3px;width:60%;height:3px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.all-certificates .tab-badge[data-v-19d3a115]{color:var(--cosmic-white);font-size:var(--font-xs);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;min-width:24px;padding:4px 10px;font-weight:700}.all-certificates .tab.active .tab-badge[data-v-19d3a115]{color:var(--cosmic-cyan);background:#fff3;border-color:#4ecdc466;box-shadow:0 0 10px #4ecdc44d}.all-certificates .filters[data-v-19d3a115]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(24px,5vw,32px);padding:20px;display:flex}.all-certificates .search-box[data-v-19d3a115]{flex:1;min-width:300px;position:relative}.all-certificates .search-input[data-v-19d3a115]{width:100%;min-height:var(--btn-height-md);font-size:var(--font-base);color:var(--cosmic-white);transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:var(--text-shadow);background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:0 20px 0 50px}.all-certificates .search-input[data-v-19d3a115]:focus{border-color:var(--cosmic-cyan);background:#0006;outline:none;box-shadow:0 0 0 3px #4ecdc433,0 0 20px #4ecdc44d}.all-certificates .search-input[data-v-19d3a115]::placeholder{color:var(--cosmic-gray);opacity:.7}.all-certificates .search-icon[data-v-19d3a115]{pointer-events:none;color:var(--cosmic-cyan);filter:drop-shadow(0 0 5px var(--cosmic-cyan-glow));position:absolute;top:50%;left:16px;transform:translateY(-50%)}.all-certificates .filter-controls[data-v-19d3a115]{flex-wrap:wrap;gap:16px;display:flex}.all-certificates .filter-select[data-v-19d3a115]{min-height:var(--btn-height-md);font-size:var(--font-base);color:var(--cosmic-white);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);appearance:none;text-shadow:var(--text-shadow);background:#0000004d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234ECDC4' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 16px center/20px no-repeat;border:1px solid #ffffff1a;border-radius:12px;padding:0 48px 0 20px}.all-certificates .filter-select[data-v-19d3a115]:focus{border-color:var(--cosmic-cyan);background-color:#0006;outline:none;box-shadow:0 0 0 3px #4ecdc433,0 0 20px #4ecdc44d}.all-certificates .filter-select option[data-v-19d3a115]{background:var(--cosmic-darker);color:var(--cosmic-white);border:none}.all-certificates .loading-container[data-v-19d3a115]{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:clamp(60px,10vw,100px) 20px;display:flex}.all-certificates .loading-spinner[data-v-19d3a115]{border:3px solid #ffffff1a;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);border-radius:50%;width:70px;height:70px;margin-bottom:30px;animation:2s linear infinite cosmic-spin-19d3a115;position:relative}.all-certificates .loading-spinner[data-v-19d3a115]:before{content:"";background:radial-gradient(circle,var(--cosmic-cyan-glow)0%,transparent 70%);filter:blur(10px);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite pulse-19d3a115;position:absolute;inset:-5px}.all-certificates .loading-container p[data-v-19d3a115]{font-size:var(--font-lg);color:var(--cosmic-light);text-shadow:var(--text-shadow);opacity:.8;letter-spacing:1px}.all-certificates .error-container[data-v-19d3a115]{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),0 0 30px #f003;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:clamp(60px,10vw,100px) 20px;display:flex}.all-certificates .error-icon[data-v-19d3a115]{color:#ff6b6b;filter:drop-shadow(0 0 20px #ff6b6b80);margin-bottom:24px;font-size:64px}.all-certificates .error-container h3[data-v-19d3a115]{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 15px #ff6b6b4d;margin-bottom:16px;font-weight:700;line-height:1.3}.all-certificates .error-container p[data-v-19d3a115]{color:var(--cosmic-light);max-width:500px;text-shadow:var(--text-shadow);opacity:.9;line-height:1.6;font-size:var(--font-base);margin-bottom:32px}.all-certificates .retry-btn[data-v-19d3a115]{min-height:var(--btn-height-lg);color:var(--cosmic-cyan);cursor:pointer;transition:var(--transition-smooth);font-weight:700;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc433 0%,#4285f433 100%);border:1px solid #4ecdc44d;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 32px;display:inline-flex;box-shadow:0 4px 15px #4ecdc433}.all-certificates .retry-btn[data-v-19d3a115]:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#4285f44d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.all-certificates .empty-state[data-v-19d3a115]{text-align:center;background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:clamp(60px,10vw,100px) 20px;display:flex}.all-certificates .empty-icon[data-v-19d3a115]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 25px var(--cosmic-cyan-glow));margin-bottom:24px;font-size:80px}.all-certificates .empty-state h3[data-v-19d3a115]{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);margin-bottom:16px;font-weight:700;line-height:1.3}.all-certificates .empty-state p[data-v-19d3a115]{color:var(--cosmic-light);max-width:500px;text-shadow:var(--text-shadow);opacity:.9;line-height:1.6;font-size:var(--font-lg);margin-bottom:32px}.all-certificates .certificates-table[data-v-19d3a115]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:24px;animation:.6s ease-out slide-in-19d3a115;position:relative;overflow:hidden}.all-certificates .certificates-table[data-v-19d3a115]:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#4ecdc40d 0%,#0000 50%);position:absolute;inset:0}.all-certificates .table-header[data-v-19d3a115]{color:var(--cosmic-cyan);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:var(--text-shadow),0 0 10px #4ecdc44d;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:var(--font-sm);background:#0006;border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 2fr 1fr 1fr 1fr .8fr;padding:clamp(16px,3vw,20px);display:grid;position:relative}.all-certificates .table-header[data-v-19d3a115]:after{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.all-certificates .header-cell[data-v-19d3a115]{align-items:center;gap:8px;padding:0 12px;display:flex}.all-certificates .header-cell[data-v-19d3a115]:before{content:"⬥";color:var(--cosmic-cyan);font-size:var(--font-xs);opacity:.7}.all-certificates .table-body[data-v-19d3a115]{scrollbar-width:thin;scrollbar-color:var(--cosmic-cyan)#0003;max-height:600px;overflow-y:auto}.all-certificates .table-body[data-v-19d3a115]::-webkit-scrollbar{width:8px}.all-certificates .table-body[data-v-19d3a115]::-webkit-scrollbar-track{background:#0003;border-radius:4px}.all-certificates .table-body[data-v-19d3a115]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-purple));border:2px solid #0000004d;border-radius:4px}.all-certificates .table-body[data-v-19d3a115]::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-blue));box-shadow:0 0 10px var(--cosmic-cyan-glow)}.all-certificates .table-row[data-v-19d3a115]{transition:var(--transition-smooth);border-bottom:1px solid #ffffff0d;grid-template-columns:2fr 2fr 1fr 1fr 1fr .8fr;padding:clamp(16px,3vw,20px);animation:3s ease-in-out infinite table-row-glow-19d3a115;display:grid;position:relative}.all-certificates .table-row[data-v-19d3a115]:hover{background:#ffffff08;animation:none;transform:translate(4px)}.all-certificates .table-row[data-v-19d3a115]:hover:before{content:"";background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-purple));border-radius:3px;width:3px;height:100%;position:absolute;top:0;left:0}.all-certificates .table-cell[data-v-19d3a115]{color:var(--cosmic-light);text-shadow:var(--text-shadow);font-size:var(--font-base);align-items:center;padding:0 12px;line-height:1.4;display:flex}.all-certificates .user-cell[data-v-19d3a115]{align-items:center;gap:16px;display:flex}.all-certificates .user-avatar-small[data-v-19d3a115]{background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);border:2px solid #4ecdc44d;border-radius:50%;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 0 15px #4ecdc433}.all-certificates .avatar-image-small[data-v-19d3a115]{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.all-certificates .user-avatar-small:hover .avatar-image-small[data-v-19d3a115]{transform:scale(1.1)}.all-certificates .avatar-fallback-small[data-v-19d3a115]{background:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-purple)100%);width:100%;height:100%;color:var(--cosmic-white);font-size:var(--font-lg);text-shadow:0 0 10px #00000080;justify-content:center;align-items:center;font-weight:700;display:flex}.all-certificates .user-info-small[data-v-19d3a115]{flex-direction:column;display:flex}.all-certificates .username[data-v-19d3a115]{color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #fff3;margin-bottom:4px;font-weight:700}.all-certificates .user-id[data-v-19d3a115]{font-size:var(--font-xs);color:var(--cosmic-cyan);text-shadow:0 0 5px var(--cosmic-cyan-glow);letter-spacing:1px;opacity:.8;font-family:Courier New,monospace}.all-certificates .exam-name[data-v-19d3a115],.all-certificates .course-name[data-v-19d3a115]{color:var(--cosmic-white);font-weight:600;line-height:1.4}.all-certificates .date-cell[data-v-19d3a115]{opacity:.9;font-family:Courier New,monospace;font-weight:500}.all-certificates .status-badge[data-v-19d3a115]{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:var(--text-shadow);border:1px solid;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:90px;padding:8px 16px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.all-certificates .status-badge[data-v-19d3a115]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.all-certificates .status-badge[data-v-19d3a115]:hover:before{left:100%}.all-certificates .status-badge.valid[data-v-19d3a115]{background:var(--status-valid);color:#48bb78;border-color:var(--status-valid-border);box-shadow:0 0 10px var(--status-valid-glow)}.all-certificates .status-badge.expired[data-v-19d3a115]{background:var(--status-expired);color:#9ca3af;border-color:var(--status-expired-border);box-shadow:0 0 10px var(--status-expired-glow)}.all-certificates .action-btn[data-v-19d3a115]{min-height:var(--btn-height-sm);color:var(--cosmic-cyan);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #4ecdc433}.all-certificates .action-btn[data-v-19d3a115]:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.all-certificates .table-footer[data-v-19d3a115]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:clamp(16px,3vw,20px);display:flex;position:relative}.all-certificates .table-footer[data-v-19d3a115]:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.all-certificates .pagination[data-v-19d3a115]{align-items:center;gap:12px;display:flex}.all-certificates .pagination-btn[data-v-19d3a115]{min-height:var(--btn-height-sm);color:var(--cosmic-light);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:600;font-size:var(--font-sm);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.all-certificates .pagination-btn[data-v-19d3a115]:hover:not(:disabled){color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.all-certificates .pagination-btn[data-v-19d3a115]:disabled{opacity:.3;cursor:not-allowed}.all-certificates .page-info[data-v-19d3a115]{font-size:var(--font-sm);color:var(--cosmic-light);text-shadow:var(--text-shadow);padding:0 12px;font-weight:500}.all-certificates .total-count[data-v-19d3a115]{font-size:var(--font-sm);color:var(--cosmic-cyan);text-shadow:var(--text-shadow),0 0 5px var(--cosmic-cyan-glow);letter-spacing:1px;font-weight:600}@media (max-width:640px){.all-certificates[data-v-19d3a115]{padding:12px}.all-certificates .header[data-v-19d3a115]{-webkit-backdrop-filter:blur(5px)saturate(160%);backdrop-filter:blur(5px)saturate(160%);padding:20px}.all-certificates .header h1[data-v-19d3a115]{font-size:var(--font-xl)}.all-certificates .header p[data-v-19d3a115]{font-size:var(--font-base)}.all-certificates .tabs[data-v-19d3a115]{flex-direction:column}.all-certificates .tab[data-v-19d3a115]{justify-content:center;width:100%}.all-certificates .filters[data-v-19d3a115]{flex-direction:column;align-items:stretch}.all-certificates .search-box[data-v-19d3a115]{min-width:auto}.all-certificates .filter-controls[data-v-19d3a115]{flex-direction:column}.all-certificates .table-header[data-v-19d3a115],.all-certificates .table-row[data-v-19d3a115]{grid-template-columns:2fr 1fr .8fr}.all-certificates .header-cell[data-v-19d3a115]:nth-child(3),.all-certificates .header-cell[data-v-19d3a115]:nth-child(4),.all-certificates .header-cell[data-v-19d3a115]:nth-child(5),.all-certificates .table-cell[data-v-19d3a115]:nth-child(3),.all-certificates .table-cell[data-v-19d3a115]:nth-child(4),.all-certificates .table-cell[data-v-19d3a115]:nth-child(5){display:none}.all-certificates .table-footer[data-v-19d3a115]{text-align:center;flex-direction:column;gap:16px}.all-certificates .user-avatar-small[data-v-19d3a115]{width:36px;height:36px}.all-certificates .username[data-v-19d3a115]{font-size:var(--font-sm)}.all-certificates .user-id[data-v-19d3a115]{font-size:10px}}@media (min-width:640px) and (max-width:1024px){.all-certificates[data-v-19d3a115]{max-width:1200px}.all-certificates .table-header[data-v-19d3a115],.all-certificates .table-row[data-v-19d3a115]{grid-template-columns:2fr 2fr 1fr .8fr}.all-certificates .header-cell[data-v-19d3a115]:nth-child(4),.all-certificates .header-cell[data-v-19d3a115]:nth-child(5),.all-certificates .table-cell[data-v-19d3a115]:nth-child(4),.all-certificates .table-cell[data-v-19d3a115]:nth-child(5){display:none}.all-certificates .table-body[data-v-19d3a115]{max-height:500px}}@media (min-width:1024px) and (max-width:1440px){.all-certificates[data-v-19d3a115]{max-width:1400px}.all-certificates .table-header[data-v-19d3a115],.all-certificates .table-row[data-v-19d3a115]{grid-template-columns:2fr 2fr 1fr 1fr .8fr}.all-certificates .header-cell[data-v-19d3a115]:nth-child(5),.all-certificates .table-cell[data-v-19d3a115]:nth-child(5){display:none}}@media (min-width:1440px){.all-certificates[data-v-19d3a115]{max-width:1600px;padding:40px}.all-certificates .table-header[data-v-19d3a115],.all-certificates .table-row[data-v-19d3a115]{grid-template-columns:2fr 2fr 1fr 1fr 1fr .8fr}.all-certificates .table-body[data-v-19d3a115]{max-height:700px}}@media (min-width:1920px){.all-certificates[data-v-19d3a115]{max-width:1800px;padding:48px}.all-certificates .table-header[data-v-19d3a115],.all-certificates .table-row[data-v-19d3a115]{grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;padding:24px}.all-certificates .header-cell[data-v-19d3a115],.all-certificates .table-cell[data-v-19d3a115]{font-size:var(--font-lg)}.all-certificates .user-avatar-small[data-v-19d3a115]{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){[data-v-19d3a115],[data-v-19d3a115]:before,[data-v-19d3a115]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.all-certificates .loading-spinner[data-v-19d3a115],.all-certificates .table-row[data-v-19d3a115],.all-certificates .status-badge[data-v-19d3a115]:hover:before,.all-certificates .retry-btn[data-v-19d3a115]:hover,.all-certificates .action-btn[data-v-19d3a115]:hover,.all-certificates .tab[data-v-19d3a115]:hover,.all-certificates .pagination-btn[data-v-19d3a115]:hover,.all-certificates .user-avatar-small:hover .avatar-image-small[data-v-19d3a115]{animation:none!important;transform:none!important}.all-certificates .table-row[data-v-19d3a115],.all-certificates .certificates-table[data-v-19d3a115]{animation:none!important}}@media (prefers-contrast:high){.all-certificates[data-v-19d3a115]{background:#000000f2!important}.all-certificates .header[data-v-19d3a115],.all-certificates .tabs-container[data-v-19d3a115],.all-certificates .filters[data-v-19d3a115],.all-certificates .certificates-table[data-v-19d3a115],.all-certificates .loading-container[data-v-19d3a115],.all-certificates .error-container[data-v-19d3a115],.all-certificates .empty-state[data-v-19d3a115]{border:2px solid var(--cosmic-cyan)!important;background:#000000f2!important}.all-certificates .loading-spinner[data-v-19d3a115]{border-color:var(--cosmic-white)!important;border-top-color:var(--cosmic-cyan)!important}.all-certificates .tab[data-v-19d3a115],.all-certificates .filter-select[data-v-19d3a115],.all-certificates .search-input[data-v-19d3a115],.all-certificates .action-btn[data-v-19d3a115],.all-certificates .retry-btn[data-v-19d3a115],.all-certificates .pagination-btn[data-v-19d3a115],.all-certificates .user-avatar-small[data-v-19d3a115]{border:2px solid var(--cosmic-white)!important}.all-certificates .table-header[data-v-19d3a115]{border-bottom:2px solid var(--cosmic-cyan)!important}}@media print{.all-certificates[data-v-19d3a115]{padding:20px;color:#000!important;background:#fff!important}.all-certificates .header[data-v-19d3a115],.all-certificates .tabs-container[data-v-19d3a115],.all-certificates .filters[data-v-19d3a115],.all-certificates .certificates-table[data-v-19d3a115],.all-certificates .loading-container[data-v-19d3a115],.all-certificates .error-container[data-v-19d3a115],.all-certificates .empty-state[data-v-19d3a115]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.all-certificates .header h1[data-v-19d3a115]{-webkit-text-fill-color:black!important;background:#000!important}.all-certificates .header p[data-v-19d3a115],.all-certificates .table-cell[data-v-19d3a115],.all-certificates .username[data-v-19d3a115],.all-certificates .exam-name[data-v-19d3a115],.all-certificates .course-name[data-v-19d3a115],.all-certificates .page-info[data-v-19d3a115]{color:#000!important;text-shadow:none!important}.all-certificates .header-cell[data-v-19d3a115],.all-certificates .total-count[data-v-19d3a115]{color:#333!important}.all-certificates .tab[data-v-19d3a115],.all-certificates .filter-select[data-v-19d3a115],.all-certificates .search-input[data-v-19d3a115],.all-certificates .action-btn[data-v-19d3a115],.all-certificates .retry-btn[data-v-19d3a115],.all-certificates .pagination-btn[data-v-19d3a115]{color:#000!important;box-shadow:none!important;background:0 0!important;border:1px solid #ccc!important}.all-certificates .user-avatar-small[data-v-19d3a115]{border:1px solid #ccc!important}.all-certificates .status-badge[data-v-19d3a115]{color:#000!important;box-shadow:none!important;background:0 0!important;border:1px solid #000!important}.all-certificates .table-body[data-v-19d3a115]{max-height:none!important;overflow:visible!important}.all-certificates .table-body[data-v-19d3a115]::-webkit-scrollbar{display:none!important}}[data-v-10cf3fb2]:root{--cosmic-primary:#06c;--cosmic-secondary:#63c;--cosmic-success:#10b981;--cosmic-warning:#f59e0b;--cosmic-danger:#ef4444;--cosmic-info:#3b82f6;--cosmic-cyan:#00bfff;--cosmic-purple:#8a2be2;--text-white:#fff;--text-white-bright:#fff;--text-white-light:#fff;--text-white-soft:#fff;--text-white-muted:#fff;--text-white-accent:#fff;--bg-primary:#0a0a1e66;--bg-secondary:#0f0f2899;--bg-card:#141432d9;--bg-glass:#0f0f28e6;--border-color:#ffffff26;--border-glow:#00bfff4d;--primary-gradient:linear-gradient(135deg,var(--cosmic-primary)0%,var(--cosmic-purple)100%);--success-gradient:linear-gradient(135deg,var(--cosmic-success)0%,#059669 100%);--info-gradient:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-info)100%);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-glow:0 0 20px #00bfff66;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}.runbooks-container[data-v-10cf3fb2],.runbooks-container[data-v-10cf3fb2] *,.runbooks-container div[data-v-10cf3fb2],.runbooks-container span[data-v-10cf3fb2],.runbooks-container p[data-v-10cf3fb2],.runbooks-container h1[data-v-10cf3fb2],.runbooks-container h2[data-v-10cf3fb2],.runbooks-container h3[data-v-10cf3fb2],.runbooks-container h4[data-v-10cf3fb2],.runbooks-container h5[data-v-10cf3fb2],.runbooks-container h6[data-v-10cf3fb2],.runbooks-container a[data-v-10cf3fb2],.runbooks-container button[data-v-10cf3fb2],.runbooks-container input[data-v-10cf3fb2],.runbooks-container textarea[data-v-10cf3fb2],.runbooks-container label[data-v-10cf3fb2],.runbooks-container li[data-v-10cf3fb2],.runbooks-container td[data-v-10cf3fb2],.runbooks-container th[data-v-10cf3fb2],.runbooks-container .runbooks-title[data-v-10cf3fb2],.runbooks-container .runbooks-subtitle[data-v-10cf3fb2],.runbooks-container .search-input[data-v-10cf3fb2],.runbooks-container .search-input[data-v-10cf3fb2]::placeholder,.runbooks-container .clear-search-btn[data-v-10cf3fb2],.runbooks-container .loading-spinner[data-v-10cf3fb2],.runbooks-container .error-icon[data-v-10cf3fb2],.runbooks-container .empty-icon[data-v-10cf3fb2],.runbooks-container .error-container h3[data-v-10cf3fb2],.runbooks-container .empty-state h3[data-v-10cf3fb2],.runbooks-container .error-container p[data-v-10cf3fb2],.runbooks-container .empty-state p[data-v-10cf3fb2],.runbooks-container .retry-btn[data-v-10cf3fb2],.runbooks-container .runbook-title[data-v-10cf3fb2],.runbooks-container .section-count[data-v-10cf3fb2],.runbooks-container .view-details[data-v-10cf3fb2],.runbooks-container .search-icon[data-v-10cf3fb2]{color:#fff!important;text-shadow:0 1px 3px #000000e6,0 0 10px #000000b3!important}.runbooks-container[data-v-10cf3fb2]{z-index:1;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:2rem 1.5rem;position:relative;background:0 0!important}.runbooks-header[data-v-10cf3fb2]{margin-bottom:2.5rem}.runbooks-title[data-v-10cf3fb2]{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800;text-shadow:0 0 20px #0066ccb3!important}.runbooks-subtitle[data-v-10cf3fb2]{margin-bottom:2rem;font-size:1.125rem;font-weight:500}.search-filter-container[data-v-10cf3fb2]{gap:1rem;margin-bottom:1.5rem;display:flex}.search-box[data-v-10cf3fb2]{flex:1;max-width:500px;position:relative}.search-icon[data-v-10cf3fb2]{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input[data-v-10cf3fb2]{border:2px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;transition:all var(--transition-normal);background:#00000080;padding:.875rem 1.25rem .875rem 3rem;font-size:1rem;font-weight:500}.search-input[data-v-10cf3fb2]:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px #00bfff1a,var(--shadow-glow);background:#000000b3;outline:none}.search-input[data-v-10cf3fb2]::placeholder{font-weight:500}.clear-search-btn[data-v-10cf3fb2]{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.25rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clear-search-btn[data-v-10cf3fb2]:hover{background:#ffffff1a}.loading-container[data-v-10cf3fb2],.error-container[data-v-10cf3fb2],.empty-state[data-v-10cf3fb2]{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-xl);border:1px solid var(--border-color);background:#0a0a1e66;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;padding:5rem 1.25rem;display:flex}.loading-spinner[data-v-10cf3fb2]{border:3px solid #00bfff4d;border-top-color:var(--cosmic-cyan);border-radius:50%;width:3.125rem;height:3.125rem;margin-bottom:1.25rem;animation:1s linear infinite spin-10cf3fb2;box-shadow:0 0 15px #00bfff80}@keyframes spin-10cf3fb2{to{transform:rotate(360deg)}}.error-icon[data-v-10cf3fb2],.empty-icon[data-v-10cf3fb2]{filter:drop-shadow(0 0 10px #00bfffb3);margin-bottom:1.25rem;font-size:3.75rem}.error-container h3[data-v-10cf3fb2],.empty-state h3[data-v-10cf3fb2]{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.error-container p[data-v-10cf3fb2],.empty-state p[data-v-10cf3fb2]{max-width:400px;margin-bottom:1.5rem;font-weight:500}.retry-btn[data-v-10cf3fb2]{background:var(--primary-gradient);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:1px solid #00bfff4d;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-shadow:0 1px 2px #000c!important}.retry-btn[data-v-10cf3fb2]:hover{box-shadow:0 .5rem 1.5rem #06c6,var(--shadow-glow);border-color:var(--cosmic-cyan);transform:translateY(-2px)}.runbooks-grid[data-v-10cf3fb2]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.runbook-card[data-v-10cf3fb2]{background:var(--bg-card);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}.runbook-card[data-v-10cf3fb2]:hover{box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--border-glow);transform:translateY(-.5rem)}.runbook-card[data-v-10cf3fb2]:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),transparent);width:100%;height:2px;transition:left .6s;position:absolute;top:0;left:-100%}.runbook-card[data-v-10cf3fb2]:hover:before{left:100%}.runbook-card-header[data-v-10cf3fb2]{gap:1rem;margin-bottom:1.25rem;display:flex}.runbook-icon[data-v-10cf3fb2]{background:var(--success-gradient);border-radius:var(--radius-md);border:1px solid #48bb784d;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.runbook-icon svg[data-v-10cf3fb2]{filter:drop-shadow(0 0 5px #ffffffb3)}.runbook-info[data-v-10cf3fb2]{flex:1;min-width:0}.runbook-title[data-v-10cf3fb2]{word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.runbook-meta[data-v-10cf3fb2]{flex-wrap:wrap;gap:.5rem;display:flex}.section-count[data-v-10cf3fb2]{white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.runbook-card-footer[data-v-10cf3fb2]{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.view-details[data-v-10cf3fb2]{transition:all var(--transition-fast);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.view-details[data-v-10cf3fb2]:hover{transform:translate(4px)}@media (max-width:768px){.runbooks-container[data-v-10cf3fb2]{padding:1.5rem 1rem}.runbooks-title[data-v-10cf3fb2]{font-size:1.75rem}.runbooks-subtitle[data-v-10cf3fb2]{font-size:1rem}.search-filter-container[data-v-10cf3fb2]{flex-direction:column}.search-box[data-v-10cf3fb2]{max-width:100%}.runbooks-grid[data-v-10cf3fb2]{grid-template-columns:1fr}.runbook-card[data-v-10cf3fb2]{padding:1.25rem}}@media (max-width:480px){.runbooks-title[data-v-10cf3fb2]{font-size:1.5rem}.runbook-title[data-v-10cf3fb2]{font-size:1.125rem}.runbook-card-header[data-v-10cf3fb2]{flex-direction:column;align-items:flex-start}.runbook-icon[data-v-10cf3fb2]{align-self:center}}.runbooks-container[data-v-10cf3fb2] :focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 10px #00bfff80}.runbooks-container[data-v-10cf3fb2] ::-webkit-scrollbar{width:10px;height:10px}.runbooks-container[data-v-10cf3fb2] ::-webkit-scrollbar-track{background:#0003;border-radius:5px}.runbooks-container[data-v-10cf3fb2] ::-webkit-scrollbar-thumb{background:#00bfff80;border:2px solid #0003;border-radius:5px}.runbooks-container[data-v-10cf3fb2] ::-webkit-scrollbar-thumb:hover{background:var(--cosmic-cyan);box-shadow:0 0 10px #00bfffb3}@media print{.runbooks-container[data-v-10cf3fb2]{color:#000;background:#fff}.runbook-card[data-v-10cf3fb2]{box-shadow:none;background:#fff;border:2px solid #000}.runbooks-title[data-v-10cf3fb2]{-webkit-text-fill-color:black;color:#000;background:0 0}}.runbook-details-container[data-v-e32f2a31],.runbook-details-container[data-v-e32f2a31] *,.runbook-details-container[data-v-e32f2a31] :before,.runbook-details-container[data-v-e32f2a31] :after{color:#fff!important;text-shadow:0 0 15px #000c,0 2px 4px #0009!important;background-color:#0000!important;border-color:#ffffff26!important}.runbook-details-container h1[data-v-e32f2a31],.runbook-details-container h2[data-v-e32f2a31],.runbook-details-container h3[data-v-e32f2a31],.runbook-details-container h4[data-v-e32f2a31],.runbook-details-container h5[data-v-e32f2a31],.runbook-details-container h6[data-v-e32f2a31],.runbook-details-container p[data-v-e32f2a31],.runbook-details-container span[data-v-e32f2a31],.runbook-details-container div[data-v-e32f2a31],.runbook-details-container a[data-v-e32f2a31],.runbook-details-container button[data-v-e32f2a31],.runbook-details-container li[data-v-e32f2a31],.runbook-details-container label[data-v-e32f2a31],.runbook-details-container strong[data-v-e32f2a31],.runbook-details-container em[data-v-e32f2a31],.runbook-details-container b[data-v-e32f2a31],.runbook-details-container i[data-v-e32f2a31],.runbook-details-container code[data-v-e32f2a31],.runbook-details-container pre[data-v-e32f2a31]{color:#fff!important;text-shadow:0 0 15px #000c,0 2px 4px #0009!important}.runbook-details-container [style*="color: black"][data-v-e32f2a31],.runbook-details-container [style*="color:#000"][data-v-e32f2a31],.runbook-details-container [style*="color:#333"][data-v-e32f2a31],.runbook-details-container [style*="color:rgb(0"][data-v-e32f2a31],.runbook-details-container [style*="color:rgba(0"][data-v-e32f2a31]{color:#fff!important}[data-v-e32f2a31]:root{--cosmic-dark:#050514d9;--cosmic-card:#0a0a1ecc;--cosmic-card-hover:#141432d9;--cosmic-input:#0009;--cosmic-cyan:#4ecdc4;--cosmic-purple:#8a2be2;--cosmic-blue:#4285f4;--text-primary:#fff;--text-secondary:#f0f0ff;--text-muted:#f0f0ffcc;--border-glow:#ffffff26;--border-glow-strong:#4ecdc466;--shadow-cosmic:0 0 20px #4285f440;--shadow-cosmic-cyan:0 0 25px #4ecdc459;--glass-blur:blur(12px)saturate(180%);--glass-blur-mobile:blur(8px)saturate(160%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:.3s ease}.runbook-details-container[data-v-e32f2a31]{z-index:1;max-width:800px;min-height:calc(100vh - 80px);margin:0 auto;padding:clamp(16px,5vw,32px) clamp(12px,4vw,24px);position:relative;background:0 0!important}.back-btn[data-v-e32f2a31]{-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-cosmic);align-items:center;gap:12px;margin-bottom:clamp(24px,6vw,32px);padding:14px 24px;font-size:clamp(15px,4vw,17px);text-decoration:none;display:inline-flex;position:relative;overflow:hidden;border:1px solid var(--border-glow)!important;color:#fff!important;text-shadow:0 0 12px #000000e6!important;background:#0a0a1ecc!important}.back-btn[data-v-e32f2a31]:hover{box-shadow:var(--shadow-cosmic-cyan);transform:translate(-8px);color:var(--cosmic-cyan)!important;border-color:var(--border-glow-strong)!important;background:#141432d9!important}.back-btn svg[data-v-e32f2a31]{filter:drop-shadow(0 0 4px #fff6);width:20px;height:20px}.loading-container[data-v-e32f2a31]{text-align:center;-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-lg);box-shadow:var(--shadow-cosmic);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:100px 20px;display:flex;border:1px solid var(--border-glow)!important;background:#0a0a1ecc!important}.loading-spinner[data-v-e32f2a31]{border:3px solid #4ecdc433;border-top-color:var(--cosmic-cyan);border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin-e32f2a31;box-shadow:0 0 20px #4ecdc44d}.error-container[data-v-e32f2a31]{text-align:center;-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-lg);box-shadow:var(--shadow-cosmic);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:100px 20px;display:flex;border:1px solid var(--border-glow)!important;background:#0a0a1ecc!important}.error-icon[data-v-e32f2a31]{margin-bottom:20px;font-size:60px;color:var(--cosmic-cyan)!important;text-shadow:0 0 20px #4ecdc480!important}.error-container h3[data-v-e32f2a31]{margin-bottom:8px;font-size:clamp(20px,4vw,24px);font-weight:600;color:#fff!important}.error-container p[data-v-e32f2a31]{opacity:.9;max-width:400px;margin-bottom:24px;color:#f0f0ff!important}.retry-btn[data-v-e32f2a31]{-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);padding:12px 24px;font-size:clamp(15px,4vw,17px);font-weight:600;color:#fff!important;border:1px solid var(--border-glow)!important;text-shadow:0 0 12px #000000e6!important;background:#141432e6!important}.retry-btn[data-v-e32f2a31]:hover{box-shadow:var(--shadow-cosmic-cyan);transform:translateY(-2px);border-color:var(--border-glow-strong)!important}.runbook-content[data-v-e32f2a31]{animation:.5s fadeIn-e32f2a31}.runbook-header[data-v-e32f2a31]{margin-bottom:48px}.runbook-title-section[data-v-e32f2a31]{margin-bottom:24px}.runbook-title[data-v-e32f2a31]{background:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(30px,6vw,40px);font-weight:800;line-height:1.2;text-shadow:0 0 30px #4ecdc466!important}.runbook-meta[data-v-e32f2a31]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.section-count[data-v-e32f2a31]{-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:20px;padding:8px 20px;font-size:clamp(15px,4vw,17px);box-shadow:0 0 15px #0000004d;color:#f0f0ff!important;border:1px solid var(--border-glow)!important;text-shadow:0 0 10px #000000e6!important;background:#0a0a1ecc!important}.sections-container[data-v-e32f2a31]{flex-direction:column;gap:24px;display:flex}.section-card[data-v-e32f2a31]{-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0003,var(--shadow-cosmic);transition:all var(--transition);padding:clamp(24px,6vw,32px);position:relative;overflow:hidden;border:1px solid var(--border-glow)!important;background:#0a0a1ecc!important}.section-card[data-v-e32f2a31]:before{content:"";background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-purple));opacity:.8;border-radius:4px 0 0 4px;width:4px;height:100%;position:absolute;top:0;left:0}.section-card[data-v-e32f2a31]:hover{box-shadow:0 12px 40px #0000004d,var(--shadow-cosmic-cyan);transform:translateY(-2px);background:#0f0f2dd9!important}.section-header[data-v-e32f2a31]{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.section-number[data-v-e32f2a31]{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:clamp(15px,4vw,17px);font-weight:600;display:flex;box-shadow:0 0 20px #4ecdc466;background:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-purple)100%)!important;color:#fff!important;text-shadow:0 0 10px #000000e6!important;border:2px solid #fff3!important}.section-title[data-v-e32f2a31]{flex:1;font-size:clamp(20px,4vw,24px);font-weight:700;line-height:1.3;color:#fff!important;text-shadow:0 0 15px #000000e6!important}.section-content[data-v-e32f2a31]{line-height:1.8}.text-content[data-v-e32f2a31]{font-size:clamp(16px,3vw,18px);line-height:1.8;color:#f0f0ff!important;text-shadow:0 0 12px #000000e6!important}.text-content p[data-v-e32f2a31]{opacity:.95;margin-bottom:1em}.text-content p[data-v-e32f2a31]:last-child{margin-bottom:0}.code-block-container[data-v-e32f2a31]{-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-md);margin-top:8px;overflow:hidden;background:#05050fd9!important;border:1px solid #4ecdc433!important}.code-block-header[data-v-e32f2a31]{justify-content:space-between;align-items:center;padding:12px 20px;display:flex;background:#141428e6!important;border-bottom:1px solid #4ecdc44d!important}.code-label[data-v-e32f2a31]{text-transform:uppercase;letter-spacing:.5px;font-size:clamp(13px,3vw,14px);font-weight:600;color:var(--cosmic-cyan)!important;text-shadow:0 0 15px #4ecdc499!important}.copy-btn[data-v-e32f2a31]{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:6px 16px;font-size:clamp(13px,3vw,14px);font-weight:600;color:#fff!important;text-shadow:0 0 10px #000000e6!important;background:#4ecdc433!important;border:1px solid #4ecdc466!important}.copy-btn[data-v-e32f2a31]:hover{transform:translateY(-1px);box-shadow:0 0 20px #4ecdc466;background:#4ecdc459!important}.copy-btn.copied[data-v-e32f2a31]{animation:.3s copiedAnimation-e32f2a31;background:#48bb784d!important;border-color:#48bb7880!important}.code-block[data-v-e32f2a31]{max-width:100%;margin:0;padding:24px;overflow-x:auto}.code-block code[data-v-e32f2a31]{white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-size:clamp(14px,3vw,15px);line-height:1.6;display:block;color:#e0e0ff!important;text-shadow:0 0 12px #000000e6!important}.empty-sections[data-v-e32f2a31]{text-align:center;-webkit-backdrop-filter:var(--glass-blur-mobile);backdrop-filter:var(--glass-blur-mobile);border-radius:var(--radius-lg);box-shadow:var(--shadow-cosmic);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex;border:2px dashed var(--border-glow)!important;background:#0a0a1ecc!important}.empty-icon[data-v-e32f2a31]{filter:drop-shadow(0 0 15px #ffffff1a);margin-bottom:20px;font-size:60px;color:#b0b0d0cc!important}.empty-sections h3[data-v-e32f2a31]{margin-bottom:8px;font-size:clamp(20px,4vw,24px);font-weight:600;color:#fff!important}.empty-sections p[data-v-e32f2a31]{opacity:.9;margin-bottom:24px;color:#f0f0ff!important}@keyframes spin-e32f2a31{to{transform:rotate(360deg)}}@keyframes fadeIn-e32f2a31{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes copiedAnimation-e32f2a31{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:639px){.runbook-details-container[data-v-e32f2a31]{padding:24px 16px}.back-btn[data-v-e32f2a31]{justify-content:center;width:100%}.section-card[data-v-e32f2a31]{padding:20px}.section-header[data-v-e32f2a31]{flex-direction:column;gap:12px}.section-number[data-v-e32f2a31]{width:36px;height:36px;font-size:clamp(13px,3vw,14px)}.text-content[data-v-e32f2a31]{font-size:clamp(15px,4vw,17px)}.code-block[data-v-e32f2a31]{padding:16px}.empty-sections[data-v-e32f2a31]{padding:60px 20px}.section-card[data-v-e32f2a31],.loading-container[data-v-e32f2a31],.error-container[data-v-e32f2a31],.empty-sections[data-v-e32f2a31],.back-btn[data-v-e32f2a31],.retry-btn[data-v-e32f2a31]{-webkit-backdrop-filter:blur(4px)saturate(150%);backdrop-filter:blur(4px)saturate(150%)}}@media (min-width:640px) and (max-width:1024px){.runbook-details-container[data-v-e32f2a31]{padding:28px 20px}.runbook-title[data-v-e32f2a31]{font-size:clamp(32px,5vw,36px)}.section-card[data-v-e32f2a31]{padding:28px}.section-title[data-v-e32f2a31]{font-size:clamp(22px,3vw,24px)}.text-content[data-v-e32f2a31]{font-size:clamp(16px,2.5vw,17px)}}@media (min-width:1024px){.runbook-details-container[data-v-e32f2a31]{max-width:900px}.section-card[data-v-e32f2a31]{padding:32px}.text-content[data-v-e32f2a31]{font-size:17px}}@media (min-width:1440px){.runbook-details-container[data-v-e32f2a31]{max-width:1000px;padding:48px 40px}.section-card[data-v-e32f2a31]{padding:36px}.section-number[data-v-e32f2a31]{width:48px;height:48px;font-size:clamp(16px,3vw,18px)}.text-content[data-v-e32f2a31]{font-size:18px}}@media (min-width:1920px){.runbook-details-container[data-v-e32f2a31]{max-width:1200px;padding:64px 48px}.runbook-title[data-v-e32f2a31]{font-size:48px}.section-card[data-v-e32f2a31]{padding:44px}.section-title[data-v-e32f2a31]{font-size:28px}.text-content[data-v-e32f2a31]{font-size:20px}.code-block code[data-v-e32f2a31]{font-size:17px}}@media (prefers-reduced-motion:reduce){.back-btn[data-v-e32f2a31],.section-card[data-v-e32f2a31],.retry-btn[data-v-e32f2a31],.copy-btn[data-v-e32f2a31],.loading-spinner[data-v-e32f2a31]{transition:none;animation:none}}@media (prefers-contrast:high){.runbook-details-container[data-v-e32f2a31] *{color:#fff!important;border-color:#fff!important}.section-card[data-v-e32f2a31],.back-btn[data-v-e32f2a31],.retry-btn[data-v-e32f2a31]{background:#000000e6!important}}.code-block[data-v-e32f2a31]::-webkit-scrollbar{width:10px;height:10px}.code-block[data-v-e32f2a31]::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#0003}.code-block[data-v-e32f2a31]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-purple));border-radius:var(--radius-sm);border:2px solid #0000004d}.code-block[data-v-e32f2a31]{scrollbar-width:thin;scrollbar-color:var(--cosmic-cyan)#0003}.runbook-details-container[data-v-e32f2a31] :where(h1,h2,h3,h4,h5,h6,p,span,div,a,button,li,td,th,label,strong,em,b,i,code,pre,.text,.title,.heading,.label,.caption):not(:empty){color:#fff!important;text-shadow:0 0 10px #000c!important}.runbook-title[data-v-e32f2a31]{text-shadow:0 0 20px #4ecdc466,0 2px 4px #0009!important}.runbook-details-container[data-v-e32f2a31] *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-v-c69fed16]:root{--cosmic-dark:#050514e6;--cosmic-darker:#02020af2;--cosmic-card:#0f0f28d9;--cosmic-card-hover:#14143ce6;--cosmic-input:#00000080;--cosmic-input-focus:#141432cc;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc466;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be266;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-gray:#a0a0c0;--cosmic-success:#4ecdc4;--cosmic-error:#ff6b6b;--cosmic-warning:#ffd166;--cosmic-info:#4285f4;--terminal-bg:#0a0f1ef2;--terminal-header:#14192dfa;--terminal-text:#e0e0e0;--terminal-green:#4ecdc4;--terminal-yellow:#ffd166;--terminal-red:#ff6b6b;--terminal-blue:#4285f4;--terminal-purple:#8a2be2;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#a0a0c0;--glass-blur:blur(12px)saturate(180%);--glass-blur-mobile:blur(8px)saturate(160%);--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--shadow-cosmic:0 0 20px #4285f44d;--shadow-cosmic-cyan:0 0 25px #4ecdc466;--shadow-cosmic-purple:0 0 25px #8a2be266;--shadow-inner:inset 0 2px 4px #ffffff1a;--shadow-outer:0 4px 20px #00000080;--text-shadow:0 0 10px #000c,0 2px 4px #00000080;--space-xs:clamp(.25rem,.5vw,.5rem);--space-sm:clamp(.5rem,1vw,1rem);--space-md:clamp(1rem,2vw,1.5rem);--space-lg:clamp(1.5rem,3vw,2.5rem);--space-xl:clamp(2rem,4vw,3.5rem);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-xs:clamp(.75rem,2vw,.875rem);--font-sm:clamp(.875rem,2.5vw,1rem);--font-md:clamp(1rem,3vw,1.125rem);--font-lg:clamp(1.25rem,4vw,1.5rem);--font-xl:clamp(1.5rem,5vw,2rem);--font-xxl:clamp(2rem,6vw,2.5rem)}@keyframes cosmic-spin-c69fed16{to{transform:rotate(360deg)}}@keyframes pulse-glow-c69fed16{0%,to{box-shadow:0 0 20px var(--cosmic-blue-glow)}50%{box-shadow:0 0 30px var(--cosmic-blue-glow)}}@keyframes border-glow-c69fed16{0%,to{border-color:#ffffff26}50%{border-color:var(--cosmic-cyan)}}@keyframes shimmer-c69fed16{0%{background-position:-200%}to{background-position:200%}}@keyframes star-twinkle-c69fed16{0%,to{opacity:.3}50%{opacity:1}}@keyframes slide-in-c69fed16{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-cursor-c69fed16{0%,to{opacity:1}50%{opacity:0}}.labs-container[data-v-c69fed16]{min-height:100vh;padding:var(--space-lg);z-index:1;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative;background:0 0!important}.labs-container[data-v-c69fed16]:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0%,#0505144d 100%);position:fixed;inset:0}.labs-header[data-v-c69fed16]{background:var(--cosmic-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-outer),var(--shadow-cosmic);-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);border:1px solid #ffffff1a;position:relative;overflow:hidden}.labs-header[data-v-c69fed16]:hover{box-shadow:var(--shadow-outer),var(--shadow-cosmic-cyan);border-color:#fff3}.labs-header[data-v-c69fed16]:before{content:"";background:linear-gradient(90deg,var(--cosmic-purple),var(--cosmic-cyan),var(--cosmic-blue));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.header-content h1[data-v-c69fed16]{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-xs);align-items:center;gap:var(--space-sm);text-shadow:var(--text-shadow);font-weight:700;display:flex}.header-content h1 i[data-v-c69fed16]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 10px var(--cosmic-cyan-glow));font-size:32px}.header-content p[data-v-c69fed16]{color:var(--text-secondary);font-size:var(--font-md);margin-bottom:var(--space-md);text-shadow:var(--text-shadow)}.header-stats[data-v-c69fed16]{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card[data-v-c69fed16]{border-radius:var(--radius-md);padding:var(--space-md);align-items:center;gap:var(--space-md);transition:var(--transition-smooth);background:#14142899;border:1px solid #ffffff1a;display:flex;position:relative;overflow:hidden}.stat-card[data-v-c69fed16]:before{content:"";opacity:0;transition:var(--transition-smooth);background:linear-gradient(135deg,#4ecdc41a,#8a2be21a);position:absolute;inset:0}.stat-card[data-v-c69fed16]:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d,0 0 20px #4ecdc433}.stat-card[data-v-c69fed16]:hover:before{opacity:1}.stat-icon[data-v-c69fed16]{border-radius:var(--radius-md);width:56px;height:56px;color:var(--cosmic-cyan);z-index:1;background:linear-gradient(135deg,#4ecdc433,#8a2be233);border:1px solid #4ecdc44d;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 0 15px #4ecdc433}.stat-info[data-v-c69fed16]{z-index:1;flex:1}.stat-number[data-v-c69fed16]{color:var(--text-primary);text-shadow:0 0 10px #ffffff4d;margin-bottom:var(--space-xs);font-size:28px;font-weight:700;display:block}.stat-label[data-v-c69fed16]{font-size:var(--font-sm);color:var(--text-secondary);text-shadow:var(--text-shadow)}.loading-state[data-v-c69fed16]{padding:var(--space-xl);text-align:center;background:var(--cosmic-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner[data-v-c69fed16]{border:3px solid #0000;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);width:60px;height:60px;margin-bottom:var(--space-md);border-radius:50%;animation:1s linear infinite cosmic-spin-c69fed16;box-shadow:0 0 20px #4ecdc44d}.loading-state h3[data-v-c69fed16]{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:var(--text-shadow)}.loading-state p[data-v-c69fed16]{color:var(--text-secondary);text-shadow:var(--text-shadow)}.error-state[data-v-c69fed16],.no-access-state[data-v-c69fed16]{padding:var(--space-xl);text-align:center;background:var(--cosmic-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-outer);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-state i[data-v-c69fed16],.no-access-state i[data-v-c69fed16]{margin-bottom:var(--space-md);font-size:64px}.error-state i[data-v-c69fed16]{color:var(--cosmic-error);filter:drop-shadow(0 0 15px #ff6b6b66)}.no-access-state i[data-v-c69fed16]{color:var(--cosmic-gray);filter:drop-shadow(0 0 15px #a0a0c04d)}.error-state h3[data-v-c69fed16],.no-access-state h3[data-v-c69fed16]{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:var(--text-shadow);font-weight:600}.error-state p[data-v-c69fed16],.no-access-state p[data-v-c69fed16]{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:500px;text-shadow:var(--text-shadow);line-height:1.6}.lab-info-banner[data-v-c69fed16]{border-radius:var(--radius-md);padding:var(--space-md)var(--space-lg);color:var(--text-primary);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#4285f4e6,#8a2be2e6);border:1px solid #fff3;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 20px #4285f44d}.lab-info-banner[data-v-c69fed16]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:3s linear infinite shimmer-c69fed16;position:absolute;inset:0;transform:translate(-100%)}.lab-info-content[data-v-c69fed16]{align-items:center;gap:var(--space-sm);z-index:1;flex:1;display:flex}.lab-info-content i[data-v-c69fed16]{filter:drop-shadow(0 0 8px #ffffff4d);font-size:24px}.student-info[data-v-c69fed16]{font-size:var(--font-xs);margin-left:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:4px 12px}.tabs-navigation[data-v-c69fed16]{gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--cosmic-card);padding:var(--space-xs);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-outer);border:1px solid #ffffff1a;display:flex}.tab-btn[data-v-c69fed16]{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:var(--space-sm);background:0 0;border:none;flex:1;font-weight:600;display:flex;position:relative;overflow:hidden}.tab-btn[data-v-c69fed16]:before{content:"";opacity:0;transition:var(--transition-smooth);background:linear-gradient(135deg,#4285f41a,#8a2be21a);position:absolute;inset:0}.tab-btn[data-v-c69fed16]:hover{color:var(--text-primary);transform:translateY(-2px)}.tab-btn[data-v-c69fed16]:hover:before{opacity:1}.tab-btn.active[data-v-c69fed16]{color:var(--text-primary);background:linear-gradient(135deg,#4285f4e6,#8a2be2e6);border:1px solid #fff3;box-shadow:0 4px 15px #4285f466,0 0 20px #4285f44d}.tab-btn.active[data-v-c69fed16]:before{opacity:0}.tab-btn i[data-v-c69fed16]{font-size:18px}.tab-content[data-v-c69fed16]{background:var(--cosmic-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-outer);border:1px solid #ffffff1a;animation:.3s ease-out slide-in-c69fed16;overflow:hidden}.sql-container[data-v-c69fed16]{gap:var(--space-lg);padding:var(--space-lg);grid-template-columns:minmax(300px,350px) 1fr;min-height:600px;display:grid}.sql-sidebar[data-v-c69fed16]{padding-right:var(--space-lg);border-right:1px solid #ffffff1a}.sql-sidebar h4[data-v-c69fed16]{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);text-shadow:var(--text-shadow);font-weight:600;display:flex}.sql-sidebar h4 i[data-v-c69fed16]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 8px var(--cosmic-cyan-glow))}.tables-list[data-v-c69fed16]{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.table-item[data-v-c69fed16]{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);transition:var(--transition-smooth);cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;display:flex}.table-item[data-v-c69fed16]:hover{background:#14143299;border-color:#fff3;transform:translate(4px);box-shadow:0 0 15px #4ecdc433}.table-item i[data-v-c69fed16]{color:var(--cosmic-cyan)}.table-item span[data-v-c69fed16]{color:var(--text-secondary);flex:1;font-weight:500}.table-item .btn-sm[data-v-c69fed16]{font-size:var(--font-xs);border-radius:var(--radius-sm);transition:var(--transition-smooth);text-shadow:var(--text-shadow);padding:6px 12px;color:var(--text-secondary)!important;background:#ffffff14!important;border:1px solid #fff3!important}.table-item .btn-sm[data-v-c69fed16]:hover{color:var(--text-primary)!important;border-color:var(--cosmic-cyan)!important;box-shadow:0 0 10px var(--cosmic-cyan-glow)!important;background:#4ecdc433!important}.sql-instructions[data-v-c69fed16]{border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-lg);background:#4ecdc41a;border:1px solid #4ecdc44d}.sql-instructions h5[data-v-c69fed16]{font-size:var(--font-md);color:var(--cosmic-cyan);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);text-shadow:0 0 8px var(--cosmic-cyan-glow);font-weight:600;display:flex}.sql-instructions ul[data-v-c69fed16]{margin:0;padding:0;list-style:none}.sql-instructions li[data-v-c69fed16]{color:var(--text-secondary);font-size:var(--font-sm);border-bottom:1px solid #4ecdc433;padding:8px 0}.sql-instructions li[data-v-c69fed16]:last-child{border-bottom:none}.sql-instructions code[data-v-c69fed16]{color:var(--cosmic-cyan);background:#4ecdc433;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:13px}.sql-main[data-v-c69fed16]{gap:var(--space-lg);flex-direction:column;display:flex}.sql-editor[data-v-c69fed16],.sql-results[data-v-c69fed16]{background:var(--terminal-bg);border-radius:var(--radius-md);border:1px solid #ffffff1a;overflow:hidden}.editor-header[data-v-c69fed16],.results-header[data-v-c69fed16]{padding:var(--space-md)var(--space-lg);background:var(--terminal-header);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.editor-header h4[data-v-c69fed16],.results-header h4[data-v-c69fed16]{font-size:var(--font-md);color:var(--text-primary);align-items:center;gap:var(--space-sm);text-shadow:var(--text-shadow);font-weight:600;display:flex}.editor-actions[data-v-c69fed16],.results-info[data-v-c69fed16]{gap:var(--space-sm);display:flex}.editor-actions .btn[data-v-c69fed16],.editor-actions .btn-sm[data-v-c69fed16]{border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);padding:8px 16px;color:var(--text-secondary)!important;background:#ffffff14!important;border:1px solid #fff3!important}.editor-actions .btn[data-v-c69fed16]:hover,.editor-actions .btn-sm[data-v-c69fed16]:hover{transform:translateY(-2px);color:var(--text-primary)!important;border-color:var(--cosmic-cyan)!important;box-shadow:0 0 15px var(--cosmic-cyan-glow)!important;background:#4ecdc433!important}.editor-container[data-v-c69fed16],.results-container[data-v-c69fed16]{padding:var(--space-lg)}.sql-textarea[data-v-c69fed16]{width:100%;min-height:200px;padding:var(--space-md);border-radius:var(--radius-sm);color:var(--terminal-text);resize:vertical;transition:var(--transition-smooth);background:#0000004d;border:1px solid #fff3;font-family:Courier New,monospace;font-size:14px;line-height:1.5}.sql-textarea[data-v-c69fed16]:focus{border-color:var(--cosmic-cyan);box-shadow:0 0 20px var(--cosmic-cyan-glow),var(--shadow-inner);background:#00000080;outline:none}.editor-footer[data-v-c69fed16]{margin-top:var(--space-md);justify-content:space-between;align-items:center;display:flex}.query-info[data-v-c69fed16]{font-size:var(--font-sm);color:var(--text-muted);text-shadow:var(--text-shadow)}.error-message[data-v-c69fed16]{border-radius:var(--radius-sm);padding:var(--space-md);color:var(--cosmic-error);align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);background:#ff6b6b1a;border:1px solid #ff6b6b4d;display:flex}.error-message i[data-v-c69fed16]{filter:drop-shadow(0 0 8px #ff6b6b66);margin-top:2px;font-size:20px}.error-message pre[data-v-c69fed16]{white-space:pre-wrap;color:var(--text-secondary);background:#0000004d;border-radius:4px;margin:8px 0 0;padding:8px;font-family:Courier New,monospace;font-size:13px}.empty-results[data-v-c69fed16]{padding:var(--space-xl);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-results i[data-v-c69fed16]{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.results-table-container[data-v-c69fed16]{border-radius:var(--radius-sm);border:1px solid #ffffff1a;overflow-x:auto}.results-table[data-v-c69fed16]{border-collapse:collapse;background:#0000004d;width:100%}.results-table thead[data-v-c69fed16]{background:linear-gradient(135deg,#4285f4cc,#8a2be2cc)}.results-table th[data-v-c69fed16]{padding:var(--space-sm)var(--space-md);text-align:left;font-weight:600;font-size:var(--font-sm);color:var(--text-primary);border-right:1px solid #fff3}.results-table th[data-v-c69fed16]:last-child{border-right:none}.results-table tbody tr[data-v-c69fed16]{transition:var(--transition-smooth);border-bottom:1px solid #ffffff1a}.results-table tbody tr[data-v-c69fed16]:hover{background:#ffffff0d}.results-table td[data-v-c69fed16]{padding:var(--space-sm)var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);border-right:1px solid #ffffff1a}.results-table td[data-v-c69fed16]:last-child{border-right:none}.linux-container[data-v-c69fed16]{padding:0}.terminal-wrapper[data-v-c69fed16]{background:var(--terminal-bg);border-radius:var(--radius-lg);border:1px solid #ffffff26;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080,0 0 30px #4285f433}.terminal-wrapper[data-v-c69fed16]:before{content:"";background:linear-gradient(90deg,var(--terminal-green),var(--terminal-blue),var(--terminal-purple));z-index:2;height:2px;position:absolute;top:0;left:0;right:0}.terminal-header[data-v-c69fed16]{background:var(--terminal-header);padding:var(--space-sm)var(--space-lg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.terminal-title[data-v-c69fed16]{color:var(--terminal-text);align-items:center;gap:var(--space-sm);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;font-size:14px;font-weight:500;display:flex}.terminal-title i[data-v-c69fed16]{color:var(--terminal-green);filter:drop-shadow(0 0 8px #4ecdc466)}.terminal-status[data-v-c69fed16]{margin-left:var(--space-md);color:var(--terminal-yellow);text-shadow:0 0 8px #ffd1664d;align-items:center;gap:5px;font-size:12px;display:flex}.terminal-actions[data-v-c69fed16]{gap:var(--space-sm);display:flex}.terminal-actions .btn-sm[data-v-c69fed16]{cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);border-radius:4px;padding:6px 12px;font-size:12px;color:var(--terminal-text)!important;background:#ffffff14!important;border:1px solid #fff3!important}.terminal-actions .btn-sm[data-v-c69fed16]:hover{border-color:var(--terminal-blue)!important;color:var(--text-primary)!important;background:#4285f44d!important;box-shadow:0 0 15px #4285f466!important}.terminal-actions .btn-danger[data-v-c69fed16]{background:#ff6b6b33!important;border-color:#ff6b6b66!important}.terminal-actions .btn-danger[data-v-c69fed16]:hover{background:var(--cosmic-error)!important;border-color:var(--cosmic-error)!important;color:var(--text-primary)!important;box-shadow:0 0 15px #ff6b6b66!important}.terminal-content[data-v-c69fed16]{padding:var(--space-lg);min-height:500px;max-height:600px;color:var(--terminal-text);background:var(--terminal-bg);cursor:text;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;font-size:14px;line-height:1.5;position:relative;overflow-y:auto}.terminal-content[data-v-c69fed16]:after{content:"";pointer-events:none;opacity:.3;z-index:1;background:linear-gradient(#0000 50%,#ffffff05 50%) 0 0/100% 4px;position:absolute;inset:0}.terminal-welcome[data-v-c69fed16]{margin-bottom:var(--space-lg);color:var(--terminal-text);opacity:.9}.welcome-line[data-v-c69fed16]{color:var(--terminal-green);margin-bottom:5px;padding-left:5px}.welcome-separator[data-v-c69fed16]{color:#fff3;margin:var(--space-md)0;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border:none;height:1px}.terminal-line[data-v-c69fed16]{word-break:break-all;white-space:pre-wrap;z-index:2;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex;position:relative}.terminal-line.command[data-v-c69fed16]{color:var(--terminal-text)}.terminal-line.output[data-v-c69fed16]{color:var(--text-secondary)}.terminal-line.error[data-v-c69fed16]{color:var(--terminal-red);text-shadow:0 0 8px #ff6b6b4d}.terminal-line.info[data-v-c69fed16]{color:var(--terminal-blue);text-shadow:0 0 8px #4285f44d}.line-prompt[data-v-c69fed16]{color:var(--terminal-green);-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 0 8px #4ecdc44d;flex-shrink:0;font-weight:700}.line-content[data-v-c69fed16]{word-break:break-word;flex:1}.terminal-input-line[data-v-c69fed16]{z-index:2;align-items:center;gap:8px;margin-top:8px;display:flex;position:relative}.input-prompt[data-v-c69fed16]{color:var(--terminal-green);-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 0 8px #4ecdc44d;flex-shrink:0;font-weight:700}.input-wrapper[data-v-c69fed16]{flex:1;align-items:center;gap:5px;display:flex;position:relative}.command-input[data-v-c69fed16]{color:var(--terminal-text);font-family:inherit;font-size:inherit;caret-color:var(--terminal-green);text-shadow:0 0 4px #fff3;background:0 0;border:none;outline:none;flex:1;min-width:200px;margin:0;padding:0}.command-input[data-v-c69fed16]::placeholder{color:#ffffff4d}.command-input[data-v-c69fed16]:disabled{opacity:.5;cursor:not-allowed}.cursor[data-v-c69fed16]{color:var(--terminal-green);vertical-align:middle;opacity:1;background:currentColor;width:8px;height:16px;margin-left:2px;font-weight:700;animation:1s infinite terminal-cursor-c69fed16;display:inline-block}.running-indicator[data-v-c69fed16]{color:var(--terminal-yellow);text-shadow:0 0 8px #ffd1664d;margin-left:5px}.terminal-help[data-v-c69fed16]{padding:var(--space-md)var(--space-lg);-webkit-backdrop-filter:blur(10px);background:#14192dcc;border-top:1px solid #ffffff1a}.help-header[data-v-c69fed16]{color:var(--terminal-text);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-size:14px;font-weight:500;display:flex}.help-header i[data-v-c69fed16]{color:var(--terminal-yellow);filter:drop-shadow(0 0 8px #ffd1664d)}.commands-grid[data-v-c69fed16]{gap:var(--space-sm);margin-bottom:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.cmd-btn[data-v-c69fed16]{padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);flex-direction:column;gap:4px;font-size:12px;display:flex;color:var(--terminal-text)!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.cmd-btn[data-v-c69fed16]:hover{transform:translateY(-2px);border-color:var(--terminal-blue)!important;color:var(--text-primary)!important;background:#4285f44d!important;box-shadow:0 4px 12px #4285f433!important}.cmd-btn code[data-v-c69fed16]{color:var(--terminal-green);text-shadow:0 0 8px #4ecdc433;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Courier New,monospace;font-size:13px;font-weight:700}.cmd-btn .cmd-desc[data-v-c69fed16]{color:#ffffffb3;font-size:11px;line-height:1.3}.python-container[data-v-c69fed16]{gap:var(--space-lg);padding:var(--space-lg);grid-template-columns:2fr 1fr;min-height:600px;display:grid}.python-editor[data-v-c69fed16],.python-output[data-v-c69fed16]{background:var(--terminal-bg);border-radius:var(--radius-md);border:1px solid #ffffff1a;overflow:hidden}.python-textarea[data-v-c69fed16]{width:100%;min-height:450px;color:var(--terminal-text);border-radius:var(--radius-sm);padding:var(--space-md);resize:vertical;transition:var(--transition-smooth);box-sizing:border-box;background:#0000004d;border:1px solid #fff3;font-family:Courier New,monospace;font-size:14px;line-height:1.5}.python-textarea[data-v-c69fed16]:focus{border-color:var(--cosmic-cyan);box-shadow:0 0 20px var(--cosmic-cyan-glow),var(--shadow-inner);background:#00000080;outline:none}.output-container[data-v-c69fed16]{padding:var(--space-md);border-radius:var(--radius-sm);min-height:300px;max-height:300px;margin:var(--space-md);color:var(--terminal-text);background:#0000004d;border:1px solid #ffffff1a;font-family:Courier New,monospace;font-size:14px;line-height:1.5;overflow-y:auto}.output-container pre[data-v-c69fed16]{white-space:pre-wrap;word-break:break-word;margin:0}.python-templates[data-v-c69fed16]{margin-top:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-md);background:#4ecdc41a;border:1px solid #4ecdc44d}.python-templates h5[data-v-c69fed16]{font-size:var(--font-md);color:var(--cosmic-cyan);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);text-shadow:0 0 8px var(--cosmic-cyan-glow);font-weight:600;display:flex}.templates-grid[data-v-c69fed16]{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.template-btn[data-v-c69fed16]{padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);color:var(--text-secondary)!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.template-btn[data-v-c69fed16]:hover{transform:translateY(-2px);color:var(--cosmic-cyan)!important;border-color:var(--cosmic-cyan)!important;background:#4ecdc433!important;box-shadow:0 4px 12px #4ecdc433!important}.toast-container[data-v-c69fed16]{z-index:1000;gap:var(--space-sm);flex-direction:column;max-width:400px;display:flex;position:fixed;bottom:20px;right:20px}.toast[data-v-c69fed16]{background:var(--cosmic-card);border-radius:var(--radius-md);padding:var(--space-md);align-items:flex-start;gap:var(--space-sm);border-left:4px solid var(--cosmic-blue);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;animation:.3s slide-in-c69fed16;display:flex;box-shadow:0 8px 30px #00000080,0 0 20px #4ecdc433}.toast.success[data-v-c69fed16]{border-left-color:var(--cosmic-success)}.toast.error[data-v-c69fed16]{border-left-color:var(--cosmic-error)}.toast.warning[data-v-c69fed16]{border-left-color:var(--cosmic-warning)}.toast.info[data-v-c69fed16]{border-left-color:var(--cosmic-info)}.toast i[data-v-c69fed16]{margin-top:2px;font-size:20px}.toast.success i[data-v-c69fed16]{color:var(--cosmic-success);filter:drop-shadow(0 0 8px #4ecdc466)}.toast.error i[data-v-c69fed16]{color:var(--cosmic-error);filter:drop-shadow(0 0 8px #ff6b6b66)}.toast.warning i[data-v-c69fed16]{color:var(--cosmic-warning);filter:drop-shadow(0 0 8px #ffd16666)}.toast.info i[data-v-c69fed16]{color:var(--cosmic-info);filter:drop-shadow(0 0 8px #4285f466)}.toast-content[data-v-c69fed16]{flex:1}.toast-title[data-v-c69fed16]{color:var(--text-primary);margin-bottom:var(--space-xs);font-weight:600;font-size:var(--font-sm);text-shadow:var(--text-shadow)}.toast-message[data-v-c69fed16]{font-size:var(--font-sm);color:var(--text-secondary);text-shadow:var(--text-shadow);line-height:1.4}.toast-close[data-v-c69fed16]{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;margin:-4px;padding:4px}.toast-close[data-v-c69fed16]:hover{color:var(--text-primary);background:#ffffff26}.btn[data-v-c69fed16]{border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);border:none;padding:10px 20px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn[data-v-c69fed16]: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-c69fed16]:hover:before{left:100%}.btn-primary[data-v-c69fed16]{color:var(--text-primary)!important;background:#4285f433!important;border:1px solid #4285f466!important}.btn-primary[data-v-c69fed16]:hover{transform:translateY(-2px);color:var(--text-primary)!important;background:#4285f466!important;box-shadow:0 8px 25px #4285f466,0 0 30px #4285f44d!important}.btn-outline[data-v-c69fed16]{color:var(--text-primary)!important;background:#ffffff14!important;border:1px solid #ffffff4d!important}.btn-outline[data-v-c69fed16]:hover{transform:translateY(-2px);border-color:var(--cosmic-cyan)!important;color:var(--text-primary)!important;background:#ffffff26!important;box-shadow:0 0 20px #4ecdc44d!important}.btn-sm[data-v-c69fed16]{font-size:var(--font-xs);padding:6px 12px}.lab-info-banner .btn-outline[data-v-c69fed16]{color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff4d!important}.lab-info-banner .btn-outline[data-v-c69fed16]:hover{color:#fff!important;background:#ffffff40!important}.terminal-content[data-v-c69fed16]::-webkit-scrollbar{width:10px}.output-container[data-v-c69fed16]::-webkit-scrollbar{width:10px}.tables-list[data-v-c69fed16]::-webkit-scrollbar{width:10px}.terminal-content[data-v-c69fed16]::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.output-container[data-v-c69fed16]::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.tables-list[data-v-c69fed16]::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.terminal-content[data-v-c69fed16]::-webkit-scrollbar-thumb{background:linear-gradient(#4ecdc480,#8a2be280);border:2px solid #0000004d;border-radius:5px}.output-container[data-v-c69fed16]::-webkit-scrollbar-thumb{background:linear-gradient(#4ecdc480,#8a2be280);border:2px solid #0000004d;border-radius:5px}.tables-list[data-v-c69fed16]::-webkit-scrollbar-thumb{background:linear-gradient(#4ecdc480,#8a2be280);border:2px solid #0000004d;border-radius:5px}.terminal-content[data-v-c69fed16]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4ecdc4b3,#8a2be2b3);box-shadow:0 0 10px #4ecdc466}.output-container[data-v-c69fed16]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4ecdc4b3,#8a2be2b3);box-shadow:0 0 10px #4ecdc466}.tables-list[data-v-c69fed16]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4ecdc4b3,#8a2be2b3);box-shadow:0 0 10px #4ecdc466}@media (max-width:640px){.labs-container[data-v-c69fed16]{padding:var(--space-md)}.labs-header[data-v-c69fed16],.tab-content[data-v-c69fed16],.loading-state[data-v-c69fed16],.error-state[data-v-c69fed16],.no-access-state[data-v-c69fed16]{-webkit-backdrop-filter:var(--glass-blur-mobile)}.header-stats[data-v-c69fed16],.sql-container[data-v-c69fed16]{grid-template-columns:1fr}.python-container[data-v-c69fed16]{grid-template-columns:1fr;min-height:800px}.python-textarea[data-v-c69fed16]{min-height:300px}.sql-sidebar[data-v-c69fed16]{padding-right:0;padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid #ffffff1a;border-right:none}.tabs-navigation[data-v-c69fed16]{flex-direction:column}.terminal-title[data-v-c69fed16]{font-size:12px}.commands-grid[data-v-c69fed16]{grid-template-columns:repeat(2,1fr)}.toast-container[data-v-c69fed16]{max-width:none;left:20px;right:20px}}@media (min-width:641px) and (max-width:1024px){.sql-container[data-v-c69fed16]{grid-template-columns:minmax(280px,320px) 1fr}.python-container[data-v-c69fed16]{grid-template-columns:1.5fr 1fr}.commands-grid[data-v-c69fed16]{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px) and (max-width:1440px){.sql-container[data-v-c69fed16]{grid-template-columns:320px 1fr}.python-container[data-v-c69fed16]{grid-template-columns:2fr 1fr}}@media (min-width:1441px) and (max-width:1920px){.sql-container[data-v-c69fed16]{grid-template-columns:350px 1fr}.python-container[data-v-c69fed16]{grid-template-columns:2.5fr 1fr}.commands-grid[data-v-c69fed16]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1921px){.sql-container[data-v-c69fed16]{grid-template-columns:400px 1fr}.python-container[data-v-c69fed16]{grid-template-columns:3fr 1fr}.commands-grid[data-v-c69fed16]{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){[data-v-c69fed16],[data-v-c69fed16]:before,[data-v-c69fed16]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.tab-btn[data-v-c69fed16]:hover,.stat-card[data-v-c69fed16]:hover,.table-item[data-v-c69fed16]:hover,.cmd-btn[data-v-c69fed16]:hover,.template-btn[data-v-c69fed16]:hover{transform:none}}.btn[data-v-c69fed16]:focus-visible,.tab-btn[data-v-c69fed16]:focus-visible,.command-input[data-v-c69fed16]:focus-visible,.sql-textarea[data-v-c69fed16]:focus-visible,.python-textarea[data-v-c69fed16]:focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 20px var(--cosmic-cyan-glow)}@media (prefers-contrast:high){.stat-card[data-v-c69fed16],.tab-content[data-v-c69fed16],.sql-editor[data-v-c69fed16],.sql-results[data-v-c69fed16],.terminal-wrapper[data-v-c69fed16]{border:2px solid var(--cosmic-cyan);background:#050514f2}.btn[data-v-c69fed16]{border:2px solid}}@media (prefers-color-scheme:light){.labs-container[data-v-c69fed16]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.student-info.warning[data-v-c69fed16]{color:var(--cosmic-warning);text-shadow:0 0 8px #ffd1664d;background:#ffd16633;border:1px solid #ffd16666}.terminal-content[data-v-c69fed16] ::selection{color:var(--terminal-text);background:#4ecdc44d}@media (max-width:768px){.terminal-input-line[data-v-c69fed16]{flex-wrap:wrap}.input-prompt[data-v-c69fed16]{width:100%;margin-bottom:5px}.command-input[data-v-c69fed16]{min-width:150px}}.tab-content[data-v-c69fed16],.terminal-wrapper[data-v-c69fed16],.stat-card[data-v-c69fed16]{contain:layout style paint}.tab-btn[data-v-c69fed16]:hover,.stat-card[data-v-c69fed16]:hover,.terminal-actions .btn-sm[data-v-c69fed16]:hover{transform:translateZ(0)}:root{--color-text-primary:#fff;--color-text-secondary:#e0e0ff;--color-text-tertiary:#b0b0ff;--color-text-accent:#4ecdc4;--color-text-accent-alt:#8a2be2;--color-bg-primary:#050514d9;--color-bg-secondary:#0a0a1ecc;--color-bg-tertiary:#0f0f28e6;--color-bg-glass:#0a0a1ebf;--color-bg-card:#050514e6;--glass-blur:blur(15px);--glass-saturate:saturate(180%);--glass-border:1px solid #ffffff26;--glow-cyan:0 0 20px #4ecdc466;--glow-purple:0 0 20px #8a2be266;--glow-blue:0 0 20px #4285f466;--glow-white:0 0 15px #ffffff4d;--shadow-deep:0 10px 30px #00000080;--shadow-floating:0 20px 40px #0009;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-xs:clamp(12px,1vw,14px);--font-sm:clamp(14px,1.5vw,16px);--font-md:clamp(16px,2vw,18px);--font-lg:clamp(20px,2.5vw,24px);--font-xl:clamp(24px,3vw,32px);--font-xxl:clamp(32px,4vw,48px)}*,body,h1,h2,h3,h4,h5,h6,p,span,div,label,input,textarea,select,button,a,.exams-page,.page-header,.page-title,.page-subtitle,.loading-container,.error-container,.empty-container,.exam-card,.exam-title,.exam-course,.detail-label,.detail-value,.score-label,.score-value,.appointment-label,.appointment-date,.btn-view,.btn-schedule,.btn-start,.btn-reschedule,.btn-cancel-appointment,.retry-btn,.btn-secondary,.btn-primary,.modal-content,.modal-header h3,.instructions-content,.video-link-container p,.option-details h5,.option-details p,.result-label,.result-value,.modal-body,.exam-detail-section h4,.detail-item,.management-option{color:var(--color-text-primary)!important}.exam-title,.exam-course,.detail-label,.detail-value,.score-label,.score-value,.appointment-label,.appointment-date,.modal-header h3,.exam-detail-section h4,.option-details h5,.result-label,.result-value,.page-title,.page-subtitle,.error-container h3,.empty-container h3,.error-container p,.empty-container p{text-shadow:0 0 10px #000000e6,0 2px 4px #000000b3,0 0 1px #ffffff1a!important}.page-subtitle,.exam-course,.detail-label,.appointment-label,.score-label,.result-label,.instructions-content,.video-link-container p,.option-details p{color:var(--color-text-secondary)!important}.status-passed,.score-value.passed,.result-value.passed{color:#4ade80!important;text-shadow:0 0 15px #4ade80b3!important}.status-failed,.score-value.failed,.result-value.failed{color:#f87171!important;text-shadow:0 0 15px #f87171b3!important}body{min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;position:relative;background:0 0!important}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#05050f1a 0%,#0a0a1914 100%);position:fixed;inset:0}.exams-page{padding:var(--spacing-lg);z-index:10;max-width:1400px;min-height:100vh;margin:0 auto;position:relative}.page-header{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-deep);position:relative;overflow:hidden}.page-header:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#4ecdc433,#8a2be233);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.page-title{font-size:var(--font-xl);margin-bottom:var(--spacing-xs);letter-spacing:.5px;font-weight:700}.page-subtitle{font-size:var(--font-md);opacity:.9;margin:0}.loading-container,.error-container,.empty-container{padding:var(--spacing-xl);text-align:center;background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);margin:var(--spacing-lg)0;box-shadow:var(--shadow-deep);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--color-text-accent);border-right-color:var(--color-text-accent-alt);border-radius:50%;width:60px;height:60px;animation:2s linear infinite cosmic-spin;position:relative;box-shadow:0 0 20px #4ecdc44d,inset 0 0 20px #ffffff0d}.error-icon,.empty-icon{margin-bottom:var(--spacing-md);text-shadow:var(--glow-cyan);font-size:64px;color:var(--color-text-accent)!important}.error-container h3,.empty-container h3{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);font-weight:600}.error-container p,.empty-container p{margin-bottom:var(--spacing-lg);max-width:400px;font-size:var(--font-md);color:var(--color-text-secondary)!important}.retry-btn{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#1e1e3ce6 0%,#32325ae6 100%);border:1px solid #fff3;min-width:140px;padding:12px 28px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;color:var(--color-text-primary)!important}.retry-btn:hover{box-shadow:var(--glow-cyan);border-color:var(--color-text-accent);background:linear-gradient(135deg,#282846e6 0%,#3c3c64e6 100%);transform:translateY(-3px)}.exams-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.exam-card{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-deep);will-change:transform,box-shadow;transition:all .3s;position:relative;overflow:hidden}.exam-card:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#4ecdc433,#8a2be233);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.exam-card:hover{box-shadow:var(--shadow-floating),var(--glow-cyan);transform:translateY(-8px)}.exam-card:hover:before{opacity:1}.exam-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:0;padding:0;display:flex;background:0 0!important}.exam-icon{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#4285f44d 0%,#8a2be24d 100%);border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;color:var(--color-text-primary)!important}.exam-title-section{flex:1;min-width:0;background:0 0!important}.exam-title{font-size:var(--font-lg);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;margin-bottom:4px;font-weight:600;overflow:hidden}.exam-course{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)!important}.exam-status{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;border:1px solid #ffffff1a;border-radius:20px;min-width:100px;padding:8px 16px;font-size:11px;font-weight:600;background:#ffffff1a!important}.status-passed{background:linear-gradient(135deg,#48bb784d 0%,#38a1694d 100%)!important;border-color:#48bb784d!important}.status-failed{background:linear-gradient(135deg,#fc81814d 0%,#f565654d 100%)!important;border-color:#f565654d!important}.status-scheduled{background:linear-gradient(135deg,#ed89364d 0%,#dd6b204d 100%)!important;border-color:#ed89364d!important}.status-completed{background:linear-gradient(135deg,#a0aec04d 0%,#7180964d 100%)!important;border-color:#a0aec04d!important}.status-cancelled{background:linear-gradient(135deg,#fed7d74d 0%,#fc81814d 100%)!important;border-color:#fc81814d!important}.status-not-taken{background:linear-gradient(135deg,#e2e8f04d 0%,#cbd5e04d 100%)!important;border-color:#e2e8f04d!important}.exam-details{margin-bottom:var(--spacing-lg);background:0 0!important}.detail-row{border-bottom:1px solid #ffffff14;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;display:flex;background:0 0!important}.detail-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)!important;background:0 0!important}.detail-value{font-size:var(--font-sm);text-align:right;max-width:60%;font-weight:600;color:var(--color-text-primary)!important;background:0 0!important}.truncated{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.score-display{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;background:0 0!important}.score-label{font-size:var(--font-sm);font-weight:500;color:var(--color-text-secondary)!important;background:0 0!important}.score-value{font-size:var(--font-lg);letter-spacing:.5px;font-weight:700;background:0 0!important}.score-value.passed{color:#4ade80!important}.score-value.failed{color:#f87171!important}.appointment-info{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;background:0 0!important}.appointment-label{font-size:var(--font-sm);margin-bottom:6px;font-weight:500;color:var(--color-text-secondary)!important;background:0 0!important}.appointment-details{justify-content:space-between;align-items:center;display:flex;background:0 0!important}.appointment-date{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary)!important;background:0 0!important}.appointment-status{border-radius:var(--radius-sm);text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;border:1px solid #ffffff1a;min-width:100px;padding:6px 12px;font-size:10px;font-weight:700}.appointment-status.scheduled{background:#ed89364d!important;border-color:#ed893666!important}.appointment-status.in-progress{background:#4299e14d!important;border-color:#4299e166!important}.appointment-status.completed{background:#48bb784d!important;border-color:#48bb7866!important}.appointment-status.cancelled{background:#f565654d!important;border-color:#f5656566!important}.reschedule-notice,.cancel-notice{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed #fff3;background:0 0!important}.btn-reschedule,.btn-cancel-appointment{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #fff3;width:100%;min-height:44px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex}.btn-reschedule{background:linear-gradient(135deg,#ed89364d 0%,#dd6b204d 100%)}.btn-reschedule:hover{background:linear-gradient(135deg,#ed893680 0%,#dd6b2080 100%);border-color:#ed893680;transform:translateY(-3px);box-shadow:0 0 20px #ed893666}.btn-cancel-appointment{background:linear-gradient(135deg,#f565654d 0%,#e53e3e4d 100%)}.btn-cancel-appointment:hover{background:linear-gradient(135deg,#f5656580 0%,#e53e3e80 100%);border-color:#f5656580;transform:translateY(-3px);box-shadow:0 0 20px #f5656566}.exam-actions{gap:var(--spacing-sm);padding-top:var(--spacing-lg);border-top:1px solid #ffffff1a;display:flex;background:0 0!important}.exam-actions button{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;flex:1;min-height:44px;padding:14px 20px;font-weight:600;transition:all .3s;display:flex}.btn-view{background:#ffffff26;border:1px solid #fff3}.btn-view:hover{box-shadow:var(--glow-white);background:#ffffff40;transform:translateY(-3px)}.btn-schedule{background:linear-gradient(135deg,#4285f466 0%,#8a2be266 100%);border:1px solid #8a2be24d}.btn-schedule:hover{box-shadow:var(--glow-purple);background:linear-gradient(135deg,#4285f499 0%,#8a2be299 100%);transform:translateY(-3px)}.btn-scheduled{background:linear-gradient(135deg,#ed893666 0%,#dd6b2066 100%);border:1px solid #ed89364d}.btn-scheduled:hover{background:linear-gradient(135deg,#ed893699 0%,#dd6b2099 100%);transform:translateY(-3px);box-shadow:0 0 25px #ed893666}.btn-start{background:linear-gradient(135deg,#48bb7866 0%,#38a16966 100%);border:1px solid #48bb784d}.btn-start:hover{background:linear-gradient(135deg,#48bb7899 0%,#38a16999 100%);transform:translateY(-3px);box-shadow:0 0 25px #48bb7866}.btn-completed{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#a0aec066 0%,#71809666 100%);border:1px solid #a0aec04d}.btn-completed:hover{box-shadow:none;transform:none}.appointment-actions{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex;background:0 0!important}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s cosmic-fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-floating),var(--glow-cyan);animation:.4s cosmic-slide-up;position:relative;overflow-y:auto}.modal-content:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff3,#4ecdc44d,#8a2be24d);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.modal-header{padding:var(--spacing-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10;border-radius:var(--radius-lg)var(--radius-lg)0 0;background:#0a0a1ecc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-header h3{font-size:var(--font-lg);letter-spacing:.5px;margin:0;font-weight:700}.modal-close{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex;color:var(--color-text-primary)!important}.modal-close:hover{background:#f565654d;border-color:#f5656580;transform:rotate(90deg);box-shadow:0 0 20px #f5656580}.modal-body{padding:var(--spacing-lg);background:0 0!important}.exam-detail-section{margin-bottom:var(--spacing-xl);background:0 0!important}.exam-detail-section h4{font-size:var(--font-md);margin-bottom:var(--spacing-md);border-bottom:1px solid #ffffff1a;padding-bottom:12px;font-weight:600}.detail-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.detail-item{padding:var(--spacing-md);border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff14;flex-direction:column;display:flex}.detail-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600;color:var(--color-text-secondary)!important}.detail-value{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary)!important}.instructions-content{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-sm);white-space:pre-wrap;background:#00000040;border:1px solid #ffffff14;line-height:1.7;color:var(--color-text-secondary)!important}.video-container{margin-top:var(--spacing-md);background:0 0!important}.video-embed-wrapper{border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff14;overflow:hidden}.video-embed-container{width:100%;height:300px;position:relative}.video-embed-container iframe{border:none;width:100%;height:100%}.video-link-container{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;background:#ed893626;border:1px solid #ed89364d}.video-link-container p{margin-bottom:var(--spacing-md);font-size:var(--font-sm);color:var(--color-text-secondary)!important}.video-external-link{justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ed893666 0%,#dd6b2066 100%);border:1px solid #ed89364d;min-width:200px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;color:#fff!important}.video-external-link:hover{background:linear-gradient(135deg,#ed893699 0%,#dd6b2099 100%);transform:translateY(-3px);box-shadow:0 0 25px #ed893666}.appointment-management{gap:var(--spacing-lg);flex-direction:column;display:flex;background:0 0!important}.management-option{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff1a;transition:all .3s;display:flex}.management-option:hover{background:#00000059;border-color:#fff3;transform:translate(8px)}.option-icon{border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;color:var(--color-text-accent)!important}.option-details{flex:1;background:0 0!important}.option-details h5{font-size:var(--font-md);margin-bottom:var(--spacing-xs);font-weight:700}.option-details p{font-size:var(--font-sm);margin-bottom:var(--spacing-md);line-height:1.6;color:var(--color-text-secondary)!important}.management-option .btn-reschedule,.management-option .btn-cancel-appointment{width:auto;min-width:160px;max-width:200px;display:inline-flex}.results-section{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid;background:0 0!important}.result-item{padding:var(--spacing-md);border-radius:var(--radius-md);background:#00000040;border:1px solid #ffffff14;flex-direction:column;align-items:center;display:flex}.result-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600;color:var(--color-text-secondary)!important}.result-value{font-size:var(--font-lg);letter-spacing:.5px;font-weight:800}.result-value.passed{color:#4ade80!important}.result-value.failed{color:#f87171!important}.modal-footer{padding:var(--spacing-lg);gap:var(--spacing-sm);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:0 0 var(--radius-lg)var(--radius-lg);background:#0a0a1ecc;border-top:1px solid #ffffff1a;justify-content:flex-end;display:flex;position:sticky;bottom:0}.btn-secondary{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff3;min-width:120px;padding:14px 28px;font-weight:600;transition:all .3s;color:#fff!important}.btn-secondary:hover{box-shadow:var(--glow-white);background:#ffffff40;transform:translateY(-3px)}.btn-primary{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#4285f466 0%,#8a2be266 100%);border:1px solid #8a2be24d;min-width:120px;padding:14px 28px;font-weight:600;transition:all .3s;color:#fff!important}.btn-primary:hover{box-shadow:var(--glow-purple);background:linear-gradient(135deg,#4285f499 0%,#8a2be299 100%);transform:translateY(-3px)}@keyframes cosmic-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cosmic-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cosmic-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:640px){:root{--glass-blur:blur(8px)}.exams-page{padding:var(--spacing-sm)}.page-header{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-lg)}.page-subtitle{font-size:var(--font-sm)}.exams-grid{gap:var(--spacing-md);grid-template-columns:1fr}.exam-card{padding:var(--spacing-md)}.exam-actions{flex-direction:column}.detail-grid,.results-section{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-secondary,.btn-primary{width:100%}.appointment-management{flex-direction:column}.management-option{text-align:center;gap:var(--spacing-sm);flex-direction:column}.option-icon{align-self:center}.video-embed-container{height:200px}.exam-card,.modal-content,.loading-container,.error-container,.empty-container,.page-header{-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%)}.exam-status,.appointment-status{min-width:80px;padding:6px 12px;font-size:10px}}@media (min-width:641px) and (max-width:1024px){.exams-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.results-section{grid-template-columns:repeat(3,1fr)}.modal-content{max-width:90%}}@media (min-width:1025px) and (max-width:1440px){.exams-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.modal-content{max-width:800px}}@media (min-width:1441px) and (max-width:1920px){.exams-page{max-width:1600px;padding:var(--spacing-xl)}.exams-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.exam-card{padding:var(--spacing-xl)}.modal-content{max-width:900px}}@media (min-width:1921px){.exams-page{max-width:2000px;padding:var(--spacing-xl)5%}.exams-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:32px}.exam-card{border-radius:24px;padding:32px}.modal-content{max-width:1000px}:root{--font-xs:clamp(14px,.8vw,16px);--font-sm:clamp(16px,1vw,18px);--font-md:clamp(18px,1.2vw,22px);--font-lg:clamp(22px,1.5vw,28px);--font-xl:clamp(28px,2vw,36px);--font-xxl:clamp(36px,2.5vw,48px)}}@media (max-width:480px){.exam-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.exam-status{align-self:flex-start}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-value{text-align:left;max-width:100%}.score-display,.appointment-details{flex-direction:column;align-items:flex-start;gap:8px}.btn-reschedule,.btn-cancel-appointment,.exam-actions button{padding:14px 16px}}button:focus,input:focus,select:focus,textarea:focus,a:focus,.modal-close:focus{outline:2px solid var(--color-text-accent);outline-offset:3px;box-shadow:0 0 0 4px #4ecdc44d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{border:3px solid var(--color-text-accent);animation:none}}@media (prefers-contrast:high){:root{--color-text-primary:#fff;--color-text-secondary:#fff;--color-bg-card:#000000e6}.exam-card,.modal-content,.loading-container,.error-container,.empty-container,.page-header{border:2px solid #fff}.exam-card:before,.modal-content:before,.page-header:before{display:none}}.exams-page[data-v-ae70d848]{max-width:1200px;margin:0 auto;padding:24px}.appointment-detail-grid[data-v-ae70d848]{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:12px;display:grid}.appointment-detail-grid .detail-item[data-v-ae70d848]{flex-direction:column;display:flex}.appointment-detail-grid .detail-label[data-v-ae70d848]{color:#718096;margin-bottom:4px;font-size:14px}.appointment-detail-grid .detail-value[data-v-ae70d848]{color:#1a202c;font-size:14px;font-weight:500}.history-container[data-v-ae70d848]{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;overflow:hidden}.history-item[data-v-ae70d848]{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.history-item[data-v-ae70d848]:last-child{border-bottom:none}.history-date[data-v-ae70d848]{color:#4a5568;font-size:14px}.history-status[data-v-ae70d848]{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.history-status.scheduled[data-v-ae70d848]{color:#2b6cb0;background-color:#ebf8ff}.history-status.cancelled[data-v-ae70d848],.history-status.expired[data-v-ae70d848]{color:#c53030;background-color:#fed7d7}.history-status.completed[data-v-ae70d848]{color:#276749;background-color:#c6f6d5}.status-in-progress[data-v-ae70d848]{color:#744210;background-color:#fefcbf}:root{--color-text-primary:#fff;--color-text-secondary:#e0e0ff;--color-text-tertiary:#b0b0ff;--color-text-accent:#4ecdc4;--color-text-accent-alt:#8a2be2;--color-bg-primary:#050514d9;--color-bg-secondary:#0a0a1ecc;--color-bg-tertiary:#0f0f28e6;--color-bg-glass:#0a0a1ebf;--color-bg-card:#050514e6;--color-bg-element:#00000040;--glass-blur:blur(15px);--glass-saturate:saturate(180%);--glass-border:1px solid #ffffff26;--glow-cyan:0 0 20px #4ecdc466;--glow-purple:0 0 20px #8a2be266;--glow-blue:0 0 20px #4285f466;--glow-white:0 0 15px #ffffff4d;--glow-green:0 0 20px #48bb7866;--glow-orange:0 0 20px #ed893666;--glow-red:0 0 20px #f5656566;--shadow-deep:0 10px 30px #00000080;--shadow-floating:0 20px 40px #0009;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-xs:clamp(12px,1vw,14px);--font-sm:clamp(14px,1.5vw,16px);--font-md:clamp(16px,2vw,18px);--font-lg:clamp(20px,2.5vw,24px);--font-xl:clamp(24px,3vw,32px);--font-xxl:clamp(32px,4vw,48px)}*{color:var(--color-text-primary)!important}.schedule-exam-page,.page-header h1,.page-header p,.header-content,.step-label,.step-header h2,.step-header p,.exam-option-details h4,.exam-option-details p,.proctor-info h4,.proctor-info p,.date-selector h3,.time-selector h3,.current-month,.slot-time,.summary-section h3,.summary-item .label,.summary-item .value,.instructions-card h3,.instructions-list li,.appointment-title h3,.appointment-title p,.detail-section h4,.detail-item .label,.detail-item .value,.notice-content h4,.notice-content li,.success-modal h3,.success-modal p,.detail-item .value,.cancel-modal h3,.cancel-modal p,.loading-container h3,.error-container h3,.error-container p{text-shadow:0 0 10px #000000e6,0 2px 4px #000000b3,0 0 1px #ffffff1a!important}.schedule-exam-page{padding:var(--spacing-lg);z-index:10;max-width:1400px;min-height:100vh;margin:0 auto;position:relative}.page-header{margin-bottom:var(--spacing-xl)}.header-content{gap:var(--spacing-md);flex-direction:column;display:flex}.back-btn{align-items:center;gap:var(--spacing-xs);border:var(--glass-border);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--glow-white);align-self:flex-start;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;color:var(--color-text-primary)!important;background:#ffffff1a!important}.back-btn:hover{box-shadow:var(--glow-cyan);border-color:#ffffff4d;transform:translate(-4px);background:#fff3!important}.back-btn svg{width:16px;height:16px;transition:transform .3s}.back-btn:hover svg{transform:translate(-2px)}.page-header h1{font-size:var(--font-xl);margin:0 0 var(--spacing-xs)0;letter-spacing:.5px;font-weight:700}.page-header p{font-size:var(--font-md);opacity:.9;margin:0;color:var(--color-text-secondary)!important}.progress-steps{margin-bottom:var(--spacing-xl)}.steps-container{justify-content:center;align-items:center;max-width:900px;margin:0 auto;display:flex;position:relative}.step{align-items:center;gap:var(--spacing-xs);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.step-number{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:relative;color:var(--color-text-secondary)!important}.step-number:after{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#fff3,#4ecdc44d,#8a2be24d);border-radius:50%;transition:opacity .3s;position:absolute;inset:-2px}.step.active .step-number{box-shadow:var(--glow-purple);background:linear-gradient(135deg,#4285f44d 0%,#8a2be24d 100%);border-color:#8a2be24d;transform:scale(1.1);color:var(--color-text-primary)!important}.step.active .step-number:after{opacity:1}.step.completed .step-number{background:linear-gradient(135deg,#48bb784d 0%,#38a1694d 100%);border-color:#48bb784d;color:var(--color-text-primary)!important}.step-label{font-size:var(--font-sm);white-space:nowrap;text-align:center;padding:0 var(--spacing-xs);font-weight:500;color:var(--color-text-secondary)!important}.step.active .step-label{font-weight:600;color:var(--color-text-primary)!important}.step.completed .step-label{color:var(--color-text-accent)!important}.step-line{height:2px;margin:0 var(--spacing-sm);background:#ffffff1a;flex:1;min-width:60px;position:relative;overflow:hidden}.step-line:before{content:"";background:linear-gradient(90deg,#48bb784d,#38a1694d);transition:transform .3s;position:absolute;inset:0;transform:translate(-100%)}.step.completed+.step-line:before{transform:translate(0)}.step-content{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-deep);margin-bottom:var(--spacing-lg);position:relative;overflow:hidden}.step-content:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#4ecdc433,#8a2be233);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.step-header{margin-bottom:var(--spacing-xl);text-align:center}.step-header h2{font-size:var(--font-lg);margin-bottom:var(--spacing-xs);letter-spacing:.3px;font-weight:700}.step-header p{font-size:var(--font-md);opacity:.9;margin:0;color:var(--color-text-secondary)!important}.date-warning{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ed893626;border:1px solid #ed89364d;max-width:700px;margin-left:auto;margin-right:auto;font-weight:600;display:flex;color:#fc9!important}.date-warning svg{flex-shrink:0;color:#fa6!important}.exams-list{gap:var(--spacing-sm);max-width:700px;margin:0 auto var(--spacing-xl);flex-direction:column;display:flex}.exam-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--glass-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg-element);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s;display:flex;position:relative}.exam-option:hover:not(.disabled){background:#0000004d;border-color:#ffffff40;transform:translate(8px)}.exam-option.selected{box-shadow:var(--glow-cyan);background:#4ecdc41a;border-color:#4ecdc480}.exam-option.disabled{opacity:.5;cursor:not-allowed;background:#f565651a;border-color:#f565654d}.exam-option-icon{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#4285f44d 0%,#8a2be24d 100%);border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;color:var(--color-text-primary)!important}.exam-option-icon.disabled{background:linear-gradient(135deg,#ed89364d 0%,#dd6b204d 100%);border-color:#ed89364d}.exam-option-details{flex:1;min-width:0;position:relative}.exam-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;border-radius:4px;align-items:center;gap:6px;max-width:fit-content;margin-top:8px;padding:6px 12px;font-size:12px;display:inline-flex;position:relative}.exam-status.passed{color:#4ade80!important;background-color:#48bb7826!important;border:1px solid #48bb784d!important}.exam-status.scheduled{color:#fa6!important;background-color:#ed893626!important;border:1px solid #ed89364d!important}.exam-status.failed{color:#f87171!important;background-color:#f5656526!important;border:1px solid #f565654d!important}.exam-status svg{width:14px;height:14px}.exam-option-details h4{font-size:var(--font-md);margin-bottom:4px;font-weight:600}.exam-option-details p{font-size:var(--font-sm);color:var(--color-text-secondary)!important}.already-scheduled{align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:500;display:flex;color:#fa6!important}.exam-option-check{width:24px;height:24px}.check-circle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#48bb784d 0%,#38a1694d 100%);border:1px solid #48bb784d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex;color:var(--color-text-primary)!important}.already-booked{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:4px 12px;font-size:11px;font-weight:700;color:#fc9!important;background:#ed89364d!important;border:1px solid #ed89364d!important}.proctors-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.proctor-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:var(--glass-border);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s;display:flex;background:var(--color-bg-element)!important}.proctor-card:hover{border-color:#ffffff40;transform:translateY(-4px);background:#0000004d!important}.proctor-card.selected{box-shadow:var(--glow-cyan);border-color:#4ecdc480;background:#4ecdc41a!important}.proctor-avatar{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#4285f44d 0%,#8a2be24d 100%);border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:600;display:flex;color:var(--color-text-primary)!important}.proctor-info{flex:1;min-width:0}.proctor-info h4{font-size:var(--font-md);margin-bottom:4px;font-weight:600}.proctor-info p{font-size:var(--font-sm);margin-bottom:4px;color:var(--color-text-secondary)!important}.proctor-status{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.proctor-status.active{color:#b3ffd9!important;background:#48bb784d!important;border:1px solid #48bb784d!important}.proctor-status:not(.active){color:#ffd6d6!important;background:#f565654d!important;border:1px solid #f565654d!important}.proctor-check{width:24px;height:24px}.date-time-selector{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.date-selector,.time-selector{background:var(--color-bg-element);border-radius:var(--radius-md);padding:var(--spacing-lg);border:var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.date-selector h3,.time-selector h3{font-size:var(--font-md);margin-bottom:var(--spacing-md);font-weight:600}.calendar-container{border-radius:var(--radius-md);padding:var(--spacing-md);background:#0a0a1e80;border:1px solid #ffffff14}.calendar-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.current-month{font-size:var(--font-md);font-weight:600}.nav-btn{border:var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:40px;height:40px;box-shadow:var(--glow-white);justify-content:center;align-items:center;transition:all .3s;display:flex;color:var(--color-text-primary)!important;background:#ffffff1a!important}.nav-btn:hover{box-shadow:var(--glow-cyan);border-color:#ffffff4d;background:#fff3!important}.nav-btn svg{width:16px;height:16px}.calendar-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-header{text-align:center;font-size:var(--font-xs);padding:10px 0;font-weight:600;color:var(--color-text-secondary)!important}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.calendar-day:hover:not(.disabled):not(.has-appointment){background:#ffffff1a;border-color:#fff3}.calendar-day.available{background:#48bb7826;border-color:#48bb784d;color:#b3ffd9!important}.calendar-day.available:hover:not(.disabled):not(.has-appointment){box-shadow:var(--glow-green);background:#48bb7840}.calendar-day.selected{box-shadow:var(--glow-purple);z-index:1;background:linear-gradient(135deg,#4285f44d 0%,#8a2be24d 100%);border-color:#8a2be280;transform:scale(1.1);color:var(--color-text-primary)!important}.calendar-day.today{background:#4ecdc41a;border:2px solid #4ecdc480}.calendar-day.past{opacity:.3;cursor:not-allowed}.calendar-day.disabled{opacity:.2;cursor:not-allowed;background:#f565651a}.calendar-day.has-appointment{cursor:not-allowed;background:#ed893626;border:1px dashed #ed89364d;color:#fc9!important}.day-number{font-size:var(--font-sm);font-weight:600}.day-availability{font-size:9px;position:absolute;bottom:4px;color:#4ade80!important}.day-appointment{font-size:9px;position:absolute;bottom:4px;color:#fa6!important}.time-slots{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.time-slot{padding:var(--spacing-md);border:var(--glass-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;transition:all .3s}.time-slot:hover:not(.unavailable){background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.time-slot.selected{box-shadow:var(--glow-cyan);background:#4ecdc41a;border-color:#4ecdc480;transform:translateY(-2px)}.time-slot.unavailable{opacity:.4;cursor:not-allowed;background:#ed89361a;border-color:#ed89364d}.slot-time{font-size:var(--font-sm);margin-bottom:4px;font-weight:600}.slot-status{font-size:11px;font-weight:600}.slot-status.available{color:#4ade80!important}.slot-status.unavailable{color:#fa6!important}.no-slots{text-align:center;padding:var(--spacing-xl);grid-column:1/-1;font-style:italic;color:var(--color-text-secondary)!important}.time-selector.placeholder{flex-direction:column;display:flex}.time-selector.placeholder.error{background:#ed89361a;border:1px solid #ed89364d}.placeholder-message{padding:var(--spacing-lg);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;font-style:italic;display:flex;color:var(--color-text-secondary)!important}.placeholder-message .error-icon{margin-bottom:var(--spacing-md);font-size:48px;color:var(--color-text-accent)!important}.debug-info{border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-xs);margin-top:var(--spacing-md);background:#0000004d;border:1px solid #ffffff1a;color:var(--color-text-secondary)!important}.debug-info p{margin:4px 0}.booking-summary{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.current-appointment-section{margin-bottom:var(--spacing-lg)}.current-appointment-section h3{font-size:var(--font-md);margin-bottom:var(--spacing-md);font-weight:600}.appointment-comparison{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-element);border-radius:var(--radius-md);border:var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex}.old-appointment,.new-appointment{flex:1}.comparison-label{font-size:var(--font-xs);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:var(--color-text-secondary)!important}.appointment-detail{padding:var(--spacing-md);border-radius:var(--radius-md);background:#0a0a1e80;border:1px solid #ffffff14}.detail-item{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.detail-item .label{font-size:var(--font-sm);color:var(--color-text-secondary)!important}.detail-item .value{font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary)!important}.arrow{font-size:24px;font-weight:700;color:var(--color-text-accent)!important}.summary-card{gap:var(--spacing-lg);border-radius:var(--radius-md);padding:var(--spacing-lg);border:var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid;background:var(--color-bg-element)!important}.summary-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.summary-section h3{font-size:var(--font-md);margin-bottom:var(--spacing-xs);font-weight:600}.summary-item{justify-content:space-between;align-items:center;display:flex}.summary-item .label{font-size:var(--font-sm);color:var(--color-text-secondary)!important}.summary-item .value{font-size:var(--font-sm);font-weight:500;color:var(--color-text-primary)!important}.instructions-card{border-radius:var(--radius-md);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ed89361a;border:1px solid #ed89364d}.instructions-card h3{font-size:var(--font-md);margin-bottom:var(--spacing-md);font-weight:600;color:#fc9!important}.instructions-list{padding:0;list-style-type:none}.instructions-list li{padding:8px 0 8px 28px;line-height:1.6;position:relative;color:var(--color-text-secondary)!important}.instructions-list li:before{content:"⚡";color:#fa6;font-size:16px;position:absolute;top:8px;left:0}.step-actions{padding-top:var(--spacing-lg);border-top:1px solid #ffffff1a;justify-content:space-between;display:flex}.btn-cancel,.btn-back,.btn-next,.btn-confirm{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;justify-content:center;min-width:100px;padding:14px 24px;font-weight:600;transition:all .3s;display:flex}.btn-cancel{color:#ffd6d6!important;background:#f565654d!important;border:1px solid #f565654d!important;min-width:90px!important;padding:12px 20px!important}.btn-cancel:hover{box-shadow:var(--glow-red);transform:translateY(-3px);background:#f5656580!important;border-color:#f5656580!important}.btn-back{min-width:100px;color:var(--color-text-primary)!important;background:#ffffff1a!important;border:1px solid #fff3!important}.btn-back:hover{box-shadow:var(--glow-white);transform:translateY(-3px);background:#fff3!important;border-color:#ffffff4d!important}.btn-next,.btn-confirm{min-width:100px;color:var(--color-text-primary)!important;background:linear-gradient(135deg,#4285f466 0%,#8a2be266 100%)!important;border:1px solid #8a2be24d!important}.btn-next:hover:not(:disabled),.btn-confirm:hover:not(:disabled){box-shadow:var(--glow-purple);transform:translateY(-3px);background:linear-gradient(135deg,#4285f499 0%,#8a2be299 100%)!important}.btn-next:disabled,.btn-confirm:disabled{opacity:.4;cursor:not-allowed}.btn-confirm{background:linear-gradient(135deg,#48bb7866 0%,#38a16966 100%)!important;border:1px solid #48bb784d!important}.btn-confirm:hover:not(:disabled){box-shadow:var(--glow-green);background:linear-gradient(135deg,#48bb7899 0%,#38a16999 100%)!important}.booking-loading{align-items:center;gap:var(--spacing-xs);display:flex}.booking-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:1s linear infinite cosmic-spin}.modal-overlay{z-index:10000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;animation:.3s cosmic-fade-in;display:flex;position:fixed;inset:0}.success-modal,.cancel-modal{background:var(--color-bg-card);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;width:100%;max-width:600px;box-shadow:var(--shadow-floating),var(--glow-cyan);animation:.4s cosmic-slide-up;position:relative}.success-modal:before,.cancel-modal:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff3,#4ecdc44d,#8a2be24d);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--glow-green);background:linear-gradient(135deg,#48bb784d 0%,#38a1694d 100%);border:1px solid #48bb784d;border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex;color:var(--color-text-primary)!important}.success-modal h3{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);font-weight:700}.success-modal p{font-size:var(--font-md);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary)!important}.success-details{border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:#00000040;border:1px solid #ffffff14}.success-actions{gap:var(--spacing-sm);display:flex}.success-actions button{border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;flex:1;padding:14px 24px;font-weight:600;transition:all .3s}.btn-primary{color:var(--color-text-primary)!important;background:linear-gradient(135deg,#4285f466 0%,#8a2be266 100%)!important;border:1px solid #8a2be24d!important}.btn-primary:hover{box-shadow:var(--glow-purple);transform:translateY(-3px);background:linear-gradient(135deg,#4285f499 0%,#8a2be299 100%)!important}.btn-secondary{color:var(--color-text-primary)!important;background:#ffffff1a!important;border:1px solid #fff3!important}.btn-secondary:hover{box-shadow:var(--glow-white);transform:translateY(-3px);background:#fff3!important;border-color:#ffffff4d!important}.loading-container,.error-container{padding:var(--spacing-xl);text-align:center;-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-deep);flex-direction:column;justify-content:center;align-items:center;display:flex;background:var(--color-bg-card)!important}.loading-spinner{border:3px solid #0000;border-top-color:var(--color-text-accent);border-right-color:var(--color-text-accent-alt);width:60px;height:60px;margin-bottom:var(--spacing-md);border-bottom-color:#4285f4cc;border-left-color:#8a2be2cc;border-radius:50%;animation:1s linear infinite cosmic-spin;position:relative;box-shadow:0 0 20px #4ecdc44d,inset 0 0 20px #ffffff0d;background:0 0!important}.loading-spinner:before{content:"";border:2px solid #fff3;border-top-color:#fff9;border-radius:50%;animation:1.5s linear infinite reverse cosmic-spin;position:absolute;inset:5px}.error-icon{margin-bottom:var(--spacing-md);text-shadow:var(--glow-cyan);font-size:64px;color:var(--color-text-accent)!important}.error-container h3{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);font-weight:600}.error-container p{margin-bottom:var(--spacing-lg);max-width:400px;font-size:var(--font-md);color:var(--color-text-secondary)!important}.retry-btn{border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:12px 28px;font-weight:600;transition:all .3s;color:var(--color-text-primary)!important;background:linear-gradient(135deg,#4285f466 0%,#8a2be266 100%)!important;border:1px solid #8a2be24d!important}.retry-btn:hover{box-shadow:var(--glow-purple);transform:translateY(-3px);background:linear-gradient(135deg,#4285f499 0%,#8a2be299 100%)!important}.current-appointment-details{margin-bottom:var(--spacing-xl)}.appointment-card{-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);backdrop-filter:var(--glass-blur)var(--glass-saturate);border:var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-deep);background:var(--color-bg-card)!important}.appointment-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.appointment-icon{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ed89364d 0%,#dd6b204d 100%);border:1px solid #ed89364d;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;color:var(--color-text-primary)!important}.appointment-title h3{font-size:var(--font-lg);margin-bottom:4px;font-weight:600}.appointment-title p{font-size:var(--font-sm);color:var(--color-text-secondary)!important}.appointment-details{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.detail-section h4{font-size:var(--font-md);margin-bottom:var(--spacing-sm);font-weight:600}.detail-grid{flex-direction:column;gap:10px;display:flex}.detail-item .value.scheduled{color:#fa6!important}.detail-item .value.in-progress{color:#66b3ff!important}.detail-item .value.completed{color:#4ade80!important}.reschedule-notice{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ed89361a;border:1px solid #ed89364d;display:flex}.notice-icon{flex-shrink:0;font-size:24px;color:#fa6!important}.notice-content h4{font-size:var(--font-md);margin-bottom:var(--spacing-xs);font-weight:600;color:#fc9!important}.notice-content ul{margin:0;padding:0;list-style-type:none}.notice-content li{font-size:var(--font-sm);padding:4px 0 4px 20px;line-height:1.5;position:relative;color:var(--color-text-secondary)!important}.notice-content li:before{content:"•";color:#fa6;position:absolute;top:4px;left:0}.btn-danger{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;padding:14px 28px;font-weight:600;transition:all .3s;display:flex;color:#ffd6d6!important;background:#f565654d!important;border:1px solid #f565654d!important}.btn-danger:hover:not(:disabled){box-shadow:var(--glow-red);transform:translateY(-3px);color:#fff!important;background:#f5656580!important}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.cancelling-loading{align-items:center;gap:var(--spacing-xs);display:flex}.cancelling-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:1s linear infinite cosmic-spin}.cancel-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--glow-orange);background:#ed89361a;border:1px solid #ed89364d;border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex;color:#fa6!important}.cancel-modal h3{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);font-weight:700}.cancel-modal p{font-size:var(--font-md);margin-bottom:var(--spacing-xl);color:var(--color-text-secondary)!important}.cancel-details{border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);text-align:left;background:#00000040;border:1px solid #ffffff14}.cancel-warning{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ed89361a;border:1px solid #ed89364d}.cancel-warning p{font-size:var(--font-sm);margin:0;color:#fa6!important}.cancel-actions{gap:var(--spacing-sm);display:flex}.cancel-actions button{border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;flex:1;padding:14px 24px;font-weight:600;transition:all .3s}.status-tag{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.status-tag.passed{color:#b3ffd9!important;background-color:#48bb784d!important;border:1px solid #48bb784d!important}.status-tag.scheduled{color:#fc9!important;background-color:#ed89364d!important;border:1px solid #ed89364d!important}.status-tag.failed{color:#ffd6d6!important;background-color:#f565654d!important;border:1px solid #f565654d!important}.detail-grid .value.scheduled{font-weight:500;color:#fa6!important}.detail-grid .value.inprogress{font-weight:500;color:#66b3ff!important}.detail-grid .value.completed{font-weight:500;color:#4ade80!important}.detail-grid .value.takenbutfailed,.detail-grid .value.expired,.detail-grid .value.cancelled{font-weight:500;color:#f87171!important}.detail-grid .value.noreservationyet{font-weight:500;color:var(--color-text-secondary)!important}.status-active{font-weight:600;color:#4ade80!important}@media (max-width:640px){:root{--glass-blur:blur(8px)}.schedule-exam-page{padding:var(--spacing-sm)}.steps-container{gap:var(--spacing-md);flex-wrap:wrap}.step-line{display:none}.step-content{padding:var(--spacing-md)}.date-time-selector{gap:var(--spacing-md);grid-template-columns:1fr}.step-actions{gap:var(--spacing-sm);flex-direction:column}.btn-cancel,.btn-back,.btn-next,.btn-confirm{width:100%;min-width:100%!important}.appointment-details{grid-template-columns:1fr}.appointment-comparison{text-align:center;flex-direction:column}.proctors-grid,.summary-card{grid-template-columns:1fr}.success-actions,.cancel-actions,.action-buttons{flex-direction:column}.step-content,.loading-container,.error-container,.appointment-card,.success-modal,.cancel-modal{-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%)}}@media (min-width:641px) and (max-width:1024px){.steps-container{gap:var(--spacing-sm)}.date-time-selector{grid-template-columns:1fr}.appointment-details,.summary-card{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px) and (max-width:1440px){.proctors-grid{grid-template-columns:repeat(2,1fr)}.summary-card{grid-template-columns:repeat(3,1fr)}}@media (min-width:1441px) and (max-width:1920px){.schedule-exam-page{max-width:1600px;padding:var(--spacing-xl)}.proctors-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.step-content{padding:var(--spacing-xl)}.success-modal,.cancel-modal{max-width:700px}}@media (min-width:1921px){.schedule-exam-page{max-width:2000px;padding:var(--spacing-xl)5%}.proctors-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.step-content{border-radius:24px;padding:40px}.success-modal,.cancel-modal{max-width:800px;padding:48px}:root{--font-xs:clamp(14px,.8vw,16px);--font-sm:clamp(16px,1vw,18px);--font-md:clamp(18px,1.2vw,22px);--font-lg:clamp(22px,1.5vw,28px);--font-xl:clamp(28px,2vw,36px);--font-xxl:clamp(36px,2.5vw,48px)}}@media (max-width:480px){.exam-option{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.proctor-card{text-align:center;flex-direction:column}.calendar-days{gap:4px}.time-slots{grid-template-columns:repeat(2,1fr)}.step-header{text-align:left}.date-warning{text-align:center;gap:var(--spacing-xs);flex-direction:column}}button:focus,input:focus,select:focus,textarea:focus,a:focus,.exam-option:focus,.proctor-card:focus,.calendar-day:focus,.time-slot:focus,.nav-btn:focus,.modal-close:focus{outline:2px solid var(--color-text-accent);outline-offset:3px;box-shadow:0 0 0 4px #4ecdc44d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner,.booking-loading:after,.cancelling-loading:after{animation:none}.exam-option:hover,.proctor-card:hover,.calendar-day:hover,.time-slot:hover,.btn-cancel:hover,.btn-back:hover,.btn-next:hover,.btn-confirm:hover,.retry-btn:hover,.btn-danger:hover,.btn-primary:hover,.btn-secondary:hover,.back-btn:hover{transform:none!important}}@media (prefers-contrast:high){:root{--color-text-primary:#fff;--color-text-secondary:#fff;--color-bg-card:#000000e6}.step-content,.appointment-card,.success-modal,.cancel-modal,.loading-container,.error-container,.date-selector,.time-selector{border:2px solid #fff}.step-content:before,.success-modal:before,.cancel-modal:before{display:none}}::-webkit-scrollbar-thumb{background:#64649680;border:2px solid #0003;border-radius:6px;box-shadow:0 0 10px #4ecdc433}::-webkit-scrollbar-thumb:hover{background:#7878b4b3;box-shadow:0 0 15px #4ecdc466}*{scrollbar-width:thin;scrollbar-color:#64649680 #0000004d}:root{--color-space-dark:#050514e6;--color-space-darker:#0a0a1ef2;--color-space-light:#141432d9;--color-cosmic-cyan:#4ecdc4;--color-nebula-purple:#8a2be2;--color-starlight-blue:#4285f4;--color-white:#fff;--color-light-gray:#e0e0e0;--color-medium-gray:#ccc;--glow-subtle:0 0 20px #ffffff1a;--glow-cyan:0 0 25px #4ecdc480;--glow-purple:0 0 25px #8a2be266;--glow-blue:0 0 25px #4285f466;--glow-multilayer:0 4px 25px #0000004d,0 0 30px #4ecdc440,0 0 45px #8a2be226;--font-size-xs:clamp(13px,2.5vw,14px);--font-size-sm:clamp(14px,3vw,16px);--font-size-md:clamp(15px,2.5vw,17px);--font-size-lg:clamp(16px,2vw,18px);--font-size-xl:clamp(18px,2vw,22px);--font-size-2xl:clamp(22px,2.5vw,28px);--font-size-3xl:clamp(26px,3vw,36px);--space-xs:.75rem;--space-sm:1.25rem;--space-md:1.75rem;--space-lg:2.5rem;--space-xl:3.5rem;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.35s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--glass-light:#ffffff14;--glass-dark:#00000040;--glass-border:#fff3;--glass-highlight:#ffffff1f}.exam-approval-page{min-height:100vh;padding:var(--space-sm);color:var(--color-light-gray);text-shadow:0 1px 2px #00000080,0 0 15px #0000004d;scroll-behavior:smooth;background:linear-gradient(135deg,#0505141a 0%,#0a0a1e33 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;position:relative}.exam-approval-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 30%,#0505144d 0%,#050514b3 70%,#050514e6 100%);position:fixed;inset:0}.page-title{font-size:var(--font-size-3xl);margin-bottom:var(--space-sm);text-align:center;padding-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-white),var(--color-cosmic-cyan));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #4ecdc44d;-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative}.page-title:after{content:"";background:linear-gradient(90deg,transparent,var(--color-cosmic-cyan),var(--color-nebula-purple),transparent);opacity:.8;border-radius:2px;width:120px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-subtitle{font-size:var(--font-size-lg);text-align:center;margin-bottom:var(--space-lg);opacity:.9;color:var(--color-light-gray)!important}.approval-grid{gap:var(--space-lg);z-index:10;max-width:1400px;margin:0 auto;display:grid;position:relative}.approval-content{z-index:10;position:relative}.left-column,.right-column{gap:var(--space-md);flex-direction:column;display:flex}.exam-info-card,.action-card,.proctor-card{will-change:transform,box-shadow;position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(12px)saturate(200%)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--glow-multilayer)!important;transition:all var(--transition-normal)!important}.exam-info-card:hover,.action-card:hover,.proctor-card:hover{border-color:#4ecdc466!important;transform:translateY(-6px)scale(1.01)!important;box-shadow:0 8px 40px #0006,0 0 40px #4ecdc44d,0 0 60px #8a2be233!important}.exam-info-card:before,.action-card:before,.proctor-card:before{content:"";width:200%;height:100%;transition:left var(--transition-slow);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);position:absolute;top:0;left:-100%;transform:skew(-15deg)}.exam-info-card:hover:before,.action-card:hover:before,.proctor-card:hover:before{left:100%}.exam-info-card .card-body,.action-card .card-body,.proctor-card .card-body{padding:var(--space-lg)!important}.card-header{position:relative;padding:var(--space-md)var(--space-lg)!important;margin-bottom:var(--space-md)!important;border-bottom:1px solid #ffffff1a!important}.card-header h2{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex;font-size:var(--font-size-2xl)!important;margin-bottom:var(--space-xs)!important;font-weight:600!important}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)!important;margin:var(--space-md)0!important;display:grid!important}.info-item{position:relative;overflow:hidden;border-radius:var(--radius-md)!important;padding:var(--space-sm)!important;transition:all var(--transition-fast)!important;background:linear-gradient(135deg,#0000004d,#0a0a1e66)!important;border:1px solid #ffffff1a!important}.info-item:before{content:"";background:linear-gradient(to bottom,var(--color-cosmic-cyan),var(--color-nebula-purple));opacity:0;width:4px;height:100%;transition:opacity var(--transition-normal);position:absolute;top:0;left:0}.info-item:hover{border-color:#4ecdc44d!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #0003!important}.info-item:hover:before{opacity:1}.info-label{text-transform:uppercase;letter-spacing:.5px;font-weight:500;display:block;font-size:var(--font-size-xs)!important;color:var(--color-medium-gray)!important;margin-bottom:4px!important}.info-value{font-size:var(--font-size-md)!important;color:var(--color-white)!important;font-weight:600!important}.video-section{margin:var(--space-lg)0!important}.video-section h3{align-items:center;gap:var(--space-xs);display:flex;margin-bottom:var(--space-md)!important}.video-section h3:before{content:"▶️";font-size:var(--font-size-lg)}.video-container{position:relative;border-radius:var(--radius-lg)!important;margin-bottom:var(--space-md)!important;background:linear-gradient(135deg,#0009,#0a0a1eb3)!important;border:1px solid #ffffff26!important;overflow:hidden!important;box-shadow:0 8px 32px #0000004d!important}.video-embed-container{width:100%;position:relative;overflow:hidden;border-radius:var(--radius-md)var(--radius-md)0 0!important;background:#000!important}.video-embed-container iframe{border:none;width:100%;height:400px;display:block}.video-controls-overlay{padding:var(--space-sm);opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.video-container:hover .video-controls-overlay{opacity:1}.video-info{padding:var(--space-md)!important;background:#0000004d!important}.video-instructions{gap:var(--space-sm);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.video-instruction-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-sm);background:#ffffff0d;display:flex}.video-instruction-item:before{content:"✓";color:var(--color-cosmic-cyan);font-weight:700}.rooms-container{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid;margin:var(--space-lg)0!important}.room-section{position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;padding:var(--space-md)!important;transition:all var(--transition-normal)!important;background:linear-gradient(135deg,#141432cc,#0a0a1ee6)!important;border:1px solid #ffffff1a!important}.room-section.pc-room{border-left:4px solid var(--color-cosmic-cyan)!important}.room-section.mobile-room{border-left:4px solid var(--color-nebula-purple)!important}.room-section:hover{border-color:#fff3!important;transform:translateY(-4px)!important;box-shadow:0 8px 32px #0006!important}.room-icon{border-radius:var(--radius-md);width:60px;height:60px;margin-bottom:var(--space-sm);background:#0000004d;border:1px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.room-section h3{font-size:var(--font-size-xl)!important;margin-bottom:var(--space-xs)!important}.room-description{font-size:var(--font-size-sm);color:var(--color-medium-gray)!important;margin-bottom:var(--space-md)!important}.room-link{justify-content:center;width:100%;align-items:center!important;gap:var(--space-xs)!important;border-radius:var(--radius-md)!important;color:var(--color-white)!important;transition:all var(--transition-normal)!important;margin-bottom:var(--space-md)!important;background:linear-gradient(135deg,#4ecdc433,#4285f433)!important;border:1px solid #4ecdc44d!important;padding:.75rem 1.5rem!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important}.room-link:hover{background:linear-gradient(135deg,#4ecdc44d,#4285f44d)!important;border-color:#4ecdc499!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #4ecdc44d!important}.room-instructions{margin-top:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);border-left:3px solid var(--color-cosmic-cyan);background:#0003}.room-instructions h4{font-size:var(--font-size-sm)!important;margin-bottom:var(--space-xs)!important;color:var(--color-cosmic-cyan)!important}.room-instructions ul{margin:0;padding:0;list-style:none}.room-instructions li{font-size:var(--font-size-xs);padding:4px 0 4px 1.5rem;position:relative}.room-instructions li:before{content:"•";color:var(--color-cosmic-cyan);position:absolute;left:0}.requirements-section{margin:var(--space-lg)0!important}.requirements-list{gap:var(--space-xs);display:grid;margin:var(--space-md)0!important}.requirement-item{gap:var(--space-sm);position:relative;border-radius:var(--radius-md)!important;padding:var(--space-sm)!important;transition:all var(--transition-fast)!important;background:linear-gradient(135deg,#00000040,#0a0a1e59)!important;border:1px solid #ffffff14!important;align-items:center!important;display:flex!important}.requirement-item:before{content:"";border-radius:var(--radius-md)0 0 var(--radius-md);width:3px;transition:background var(--transition-normal);background:0 0;position:absolute;top:0;bottom:0;left:0}.requirement-item:hover{border-color:#4ecdc433!important;transform:translate(4px)!important;box-shadow:0 4px 15px #0003!important}.requirement-item:hover:before{background:var(--color-cosmic-cyan)}.requirement-check{border:2px solid #0000;flex-shrink:0;width:32px;height:32px;transition:all var(--transition-fast)!important;background:#ffffff1a!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important}.requirement-item.met .requirement-check{background:var(--color-cosmic-cyan)!important;border-color:#4ecdc480!important;box-shadow:0 0 20px #4ecdc480!important}.requirement-item.met:before{background:var(--color-cosmic-cyan)!important}.requirement-text{font-size:var(--font-size-sm);flex:1}.important-note{gap:var(--space-sm);align-items:flex-start;display:flex;border-radius:var(--radius-md)!important;padding:var(--space-md)!important;margin-top:var(--space-lg)!important;background:linear-gradient(135deg,#ffc1071a,#ff98001a)!important;border:1px solid #ffc1074d!important}.note-icon{flex-shrink:0;font-size:24px}.note-content{flex:1}.note-content p{font-size:var(--font-size-sm);margin:0;color:#fc0!important}.timer-display{max-width:400px;margin:var(--space-lg)auto!important}.timer{position:relative;overflow:hidden;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;text-align:center!important;background:linear-gradient(135deg,#0a0a1ee6,#141432cc)!important;border:2px solid #4ecdc466!important;box-shadow:0 8px 32px #0006,inset 0 0 30px #4ecdc426!important}.timer:before{content:"";background:linear-gradient(45deg,var(--color-cosmic-cyan),var(--color-nebula-purple),var(--color-cosmic-cyan));border-radius:var(--radius-xl);z-index:-1;opacity:.3;animation:3s ease-in-out infinite timer-glow;position:absolute;inset:-2px}@keyframes timer-glow{0%,to{opacity:.3}50%{opacity:.6}}.timer-label{text-transform:uppercase;letter-spacing:1px;font-size:var(--font-size-md)!important;color:var(--color-medium-gray)!important;margin-bottom:var(--space-sm)!important}.timer-time{font-variant-numeric:tabular-nums;font-size:var(--font-size-3xl)!important;color:var(--color-white)!important;text-shadow:0 0 30px #4ecdc4b3!important;font-weight:700!important}.start-exam-btn{text-transform:uppercase;letter-spacing:1px;gap:var(--space-sm);width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue))!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;transition:all var(--transition-normal)!important;border:none!important;justify-content:center!important;align-items:center!important;padding:1.25rem 3rem!important;font-weight:700!important;display:flex!important;box-shadow:0 8px 32px #4285f466!important}.start-exam-btn:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.start-exam-btn:hover:not(:disabled){transform:translateY(-4px)scale(1.02)!important;box-shadow:0 12px 40px #4285f499!important}.start-exam-btn:hover:not(:disabled):before{left:100%}.start-exam-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.retry-btn,.btn-reschedule,.back-btn{gap:.5rem;position:relative;overflow:hidden;border-radius:var(--radius-md)!important;transition:all var(--transition-normal)!important;background:linear-gradient(135deg,#141432e6,#0a0a1ee6)!important;border:1px solid #fff3!important;align-items:center!important;padding:.875rem 1.75rem!important;font-weight:600!important;display:inline-flex!important}.proctor-info{gap:var(--space-md);padding:var(--space-md)!important;border-radius:var(--radius-lg)!important;margin-bottom:var(--space-md)!important;background:#0003!important;align-items:center!important;display:flex!important}.proctor-avatar{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,var(--color-starlight-blue),var(--color-nebula-purple))!important;border-radius:var(--radius-lg)!important;color:var(--color-white)!important;justify-content:center!important;align-items:center!important;font-size:32px!important;font-weight:700!important;display:flex!important;box-shadow:0 8px 25px #8a2be280!important}.proctor-details h3{font-size:var(--font-size-xl)!important;margin-bottom:var(--space-xs)!important}.proctor-instructions{border-radius:var(--radius-md);padding:var(--space-md);border-left:4px solid var(--color-cosmic-cyan);background:#0003}.proctor-instructions h4{color:var(--color-cosmic-cyan)!important;margin-bottom:var(--space-sm)!important}.proctor-instructions ul{margin:0;padding:0;list-style:none}.proctor-instructions li{font-size:var(--font-size-sm);padding:8px 0 8px 2rem;position:relative}.proctor-instructions li:before{content:"→";color:var(--color-cosmic-cyan);position:absolute;left:0}.loading-container,.error-container{text-align:center!important;padding:var(--space-xl)!important;background:0 0!important}.loading-spinner{position:relative;border:4px solid #0000!important;border-top-color:var(--color-cosmic-cyan)!important;border-right-color:var(--color-nebula-purple)!important;border-bottom-color:var(--color-starlight-blue)!important;width:80px!important;height:80px!important;margin:0 auto var(--space-lg)!important;background:0 0!important;border-left-color:#4ecdc44d!important;border-radius:50%!important;animation:2s cubic-bezier(.68,-.55,.27,1.55) infinite enhanced-spin!important}@keyframes enhanced-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.error-icon{animation:2s ease-in-out infinite error-pulse;color:#ff6b6b!important;margin-bottom:var(--space-md)!important;text-shadow:0 0 40px #ff6b6b99!important;font-size:5rem!important}@keyframes error-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:640px){.exam-approval-page{padding:1rem}.approval-grid{gap:var(--space-md);grid-template-columns:1fr!important}.info-grid,.rooms-container{grid-template-columns:1fr!important}.page-title{font-size:var(--font-size-2xl)}.card-header h2{align-items:flex-start;gap:var(--space-xs);flex-direction:column}}@media (min-width:640px) and (max-width:1024px){.approval-grid{grid-template-columns:1fr!important}.info-grid,.rooms-container{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.approval-grid{grid-template-columns:2fr 1fr!important}.info-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1440px){.approval-grid{max-width:1600px;grid-template-columns:2.5fr 1fr!important}}@media (min-width:1920px){.exam-approval-page{max-width:2000px;margin:0 auto}.approval-grid{max-width:1800px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{border:4px solid var(--color-cosmic-cyan)!important;border-right-color:#0000!important;animation:none!important}}@media (prefers-contrast:high){:root{--color-white:#fff;--color-cosmic-cyan:#0ff}.exam-info-card,.action-card,.proctor-card{border:2px solid var(--color-white)!important;background:#000000e6!important}}.status-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-weight:600}.status-approved{color:var(--color-cosmic-cyan)!important;background:#4ecdc433!important;border:1px solid #4ecdc466!important}.status-pending{color:#fc0!important;background:#ffc10733!important;border:1px solid #ffc10766!important}.flex-column{flex-direction:column!important;display:flex!important}.gap-sm{gap:var(--space-xs)!important}.gap-md{gap:var(--space-sm)!important}.gap-lg{gap:var(--space-md)!important}.mt-auto{margin-top:auto!important}.mb-auto{margin-bottom:auto!important}.text-right{text-align:right!important}.text-left{text-align:left!important}:root{--color-space-dark:#050514e6;--color-space-darker:#0a0a1ef2;--color-space-light:#141432d9;--color-cosmic-cyan:#4ecdc4;--color-nebula-purple:#8a2be2;--color-starlight-blue:#4285f4;--color-white:#fff;--color-light-gray:#e0e0e0;--color-medium-gray:#ccc;--color-dark-gray:#333;--btn-secondary-bg:#ffffff26;--btn-secondary-border:#ffffff59;--btn-secondary-hover-bg:#ffffff40;--btn-secondary-hover-border:#ffffff80;--btn-success-color:#10b981;--btn-success-hover-color:#059669;--glow-subtle:0 0 20px #ffffff1a;--glow-cyan:0 0 25px #4ecdc466;--glow-purple:0 0 25px #8a2be266;--glow-blue:0 0 25px #4285f466;--glow-multilayer:0 4px 25px #0006,0 0 30px #4ecdc440,0 0 45px #8a2be226;--font-size-xs:clamp(12px,2.5vw,14px);--font-size-sm:clamp(14px,3vw,16px);--font-size-md:clamp(15px,2.5vw,17px);--font-size-lg:clamp(16px,2vw,18px);--font-size-xl:clamp(18px,2vw,22px);--font-size-2xl:clamp(22px,2.5vw,28px);--font-size-3xl:clamp(26px,3vw,36px);--space-xs:.75rem;--space-sm:1.25rem;--space-md:1.75rem;--space-lg:2.5rem;--space-xl:3.5rem;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.35s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--glass-light:#ffffff14;--glass-dark:#0000004d;--glass-border:#ffffff26;--glass-highlight:#ffffff1f}.take-exam-page{min-height:100vh;color:var(--color-light-gray);text-shadow:0 1px 2px #00000080,0 0 15px #0000004d;scroll-behavior:smooth;background:linear-gradient(135deg,#0505141a 0%,#0a0a1e33 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;position:relative}.take-exam-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 20%,#05051433 0%,#05051499 70%,#050514e6 100%);position:fixed;inset:0}.exam-header{padding:var(--space-sm)var(--space-md);z-index:1000;position:sticky;top:0;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(20px)saturate(200%)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:var(--glow-multilayer)!important}.header-content{justify-content:space-between;align-items:center;gap:var(--space-md);max-width:1600px;margin:0 auto;display:flex}.exam-info{flex:1;min-width:0}.exam-title{text-shadow:0 0 20px #4ecdc466;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;margin-bottom:var(--space-xs)!important;font-weight:700!important}.exam-course{font-size:var(--font-size-sm);align-items:center;gap:var(--space-xs);display:flex;color:var(--color-medium-gray)!important}.exam-course:before{content:"📚";font-size:1rem}.exam-controls{gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.timer-container{flex-direction:column;align-items:center;min-width:120px;display:flex}.timer-label{text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:var(--font-size-xs)!important;color:var(--color-medium-gray)!important;margin-bottom:var(--space-xs)!important}.timer{padding:var(--space-sm);border-radius:var(--radius-lg);text-align:center;font-variant-numeric:tabular-nums;min-width:100px;transition:all var(--transition-normal);border:2px solid #4ecdc44d;box-shadow:0 0 20px #4ecdc433;font-size:var(--font-size-xl)!important;color:var(--color-cosmic-cyan)!important;background:#0000004d!important;font-weight:700!important}.timer.warning{border-color:#f59e0b66;animation:1s ease-in-out infinite pulse;box-shadow:0 0 20px #f59e0b4d;color:#f59e0b!important;background:#f59e0b4d!important}.timer.critical{border-color:#ef444466;animation:.5s ease-in-out infinite pulse;box-shadow:0 0 20px #ef44444d;color:#ef4444!important;background:#ef44444d!important}.timer.ended{border-color:#94a3b84d;animation:none;box-shadow:0 0 10px #94a3b833;color:var(--color-medium-gray)!important;background:#94a3b84d!important}.question-nav{flex-direction:column;align-items:center;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:var(--font-size-xs)!important;color:var(--color-medium-gray)!important;margin-bottom:var(--space-xs)!important}.nav-controls{align-items:center;gap:var(--space-sm);display:flex}.nav-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:2px solid #ffffff4d;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.nav-btn:hover:not(:disabled){color:var(--color-white);background:#4ecdc44d;border-color:#4ecdc499;transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}.nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.current-question{text-align:center;text-shadow:0 0 10px #4ecdc44d;min-width:60px;font-size:var(--font-size-lg)!important;color:var(--color-white)!important;font-weight:600!important}.nav-btn,.action-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--font-size-md);text-align:center;border:2px solid #0000;min-height:44px;padding:.75rem 1.5rem;display:flex;position:relative;overflow:hidden}.nav-btn>*,.action-btn>*{position:relative;z-index:2!important}.nav-btn:before,.action-btn:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.nav-btn:hover:before,.action-btn:hover:before{left:100%}.nav-btn.secondary,.action-btn.secondary{z-index:0;position:relative;box-shadow:0 2px 8px #0000004d;background:var(--btn-secondary-bg)!important;border:2px solid var(--btn-secondary-border)!important;color:var(--color-white)!important;text-shadow:0 1px 2px #000000b3!important;font-weight:600!important}.nav-btn.secondary:hover:not(:disabled),.action-btn.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 20px #ffffff1a;background:var(--btn-secondary-hover-bg)!important;border-color:var(--btn-secondary-hover-border)!important;color:var(--color-white)!important}.nav-btn.primary,.action-btn.primary{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue));z-index:0;border:2px solid #ffffff4d;font-weight:600;position:relative;box-shadow:0 4px 20px #4ecdc466;color:var(--color-white)!important;text-shadow:0 1px 2px #000000b3!important}.nav-btn.primary:hover:not(:disabled),.action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #4ecdc499,0 0 30px #4ecdc44d;color:var(--color-white)!important}.nav-btn.success,.action-btn.success{z-index:0;position:relative;box-shadow:0 4px 20px #10b98166;background:linear-gradient(135deg,var(--btn-success-color),#059669)!important;color:var(--color-white)!important;text-shadow:0 1px 2px #000000b3!important;border:2px solid #10b98180!important;font-weight:600!important}.nav-btn.success:hover:not(:disabled),.action-btn.success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #10b98199,0 0 30px #10b9814d;background:linear-gradient(135deg,var(--btn-success-hover-color),#047857)!important;color:var(--color-white)!important;border-color:#10b981b3!important}.nav-btn:disabled,.action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.3);box-shadow:none!important;transform:none!important}.loading-container,.error-container{padding:var(--space-xl)var(--space-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex;background:0 0!important}.error-container p{opacity:.9;line-height:1.6;font-size:var(--font-size-md);max-width:400px;color:var(--color-light-gray)!important;margin-bottom:var(--space-lg)!important}.retry-btn{cursor:pointer;font-size:var(--font-size-md);position:relative;overflow:hidden;box-shadow:0 4px 20px #ef44444d;color:var(--color-white)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important;text-shadow:0 1px 2px #000000b3!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;padding:.875rem 2.5rem!important;font-weight:600!important}.retry-btn>*{position:relative;z-index:2!important}.retry-btn:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.main-content{max-width:1600px;padding:var(--space-lg);margin:0 auto}.content-grid{gap:var(--space-lg);grid-template-columns:1fr 320px;min-height:calc(100vh - 120px);display:grid}@media (max-width:1200px){.content-grid{gap:var(--space-md);grid-template-columns:1fr}}.question-panel{min-width:0}.question-card{transition:all var(--transition-normal);position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glow-multilayer)!important;border:1px solid var(--glass-border)!important}.question-card:hover{border-color:#4ecdc466!important;box-shadow:0 8px 40px #00000080,0 0 60px #4ecdc44d,0 0 80px #8a2be233!important}.question-header{padding:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:1px solid #ffffff1a;flex-wrap:wrap;display:flex;position:relative}.question-header:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.question-number{align-items:center;gap:var(--space-xs);margin:0;display:flex;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;font-weight:600!important}.question-number:before{content:"❓";font-size:1.25rem}.question-meta{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.question-score{font-size:var(--font-size-sm);align-items:center;gap:var(--space-xs);display:flex;color:var(--color-medium-gray)!important}.question-score:before{content:"⭐";font-size:1rem}.flag-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);color:#f59e0b;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:#ffffff1a;border:2px solid #f59e0b66;padding:.5rem 1rem;font-weight:600;display:flex}.flag-btn>*{position:relative;z-index:2!important}.flag-btn:hover:not(:disabled){background:#f59e0b4d;border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.flag-btn.flagged{color:#fff;background:#f59e0b66;border-color:#f59e0bb3;box-shadow:0 0 25px #f59e0b66}.flag-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.question-body{padding:var(--space-lg)}.question-text{margin-bottom:var(--space-lg);white-space:pre-wrap;text-shadow:0 1px 2px #0009;font-size:var(--font-size-lg)!important;color:var(--color-white)!important;line-height:1.7!important}.answers-container{gap:var(--space-sm);flex-direction:column;display:flex}.answer-item{padding:var(--space-md);border-radius:var(--radius-lg);cursor:pointer;align-items:flex-start;gap:var(--space-md);transition:all var(--transition-normal);background:#ffffff0d;border:2px solid #fff3;display:flex;position:relative;overflow:hidden}.answer-item:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#ffffff0d,#0000);position:absolute;top:0;left:-100%}.answer-item:hover:before{left:100%}.answer-item:hover:not(.user-correct):not(.user-incorrect):not(.selected){background:#ffffff14;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.answer-item.selected{border-color:var(--color-cosmic-cyan);background:#4ecdc426;box-shadow:0 0 25px #4ecdc44d}.answer-item.show-correct{background:#38a16926;border-color:#38a169;box-shadow:0 0 25px #38a1694d}.answer-item.user-correct{cursor:default;background:#38a16940;border-color:#38a169;box-shadow:0 0 30px #38a16966}.answer-item.user-incorrect{cursor:default;background:#ef444440;border-color:#ef4444;box-shadow:0 0 30px #ef444466}.answer-radio{width:24px;height:24px;transition:all var(--transition-fast);border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.radio-circle{width:12px;height:12px;transition:all var(--transition-fast);background:0 0;border-radius:50%}.answer-item.selected .radio-circle{background:var(--color-cosmic-cyan);box-shadow:0 0 10px #4ecdc499}.answer-item.user-correct .radio-circle{box-shadow:0 0 10px #38a16999;background:#38a169!important}.answer-item.user-incorrect .radio-circle{box-shadow:0 0 10px #ef444499;background:#ef4444!important}.answer-text{color:var(--color-light-gray);line-height:1.6;font-size:var(--font-size-md);flex:1}.correct-badge{color:#38a169;text-shadow:0 0 10px #38a16980;margin-left:var(--space-sm);flex-shrink:0;font-size:1.25rem;font-weight:700}.question-footer{padding:var(--space-lg);border-top:1px solid #ffffff1a;position:relative}.question-footer:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.navigation-buttons{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.question-footer .nav-btn{min-width:120px}.question-footer .nav-btn>span,.question-footer .nav-btn>i{position:relative;z-index:2!important;text-shadow:0 1px 2px #000000b3!important}.question-counter{color:var(--color-medium-gray);font-size:var(--font-size-sm);font-weight:500}.side-panel{gap:var(--space-lg);flex-direction:column;height:fit-content;display:flex}.overview-card,.summary-card,.actions-card,.flagged-card{transition:all var(--transition-normal);overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glow-multilayer)!important;border:1px solid var(--glass-border)!important}.overview-card:hover,.summary-card:hover,.actions-card:hover,.flagged-card:hover{border-color:#4ecdc44d!important;box-shadow:0 8px 40px #0006,0 0 50px #4ecdc433,0 0 70px #8a2be226!important}.card-header{padding:var(--space-md)var(--space-lg);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:relative}.card-header h3{align-items:center;gap:var(--space-xs);margin:0;display:flex;font-size:var(--font-size-lg)!important;color:var(--color-white)!important;font-weight:600!important}.stats{color:var(--color-white);align-items:center;gap:var(--space-xs);font-weight:600;display:flex}.stats .answered{color:var(--color-cosmic-cyan);text-shadow:0 0 10px #4ecdc480}.stats .total{color:var(--color-medium-gray)}.questions-grid{padding:var(--space-md);gap:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--color-cosmic-cyan)#0000004d;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:300px;display:grid;overflow-y:auto}.questions-grid::-webkit-scrollbar{width:6px}.questions-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.questions-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-nebula-purple));border-radius:3px}.question-dot{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-weight:600;display:flex}.question-dot:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 4px 15px #0000004d}.question-dot.current{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue));color:var(--color-white);border-color:#fff6;transform:scale(1.1);box-shadow:0 4px 20px #4ecdc480}.question-dot.answered{color:var(--color-cosmic-cyan);background:#4ecdc440;border-color:#4ecdc466}.question-dot.flagged{color:#f59e0b;background:#f59e0b40;border-color:#f59e0b66}.question-dot.correct{color:#38a169;background:#38a16940;border-color:#38a16966}.question-dot.incorrect{color:#ef4444;background:#ef444440;border-color:#ef444466}.question-dot:not(.current):not(.answered):not(.flagged):not(.correct):not(.incorrect){color:var(--color-medium-gray);background:#ffffff14;border-color:#ffffff26}.legend{padding:var(--space-md);gap:var(--space-xs);border-top:1px solid #ffffff1a;grid-template-columns:repeat(2,1fr);display:grid}.legend-item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-medium-gray);display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:12px;height:12px}.legend-dot.current{background:var(--color-cosmic-cyan)}.legend-dot.answered{background:#4ecdc499}.legend-dot.flagged{background:#f59e0b}.legend-dot.correct{background:#38a169}.legend-dot.incorrect{background:#ef4444}.summary-content{padding:var(--space-md)var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.summary-item{padding:var(--space-xs)0;justify-content:space-between;align-items:center;display:flex}.summary-item .label{color:var(--color-medium-gray);font-size:var(--font-size-sm)}.summary-item .value{color:var(--color-light-gray);font-weight:600;font-size:var(--font-size-md)}.summary-item .value.warning{color:#f59e0b;text-shadow:0 0 10px #f59e0b4d}.summary-item .value.score{font-size:var(--font-size-lg);font-weight:700}.summary-item .value.score.passed{color:#38a169;text-shadow:0 0 15px #38a16966}.summary-item .value.score.failed{color:#ef4444;text-shadow:0 0 15px #ef444466}.actions-content{padding:var(--space-md)var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.actions-content .action-btn{width:100%;min-width:100%}.actions-content .action-btn>span,.actions-content .action-btn>i{position:relative;z-index:2!important;text-shadow:0 1px 2px #000000b3!important}.flagged-questions{padding:var(--space-md);gap:var(--space-xs);flex-wrap:wrap;display:flex}.flagged-btn{border-radius:var(--radius-md);color:#f59e0b;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;background:#f59e0b26;border:2px solid #f59e0b66;padding:.5rem 1rem;font-weight:600}.flagged-btn>*{position:relative;z-index:2!important}.flagged-btn:hover{background:#f59e0b4d;border-color:#f59e0b99;transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.flagged-btn.active{color:var(--color-white);background:#f59e0b66;border-color:#f59e0bcc;transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b80}.modal-overlay{z-index:2000;padding:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:500px;animation:.3s ease-out cosmic-slide-up;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(20px)saturate(200%)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glow-multilayer),0 20px 60px #00000080!important;border:1px solid var(--glass-border)!important}.modal-header{padding:var(--space-lg);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:relative}.modal-header:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.modal-header h3{align-items:center;gap:var(--space-xs);margin:0;display:flex;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;font-weight:600!important}.close-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-light-gray);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:2px solid #ffffff4d;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.close-btn:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.modal-body{padding:var(--space-lg);text-align:center}.modal-icon{margin-bottom:var(--space-md);font-size:3rem;animation:3s ease-in-out infinite float}.modal-body h4{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-md);font-weight:600;line-height:1.4}.summary{border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md)0;background:#ffffff0d;border:1px solid #ffffff1a}.summary-row{padding:var(--space-xs)0;color:var(--color-light-gray);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.warning-text{color:var(--color-medium-gray);font-size:var(--font-size-sm);margin-top:var(--space-md);line-height:1.5}.modal-footer{padding:var(--space-lg);gap:var(--space-sm);border-top:1px solid #ffffff1a;display:flex}.btn-cancel,.btn-submit,.btn-review,.btn-finish{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-weight:600;font-size:var(--font-size-md);border:2px solid #0000;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.btn-cancel>*,.btn-submit>*,.btn-review>*,.btn-finish>*{position:relative;z-index:2!important;text-shadow:0 1px 2px #000000b3!important}.btn-cancel:before,.btn-submit:before,.btn-review:before,.btn-finish:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-cancel:hover:before,.btn-submit:hover:before,.btn-review:hover:before,.btn-finish:hover:before{left:100%}.btn-cancel{color:var(--color-light-gray);background:#ffffff1a;border:2px solid #ffffff4d;flex:1}.btn-cancel:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.btn-submit{color:var(--color-white);background:linear-gradient(135deg,#38a169,#2f855a);border:none;flex:1;box-shadow:0 4px 20px #38a1694d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #38a16966}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.results-modal .modal-body{padding:var(--space-xl)var(--space-lg)}.result-icon{margin-bottom:var(--space-md);font-size:4rem;animation:2s ease-in-out infinite result-pulse}@keyframes result-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-icon.passed{color:#38a169;text-shadow:0 0 40px #38a16980}.result-icon.failed{color:#ef4444;text-shadow:0 0 40px #ef444480}.results-modal h2{font-size:var(--font-size-2xl);color:var(--color-white);margin-bottom:var(--space-sm);font-weight:700}.results-modal p{color:var(--color-medium-gray);margin-bottom:var(--space-lg);line-height:1.6}.score-display{margin:var(--space-lg)0}.score-circle{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;display:flex;position:relative;overflow:hidden}.score-circle:before{content:"";z-index:-1;background:linear-gradient(135deg,#38a169,#2f855a);border-radius:50%;position:absolute;inset:-2px}.score-circle.passed{background:linear-gradient(135deg,#38a16933,#2f855a33);border:4px solid #38a16966}.score-circle.failed{background:linear-gradient(135deg,#ef444433,#dc262633);border:4px solid #ef444466}.score-circle:before{display:none}.score-circle.failed:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.score-value{color:var(--color-white);text-shadow:0 0 20px;font-size:2.5rem;font-weight:700}.score-label{font-size:var(--font-size-sm);color:var(--color-light-gray);opacity:.9}.result-details{border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-lg);background:#ffffff0d;border:1px solid #ffffff1a}.detail{padding:var(--space-xs)0;color:var(--color-light-gray);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.results-modal .modal-footer{padding-top:var(--space-lg)}.btn-review{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue));color:var(--color-white);border:none;flex:1;box-shadow:0 4px 20px #4ecdc44d}.btn-review:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.btn-finish{color:var(--color-white);background:linear-gradient(135deg,#38a169,#2f855a);border:none;flex:1;box-shadow:0 4px 20px #38a1694d}.btn-finish:hover{transform:translateY(-2px);box-shadow:0 8px 25px #38a16966}.appointment-status{margin-top:var(--space-xs)}.status-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff1a;border-radius:20px;padding:4px 12px;font-weight:600;display:inline-block}.status-badge.no-reservation-yet{color:var(--color-medium-gray);background:#94a3b833;border-color:#94a3b84d}.status-badge.scheduled{color:var(--color-starlight-blue);background:#4285f433;border-color:#4285f44d}.status-badge.in-progress{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b4d}.status-badge.completed{color:#38a169;background:#38a16933;border-color:#38a1694d}.status-badge.taken-but-failed{color:#ef4444;background:#ef444433;border-color:#ef44444d}.status-badge.cancelled{color:#64748b;background:#64748b33;border-color:#64748b4d}.result-details .detail .status-badge{font-size:var(--font-size-sm);padding:2px 8px}.nav-btn,.action-btn,.btn-cancel,.btn-submit,.btn-review,.btn-finish,.retry-btn,.flag-btn,.flagged-btn{color:var(--color-white)!important;text-shadow:0 1px 2px #000c!important}.nav-btn span,.nav-btn i,.nav-btn svg,.action-btn span,.action-btn i,.action-btn svg,.btn-cancel span,.btn-cancel i,.btn-cancel svg,.btn-submit span,.btn-submit i,.btn-submit svg,.btn-review span,.btn-review i,.btn-review svg,.btn-finish span,.btn-finish i,.btn-finish svg,.retry-btn span,.retry-btn i,.retry-btn svg,.flag-btn span,.flag-btn i,.flag-btn svg,.flagged-btn span,.flagged-btn i,.flagged-btn svg{z-index:10!important;color:inherit!important;position:relative!important}@media (max-width:768px){.take-exam-page{padding:0}.exam-header{padding:var(--space-sm)}.header-content{align-items:stretch;gap:var(--space-sm);flex-direction:column}.exam-controls{justify-content:space-between;gap:var(--space-md)}.timer-container{align-items:flex-start;min-width:auto}.timer{min-width:80px;padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-lg)}.main-content{padding:var(--space-sm)}.content-grid{gap:var(--space-md)}.question-header{padding:var(--space-md);align-items:stretch;gap:var(--space-sm);flex-direction:column}.question-meta{justify-content:space-between}.question-body{padding:var(--space-md)}.answer-item{padding:var(--space-sm);gap:var(--space-sm)}.question-footer{padding:var(--space-md)}.navigation-buttons{gap:var(--space-sm);flex-direction:column}.nav-btn{justify-content:center;width:100%}.card-header{padding:var(--space-sm)var(--space-md)}.questions-grid{padding:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}.question-dot{width:35px;height:35px}.modal{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--space-md)}}@media (min-width:768px) and (max-width:1024px){.header-content{flex-wrap:wrap}.exam-controls{width:100%;margin-top:var(--space-sm);order:3;justify-content:center}.content-grid{grid-template-columns:2fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{border:4px solid var(--color-cosmic-cyan);border-right-color:#0000;animation:none}.answer-item:hover,.question-dot:hover,.nav-btn:hover,.action-btn:hover,.flagged-btn:hover,.flag-btn:hover,.close-btn:hover{transform:none!important}.timer.warning,.timer.critical{animation:none}}.nav-btn:focus-visible,.action-btn:focus-visible,.flag-btn:focus-visible,.flagged-btn:focus-visible,.close-btn:focus-visible,.btn-cancel:focus-visible,.btn-submit:focus-visible,.btn-review:focus-visible,.btn-finish:focus-visible{outline:2px solid var(--color-cosmic-cyan);outline-offset:2px;box-shadow:0 0 0 4px #4ecdc41a}@media (prefers-contrast:high){:root{--color-space-dark:#000000f2;--color-space-darker:#000000fa;--color-cosmic-cyan:#0ff;--color-white:#fff;--btn-secondary-bg:#ffffff4d;--btn-secondary-border:#fff}.question-card,.overview-card,.summary-card,.actions-card,.flagged-card,.modal,.nav-btn.secondary,.action-btn.secondary{border:2px solid var(--color-white)!important}}.question-card,.answer-item,.question-dot,.nav-btn,.action-btn,.timer{backface-visibility:hidden;perspective:1000px;will-change:transform,box-shadow,border-color;transform:translateZ(0)}.take-exam-page{contain:layout style paint}@media (max-width:1024px){.exam-header,.question-card,.overview-card,.summary-card,.actions-card,.flagged-card,.modal{-webkit-backdrop-filter:blur(8px)saturate(160%)!important}}[data-v-8b616c2e]:root{--cosmic-dark:#050514d9;--cosmic-darker:#0a0a1ee6;--cosmic-deep:#0f0f28cc;--cosmic-black:#0009;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc480;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be280;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-lighter:#f5f5f5;--cosmic-gray:#a0a0a0;--glass-blur:blur(12px)saturate(180%);--glass-border:1px solid #ffffff26;--glass-shadow:0 8px 32px #0006;--glass-glow:0 0 20px #4ecdc433;--text-glow:0 0 10px #ffffff4d;--text-shadow:0 2px 4px #00000080;--text-glow-strong:0 0 15px #ffffff80,0 0 30px #4ecdc44d;--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--font-xs:clamp(12px,3vw,14px);--font-sm:clamp(14px,3.5vw,16px);--font-base:clamp(15px,4vw,17px);--font-lg:clamp(16px,4.5vw,20px);--font-xl:clamp(20px,5vw,24px);--font-2xl:clamp(24px,6vw,32px);--font-3xl:clamp(28px,7vw,40px);--btn-height-sm:44px;--btn-height-md:50px;--btn-height-lg:56px}.take-quiz-page[data-v-8b616c2e]{z-index:1;min-height:100vh;color:var(--cosmic-light);padding:clamp(15px,3vw,30px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;position:relative;background:0 0!important}.take-quiz-page[data-v-8b616c2e]:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0505141a 0%,#0a0a1e26 100%);position:fixed;inset:0}.loading-container[data-v-8b616c2e]{text-align:center;min-height:60vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);background:#0505144d;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner[data-v-8b616c2e]{border:3px solid #ffffff1a;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);border-radius:50%;width:60px;height:60px;margin-bottom:30px;animation:2s linear infinite cosmic-spin-8b616c2e;position:relative}.loading-spinner[data-v-8b616c2e]:before{content:"";background:radial-gradient(circle,var(--cosmic-cyan-glow)0%,transparent 70%);filter:blur(10px);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite pulse-8b616c2e;position:absolute;inset:-5px}.loading-text[data-v-8b616c2e]{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);letter-spacing:1px;font-weight:500;line-height:1.5}.error-container[data-v-8b616c2e]{text-align:center;background:var(--cosmic-dark);min-height:60vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),0 0 30px #f003;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:600px;margin:0 auto;padding:clamp(30px,5vw,50px);display:flex}.error-icon[data-v-8b616c2e]{color:#ff6b6b;filter:drop-shadow(0 0 10px #ff6b6b80);margin-bottom:25px;font-size:48px}.error-title[data-v-8b616c2e]{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 20px #ffffff4d;margin-bottom:15px;font-weight:700;line-height:1.3}.error-message[data-v-8b616c2e]{color:var(--cosmic-light);line-height:1.6;font-size:var(--font-base);opacity:.9;margin-bottom:35px}.retry-btn[data-v-8b616c2e],.back-btn[data-v-8b616c2e],.nav-btn[data-v-8b616c2e],.btn-primary[data-v-8b616c2e],.btn-secondary[data-v-8b616c2e],.btn-submit[data-v-8b616c2e]{min-height:var(--btn-height-md);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 28px;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.retry-btn span[data-v-8b616c2e],.back-btn span[data-v-8b616c2e],.nav-btn span[data-v-8b616c2e],.btn-primary span[data-v-8b616c2e],.btn-secondary span[data-v-8b616c2e],.btn-submit span[data-v-8b616c2e]{z-index:2;align-items:center;gap:8px;display:inline-flex;position:relative}.retry-btn[data-v-8b616c2e]{color:var(--cosmic-cyan);background:linear-gradient(135deg,#4ecdc433 0%,#4285f433 100%);border:1px solid #4ecdc44d;box-shadow:0 4px 15px #4ecdc433}.retry-btn[data-v-8b616c2e]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.retry-btn[data-v-8b616c2e]:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#4285f44d 100%);transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.retry-btn[data-v-8b616c2e]:hover:before{left:100%}.back-btn[data-v-8b616c2e]{color:var(--cosmic-light);background:#ffffff0d;border:1px solid #ffffff1a}.back-btn[data-v-8b616c2e]:hover{color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.breadcrumb[data-v-8b616c2e]{font-size:var(--font-sm);color:var(--cosmic-gray);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px;display:flex}.breadcrumb-link[data-v-8b616c2e]{color:var(--cosmic-cyan);transition:var(--transition-smooth);text-shadow:var(--text-shadow);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:flex}.breadcrumb-link[data-v-8b616c2e]:hover{color:var(--cosmic-white);text-shadow:0 0 10px var(--cosmic-cyan-glow)}.breadcrumb-separator[data-v-8b616c2e]{color:#ffffff4d}.breadcrumb-current[data-v-8b616c2e]{color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow);font-weight:600}.quiz-header[data-v-8b616c2e]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:20px;margin-bottom:30px;padding:clamp(25px,4vw,40px);position:relative;overflow:hidden}.quiz-header[data-v-8b616c2e]:before{content:"";background:linear-gradient(90deg,transparent,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.quiz-title[data-v-8b616c2e]{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 15px #fff3;margin-bottom:20px;font-weight:700;line-height:1.3}.quiz-meta[data-v-8b616c2e]{flex-wrap:wrap;gap:15px;display:flex}.meta-item[data-v-8b616c2e]{font-size:var(--font-sm);color:var(--cosmic-light);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;align-items:center;gap:10px;padding:10px 20px;font-weight:500;line-height:1.4;display:flex}.quiz-instructions[data-v-8b616c2e]{max-width:800px;margin:0 auto}.instructions-card[data-v-8b616c2e]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:20px;padding:clamp(30px,5vw,50px);position:relative;overflow:hidden}.instructions-card[data-v-8b616c2e]:after{content:"";pointer-events:none;background:radial-gradient(circle,#4ecdc41a 0%,#8a2be20d 30%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.instructions-title[data-v-8b616c2e]{font-size:var(--font-xl);color:var(--cosmic-white);text-align:center;text-shadow:var(--text-shadow),var(--text-glow);margin-bottom:30px;font-weight:700;line-height:1.3}.instructions-content p[data-v-8b616c2e]{font-size:var(--font-base);color:var(--cosmic-light);text-align:center;opacity:.9;margin-bottom:25px;line-height:1.7}.instructions-list[data-v-8b616c2e]{gap:15px;max-width:500px;margin:0 auto 30px;display:grid}.instruction-item[data-v-8b616c2e]{border-left:4px solid var(--cosmic-cyan);transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.instruction-item[data-v-8b616c2e]:hover{border-color:var(--cosmic-cyan);background:#ffffff0f;transform:translate(5px);box-shadow:0 0 20px #4ecdc41a}.instruction-item svg[data-v-8b616c2e]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 5px var(--cosmic-cyan-glow));flex-shrink:0}.instructions-actions[data-v-8b616c2e]{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.quiz-layout[data-v-8b616c2e]{grid-template-columns:300px 1fr;gap:30px;min-height:600px;display:grid}@media (max-width:1024px){.quiz-layout[data-v-8b616c2e]{grid-template-columns:1fr}}.question-sidebar[data-v-8b616c2e]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;flex-direction:column;gap:25px;padding:25px;display:flex;position:relative}.timer-section[data-v-8b616c2e]{text-align:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:15px;padding:20px}.timer-display[data-v-8b616c2e]{font-size:var(--font-xl);color:var(--cosmic-white);text-shadow:0 0 10px #ffffff80;justify-content:center;align-items:center;gap:12px;margin-bottom:15px;font-weight:700;line-height:1;display:flex}.timer-display svg[data-v-8b616c2e]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 8px var(--cosmic-cyan-glow))}.timer-progress[data-v-8b616c2e]{width:100%}.progress-bar[data-v-8b616c2e]{background:#ffffff1a;border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-fill[data-v-8b616c2e]{background:linear-gradient(90deg,var(--cosmic-cyan),var(--cosmic-purple),var(--cosmic-blue));height:100%;transition:width 1s linear;position:relative;overflow:hidden}.progress-fill[data-v-8b616c2e]:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer-8b616c2e;position:absolute;inset:0}.question-navigation[data-v-8b616c2e]{border-top:1px solid #ffffff1a;padding-top:20px}.nav-title[data-v-8b616c2e]{font-size:var(--font-base);color:var(--cosmic-white);text-shadow:var(--text-shadow);align-items:center;gap:10px;margin-bottom:20px;font-weight:600;line-height:1.4;display:flex}.question-grid[data-v-8b616c2e]{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;display:grid}.question-nav-btn[data-v-8b616c2e]{aspect-ratio:1;color:var(--cosmic-light);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:unset;background:#ffffff0d;border:2px solid #fff3;border-radius:10px;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:relative}.question-nav-btn[data-v-8b616c2e]:hover{border-color:var(--cosmic-cyan);background:#4ecdc41a;transform:translateY(-3px);box-shadow:0 5px 15px #4ecdc44d}.question-nav-btn.current[data-v-8b616c2e]{border-color:var(--cosmic-cyan);background:var(--cosmic-cyan);color:var(--cosmic-dark);box-shadow:0 0 20px var(--cosmic-cyan-glow)}.question-nav-btn.answered[data-v-8b616c2e]{color:var(--cosmic-white);background:#48bb7833;border-color:#48bb7880}.question-nav-btn.flagged[data-v-8b616c2e]{background:#ed89361a;border-color:#ed893680}.flag-indicator[data-v-8b616c2e]{color:#ed8936;filter:drop-shadow(0 0 3px #ed893680);position:absolute;top:2px;right:2px}.flagged-questions[data-v-8b616c2e]{border-top:1px solid #ffffff1a;padding-top:20px}.flagged-list[data-v-8b616c2e]{flex-wrap:wrap;gap:8px;display:flex}.flagged-btn[data-v-8b616c2e]{color:#ffb347;font-size:var(--font-xs);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ed89361a;border:1px solid #ed89364d;border-radius:8px;justify-content:center;align-items:center;min-height:32px;padding:8px 16px;font-weight:600;line-height:1.4;display:inline-flex}.flagged-btn[data-v-8b616c2e]:hover{color:#fff;background:#ed89364d;box-shadow:0 0 15px #ed89364d}.no-flagged[data-v-8b616c2e]{color:var(--cosmic-gray);font-size:var(--font-sm);text-align:center;opacity:.7;padding:15px;line-height:1.5}.sidebar-actions[data-v-8b616c2e]{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px}.question-main[data-v-8b616c2e]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:20px;flex-direction:column;padding:clamp(25px,4vw,40px);display:flex;position:relative;overflow:hidden}.question-main[data-v-8b616c2e]:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#4ecdc40d 0%,#0000 50%);position:absolute;inset:0}.question-header[data-v-8b616c2e]{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:20px;display:flex}.question-counter[data-v-8b616c2e]{font-size:var(--font-base);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #4ecdc44d;font-weight:600;line-height:1.4}.flag-btn[data-v-8b616c2e]{color:#ffb347;font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:var(--btn-height-sm);text-transform:none;letter-spacing:normal;white-space:nowrap;background:#ed89361a;border:1px solid #ed89364d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;line-height:1;display:flex}.flag-btn[data-v-8b616c2e]:hover{background:#ed893633;box-shadow:0 0 15px #ed89364d}.flag-btn.flagged[data-v-8b616c2e]{color:#fff;background:#ed89364d;border-color:#ed8936}.flag-btn.flagged[data-v-8b616c2e]:hover{background:#ed893666;border-color:#ffb347}.question-text[data-v-8b616c2e]{margin-bottom:30px}.question-text h2[data-v-8b616c2e]{font-size:var(--font-lg);color:var(--cosmic-white);text-shadow:var(--text-shadow),0 0 10px #fff3;margin-bottom:15px;font-weight:600;line-height:1.6}.question-score[data-v-8b616c2e]{margin-top:10px;display:inline-block}.score-badge[data-v-8b616c2e]{color:var(--cosmic-cyan);font-size:var(--font-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 0 5px #4ecdc44d;background:#4ecdc426;border:1px solid #4ecdc466;border-radius:25px;align-items:center;gap:5px;padding:8px 16px;font-weight:600;line-height:1.4;display:inline-flex}.answers-section[data-v-8b616c2e]{flex-direction:column;flex:1;gap:15px;margin-bottom:30px;display:flex}.answer-option[data-v-8b616c2e]{cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:15px;padding:20px;display:flex}.answer-option[data-v-8b616c2e]:hover{background:#4ecdc40d;border-color:#4ecdc44d;transform:translate(5px)}.answer-option.selected[data-v-8b616c2e]{border-color:var(--cosmic-cyan);background:#4ecdc41a;box-shadow:0 0 20px #4ecdc433}.answer-option.correct[data-v-8b616c2e]{background:#48bb781a;border-color:#48bb7880}.answer-radio[data-v-8b616c2e]{flex-shrink:0;margin-top:3px}.radio-circle[data-v-8b616c2e]{width:22px;height:22px;transition:var(--transition-smooth);border:2px solid #ffffff4d;border-radius:50%;position:relative}.radio-circle.checked[data-v-8b616c2e]{border-color:var(--cosmic-cyan)}.radio-circle.checked[data-v-8b616c2e]:after{content:"";background:var(--cosmic-cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cosmic-cyan-glow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.answer-content[data-v-8b616c2e]{flex:1;align-items:center;min-height:22px;display:flex}.answer-content p[data-v-8b616c2e]{color:var(--cosmic-lighter);line-height:1.6;font-size:var(--font-base);text-shadow:var(--text-shadow);margin:0}.correct-indicator[data-v-8b616c2e]{color:#48bb78;font-size:var(--font-xs);text-shadow:0 0 5px #48bb784d;background:#48bb7833;border:1px solid #48bb784d;border-radius:6px;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;font-weight:600;line-height:1.4;display:inline-flex}.correct-indicator svg[data-v-8b616c2e]{filter:drop-shadow(0 0 3px #48bb7880);width:14px;height:14px}.question-navigation-buttons[data-v-8b616c2e]{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:25px;display:flex}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{min-height:var(--btn-height-md);cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-sizing:border-box;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 28px;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.prev-btn span[data-v-8b616c2e],.next-btn span[data-v-8b616c2e]{z-index:2;color:var(--cosmic-white);text-shadow:var(--text-shadow);align-items:center;gap:8px;display:inline-flex;position:relative}.prev-btn[data-v-8b616c2e]{color:var(--cosmic-white);background:#ffffff0d;border:1px solid #ffffff1a}.prev-btn[data-v-8b616c2e]:hover:not(:disabled){color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffffff1a}.prev-btn[data-v-8b616c2e]:disabled{opacity:.3;cursor:not-allowed}.next-btn[data-v-8b616c2e]{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;box-shadow:0 4px 15px #4ecdc433}.next-btn[data-v-8b616c2e]:hover{background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc466}.quiz-progress[data-v-8b616c2e]{border-top:1px solid #ffffff1a;padding-top:20px}.progress-info[data-v-8b616c2e]{font-size:var(--font-sm);color:var(--cosmic-white);opacity:.9;text-shadow:var(--text-shadow);justify-content:space-between;margin-bottom:10px;font-weight:500;line-height:1.4;display:flex}.quiz-result[data-v-8b616c2e]{max-width:600px;margin:40px auto}.result-card[data-v-8b616c2e]{background:var(--cosmic-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-glow);border-radius:25px;padding:clamp(40px,6vw,60px);position:relative;overflow:hidden}.result-card[data-v-8b616c2e]:before{content:"";border-radius:25px 25px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.result-card.passed[data-v-8b616c2e]{border-top:6px solid #48bb7880}.result-card.passed[data-v-8b616c2e]:before{background:linear-gradient(90deg,#48bb78,#38b2ac,#48bb78)}.result-card.failed[data-v-8b616c2e]{border-top:6px solid #fc818180}.result-card.failed[data-v-8b616c2e]:before{background:linear-gradient(90deg,#fc8181,#f687b3,#fc8181)}.result-icon[data-v-8b616c2e]{filter:drop-shadow(0 0 20px);margin-bottom:30px;font-size:64px;line-height:1}.result-card.passed .result-icon[data-v-8b616c2e]{color:#48bb78}.result-card.failed .result-icon[data-v-8b616c2e]{color:#fc8181}.result-title[data-v-8b616c2e]{font-size:var(--font-2xl);color:var(--cosmic-white);text-shadow:var(--text-shadow),var(--text-glow-strong);margin-bottom:30px;font-weight:700;line-height:1.3}.result-score[data-v-8b616c2e]{margin-bottom:30px}.score-display[data-v-8b616c2e]{color:var(--cosmic-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4ecdc41a,#8a2be21a,#4285f41a);border:2px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:180px;min-height:180px;margin:0 auto;padding:30px 50px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0006,0 0 50px #4ecdc44d,0 0 80px #4ecdc433}.score-display[data-v-8b616c2e]:before{content:"";z-index:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;position:absolute;inset:-10px}.score-value[data-v-8b616c2e]{color:var(--cosmic-lighter);text-shadow:0 0 10px #fffc,0 0 20px #4ecdc499,0 0 30px #4ecdc466,0 0 40px #4ecdc433;z-index:1;letter-spacing:1px;margin-bottom:5px;font-size:56px;font-weight:800;line-height:1;position:relative}.score-label[data-v-8b616c2e]{font-size:var(--font-sm);color:var(--cosmic-white);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #ffffff80,0 0 10px #4ecdc44d;z-index:1;opacity:.9;font-weight:600;line-height:1.4;position:relative}.result-message[data-v-8b616c2e]{font-size:var(--font-lg);color:var(--cosmic-lighter);opacity:.9;max-width:400px;text-shadow:var(--text-shadow);margin-bottom:40px;margin-left:auto;margin-right:auto;line-height:1.7}.result-actions[data-v-8b616c2e]{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-primary[data-v-8b616c2e]{color:var(--cosmic-white);min-height:var(--btn-height-lg);font-size:var(--font-base);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:12px;padding:0 36px;font-weight:600;position:relative;overflow:hidden}.btn-primary[data-v-8b616c2e]:hover{color:var(--cosmic-white);background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);transform:translateY(-3px);box-shadow:0 10px 25px #4ecdc466}.btn-secondary[data-v-8b616c2e]{color:var(--cosmic-white);min-height:var(--btn-height-lg);font-size:var(--font-base);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:var(--text-shadow);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:0 36px;font-weight:600}.btn-secondary[data-v-8b616c2e]:hover{color:var(--cosmic-white);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 5px 15px #ffffff1a}.btn-submit[data-v-8b616c2e]{width:100%;color:var(--cosmic-white);min-height:var(--btn-height-lg);font-size:var(--font-base);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1px;text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc433 0%,#8a2be233 100%);border:1px solid #4ecdc44d;border-radius:12px;margin-top:auto;padding:0;font-weight:600}.btn-submit[data-v-8b616c2e]:hover:not(:disabled){background:linear-gradient(135deg,#4ecdc44d 0%,#8a2be24d 100%);transform:translateY(-3px);box-shadow:0 10px 25px #4ecdc466}.btn-submit[data-v-8b616c2e]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading[data-v-8b616c2e]{border:2px solid #fff3;border-top-color:var(--cosmic-white);border-radius:50%;flex-shrink:0;width:22px;height:22px;margin:0 auto;animation:1s linear infinite spin-8b616c2e;display:inline-block}[data-v-8b616c2e]::-webkit-scrollbar{width:10px;height:10px}[data-v-8b616c2e]::-webkit-scrollbar-track{background:#0003;border-radius:5px}[data-v-8b616c2e]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-purple));border:2px solid #0000004d;border-radius:5px}[data-v-8b616c2e]::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--cosmic-cyan),var(--cosmic-blue));box-shadow:0 0 10px var(--cosmic-cyan-glow)}@keyframes cosmic-spin-8b616c2e{0%{transform:rotate(0)}25%{border-top-color:var(--cosmic-cyan)}50%{border-top-color:var(--cosmic-purple)}75%{border-top-color:var(--cosmic-blue)}to{transform:rotate(360deg)}}@keyframes spin-8b616c2e{to{transform:rotate(360deg)}}@keyframes pulse-8b616c2e{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer-8b616c2e{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float-8b616c2e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes score-glow-8b616c2e{0%,to{text-shadow:0 0 10px #fffc,0 0 20px #4ecdc499,0 0 30px #4ecdc466,0 0 40px #4ecdc433}50%{text-shadow:0 0 15px #fff,0 0 25px #4ecdc4cc,0 0 35px #4ecdc499,0 0 45px #4ecdc44d}}.score-value[data-v-8b616c2e]{animation:3s ease-in-out infinite score-glow-8b616c2e}@media (max-width:640px){.quiz-layout[data-v-8b616c2e]{gap:20px}.question-sidebar[data-v-8b616c2e],.question-main[data-v-8b616c2e],.quiz-header[data-v-8b616c2e],.instructions-card[data-v-8b616c2e]{-webkit-backdrop-filter:blur(5px)saturate(160%);backdrop-filter:blur(5px)saturate(160%);border-radius:16px;padding:20px}.question-grid[data-v-8b616c2e]{grid-template-columns:repeat(4,1fr)}.instructions-actions[data-v-8b616c2e],.result-actions[data-v-8b616c2e]{flex-direction:column;width:100%}.instructions-actions .btn-primary[data-v-8b616c2e],.instructions-actions .btn-secondary[data-v-8b616c2e],.result-actions .btn-primary[data-v-8b616c2e],.result-actions .btn-secondary[data-v-8b616c2e],.retry-btn[data-v-8b616c2e],.back-btn[data-v-8b616c2e]{width:100%;min-height:48px}.nav-title[data-v-8b616c2e],.question-counter[data-v-8b616c2e],.score-badge[data-v-8b616c2e]{font-size:var(--font-sm)}.score-display[data-v-8b616c2e]{min-width:140px;min-height:140px;padding:20px 40px}.score-value[data-v-8b616c2e]{text-shadow:0 0 8px #fffc,0 0 16px #4ecdc499,0 0 24px #4ecdc466;font-size:42px;animation:none}.score-label[data-v-8b616c2e]{font-size:var(--font-xs)}.question-navigation-buttons[data-v-8b616c2e]{flex-direction:column}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{width:100%;min-height:48px}.flag-btn[data-v-8b616c2e]{min-height:40px;font-size:var(--font-xs);padding:8px 16px}.btn-submit[data-v-8b616c2e]{min-height:52px}}@media (min-width:640px) and (max-width:1024px){.quiz-layout[data-v-8b616c2e]{gap:25px}.question-grid[data-v-8b616c2e]{grid-template-columns:repeat(6,1fr)}.score-display[data-v-8b616c2e]{min-width:160px;min-height:160px;padding:25px 45px}.score-value[data-v-8b616c2e]{font-size:48px}.question-navigation-buttons[data-v-8b616c2e]{flex-wrap:nowrap}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{min-width:150px}}@media (min-width:1024px) and (max-width:1440px){.quiz-layout[data-v-8b616c2e]{gap:30px}.question-grid[data-v-8b616c2e]{grid-template-columns:repeat(5,1fr)}.score-display[data-v-8b616c2e]{min-width:180px;min-height:180px}.score-value[data-v-8b616c2e]{font-size:56px}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{min-width:160px}}@media (min-width:1440px){.take-quiz-page[data-v-8b616c2e]{max-width:1600px;margin:0 auto;padding:40px}.quiz-layout[data-v-8b616c2e]{grid-template-columns:350px 1fr;gap:40px}.question-grid[data-v-8b616c2e]{grid-template-columns:repeat(6,1fr);gap:12px}.score-display[data-v-8b616c2e]{min-width:200px;min-height:200px;padding:30px 50px}.score-value[data-v-8b616c2e]{font-size:64px}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{min-width:180px}}@media (min-width:1920px){.take-quiz-page[data-v-8b616c2e]{max-width:1800px;padding:50px}.quiz-layout[data-v-8b616c2e]{grid-template-columns:400px 1fr;gap:50px}.question-grid[data-v-8b616c2e]{grid-template-columns:repeat(7,1fr);gap:15px}.score-display[data-v-8b616c2e]{min-width:220px;min-height:220px;padding:35px 60px}.score-value[data-v-8b616c2e]{font-size:72px}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{min-width:200px}}@media (prefers-reduced-motion:reduce){[data-v-8b616c2e],[data-v-8b616c2e]:before,[data-v-8b616c2e]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner[data-v-8b616c2e],.progress-fill[data-v-8b616c2e]:after,.btn-primary[data-v-8b616c2e]:hover,.btn-secondary[data-v-8b616c2e]:hover,.retry-btn[data-v-8b616c2e]:hover:before,.score-value[data-v-8b616c2e]{animation:none!important}.answer-option[data-v-8b616c2e]:hover,.instruction-item[data-v-8b616c2e]:hover,.question-nav-btn[data-v-8b616c2e]:hover,.next-btn[data-v-8b616c2e]:hover,.prev-btn[data-v-8b616c2e]:hover{transform:none!important}.score-value[data-v-8b616c2e]{text-shadow:0 0 10px #fffc,0 0 20px #4ecdc499!important}}@media (prefers-contrast:high){.take-quiz-page[data-v-8b616c2e]{background:#000000f2!important}.quiz-header[data-v-8b616c2e],.question-main[data-v-8b616c2e],.question-sidebar[data-v-8b616c2e],.instructions-card[data-v-8b616c2e],.error-container[data-v-8b616c2e],.result-card[data-v-8b616c2e]{border:2px solid var(--cosmic-cyan)!important;background:#000000f2!important}.loading-spinner[data-v-8b616c2e]{border-color:var(--cosmic-white)!important;border-top-color:var(--cosmic-cyan)!important}.radio-circle.checked[data-v-8b616c2e]{border-color:var(--cosmic-white)!important}.radio-circle.checked[data-v-8b616c2e]:after{background:var(--cosmic-white)!important}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e],.btn-primary[data-v-8b616c2e],.btn-secondary[data-v-8b616c2e],.btn-submit[data-v-8b616c2e]{border:2px solid var(--cosmic-white)!important}.score-value[data-v-8b616c2e]{color:var(--cosmic-white)!important;text-shadow:0 0 5px var(--cosmic-white),0 0 10px var(--cosmic-white)!important}}@media print{.take-quiz-page[data-v-8b616c2e]{padding:20px;color:#000!important;background:#fff!important}.quiz-header[data-v-8b616c2e],.question-main[data-v-8b616c2e],.question-sidebar[data-v-8b616c2e],.instructions-card[data-v-8b616c2e],.error-container[data-v-8b616c2e],.result-card[data-v-8b616c2e]{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:1px solid #ccc!important}.loading-spinner[data-v-8b616c2e],.flag-btn[data-v-8b616c2e],.retry-btn[data-v-8b616c2e],.back-btn[data-v-8b616c2e],.btn-primary[data-v-8b616c2e],.btn-secondary[data-v-8b616c2e],.btn-submit[data-v-8b616c2e]{display:none!important}.quiz-title[data-v-8b616c2e],.instructions-title[data-v-8b616c2e],.result-title[data-v-8b616c2e],.question-text h2[data-v-8b616c2e]{color:#000!important;text-shadow:none!important}.answer-content p[data-v-8b616c2e],.instructions-content p[data-v-8b616c2e],.error-message[data-v-8b616c2e],.result-message[data-v-8b616c2e]{color:#333!important}.prev-btn[data-v-8b616c2e],.next-btn[data-v-8b616c2e]{display:none!important}.score-value[data-v-8b616c2e]{color:#000!important;text-shadow:none!important;animation:none!important}}.will-change-transform[data-v-8b616c2e]{will-change:transform}.will-change-opacity[data-v-8b616c2e]{will-change:opacity}.contain-layout[data-v-8b616c2e]{contain:layout}@media (hover:hover) and (pointer:fine){.question-nav-btn:hover .flag-indicator[data-v-8b616c2e],.flag-btn:hover svg[data-v-8b616c2e],.retry-btn:hover svg[data-v-8b616c2e]{filter:drop-shadow(0 0 5px)}}[data-v-8b616c2e]:focus-visible{outline:3px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 0 3px #4ecdc44d}.answer-option[data-v-8b616c2e]:focus-within,.question-nav-btn[data-v-8b616c2e]:focus,.flag-btn[data-v-8b616c2e]:focus,.prev-btn[data-v-8b616c2e]:focus,.next-btn[data-v-8b616c2e]:focus,.btn-primary[data-v-8b616c2e]:focus,.btn-secondary[data-v-8b616c2e]:focus,.btn-submit[data-v-8b616c2e]:focus,.retry-btn[data-v-8b616c2e]:focus,.back-btn[data-v-8b616c2e]:focus{outline:2px solid var(--cosmic-cyan);outline-offset:3px;box-shadow:0 0 15px var(--cosmic-cyan-glow)}[data-v-3e0287f6]:root{--cosmic-dark:#050514e6;--cosmic-darker:#02020af2;--cosmic-card:#0f0f28d9;--cosmic-card-hover:#14143ce6;--cosmic-input:#00000080;--cosmic-input-focus:#141432cc;--cosmic-cyan:#4ecdc4;--cosmic-cyan-glow:#4ecdc466;--cosmic-purple:#8a2be2;--cosmic-purple-glow:#8a2be266;--cosmic-blue:#4285f4;--cosmic-blue-glow:#4285f44d;--cosmic-white:#fff;--cosmic-light:#e0e0e0;--cosmic-gray:#a0a0c0;--status-success:#4ecdc4;--status-success-glow:#4ecdc44d;--status-error:#ff6b6b;--status-error-glow:#ff6b6b4d;--status-warning:#ffd166;--status-warning-glow:#ffd1664d;--status-info:#4285f4;--status-info-glow:#4285f44d;--status-default:#8a2be2;--status-default-glow:#8a2be24d;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#a0a0c0;--glass-blur:blur(12px)saturate(180%);--glass-blur-mobile:blur(8px)saturate(160%);--transition-smooth:all .3s cubic-bezier(.4,0,.2,1);--transition-glow:all .5s ease;--shadow-cosmic:0 0 20px #4285f44d;--shadow-cosmic-cyan:0 0 25px #4ecdc466;--shadow-cosmic-purple:0 0 25px #8a2be266;--shadow-inner:inset 0 2px 4px #ffffff1a;--shadow-outer:0 4px 20px #00000080;--text-shadow:0 0 10px #000c,0 2px 4px #00000080;--space-xs:clamp(.25rem,.5vw,.5rem);--space-sm:clamp(.5rem,1vw,1rem);--space-md:clamp(1rem,2vw,1.5rem);--space-lg:clamp(1.5rem,3vw,2.5rem);--space-xl:clamp(2rem,4vw,3.5rem);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-xs:clamp(.75rem,2vw,.875rem);--font-sm:clamp(.875rem,2.5vw,1rem);--font-md:clamp(1rem,3vw,1.125rem);--font-lg:clamp(1.25rem,4vw,1.5rem);--font-xl:clamp(1.5rem,5vw,2rem);--font-xxl:clamp(2rem,6vw,2.5rem)}@keyframes cosmic-spin-3e0287f6{to{transform:rotate(360deg)}}@keyframes pulse-glow-3e0287f6{0%,to{box-shadow:0 0 20px var(--cosmic-blue-glow)}50%{box-shadow:0 0 30px var(--cosmic-blue-glow)}}@keyframes border-glow-3e0287f6{0%,to{border-color:#ffffff26;box-shadow:0 0 20px #4285f44d}50%{border-color:var(--cosmic-cyan);box-shadow:0 0 30px #4ecdc480}}@keyframes shimmer-3e0287f6{0%{background-position:-200%}to{background-position:200%}}@keyframes slide-in-3e0287f6{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse-3e0287f6{0%,to{opacity:.7}50%{opacity:1}}.proctor-dashboard[data-v-3e0287f6]{padding:var(--space-lg);z-index:1;max-width:min(1200px,95vw);min-height:100vh;color:var(--text-primary);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;position:relative;background:0 0!important}.proctor-dashboard[data-v-3e0287f6]:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0%,#0505144d 100%);position:fixed;inset:0}.dashboard-header[data-v-3e0287f6]{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--cosmic-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-outer),var(--shadow-cosmic);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;animation:.5s ease-out slide-in-3e0287f6;position:relative;overflow:hidden}.dashboard-header[data-v-3e0287f6]:before{content:"";background:linear-gradient(90deg,var(--cosmic-purple),var(--cosmic-cyan),var(--cosmic-blue));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.dashboard-header h1[data-v-3e0287f6]{font-size:var(--font-xxl);margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--cosmic-cyan)0%,var(--cosmic-purple)50%,var(--cosmic-blue)100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #4ecdc44d,var(--text-shadow);letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-weight:700}.proctor-info[data-v-3e0287f6]{font-size:var(--font-md);color:var(--text-secondary);text-shadow:var(--text-shadow);align-items:center;gap:var(--space-sm);display:flex}.proctor-info i[data-v-3e0287f6]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 8px var(--cosmic-cyan-glow))}.dashboard-content[data-v-3e0287f6]{background:var(--cosmic-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-outer),var(--shadow-cosmic);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;position:relative;overflow:hidden}.dashboard-content[data-v-3e0287f6]:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.loading-state[data-v-3e0287f6]{padding:var(--space-xl);color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out slide-in-3e0287f6;display:flex}.loading-spinner[data-v-3e0287f6]{border:3px solid #0000;border-top-color:var(--cosmic-cyan);border-right-color:var(--cosmic-purple);border-bottom-color:var(--cosmic-blue);width:60px;height:60px;margin-bottom:var(--space-md);border-radius:50%;animation:1s linear infinite cosmic-spin-3e0287f6;box-shadow:0 0 20px #4ecdc44d}.loading-state h3[data-v-3e0287f6]{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:var(--text-shadow)}.loading-state p[data-v-3e0287f6]{font-size:var(--font-md);color:var(--text-secondary);text-shadow:var(--text-shadow)}.error-state[data-v-3e0287f6]{padding:var(--space-xl);text-align:center;background:var(--cosmic-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ff6b6b4d;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out slide-in-3e0287f6;display:flex}.error-icon[data-v-3e0287f6]{margin-bottom:var(--space-md);color:var(--status-error);filter:drop-shadow(0 0 20px var(--status-error-glow));font-size:64px}.error-state h3[data-v-3e0287f6]{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:var(--text-shadow)}.error-state p[data-v-3e0287f6]{font-size:var(--font-md);color:var(--text-secondary);margin-bottom:var(--space-lg);text-shadow:var(--text-shadow);max-width:500px;line-height:1.6}.retry-btn[data-v-3e0287f6]{color:var(--text-primary);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc4e6,#4285f4e6);border:1px solid #fff3;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.retry-btn[data-v-3e0287f6]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.retry-btn[data-v-3e0287f6]:hover{background:linear-gradient(135deg,#4ecdc4,#4285f4);transform:translateY(-3px);box-shadow:0 8px 25px #4285f466,0 0 30px #4285f44d}.retry-btn[data-v-3e0287f6]:hover:before{left:100%}.retry-btn[data-v-3e0287f6]:active{transform:translateY(-1px)}.retry-btn i[data-v-3e0287f6]{font-size:20px}.empty-state[data-v-3e0287f6]{padding:var(--space-xl);text-align:center;background:var(--cosmic-card);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out slide-in-3e0287f6;display:flex}.empty-icon[data-v-3e0287f6]{margin-bottom:var(--space-md);color:var(--cosmic-gray);opacity:.6;filter:drop-shadow(0 0 20px #a0a0c033);font-size:80px}.empty-state h3[data-v-3e0287f6]{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-sm);text-shadow:var(--text-shadow);font-weight:600}.empty-state p[data-v-3e0287f6]{font-size:var(--font-md);color:var(--text-secondary);text-shadow:var(--text-shadow);max-width:500px;margin-bottom:var(--space-lg);line-height:1.6}.appointments-header[data-v-3e0287f6]{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.appointments-header h2[data-v-3e0287f6]{font-size:var(--font-xl);color:var(--text-primary);text-shadow:var(--text-shadow);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.appointments-header h2 i[data-v-3e0287f6]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 8px var(--cosmic-cyan-glow))}.stats[data-v-3e0287f6]{gap:var(--space-lg);display:flex}.stat-item[data-v-3e0287f6]{padding:var(--space-md);border-radius:var(--radius-md);min-width:120px;transition:var(--transition-smooth);background:#0000004d;border:1px solid #ffffff1a;flex-direction:column;align-items:flex-end;display:flex;position:relative;overflow:hidden}.stat-item[data-v-3e0287f6]:hover{border-color:#4ecdc44d;transform:translateY(-2px);box-shadow:0 0 20px #4ecdc433}.stat-item[data-v-3e0287f6]:before{content:"";opacity:0;transition:var(--transition-smooth);background:linear-gradient(135deg,#4ecdc41a,#8a2be21a);position:absolute;inset:0}.stat-item[data-v-3e0287f6]:hover:before{opacity:1}.stat-label[data-v-3e0287f6]{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);text-shadow:var(--text-shadow);z-index:1}.stat-value[data-v-3e0287f6]{font-size:var(--font-xl);color:var(--cosmic-cyan);text-shadow:0 0 10px #4ecdc480,var(--text-shadow);z-index:1;font-weight:700}.appointments-list[data-v-3e0287f6]{gap:var(--space-md);display:grid}.appointment-card[data-v-3e0287f6]{border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:var(--transition-smooth);background:#14142899;border:1px solid #ffffff1a;animation:.3s ease-out both slide-in-3e0287f6;position:relative;overflow:hidden}.appointment-card[data-v-3e0287f6]:hover{background:#191932cc;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 30px #0006,0 0 25px #4ecdc433}.appointment-card[data-v-3e0287f6]:before{content:"";background:linear-gradient(90deg,var(--cosmic-purple),var(--cosmic-cyan),var(--cosmic-blue));opacity:.5;height:2px;position:absolute;top:0;left:0;right:0}.appointment-card[data-v-3e0287f6]:first-child{animation-delay:.1s}.appointment-card[data-v-3e0287f6]:nth-child(2){animation-delay:.2s}.appointment-card[data-v-3e0287f6]:nth-child(3){animation-delay:.3s}.appointment-card[data-v-3e0287f6]:nth-child(4){animation-delay:.4s}.appointment-card[data-v-3e0287f6]:nth-child(5){animation-delay:.5s}.appointment-header[data-v-3e0287f6]{margin-bottom:var(--space-md)}.appointment-title[data-v-3e0287f6]{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;display:flex}.appointment-title h3[data-v-3e0287f6]{font-size:var(--font-lg);color:var(--text-primary);text-shadow:var(--text-shadow);flex:1;margin:0;font-weight:600}.status-badge[data-v-3e0287f6]{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);border:1px solid;border-radius:20px;padding:6px 16px;font-weight:600;animation:3s ease-in-out infinite status-pulse-3e0287f6}.status-scheduled[data-v-3e0287f6]{color:var(--cosmic-cyan);box-shadow:0 0 15px var(--status-success-glow);background:#4ecdc426;border-color:#4ecdc44d}.status-in-progress[data-v-3e0287f6]{color:var(--status-warning);box-shadow:0 0 15px var(--status-warning-glow);background:#ffd16626;border-color:#ffd1664d;animation:2s ease-in-out infinite status-pulse-3e0287f6}.status-completed[data-v-3e0287f6]{color:var(--status-info);box-shadow:0 0 15px var(--status-info-glow);background:#4285f426;border-color:#4285f44d}.status-cancelled[data-v-3e0287f6]{color:var(--cosmic-gray);background:#a0a0c026;border-color:#a0a0c04d;box-shadow:0 0 15px #a0a0c033}.status-expired[data-v-3e0287f6]{color:var(--status-error);box-shadow:0 0 15px var(--status-error-glow);background:#ff6b6b26;border-color:#ff6b6b4d}.status-pending[data-v-3e0287f6]{color:var(--status-warning);box-shadow:0 0 15px var(--status-warning-glow);background:#ffd16633;border-color:#ffd16666;animation:1.5s ease-in-out infinite status-pulse-3e0287f6}.status-default[data-v-3e0287f6]{color:var(--cosmic-purple);box-shadow:0 0 15px var(--status-default-glow);background:#8a2be226;border-color:#8a2be24d}.appointment-meta[data-v-3e0287f6]{gap:var(--space-lg);flex-wrap:wrap;display:flex}.meta-item[data-v-3e0287f6]{align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary);text-shadow:var(--text-shadow);display:flex}.meta-icon[data-v-3e0287f6]{color:var(--cosmic-cyan);filter:drop-shadow(0 0 8px var(--cosmic-cyan-glow));font-size:16px}.appointment-details[data-v-3e0287f6]{border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-md);background:#0000004d;border:1px solid #ffffff1a;animation:.3s ease-out slide-in-3e0287f6}.detail-row[data-v-3e0287f6]{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.detail-row[data-v-3e0287f6]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label[data-v-3e0287f6]{font-size:var(--font-sm);color:var(--text-secondary);text-shadow:var(--text-shadow);font-weight:500}.detail-value[data-v-3e0287f6]{font-size:var(--font-sm);color:var(--text-primary);text-shadow:var(--text-shadow);text-align:right;word-break:break-word;max-width:60%;font-weight:600}.detail-value.code[data-v-3e0287f6]{border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Courier New,monospace;font-size:var(--font-xs);color:var(--cosmic-cyan);text-shadow:0 0 8px #4ecdc466;background:#00000080;border:1px solid #4ecdc44d;padding:6px 12px;box-shadow:inset 0 2px 4px #0000004d}.appointment-actions[data-v-3e0287f6]{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.view-btn[data-v-3e0287f6]{color:var(--text-primary);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4285f4e6,#8a2be2e6);border:1px solid #fff3;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.view-btn[data-v-3e0287f6]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.view-btn[data-v-3e0287f6]:hover{background:linear-gradient(135deg,#4285f4,#8a2be2);animation:2s infinite pulse-glow-3e0287f6;transform:translateY(-3px);box-shadow:0 8px 25px #4285f466,0 0 30px #4285f44d}.view-btn[data-v-3e0287f6]:hover:before{left:100%}.view-btn[data-v-3e0287f6]:active{transform:translateY(-1px)}.view-btn i[data-v-3e0287f6]{font-size:16px}.room-links[data-v-3e0287f6]{gap:var(--space-sm);display:flex}.room-link[data-v-3e0287f6]{color:var(--text-primary);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);transition:var(--transition-smooth);justify-content:center;align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:var(--text-shadow);background:linear-gradient(135deg,#4ecdc4e6,#48bb78e6);border:1px solid #fff3;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.room-link[data-v-3e0287f6]:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.room-link[data-v-3e0287f6]:hover{color:var(--text-primary);background:linear-gradient(135deg,#4ecdc4,#48bb78);text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466,0 0 30px #4ecdc44d}.room-link[data-v-3e0287f6]:hover:before{left:100%}.room-link[data-v-3e0287f6]:active{transform:translateY(-1px)}.room-link i[data-v-3e0287f6]{font-size:16px}@media (max-width:640px){.proctor-dashboard[data-v-3e0287f6]{padding:var(--space-md)}.dashboard-content[data-v-3e0287f6],.dashboard-header[data-v-3e0287f6],.appointment-card[data-v-3e0287f6],.error-state[data-v-3e0287f6],.empty-state[data-v-3e0287f6]{-webkit-backdrop-filter:var(--glass-blur-mobile)}.appointments-header[data-v-3e0287f6]{align-items:flex-start;gap:var(--space-md);flex-direction:column}.stats[data-v-3e0287f6]{justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;width:100%}.stat-item[data-v-3e0287f6]{min-width:calc(50% - var(--space-sm));flex:1}.appointment-meta[data-v-3e0287f6]{gap:var(--space-sm);flex-direction:column}.appointment-actions[data-v-3e0287f6]{gap:var(--space-md);flex-direction:column;align-items:stretch}.room-links[data-v-3e0287f6]{flex-wrap:wrap;justify-content:center}.detail-row[data-v-3e0287f6]{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.detail-value[data-v-3e0287f6]{text-align:left;max-width:100%}}@media (min-width:641px) and (max-width:1024px){.stats[data-v-3e0287f6]{gap:var(--space-md);flex-wrap:wrap}.stat-item[data-v-3e0287f6]{min-width:calc(33.333% - var(--space-md));flex:1}}@media (min-width:1025px) and (max-width:1440px){.proctor-dashboard[data-v-3e0287f6]{max-width:min(1100px,95vw)}}@media (min-width:1441px) and (max-width:1920px){.proctor-dashboard[data-v-3e0287f6]{max-width:min(1400px,95vw)}}@media (min-width:1921px){.proctor-dashboard[data-v-3e0287f6]{max-width:min(1600px,95vw)}.appointments-list[data-v-3e0287f6]{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(600px,1fr))}}@media (prefers-reduced-motion:reduce){[data-v-3e0287f6],[data-v-3e0287f6]:before,[data-v-3e0287f6]:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.appointment-card[data-v-3e0287f6]:hover,.stat-item[data-v-3e0287f6]:hover,.retry-btn[data-v-3e0287f6]:hover,.view-btn[data-v-3e0287f6]:hover,.room-link[data-v-3e0287f6]:hover{transform:none}.status-badge[data-v-3e0287f6]{animation:none}}.view-btn[data-v-3e0287f6]:focus-visible,.retry-btn[data-v-3e0287f6]:focus-visible,.room-link[data-v-3e0287f6]:focus-visible{outline:2px solid var(--cosmic-cyan);outline-offset:2px;box-shadow:0 0 20px var(--cosmic-cyan-glow)}@media (prefers-contrast:high){.dashboard-content[data-v-3e0287f6],.dashboard-header[data-v-3e0287f6],.appointment-card[data-v-3e0287f6]{border:2px solid var(--cosmic-cyan);background:#050514f2}.status-badge[data-v-3e0287f6],.view-btn[data-v-3e0287f6],.retry-btn[data-v-3e0287f6],.room-link[data-v-3e0287f6]{border:2px solid}}@media (prefers-color-scheme:light){.proctor-dashboard[data-v-3e0287f6]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.appointment-card[data-v-3e0287f6],.stat-item[data-v-3e0287f6],.view-btn[data-v-3e0287f6],.room-link[data-v-3e0287f6]{contain:layout style paint}.appointment-card[data-v-3e0287f6]:hover,.stat-item[data-v-3e0287f6]:hover,.view-btn[data-v-3e0287f6]:hover,.room-link[data-v-3e0287f6]:hover{transform:translateZ(0)}.proctor-dashboard[data-v-3e0287f6]::-webkit-scrollbar{width:10px}.proctor-dashboard[data-v-3e0287f6]::-webkit-scrollbar-track{background:#0003;border-radius:5px}.proctor-dashboard[data-v-3e0287f6]::-webkit-scrollbar-thumb{background:linear-gradient(#4ecdc480,#8a2be280);border:2px solid #0000004d;border-radius:5px}.proctor-dashboard[data-v-3e0287f6]::-webkit-scrollbar-thumb:hover{background:linear-gradient(#4ecdc4b3,#8a2be2b3);box-shadow:0 0 10px #4ecdc466}.proctor-appointment[data-v-483a4065]{--space-bg-dark:#050514d9;--space-bg-medium:#0a0a1ecc;--space-bg-light:#141432b3;--space-bg-input:#0009;--space-bg-card:#080819cc;--space-bg-card-hover:#0c0c23e6;--text-primary:#fff;--text-secondary:#e0e0e0;--text-accent:#4ecdc4;--text-muted:#ffffffb3;--text-placeholder:#ffffff80;--glow-cyan:0 0 15px #4ecdc466;--glow-purple:0 0 20px #8a2be280;--glow-blue:0 0 20px #4285f466;--glow-white:0 0 10px #ffffff4d;--border-glass:1px solid #ffffff26;--border-glow:1px solid #4ecdc44d;--shadow-card:0 8px 32px #0006,0 0 0 1px #ffffff0d;--shadow-hover:0 12px 48px #0009,0 0 0 1px #4ecdc44d,0 0 30px #4ecdc433;--font-size-xs:clamp(12px,3vw,14px);--font-size-sm:clamp(14px,3.5vw,16px);--font-size-base:clamp(16px,4vw,18px);--font-size-lg:clamp(18px,5vw,24px);--font-size-xl:clamp(24px,6vw,32px);--font-size-2xl:clamp(32px,7vw,48px);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--transition-speed:.3s;--transition-ease:cubic-bezier(.4,0,.2,1);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;padding:var(--space-md);max-width:1600px;min-height:100vh;color:var(--text-primary);scroll-behavior:smooth;background:0 0;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}.appointment-header[data-v-483a4065]{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-md);-webkit-backdrop-filter:blur(8px)saturate(180%);backdrop-filter:blur(8px)saturate(180%);background:var(--space-bg-dark);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:var(--space-md)var(--space-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;display:flex}.back-btn[data-v-483a4065]{color:var(--text-secondary);padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed)var(--transition-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:var(--space-xs);background:#0006;border:1px solid #fff3;font-weight:600;display:inline-flex}.back-btn[data-v-483a4065]:hover{background:var(--space-bg-light);color:var(--text-primary);box-shadow:var(--glow-cyan);border-color:#4ecdc4;transform:translateY(-2px)}.appointment-header h1[data-v-483a4065]{font-size:var(--font-size-2xl);color:var(--text-primary);text-shadow:0 0 15px #4ecdc4b3,0 0 30px #8a2be266;letter-spacing:1px;-webkit-text-fill-color:initial;background:0 0;background-clip:initial;flex:1;margin:0;font-weight:700}.appointment-content[data-v-483a4065]{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border:var(--border-glass);border-radius:var(--border-radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-card),inset 0 0 30px #0003;transition:all var(--transition-speed)ease;background:#050514b3}.loading-state[data-v-483a4065],.error-state[data-v-483a4065]{padding:var(--space-2xl);text-align:center;background:var(--space-bg-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-lg);border:var(--border-glass);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner[data-v-483a4065]{width:64px;height:64px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 8px #8a2be299);border:4px solid #4ecdc4;border-color:#4ecdc4 #8a2be2 #4ecdc426 #4ecdc426;border-radius:50%;animation:1s linear infinite spin-483a4065;box-shadow:0 0 25px #4ecdc480}@keyframes spin-483a4065{to{transform:rotate(360deg)}}.error-icon[data-v-483a4065]{filter:drop-shadow(0 0 15px #ff505099);margin-bottom:var(--space-md);font-size:56px}.error-state p[data-v-483a4065]{font-size:var(--font-size-lg);color:#ffbaba;text-shadow:0 0 8px #ff646480;margin-bottom:var(--space-lg)}.retry-btn[data-v-483a4065]{color:var(--text-primary);padding:var(--space-sm)var(--space-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-speed)ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 8px #00000080;background:linear-gradient(145deg,#141432e6,#0a0a1ef2);border:1px solid #fff3;font-weight:600;box-shadow:0 4px 12px #0000004d}.retry-btn[data-v-483a4065]:hover{background:linear-gradient(145deg,#1e1e46e6,#141432f2);border-color:#4ecdc4;transform:translateY(-3px);box-shadow:0 6px 20px #4ecdc480}.details-grid[data-v-483a4065]{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.details-grid[data-v-483a4065]{grid-template-columns:1fr 1.5fr}}.details-section[data-v-483a4065]{margin-bottom:var(--space-xl);background:var(--space-bg-card);-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);border:var(--border-glass);border-radius:var(--border-radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .3s}.details-section[data-v-483a4065]:hover{box-shadow:var(--shadow-hover);border-color:#4ecdc44d}.section-header[data-v-483a4065]{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.details-section h2[data-v-483a4065]{font-size:var(--font-size-lg);color:var(--text-primary);padding-bottom:var(--space-sm);text-shadow:0 0 8px #4ecdc44d;letter-spacing:.5px;border-bottom:2px solid #4ecdc44d;margin:0;font-weight:600}.edit-rooms-btn[data-v-483a4065],.save-rooms-btn[data-v-483a4065]{padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed)var(--transition-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 4px #0006;align-items:center;gap:var(--space-xs);border:1px solid #ffffff26;font-weight:600;display:inline-flex}.edit-rooms-btn[data-v-483a4065]{color:var(--text-primary);background:#4285f440;box-shadow:0 0 12px #4285f433}.edit-rooms-btn[data-v-483a4065]:hover{background:#4285f466;border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 0 20px #4ecdc480}.save-rooms-btn[data-v-483a4065]{color:var(--text-primary);background:#48bb7840;box-shadow:0 0 12px #48bb7833}.save-rooms-btn[data-v-483a4065]:hover:not(:disabled){background:#48bb7866;border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 0 20px #48bb7899}.save-rooms-btn[data-v-483a4065]:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(50%)}.info-card[data-v-483a4065],.user-card[data-v-483a4065],.controls-card[data-v-483a4065]{-webkit-backdrop-filter:blur(8px)saturate(180%);backdrop-filter:blur(8px)saturate(180%);border:var(--border-glass);border-radius:var(--border-radius-md);padding:var(--space-lg);background:#050514b3;transition:all .2s}.info-card[data-v-483a4065]{padding:var(--space-lg)}.info-row[data-v-483a4065]{margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.info-row[data-v-483a4065]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500}.info-value[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-primary);text-shadow:0 0 6px #fff3;font-weight:600}.info-value.code[data-v-483a4065]{padding:var(--space-xs)var(--space-sm);border-radius:var(--border-radius-sm);font-family:Monaco,Courier New,monospace;font-size:var(--font-size-xs);color:#4ecdc4;background:#00000080;border:1px solid #ffffff26}.status-badge[data-v-483a4065]{padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 5px #00000080;border-radius:30px;font-weight:700;display:inline-block;box-shadow:0 0 12px #0000004d}.status-scheduled[data-v-483a4065]{color:#9ae6b4;background:#48bb7833;border:1px solid #48bb7899;box-shadow:0 0 12px #48bb784d}.status-in-progress[data-v-483a4065]{color:#fed7d7;background:#f5656533;border:1px solid #f5656599;box-shadow:0 0 12px #f565654d}.status-completed[data-v-483a4065]{color:#bee3f8;background:#4299e133;border:1px solid #4299e199;box-shadow:0 0 12px #4299e14d}.status-cancelled[data-v-483a4065],.status-expired[data-v-483a4065]{color:#e2e8f0;background:#a0aec033;border:1px solid #a0aec099;box-shadow:0 0 12px #a0aec04d}.status-pending[data-v-483a4065]{color:#fefcbf;background:#ecc94b33;border:1px solid #ecc94b99;box-shadow:0 0 12px #ecc94b4d}.status-default[data-v-483a4065]{color:#e2e8f0;background:#a0aec033;border:1px solid #a0aec099}.rooms-grid[data-v-483a4065]{gap:var(--space-md);grid-template-columns:1fr;display:grid}.room-card[data-v-483a4065]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-glass);border-radius:var(--border-radius-md);padding:var(--space-lg);background:#080819b3;transition:all .25s}.room-card[data-v-483a4065]:hover{box-shadow:var(--glow-cyan);border-color:#4ecdc480}.room-header[data-v-483a4065]{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff1a;display:flex}.room-icon[data-v-483a4065]{filter:drop-shadow(0 0 8px #4ecdc480);font-size:24px}.room-header h3[data-v-483a4065]{font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:600}.room-status[data-v-483a4065]{padding:var(--space-xs)var(--space-sm);font-size:var(--font-size-xs);color:#9ae6b4;background:#48bb7833;border:1px solid #48bb7880;border-radius:30px;margin-left:auto;font-weight:600}.room-status.inactive[data-v-483a4065]{color:#cbd5e0;background:#a0aec033;border:1px solid #a0aec080}.room-edit[data-v-483a4065]{gap:var(--space-md);flex-direction:column;display:flex}.input-group[data-v-483a4065]{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-accent);text-shadow:0 0 5px #4ecdc44d;font-weight:600}.url-input[data-v-483a4065]{padding:var(--space-sm)var(--space-md);background:var(--space-bg-input);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-speed)ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;font-family:Monaco,Courier New,monospace}.url-input[data-v-483a4065]:focus{background:#000000b3;border-color:#4ecdc4;outline:none;box-shadow:0 0 0 3px #4ecdc433,0 0 20px #4ecdc466}.url-input[data-v-483a4065]::placeholder{color:var(--text-placeholder);font-style:italic}.input-help[data-v-483a4065]{font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic}.room-actions[data-v-483a4065],.view-actions[data-v-483a4065]{gap:var(--space-sm);flex-wrap:wrap;display:flex}.clear-btn[data-v-483a4065],.test-btn[data-v-483a4065],.copy-btn[data-v-483a4065]{padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:var(--space-xs);background:#0006;border:1px solid #ffffff26;font-weight:600;transition:all .2s;display:inline-flex}.clear-btn[data-v-483a4065]{background:#f5656533}.clear-btn[data-v-483a4065]:hover:not(:disabled){background:#f5656566;border-color:#fc8181;transform:translateY(-2px);box-shadow:0 0 15px #f5656599}.test-btn[data-v-483a4065]{background:#4285f433}.test-btn[data-v-483a4065]:hover:not(:disabled){background:#4285f466;border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 0 15px #4ecdc499}.copy-btn[data-v-483a4065]{background:#48bb7833}.copy-btn[data-v-483a4065]:hover{background:#48bb7866;border-color:#9ae6b4;transform:translateY(-2px);box-shadow:0 0 15px #48bb7899}.clear-btn[data-v-483a4065]:disabled,.test-btn[data-v-483a4065]:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(60%)}.room-view[data-v-483a4065]{gap:var(--space-sm);flex-direction:column;display:flex}.room-link[data-v-483a4065]{color:#4ecdc4;font-size:var(--font-size-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);word-break:break-all;text-shadow:0 0 6px #4ecdc44d;background:#0000004d;border:1px solid #ffffff1a;text-decoration:none;transition:all .2s;display:block}.room-link[data-v-483a4065]:hover{background:#00000080;border-color:#4ecdc4;text-decoration:underline;box-shadow:0 0 15px #4ecdc44d}.no-url[data-v-483a4065]{padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;background:#0003;border:1px dashed #fff3}.no-rooms[data-v-483a4065]{padding:var(--space-2xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-lg);text-align:center;background:#08081999;border:2px dashed #4ecdc44d;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-rooms-icon[data-v-483a4065]{filter:drop-shadow(0 0 15px #4ecdc499);margin-bottom:var(--space-md);opacity:.9;font-size:56px}.no-rooms p[data-v-483a4065]{color:var(--text-muted);font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.add-room-btn[data-v-483a4065]{color:var(--text-primary);padding:var(--space-sm)var(--space-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 8px #00000080;background:linear-gradient(145deg,#4ecdc433,#8a2be233);border:1px solid #fff3;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0000004d}.add-room-btn[data-v-483a4065]:hover{background:linear-gradient(145deg,#4ecdc44d,#8a2be24d);border-color:#4ecdc4;transform:translateY(-3px);box-shadow:0 0 25px #4ecdc499}.rooms-tips[data-v-483a4065]{margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4ecdc41a;border-left:5px solid #4ecdc4}.rooms-tips h4[data-v-483a4065]{font-size:var(--font-size-base);color:#4ecdc4;margin:0 0 var(--space-xs)0;text-shadow:0 0 8px #4ecdc466;font-weight:600}.rooms-tips ul[data-v-483a4065]{padding-left:var(--space-lg);margin:0}.rooms-tips li[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);line-height:1.5}.user-card[data-v-483a4065],.controls-card[data-v-483a4065]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-glass);border-radius:var(--border-radius-lg);width:100%;padding:var(--space-lg);box-shadow:var(--shadow-card);background:#0a0a1ecc;margin-bottom:0}.user-header[data-v-483a4065]{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff1a;display:flex}.user-avatar[data-v-483a4065]{color:#fff;background:linear-gradient(145deg,#4ecdc4,#8a2be2);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex;box-shadow:0 0 25px #4ecdc480}.user-info h3[data-v-483a4065]{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--space-xs)0;text-shadow:0 0 8px #4ecdc466;font-weight:600}.user-id[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-muted)}.user-details[data-v-483a4065]{gap:var(--space-sm);display:grid}.detail-item[data-v-483a4065]{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);background:#0003;border:1px solid #ffffff1a;display:flex}.detail-icon[data-v-483a4065]{filter:drop-shadow(0 0 5px #ffffff4d);font-size:18px}.detail-text[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.entered-status[data-v-483a4065]{color:#9ae6b4;text-shadow:0 0 6px #48bb7880;font-weight:600}.control-group[data-v-483a4065]{margin-bottom:var(--space-lg)}.control-group h3[data-v-483a4065]{font-size:var(--font-size-base);color:var(--text-accent);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid #4ecdc44d;font-weight:600}.control-item[data-v-483a4065]{margin-bottom:var(--space-md)}.control-label[data-v-483a4065]{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--text-primary);font-weight:500;display:flex}.control-label input[type=checkbox][data-v-483a4065]{cursor:pointer;accent-color:#4ecdc4;filter:drop-shadow(0 0 8px #4ecdc480);width:22px;height:22px}.control-help[data-v-483a4065],.status-help[data-v-483a4065]{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-xs);margin-left:32px;line-height:1.6}.status-help[data-v-483a4065]{margin-left:0;margin-top:var(--space-sm);color:var(--text-secondary)}.status-buttons[data-v-483a4065]{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.status-btn[data-v-483a4065]{color:var(--text-secondary);padding:var(--space-sm)var(--space-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-speed)ease;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid #ffffff26;font-weight:600}.status-btn[data-v-483a4065]:hover:not(.disabled){color:var(--text-primary);background:#4ecdc41a;border-color:#4ecdc4;transform:translateY(-2px);box-shadow:0 0 18px #4ecdc480}.status-btn.active[data-v-483a4065]{color:#fff;text-shadow:0 0 8px #4ecdc4cc;background:#4ecdc440;border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc499}.status-btn.disabled[data-v-483a4065]{opacity:.5;cursor:not-allowed;filter:grayscale(70%)}.control-actions[data-v-483a4065]{gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.save-btn[data-v-483a4065],.refresh-btn[data-v-483a4065]{padding:var(--space-sm)var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all .3s var(--transition-ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 5px #00000080;justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid #ffffff26;flex:180px;font-weight:600;display:inline-flex}.save-btn[data-v-483a4065]{color:#fff;background:linear-gradient(145deg,#4ecdc44d,#8a2be24d);box-shadow:0 0 15px #4ecdc433}.save-btn[data-v-483a4065]:hover:not(:disabled){background:linear-gradient(145deg,#4ecdc480,#8a2be280);border-color:#4ecdc4;transform:translateY(-3px);box-shadow:0 0 30px #4ecdc499}.refresh-btn[data-v-483a4065]{color:var(--text-primary);background:#00000080;border:1px solid #fff3}.refresh-btn[data-v-483a4065]:hover:not(:disabled){background:#141432cc;border-color:#8a2be2;transform:translateY(-3px);box-shadow:0 0 25px #8a2be280}.save-btn[data-v-483a4065]:disabled,.refresh-btn[data-v-483a4065]:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(60%)}.proctor-appointment[data-v-483a4065] ::-webkit-scrollbar{width:10px;height:10px}.proctor-appointment[data-v-483a4065] ::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.proctor-appointment[data-v-483a4065] ::-webkit-scrollbar-thumb{background:#4ecdc44d;border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 0 6px #00000080}.proctor-appointment[data-v-483a4065] ::-webkit-scrollbar-thumb:hover{background:#4ecdc499;box-shadow:0 0 12px #4ecdc4cc}@media (min-width:640px){.proctor-appointment[data-v-483a4065]{padding:var(--space-lg)}.appointment-header h1[data-v-483a4065]{font-size:var(--font-size-2xl)}.details-grid[data-v-483a4065]{grid-template-columns:1fr 1.4fr}.status-buttons[data-v-483a4065]{grid-template-columns:repeat(3,1fr)}.room-actions[data-v-483a4065],.view-actions[data-v-483a4065]{flex-direction:row}}@media (min-width:1024px){.proctor-appointment[data-v-483a4065],.appointment-content[data-v-483a4065]{padding:var(--space-xl)}.details-grid[data-v-483a4065]{gap:var(--space-2xl);grid-template-columns:1fr 1.6fr}.rooms-grid[data-v-483a4065]{grid-template-columns:repeat(2,1fr)}.status-buttons[data-v-483a4065]{grid-template-columns:repeat(3,1fr)}}@media (min-width:1440px){.proctor-appointment[data-v-483a4065]{padding:var(--space-2xl);max-width:1800px}.appointment-header h1[data-v-483a4065]{font-size:48px}.details-grid[data-v-483a4065]{grid-template-columns:1fr 1.8fr;gap:64px}.room-card[data-v-483a4065]{padding:var(--space-xl)}.user-avatar[data-v-483a4065]{width:80px;height:80px;font-size:36px}}@media (min-width:1920px){.proctor-appointment[data-v-483a4065]{max-width:2200px;padding:80px}.appointment-content[data-v-483a4065]{padding:64px}.details-grid[data-v-483a4065]{gap:80px}.details-section[data-v-483a4065]{padding:40px}.appointment-header h1[data-v-483a4065]{font-size:64px}}@media (prefers-reduced-motion:reduce){.proctor-appointment[data-v-483a4065] *,.proctor-appointment[data-v-483a4065] :before,.proctor-appointment[data-v-483a4065] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner[data-v-483a4065]{border-top:4px solid #4ecdc4;border-right:4px solid #8a2be2;animation:none}}@media (prefers-contrast:high){.proctor-appointment[data-v-483a4065]{--text-primary:white;--text-secondary:white;--border-glass:1px solid white;--space-bg-card:#000000f2}.status-badge[data-v-483a4065],.room-status[data-v-483a4065],.btn[data-v-483a4065]{border:2px solid}}h1[data-v-483a4065],h2[data-v-483a4065],h3[data-v-483a4065],h4[data-v-483a4065],p[data-v-483a4065],span[data-v-483a4065],a[data-v-483a4065],button[data-v-483a4065],label[data-v-483a4065],input[data-v-483a4065],.info-value[data-v-483a4065],.detail-text[data-v-483a4065]{color:inherit;text-shadow:0 0 10px #000000b3,0 2px 4px #00000080}a[data-v-483a4065]{color:#4ecdc4}a[data-v-483a4065]:hover{filter:brightness(1.2);text-decoration:underline}.plans-container{min-height:100vh;padding:var(--space-sm);color:var(--color-light-gray);text-shadow:0 1px 2px #00000080,0 0 15px #0000004d;scroll-behavior:smooth;background:linear-gradient(135deg,#0505141a 0%,#0a0a1e33 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;position:relative}.plans-container:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 20%,#05051433 0%,#05051499 70%,#050514e6 100%);position:fixed;inset:0}.pending-payment-banner{max-width:1000px;position:relative;overflow:hidden;transform:translateY(0);background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;margin:var(--space-lg)auto!important;box-shadow:var(--glow-multilayer)!important;transition:var(--transition-normal)!important}.pending-payment-banner:hover{border-color:#4ecdc44d!important;transform:translateY(-4px)!important;box-shadow:0 8px 40px #00000080,0 0 50px #4ecdc44d,0 0 70px #8a2be233!important}.banner-content{gap:var(--space-md);grid-template-columns:auto 1fr auto;align-items:center;display:grid}@media (max-width:768px){.banner-content{text-align:center;gap:var(--space-sm);grid-template-columns:1fr}}.banner-icon{width:80px;height:80px;font-size:var(--font-size-2xl);background:linear-gradient(135deg,#ffc107e6,#ff9800e6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #ffc10766}.banner-text h3{text-shadow:0 0 15px #ffffff4d;font-size:var(--font-size-xl)!important;margin-bottom:var(--space-xs)!important;color:var(--color-white)!important;font-weight:600!important}.banner-text p{font-size:var(--font-size-md);opacity:.9;color:var(--color-light-gray)!important;margin-bottom:var(--space-xs)!important}.banner-details{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex;font-size:var(--font-size-sm)!important;color:var(--color-medium-gray)!important}.banner-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.plans-grid{gap:var(--space-lg);grid-template-columns:1fr;max-width:1400px;display:grid;margin:var(--space-xl)auto!important}@media (min-width:768px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(12px)saturate(200%)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;transition:var(--transition-normal)!important;box-shadow:var(--glow-multilayer)!important}.plan-card:before{content:"";background:linear-gradient(90deg,var(--color-cosmic-cyan),var(--color-nebula-purple),var(--color-cosmic-cyan));opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.plan-card:hover:not(.disabled){border-color:#4ecdc466!important;transform:translateY(-8px)scale(1.02)!important;box-shadow:0 12px 50px #0009,0 0 60px #4ecdc459,0 0 80px #8a2be240!important}.plan-card.disabled{opacity:.6;filter:grayscale(.4);pointer-events:none}.plan-card.pending{position:relative;border-color:#ffc1074d!important}.pending-badge{top:var(--space-sm);right:var(--space-sm);color:#fff;font-size:var(--font-size-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-md);z-index:10;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ffc107e6,#ff9800e6);font-weight:600;position:absolute;box-shadow:0 4px 20px #ffc1074d}.plan-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid #ffffff1a}.plan-title{justify-content:space-between;align-items:center;display:flex;font-size:var(--font-size-xl)!important;margin-bottom:var(--space-sm)!important;color:var(--color-white)!important;font-weight:700!important}.price{align-items:baseline;gap:var(--space-xs);display:flex}.currency{font-size:var(--font-size-lg)!important;color:var(--color-medium-gray)!important;font-weight:600!important}.amount{text-shadow:0 0 20px #4ecdc480;line-height:1;font-size:var(--font-size-3xl)!important;color:var(--color-white)!important;font-weight:700!important}.period{margin-left:var(--space-xs);font-size:var(--font-size-md)!important;color:var(--color-medium-gray)!important}.plan-description{font-size:var(--font-size-md);opacity:.9;flex-grow:0;line-height:1.6;margin-bottom:var(--space-lg)!important;color:var(--color-light-gray)!important}.plan-features{flex-grow:1;margin-bottom:var(--space-xl)!important}.plan-features h4{display:inline-block;position:relative;font-size:var(--font-size-lg)!important;margin-bottom:var(--space-md)!important;color:var(--color-white)!important;font-weight:600!important}.plan-features h4:after{content:"";background:var(--color-cosmic-cyan);border-radius:1px;width:40px;height:2px;position:absolute;bottom:-4px;left:0}.plan-features ul{margin:0;padding:0;list-style:none}.plan-features li{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-xs)0;display:flex;position:relative}.feature-icon{color:var(--color-cosmic-cyan);width:20px;height:20px;font-weight:700;font-size:var(--font-size-sm);background:#4ecdc41a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-description{font-size:var(--font-size-sm);opacity:.9;line-height:1.5;color:var(--color-light-gray)!important}.plan-actions{padding-top:var(--space-lg);border-top:1px solid #ffffff1a;margin-top:auto}.disabled-reason{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#ffffff0d;border-left:3px solid #f59e0b;display:flex;color:var(--color-medium-gray)!important}.reason-icon{color:#f59e0b;flex-shrink:0;font-weight:700}.btn{font-family:inherit;font-weight:600;font-size:var(--font-size-md);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);text-shadow:0 1px 2px #00000080;border:none;display:inline-flex;position:relative;overflow:hidden}.select-btn{width:100%;font-size:var(--font-size-lg);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-lg);letter-spacing:.5px;border:1px solid #fff3;font-weight:700;box-shadow:0 4px 25px #4ecdc466,inset 0 1px #fff3;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue))!important;color:var(--color-white)!important}.select-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 35px #4ecdc499,inset 0 1px #ffffff4d}.select-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.view-payment-btn{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);border:1px solid #fff3;box-shadow:0 4px 20px #4ecdc44d;color:var(--color-white)!important;background:linear-gradient(135deg,#4ecdc4e6,#4285f4e6)!important}.view-payment-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4ecdc480}.cancel-payment-btn{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);color:#ff6b6b!important;background:0 0!important;border:2px solid #ff6b6b!important}.cancel-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ff6b6b4d;color:var(--color-white)!important;background:#ff6b6b!important}.retry-btn{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);border:1px solid #fff3;box-shadow:0 4px 20px #4ecdc44d;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue))!important;color:var(--color-white)!important}.current-subscriptions{max-width:1000px;margin:var(--space-xl)auto!important;padding:var(--space-lg)!important;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glow-multilayer)!important}.current-subscriptions h3{text-align:center;padding-bottom:var(--space-sm);position:relative;font-size:var(--font-size-2xl)!important;margin-bottom:var(--space-lg)!important;color:var(--color-white)!important;font-weight:700!important}.current-subscriptions h3:after{content:"";background:var(--color-cosmic-cyan);border-radius:1px;width:60px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.subscriptions-list{gap:var(--space-md);display:grid}.subscription-item{gap:var(--space-md);grid-template-columns:1fr auto;align-items:center;display:grid;border-radius:var(--radius-lg)!important;padding:var(--space-md)!important;transition:var(--transition-normal)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important}.subscription-item:hover{background:#ffffff14!important;border-color:#4ecdc44d!important;transform:translateY(-4px)!important;box-shadow:0 8px 30px #0000004d!important}.subscription-info h4{font-size:var(--font-size-lg)!important;margin-bottom:var(--space-xs)!important;color:var(--color-white)!important;font-weight:600!important}.subscription-info p{font-size:var(--font-size-sm);margin-bottom:var(--space-xs);align-items:center;gap:var(--space-sm);opacity:.9;display:flex;color:var(--color-light-gray)!important}.view-details-btn{padding:var(--space-xs)var(--space-md);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:var(--transition-normal);color:var(--color-cosmic-cyan)!important;border:2px solid var(--color-cosmic-cyan)!important;background:0 0!important}.view-details-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc44d;background:var(--color-cosmic-cyan)!important;color:var(--color-white)!important}.status{font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.status.pending{box-shadow:0 0 15px #ffc10733;color:gold!important;background:linear-gradient(135deg,#ffc10733,#ff980033)!important}.status.paid{box-shadow:0 0 15px #10b98133;color:#4ecdc4!important;background:linear-gradient(135deg,#10b98133,#34d39933)!important}.status.verified{box-shadow:0 0 15px #4285f433;color:#64b5f6!important;background:linear-gradient(135deg,#4285f433,#3498db33)!important}.status.rejected{box-shadow:0 0 15px #ef444433;color:#ff6b6b!important;background:linear-gradient(135deg,#ef444433,#f8717133)!important}.status.expired{box-shadow:0 0 15px #94a3b833;color:#a0aec0!important;background:linear-gradient(135deg,#94a3b833,#cbd5e133)!important}.status.active{box-shadow:0 0 20px #4ecdc466;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue))!important;color:var(--color-white)!important}.status.inactive{box-shadow:0 0 10px #94a3b833;color:var(--color-white)!important;background:linear-gradient(135deg,#94a3b84d,#cbd5e14d)!important}.all-payments-section{padding-top:var(--space-lg);border-top:1px solid #ffffff1a;max-width:1200px;margin:var(--space-xl)auto!important}.all-payments-section h3{text-align:center;padding-bottom:var(--space-sm);position:relative;font-size:var(--font-size-2xl)!important;color:var(--color-white)!important;margin-bottom:var(--space-lg)!important;font-weight:700!important}.all-payments-section h3:after{content:"";background:var(--color-cosmic-cyan);border-radius:1px;width:80px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.payments-table{overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glow-multilayer)!important}.table-header{background:#0000004d;border-bottom:2px solid #ffffff1a;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;display:grid}.header-cell{padding:var(--space-md);font-weight:600;font-size:var(--font-size-sm);text-align:center;letter-spacing:.5px;text-transform:uppercase;color:var(--color-cosmic-cyan)!important}.table-row{transition:var(--transition-normal);border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;display:grid;position:relative}.table-row.expired-row{background:linear-gradient(90deg,#e2e8f00d,#0000);border-left:4px solid #94a3b8}.table-cell{padding:var(--space-md);flex-direction:column;justify-content:center;min-height:56px;display:flex}.cell-value{font-size:var(--font-size-sm);color:var(--color-white);word-break:break-word;font-weight:500}.actions{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.cancel-btn-small{color:#ff6b6b;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-normal);background:#ef444433;border:1px solid #ef44444d;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 16px;display:flex}.cancel-btn-small:hover:not(:disabled){background:#ef444466;transform:translateY(-2px);box-shadow:0 4px 15px #ef444433}.cancel-btn-small:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.loading-container,.error-container{padding:var(--space-2xl)0;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;background:0 0!important}.loading-spinner{border:4px solid #0000;border-top-color:var(--color-cosmic-cyan);border-right-color:var(--color-nebula-purple);border-bottom-color:var(--color-starlight-blue);width:80px;height:80px;margin-bottom:var(--space-lg);border-left-color:#4ecdc44d;border-radius:50%;animation:2s cubic-bezier(.68,-.55,.27,1.55) infinite cosmic-spin;position:relative;background:0 0!important}.error-container h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);color:var(--color-white);font-weight:600}.error-container p{color:var(--color-light-gray);margin-bottom:var(--space-lg);font-size:var(--font-size-md);opacity:.9}@media (max-width:640px){.plans-container{padding:1rem}.header{padding:var(--space-lg)0}.title{font-size:var(--font-size-2xl)}.subtitle{font-size:var(--font-size-lg)}.banner-content{text-align:center;grid-template-columns:1fr}.banner-icon{margin:0 auto}.banner-actions{justify-content:center}.plans-grid{gap:var(--space-md);grid-template-columns:1fr}.plan-card{padding:var(--space-md)}.amount{font-size:var(--font-size-2xl)}.payments-table{border-radius:var(--radius-lg);overflow-x:auto}.table-header{display:none}.table-row{padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-lg);border-bottom:2px solid #ffffff1a;border-left-width:4px;flex-direction:column;display:flex}.table-cell{padding:var(--space-sm)0;border-bottom:1px solid #ffffff0d;flex-direction:row;justify-content:space-between;min-height:auto;display:flex}.table-cell:last-child{border-bottom:none}.cell-label{display:block}.actions{padding-top:var(--space-sm);justify-content:flex-end;gap:var(--space-sm);border-top:1px solid #ffffff0d}.subscription-item{text-align:center;grid-template-columns:1fr}}@media (min-width:640px) and (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}.payments-table{font-size:var(--font-size-sm)}}@media (min-width:1440px){.plans-container{max-width:1600px;margin:0 auto}.plans-grid{max-width:1200px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{border:4px solid var(--color-cosmic-cyan);border-right-color:#0000;animation:none}.plan-card:hover:not(.disabled),.subscription-item:hover,.pending-payment-banner:hover,.btn:hover{transform:none!important}}.btn:focus-visible,.select-btn:focus-visible,.cancel-payment-btn:focus-visible,.view-details-btn:focus-visible,.cancel-btn-small:focus-visible{outline:2px solid var(--color-cosmic-cyan);outline-offset:2px;box-shadow:0 0 0 4px #4ecdc41a}@media (prefers-contrast:high){:root{--color-space-dark:#000000f2;--color-space-darker:#000000fa;--color-cosmic-cyan:#0ff;--color-white:#fff}.plan-card,.pending-payment-banner,.current-subscriptions,.payments-table{border:2px solid var(--color-white)!important}}.plan-card,.pending-payment-banner,.subscription-item,.btn{backface-visibility:hidden;perspective:1000px;will-change:transform,box-shadow,border-color;transform:translateZ(0)}.plans-container{contain:layout style paint}@media (max-width:1024px){.plan-card,.pending-payment-banner,.current-subscriptions,.payments-table{-webkit-backdrop-filter:blur(8px)saturate(160%)!important}}.text-center{text-align:center!important}.text-gradient{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-nebula-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex-center{justify-content:center!important;align-items:center!important;display:flex!important}.flex-between{justify-content:space-between!important;align-items:center!important;display:flex!important}.mt-1{margin-top:var(--space-xs)!important}.mt-2{margin-top:var(--space-sm)!important}.mt-3{margin-top:var(--space-md)!important}.mt-4{margin-top:var(--space-lg)!important}.mt-5{margin-top:var(--space-xl)!important}.mb-1{margin-bottom:var(--space-xs)!important}.mb-2{margin-bottom:var(--space-sm)!important}.mb-3{margin-bottom:var(--space-md)!important}.mb-4{margin-bottom:var(--space-lg)!important}.mb-5{margin-bottom:var(--space-xl)!important}.grid-2{gap:var(--space-md)!important;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.grid-3{gap:var(--space-md)!important;grid-template-columns:repeat(3,1fr)!important;display:grid!important}.grid-4{gap:var(--space-md)!important;grid-template-columns:repeat(4,1fr)!important;display:grid!important}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}}:root{--color-space-dark:#050514e6;--color-space-darker:#0a0a1ef2;--color-space-light:#141432d9;--color-cosmic-cyan:#4ecdc4;--color-nebula-purple:#8a2be2;--color-starlight-blue:#4285f4;--color-white:#fff;--color-light-gray:#e0e0e0;--color-medium-gray:#ccc;--color-dark-gray:#333;--glow-subtle:0 0 20px #ffffff1a;--glow-cyan:0 0 25px #4ecdc466;--glow-purple:0 0 25px #8a2be266;--glow-blue:0 0 25px #4285f466;--glow-multilayer:0 4px 25px #0006,0 0 30px #4ecdc440,0 0 45px #8a2be226;--font-size-xs:clamp(12px,2.5vw,14px);--font-size-sm:clamp(14px,3vw,16px);--font-size-md:clamp(15px,2.5vw,17px);--font-size-lg:clamp(16px,2vw,18px);--font-size-xl:clamp(18px,2vw,22px);--font-size-2xl:clamp(22px,2.5vw,28px);--font-size-3xl:clamp(26px,3vw,36px);--font-size-4xl:clamp(32px,3.5vw,48px);--space-xs:.75rem;--space-sm:1.25rem;--space-md:1.75rem;--space-lg:2.5rem;--space-xl:3.5rem;--space-2xl:5rem;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.35s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--glass-light:#ffffff14;--glass-dark:#0000004d;--glass-border:#ffffff26;--glass-highlight:#ffffff1f}.payment-container{min-height:100vh;padding:var(--space-sm);color:var(--color-light-gray);text-shadow:0 1px 2px #00000080,0 0 15px #0000004d;scroll-behavior:smooth;background:linear-gradient(135deg,#0505141a 0%,#0a0a1e33 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;position:relative}.payment-container:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 30%,#05051433 0%,#05051499 70%,#050514e6 100%);position:fixed;inset:0}.header{text-align:center;padding:var(--space-xl)0 var(--space-lg);max-width:800px;margin:0 auto;position:relative;overflow:hidden}.header:before{content:"";background:linear-gradient(90deg,transparent,var(--color-cosmic-cyan),var(--color-nebula-purple),transparent);opacity:.6;width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.title{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--color-white),var(--color-cosmic-cyan),var(--color-nebula-purple));-webkit-text-fill-color:transparent;text-shadow:0 0 40px #4ecdc466;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.subtitle{font-size:var(--font-size-xl);opacity:.9;max-width:600px;margin:0 auto;font-weight:300;line-height:1.5;color:var(--color-light-gray)!important}.loading-container{padding:var(--space-2xl)0;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;background:0 0!important}.loading-spinner{border:4px solid #0000;border-top-color:var(--color-cosmic-cyan);border-right-color:var(--color-nebula-purple);border-bottom-color:var(--color-starlight-blue);width:80px;height:80px;margin-bottom:var(--space-lg);border-left-color:#4ecdc44d;border-radius:50%;animation:2s cubic-bezier(.68,-.55,.27,1.55) infinite cosmic-spin;position:relative}.loading-spinner:before{content:"";background:radial-gradient(circle,#4ecdc41a 0%,#8a2be21a 50%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:-10px}.loading-container p{font-size:var(--font-size-lg);color:var(--color-light-gray);opacity:.9}.error-container{text-align:center;padding:var(--space-xl);max-width:500px;margin:var(--space-lg)auto;position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(20px)saturate(200%)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glow-multilayer),0 0 40px #ef444433!important;border:1px solid #ef44444d!important}.error-container:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ef4444,#0000);height:1px;position:absolute;top:0;left:0;right:0}.error-container h3{text-shadow:0 0 20px #ff6b6b4d;font-weight:600;font-size:var(--font-size-2xl)!important;color:#ff6b6b!important;margin-bottom:var(--space-sm)!important}.error-container p{opacity:.9;line-height:1.6;font-size:var(--font-size-md);color:var(--color-light-gray)!important;margin-bottom:var(--space-lg)!important}.retry-btn{cursor:pointer;font-size:var(--font-size-md);position:relative;overflow:hidden;box-shadow:0 4px 20px #ef44444d;color:var(--color-white)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-normal)!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;padding:.875rem 2.5rem!important;font-weight:600!important}.retry-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.retry-btn:hover:before{left:100%}.retry-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ef444480}.payment-content{gap:var(--space-lg);z-index:10;grid-template-columns:2fr 1fr;max-width:1200px;margin:0 auto;display:grid;position:relative}.plan-summary{margin-bottom:var(--space-lg);grid-column:1/-1}.plan-summary h3{align-items:center;gap:var(--space-sm);display:flex;font-size:var(--font-size-2xl)!important;color:var(--color-white)!important;margin-bottom:var(--space-md)!important;font-weight:600!important}.plan-summary h3:before{content:"📋";font-size:1.5rem}.summary-card{position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glow-multilayer)!important;transition:all var(--transition-normal)!important}.summary-card:hover{border-color:#4ecdc466!important;transform:translateY(-4px)!important;box-shadow:0 8px 40px #00000080,0 0 60px #4ecdc44d,0 0 80px #8a2be233!important}.summary-card:before{content:"";background:linear-gradient(to bottom,var(--color-cosmic-cyan),var(--color-nebula-purple));opacity:.6;width:4px;height:100%;position:absolute;top:0;left:0}.summary-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:relative}.summary-header:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.summary-header h4{text-shadow:0 0 15px #4ecdc44d;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;font-weight:600!important}.plan-price{text-shadow:0 0 25px #4ecdc480;align-items:baseline;gap:var(--space-xs);display:flex;color:var(--color-cosmic-cyan)!important;font-size:2rem!important;font-weight:700!important}.currency{font-size:var(--font-size-lg);color:var(--color-medium-gray)}.plan-description{line-height:1.6;font-size:var(--font-size-md);opacity:.9;color:var(--color-light-gray)!important}.payment-methods{grid-column:1}.payment-methods h3{align-items:center;gap:var(--space-sm);display:flex;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;margin-bottom:var(--space-md)!important;font-weight:600!important}.payment-methods h3:before{content:"💳";font-size:1.5rem}.tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--color-cosmic-cyan)#0000004d;border-bottom:2px solid #ffffff1a;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.tabs::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-nebula-purple));border-radius:3px}.tab-btn{justify-content:center;align-items:center;gap:var(--space-sm);min-width:120px;padding:var(--space-md);cursor:pointer;white-space:nowrap;flex:1;display:flex;position:relative;overflow:hidden;border-radius:var(--radius-lg)!important;font-size:var(--font-size-md)!important;color:var(--color-light-gray)!important;transition:all var(--transition-normal)!important;background:#ffffff0d!important;border:2px solid #ffffff1a!important;font-weight:600!important}.tab-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d;background:#ffffff14!important;border-color:#fff3!important}.tab-btn.active{transform:translateY(-2px);box-shadow:0 4px 25px #4ecdc466;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue))!important;color:var(--color-white)!important;border-color:#0000!important}.tab-btn.active:before{display:none}.tab-icon{font-size:1.5rem}.accounts-list{gap:var(--space-md);max-height:500px;padding-right:var(--space-sm);flex-direction:column;display:flex;overflow-y:auto}.accounts-list::-webkit-scrollbar{width:8px}.accounts-list::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.accounts-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ecdc499,#4285f499) padding-box padding-box;border:2px solid #0000;border-radius:4px}.accounts-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4ecdc4cc,#4285f4cc) padding-box padding-box}.account-card{cursor:pointer;position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(10px)saturate(180%)!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;transition:all var(--transition-normal)!important;border:2px solid #ffffff1a!important}.account-card:before{content:"";width:200%;height:100%;transition:left var(--transition-slow);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);position:absolute;top:0;left:-100%;transform:skew(-15deg)}.account-card:hover:before{left:100%}.account-card:hover{border-color:#fff3!important;transform:translateY(-4px)!important;box-shadow:0 8px 30px #0006!important}.account-card.selected{border-color:var(--color-cosmic-cyan)!important;background:linear-gradient(135deg,#4ecdc41a,#4285f41a)!important;box-shadow:0 8px 35px #4ecdc466,inset 0 1px #ffffff1a!important}.account-card.selected:before{background:linear-gradient(90deg,#0000,#4ecdc433,#0000)}.account-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.bank-logo,.cliq-logo{width:60px;height:60px;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #4ecdc466;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-nebula-purple))!important;border-radius:var(--radius-lg)!important;color:var(--color-white)!important}.account-info{flex:1}.account-info h4{text-shadow:0 0 10px #4ecdc44d;font-size:var(--font-size-lg)!important;color:var(--color-white)!important;margin-bottom:var(--space-xs)!important;font-weight:600!important}.account-number{letter-spacing:1px;font-family:Courier New,monospace;font-size:var(--font-size-sm)!important;color:var(--color-medium-gray)!important}.checkmark{opacity:0;width:36px;height:36px;transition:all var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex;transform:scale(.8);box-shadow:0 4px 15px #10b98166;color:var(--color-white)!important;background:linear-gradient(135deg,#10b981,#34d399)!important}.account-card.selected .checkmark{opacity:1;transform:scale(1)}.account-details{padding-top:var(--space-md);border-top:1px solid #ffffff1a}.detail-row{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.detail-row:last-child{margin-bottom:0}.detail-label{color:var(--color-medium-gray);font-weight:500}.detail-value{color:var(--color-light-gray);text-align:right;word-break:break-word;max-width:60%;font-weight:600}.status{font-weight:600;font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff1a;border-radius:20px;padding:4px 12px}.status.active{color:#10b981!important;background:#10b98133!important;border-color:#10b9814d!important}.status.inactive{color:var(--color-medium-gray)!important;background:#94a3b833!important;border-color:#94a3b84d!important}.no-accounts{text-align:center;padding:var(--space-xl);border-radius:var(--radius-xl);background:#ffffff0d;border:2px dashed #ffffff1a}.no-accounts-icon{margin-bottom:var(--space-md);color:var(--color-cosmic-cyan);opacity:.8;font-size:3rem}.no-accounts h4{font-size:var(--font-size-lg)!important;color:var(--color-white)!important;margin-bottom:var(--space-xs)!important;font-weight:600!important}.no-accounts p{color:var(--color-medium-gray);font-size:var(--font-size-md);opacity:.9}.payment-summary{grid-column:2}.payment-summary h3{align-items:center;gap:var(--space-sm);display:flex;font-size:var(--font-size-xl)!important;color:var(--color-white)!important;margin-bottom:var(--space-md)!important;font-weight:600!important}.payment-summary h3:before{content:"💰";font-size:1.5rem}.summary-details{margin-bottom:var(--space-lg);position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glow-multilayer)!important}.summary-details:before{content:"";background:linear-gradient(90deg,transparent,var(--color-cosmic-cyan),var(--color-nebula-purple),transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.summary-row{padding:var(--space-sm)0;font-size:var(--font-size-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:var(--font-size-xl);color:var(--color-white);padding-top:var(--space-md);margin-top:var(--space-xs);border-top:2px solid #fff3;border-bottom:none;font-weight:700}.summary-label{color:var(--color-medium-gray);font-weight:500}.summary-value{color:var(--color-light-gray);text-align:right;font-weight:600}.summary-row.total .summary-value{color:var(--color-cosmic-cyan);text-shadow:0 0 15px #4ecdc480}.payment-actions{gap:var(--space-md);display:flex}.btn{padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-sm);text-shadow:0 1px 2px #00000080;border:none;flex:1;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.back-btn{color:var(--color-light-gray)!important;background:#ffffff1a!important;border:2px solid #fff3!important}.back-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0000004d;background:#ffffff26!important;border-color:#ffffff4d!important}.pay-btn{border:1px solid #fff3;box-shadow:0 4px 20px #4ecdc44d;background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue))!important;color:var(--color-white)!important}.pay-btn:hover:not(.disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 8px 35px #4ecdc480}.pay-btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media (max-width:768px){.payment-container{padding:1rem}.title{font-size:var(--font-size-2xl)}.subtitle{font-size:var(--font-size-lg)}.payment-content{gap:var(--space-md);grid-template-columns:1fr}.payment-methods,.payment-summary{grid-column:1}.tabs,.payment-actions{flex-direction:column}.summary-card,.account-card,.summary-details{padding:var(--space-md)}.account-header{flex-wrap:wrap}.bank-logo,.cliq-logo{width:50px;height:50px;font-size:var(--font-size-md)}.summary-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.plan-price{font-size:1.75rem!important}.header{padding:var(--space-lg)0 var(--space-md)}.tab-btn{min-width:auto;padding:var(--space-sm)var(--space-md);justify-content:flex-start}.accounts-list{max-height:none;padding-right:0}}@media (min-width:768px) and (max-width:1024px){.payment-content{gap:var(--space-md);grid-template-columns:3fr 2fr}.summary-card,.account-card,.summary-details{padding:var(--space-md)}}@media (min-width:1440px){.payment-container{max-width:1400px;margin:0 auto}.payment-content{max-width:1300px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{border:4px solid var(--color-cosmic-cyan);border-right-color:#0000;animation:none}.account-card:hover,.tab-btn:hover,.summary-card:hover,.btn:hover,.retry-btn:hover{transform:none!important}}.tab-btn:focus-visible,.account-card:focus-visible,.btn:focus-visible,.retry-btn:focus-visible{outline:2px solid var(--color-cosmic-cyan);outline-offset:2px;box-shadow:0 0 0 4px #4ecdc41a}@media (prefers-contrast:high){:root{--color-space-dark:#000000f2;--color-space-darker:#000000fa;--color-cosmic-cyan:#0ff;--color-white:#fff}.summary-card,.account-card,.summary-details,.error-container{border:2px solid var(--color-white)!important}}.summary-card,.account-card,.tab-btn,.btn{backface-visibility:hidden;perspective:1000px;will-change:transform,box-shadow,border-color;transform:translateZ(0)}.payment-container{contain:layout style paint}@media (max-width:1024px){.summary-card,.account-card,.summary-details,.error-container{-webkit-backdrop-filter:blur(8px)saturate(160%)!important}}:root{--color-space-dark:#050514e6;--color-space-darker:#0a0a1ef2;--color-space-light:#141432d9;--color-cosmic-cyan:#4ecdc4;--color-nebula-purple:#8a2be2;--color-starlight-blue:#4285f4;--color-white:#fff;--color-light-gray:#e0e0e0;--color-medium-gray:#ccc;--color-dark-gray:#333;--glow-subtle:0 0 20px #ffffff1a;--glow-cyan:0 0 25px #4ecdc466;--glow-purple:0 0 25px #8a2be266;--glow-blue:0 0 25px #4285f466;--glow-multilayer:0 4px 25px #0006,0 0 30px #4ecdc440,0 0 45px #8a2be226;--font-size-xs:clamp(12px,2.5vw,14px);--font-size-sm:clamp(14px,3vw,16px);--font-size-md:clamp(15px,2.5vw,17px);--font-size-lg:clamp(16px,2vw,18px);--font-size-xl:clamp(18px,2vw,22px);--font-size-2xl:clamp(22px,2.5vw,28px);--font-size-3xl:clamp(26px,3vw,36px);--font-size-4xl:clamp(32px,3.5vw,48px);--space-xs:.75rem;--space-sm:1.25rem;--space-md:1.75rem;--space-lg:2.5rem;--space-xl:3.5rem;--space-2xl:5rem;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-normal:.35s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1);--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-3xl:32px;--glass-light:#ffffff14;--glass-dark:#0000004d;--glass-border:#ffffff26;--glass-highlight:#ffffff1f}.my-plans-modern{min-height:100vh;padding:var(--space-sm);color:var(--color-light-gray);text-shadow:0 1px 2px #00000080,0 0 15px #0000004d;scroll-behavior:smooth;background:linear-gradient(135deg,#0505141a 0%,#0a0a1e33 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;position:relative}.my-plans-modern:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 20%,#05051433 0%,#05051499 70%,#050514e6 100%);position:fixed;inset:0}.modern-header{-webkit-backdrop-filter:blur(20px)saturate(200%);color:var(--color-white);padding:var(--space-xl)var(--space-sm);border-radius:0 0 var(--radius-3xl)var(--radius-3xl);box-shadow:var(--glow-multilayer);background:linear-gradient(135deg,#050514e6,#0a0a1ef2);border-bottom:1px solid #ffffff1a;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.modern-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#4ecdc41a 0%,#0000 50%);position:absolute;inset:0}.modern-header:after{content:"";background:linear-gradient(90deg,transparent,var(--color-cosmic-cyan),var(--color-nebula-purple),transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;gap:var(--space-lg);z-index:2;flex-wrap:wrap;max-width:1280px;margin:0 auto;display:flex;position:relative}.header-text{flex:1;min-width:300px}.main-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-white),var(--color-cosmic-cyan),var(--color-nebula-purple));-webkit-text-fill-color:transparent;text-shadow:0 0 40px #4ecdc466;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2}.title-gradient{background:linear-gradient(135deg,var(--color-white),var(--color-cosmic-cyan),var(--color-nebula-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{font-size:var(--font-size-xl);opacity:.9;max-width:600px;line-height:1.6;color:var(--color-light-gray)!important}.header-stats{gap:var(--space-md);flex-wrap:wrap;display:flex}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-md);align-items:center;gap:var(--space-sm);min-width:150px;transition:all var(--transition-normal);background:#ffffff0d;border:1px solid #ffffff1a;display:flex;position:relative;overflow:hidden}.stat-item:before{content:"";background:linear-gradient(to bottom,var(--color-cosmic-cyan),var(--color-nebula-purple));opacity:.6;width:4px;height:100%;position:absolute;top:0;left:0}.stat-item:hover{background:#ffffff14;border-color:#4ecdc44d;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.stat-icon{color:var(--color-cosmic-cyan);opacity:.9;font-size:2rem}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--color-white);text-shadow:0 0 15px #4ecdc480;font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-light-gray);opacity:.9;margin-top:4px}.modern-main{max-width:1400px;margin:calc(var(--space-lg)*-1)auto 0;padding:0 var(--space-sm)var(--space-2xl);z-index:2;position:relative}.loading-state,.error-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;background:0 0!important}.spinner-container{margin-bottom:var(--space-lg)}.spinner{border:4px solid #0000;border-top-color:var(--color-cosmic-cyan);border-right-color:var(--color-nebula-purple);border-bottom-color:var(--color-starlight-blue);border-left-color:#4ecdc44d;border-radius:50%;width:80px;height:80px;animation:2s cubic-bezier(.68,-.55,.27,1.55) infinite cosmic-spin;position:relative}.spinner:before{content:"";background:radial-gradient(circle,#4ecdc41a 0%,#8a2be21a 50%,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite pulse-glow;position:absolute;inset:-10px}.loading-text{font-size:var(--font-size-lg);color:var(--color-light-gray);opacity:.9;font-weight:500}.error-card,.empty-card{text-align:center;width:100%;max-width:500px;position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(20px)saturate(200%)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;padding:var(--space-xl)!important;box-shadow:var(--glow-multilayer)!important}.error-card:before,.empty-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-cosmic-cyan),var(--color-nebula-purple),transparent);height:1px;position:absolute;top:0;left:0;right:0}.error-icon{margin-bottom:var(--space-md);text-shadow:0 0 40px #ff6b6b99;animation:2s ease-in-out infinite error-pulse;color:#ff6b6b!important;font-size:4rem!important}.error-card h3,.empty-card h3{font-weight:600;font-size:var(--font-size-2xl)!important;color:var(--color-white)!important;margin-bottom:var(--space-sm)!important}.error-card p,.empty-card p{opacity:.9;line-height:1.6;color:var(--color-light-gray)!important;margin-bottom:var(--space-lg)!important}.empty-icon{margin-bottom:var(--space-md);color:var(--color-cosmic-cyan);text-shadow:0 0 30px #4ecdc480;font-size:4rem}.modern-section{margin-bottom:var(--space-xl);position:relative}.section-header{position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;padding:var(--space-lg)!important;margin-bottom:var(--space-lg)!important;box-shadow:var(--glow-multilayer)!important;border:1px solid var(--glass-border)!important}.section-header:before{content:"";background:linear-gradient(90deg,var(--color-cosmic-cyan),var(--color-nebula-purple),var(--color-cosmic-cyan));opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.header-main{margin-bottom:var(--space-md)}.section-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex;font-size:var(--font-size-2xl)!important;color:var(--color-white)!important;font-weight:600!important}.title-icon{color:var(--color-cosmic-cyan);font-size:1.5rem}.pending-icon{color:#f59e0b}.verified-icon{color:var(--color-cosmic-cyan)}.active-icon{color:#10b981}.expired-icon{color:var(--color-medium-gray)}.history-icon{color:var(--color-starlight-blue)}.badge{color:var(--color-cosmic-cyan);font-size:var(--font-size-sm);margin-left:var(--space-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#4ecdc433;border:1px solid #4ecdc44d;border-radius:20px;padding:4px 12px;font-weight:600}.pending-badge{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b4d}.verified-badge,.active-badge{color:#10b981;background:#10b98133;border-color:#10b9814d}.expired-badge{color:var(--color-medium-gray);background:#64748b33;border-color:#64748b4d}.history-badge{color:var(--color-starlight-blue);background:#4285f433;border-color:#4285f44d}.section-subtitle{font-size:var(--font-size-lg);opacity:.9;line-height:1.6;color:var(--color-light-gray)!important}.progress-tracker{border-radius:var(--radius-lg);padding:var(--space-md);background:#0000004d;border:1px solid #ffffff1a}.progress-label{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-medium-gray);justify-content:space-between;align-items:center;font-weight:500;display:flex}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--color-cosmic-cyan),var(--color-nebula-purple));height:100%;transition:width var(--transition-slow);border-radius:4px;position:absolute;top:0;left:0;box-shadow:0 0 10px #4ecdc44d}.time-bar{background:#ffffff1a}.time-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 0 10px #f59e0b4d}.modern-card{will-change:transform,box-shadow;position:relative;overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glow-multilayer)!important;transition:all var(--transition-normal)!important}.modern-card:before{content:"";width:200%;height:100%;transition:left var(--transition-slow);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);position:absolute;top:0;left:-100%;transform:skew(-15deg)}.modern-card:hover{border-color:#4ecdc466!important;transform:translateY(-8px)scale(1.02)!important;box-shadow:0 12px 50px #00000080,0 0 60px #4ecdc44d,0 0 80px #8a2be233!important}.modern-card:hover:before{left:100%}.pending-card{border-left:4px solid #f59e0b!important}.active-card{border-left:4px solid #10b981!important}.expired-card{border-left:4px solid var(--color-medium-gray)!important}.card-header{justify-content:space-between;align-items:center;display:flex;position:relative;padding:var(--space-lg)!important;border-bottom:1px solid #ffffff1a!important}.card-header:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.card-body{padding:var(--space-lg)!important}.card-footer{position:relative;padding:var(--space-lg)!important;border-top:1px solid #ffffff1a!important}.card-footer:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:-1px;left:0;right:0}.status-badge{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-badge.pending{color:#f59e0b!important;background:#f59e0b33!important;border-color:#f59e0b4d!important}.status-badge.pending .badge-dot{background:#f59e0b!important}.status-badge.paid{color:#10b981!important;background:#10b98133!important;border-color:#10b9814d!important}.status-badge.paid .badge-dot{background:#10b981!important}.status-badge.verified{color:#3b82f6!important;background:#3b82f633!important;border-color:#3b82f64d!important}.status-badge.verified .badge-dot{background:#3b82f6!important}.status-badge.active{color:#10b981!important;background:#10b98133!important;border-color:#10b9814d!important}.status-badge.active .badge-dot{background:#10b981!important}.status-badge.expired{color:var(--color-medium-gray)!important;background:#94a3b833!important;border-color:#94a3b84d!important}.status-badge.expired .badge-dot{background:var(--color-medium-gray)!important}.payment-amount{text-align:right}.currency{font-size:var(--font-size-sm);color:var(--color-medium-gray);margin-right:2px}.amount{color:var(--color-white);text-shadow:0 0 15px #4ecdc480;font-size:1.75rem;font-weight:700}.pending-card .amount{color:#f59e0b}.payment-card.paid .amount{color:#10b981}.payment-card.verified .amount{color:#3b82f6}.payment-info,.subscription-info{margin-bottom:var(--space-md)}.info-row{padding:var(--space-sm)0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);color:var(--color-medium-gray);font-weight:500}.info-value{font-size:var(--font-size-md);color:var(--color-light-gray);text-align:right;word-break:break-word;max-width:60%;font-weight:600}.plan-name{color:var(--color-cosmic-cyan)!important}.method-tag{border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-light-gray);background:#ffffff1a;border:1px solid #ffffff1a;padding:4px 8px;font-weight:600}.payment-instructions{border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md);background:#0000004d;border:1px solid #ffffff1a}.instructions-header h4{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);font-weight:600;display:flex}.step{color:var(--color-light-gray);margin-bottom:var(--space-sm);padding-left:var(--space-sm);line-height:1.6;position:relative}.step:before{content:"→";color:var(--color-cosmic-cyan);font-weight:700;position:absolute;left:0}.step strong{color:var(--color-white);font-weight:600}.account-details{border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-sm)0;background:#ffffff0d;border:1px solid #ffffff1a}.detail-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm)0;border-bottom:1px solid #ffffff0d;display:flex}.detail-item:last-child{border-bottom:none}.detail-icon{color:var(--color-cosmic-cyan);text-align:center;width:32px;font-size:1.25rem}.detail-content{flex:1}.detail-label{font-size:var(--font-size-sm);color:var(--color-medium-gray);display:block}.detail-value{font-size:var(--font-size-md);color:var(--color-light-gray);margin-top:2px;font-weight:600;display:block}.reference-section{border-radius:var(--radius-lg);padding:var(--space-sm);margin-top:var(--space-sm);background:#ffffff0d;border:2px dashed #fff3}.reference-label{font-size:var(--font-size-sm);color:var(--color-medium-gray);margin-right:var(--space-sm);font-weight:600}.reference-code{border-radius:var(--radius-sm);color:var(--color-cosmic-cyan);word-break:break-all;background:#0000004d;border:1px solid #ffffff1a;padding:6px 12px;font-family:monospace;font-weight:600}.countdown-timer{border-radius:var(--radius-lg);padding:var(--space-sm);margin-bottom:var(--space-sm);background:#0000004d;border:1px solid #ffffff1a}.timer-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.timer-icon{color:#f59e0b;font-size:1.25rem}.timer-text{font-size:var(--font-size-md);color:var(--color-light-gray);font-weight:600}.modern-btn{border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-normal);text-shadow:0 1px 2px #00000080;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.modern-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.modern-btn:hover:before{left:100%}.modern-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.modern-btn:active:not(:disabled){transform:translateY(-1px)}.modern-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.primary-btn{background:linear-gradient(135deg,var(--color-cosmic-cyan),var(--color-starlight-blue));color:var(--color-white);border:1px solid #fff3}.primary-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-starlight-blue),var(--color-cosmic-cyan));box-shadow:0 8px 25px #4ecdc466}.secondary-btn{color:var(--color-light-gray);background:#ffffff1a;border:2px solid #fff3}.secondary-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.danger-btn{color:var(--color-white);background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #fff3}.danger-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466}.outline-btn{color:var(--color-cosmic-cyan);border:2px solid var(--color-cosmic-cyan);background:0 0}.outline-btn:hover:not(:disabled){background:#4ecdc41a;box-shadow:0 8px 25px #4ecdc44d}.action-buttons{gap:var(--space-sm);display:flex}.action-buttons.compact{gap:var(--space-xs)}.action-btn{width:40px;height:40px;color:var(--color-light-gray);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.action-btn:hover:not(:disabled){background:var(--color-cosmic-cyan);color:var(--color-white);transform:scale(1.1)rotate(5deg);box-shadow:0 4px 15px #4ecdc44d}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.verification-badge{color:#10b981;padding:var(--space-sm);border-radius:var(--radius-lg);align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10b98133;border:2px solid #10b981;font-weight:600;display:flex}.check-icon{font-size:1.25rem}.plan-header{text-align:right}.plan-title{font-size:var(--font-size-lg);color:var(--color-white);text-shadow:0 0 10px #4ecdc44d;margin-bottom:4px;font-weight:600}.plan-price{font-size:var(--font-size-md);color:#10b981;text-shadow:0 0 10px #10b9814d;font-weight:700}.features-section{margin-top:var(--space-md)}.features-title{font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);font-weight:600;display:flex}.features-title:after{content:"";height:1px;margin-left:var(--space-sm);background:linear-gradient(90deg,#ffffff1a,#0000);flex:1}.features-list{margin:0;padding:0;list-style:none}.feature-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)0;border-bottom:1px solid #ffffff1a;display:flex;position:relative}.feature-item:last-child{border-bottom:none}.feature-icon{color:#10b981;flex-shrink:0;width:24px;font-size:1.25rem;font-weight:700}.feature-content{flex:1}.feature-name{font-size:var(--font-size-md);color:var(--color-light-gray);font-weight:600;display:block}.feature-description{font-size:var(--font-size-sm);color:var(--color-medium-gray);margin-top:2px;line-height:1.4;display:block}.time-remaining{border-radius:var(--radius-lg);padding:var(--space-sm);background:#0000004d;border:1px solid #ffffff1a}.time-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);display:flex}.time-icon{color:var(--color-cosmic-cyan);font-size:1.25rem}.time-text{font-size:var(--font-size-md);color:var(--color-light-gray);font-weight:600}.payments-grid{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.subscriptions-grid{gap:var(--space-lg);margin-top:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.history-table{overflow:hidden;background:var(--color-space-dark)!important;-webkit-backdrop-filter:blur(15px)saturate(200%)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--glow-multilayer)!important;border:1px solid var(--glass-border)!important}.table-header{color:var(--color-cosmic-cyan);padding:var(--space-md);background:#0006;border-bottom:2px solid #ffffff1a;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;display:grid}.header-cell{font-weight:600;font-size:var(--font-size-sm);text-align:left;padding:0 var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.table-body{max-height:500px;overflow-y:auto}.table-row{padding:var(--space-md);transition:all var(--transition-fast);border-bottom:1px solid #ffffff0d;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;display:grid;position:relative}.table-row:hover{background:#ffffff0d!important}.table-row.pending-row{background:#f59e0b1a;border-left:4px solid #f59e0b}.table-row.paid-row{background:#10b9811a;border-left:4px solid #10b981}.table-row.verified-row{background:#3b82f61a;border-left:4px solid #3b82f6}.table-row.rejected-row{background:#ef44441a;border-left:4px solid #ef4444}.table-row.expired-row{border-left:4px solid var(--color-medium-gray);background:#64748b1a}.table-cell{padding:0 var(--space-sm);align-items:center;min-height:60px;display:flex}.cell-content{flex-direction:column;width:100%;display:flex}.cell-label{font-size:var(--font-size-xs);color:var(--color-medium-gray);margin-bottom:2px;font-weight:500;display:none}.cell-value{font-size:var(--font-size-sm);color:var(--color-light-gray);font-weight:500}.amount-value{color:#10b981;font-weight:600}.status-tag{font-size:var(--font-size-xs);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff1a;padding:4px 8px;font-weight:600;display:inline-block}.status-tag.pending{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b4d}.status-tag.paid{color:#10b981;background:#10b98133;border-color:#10b9814d}.status-tag.verified{color:#3b82f6;background:#3b82f633;border-color:#3b82f64d}@media (max-width:640px){.my-plans-modern{padding:1rem}.modern-header{padding:var(--space-lg)var(--space-sm);border-radius:0 0 var(--radius-xl)var(--radius-xl)}.main-title{font-size:var(--font-size-2xl)}.subtitle{font-size:var(--font-size-lg)}.header-content{text-align:center;flex-direction:column}.header-stats{justify-content:center}.stat-item{min-width:100%}.modern-main{margin-top:calc(var(--space-md)*-1)}.payments-grid,.subscriptions-grid{gap:var(--space-md);grid-template-columns:1fr}.action-buttons{flex-direction:column}.modern-btn{width:100%}.table-header{display:none}.table-row{padding:var(--space-md);gap:var(--space-sm);margin-bottom:var(--space-md);border-radius:var(--radius-lg);border-left-width:4px;flex-direction:column;display:flex}.table-cell{padding:var(--space-xs)0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;min-height:auto;display:flex}.table-cell:last-child{border-bottom:none}.cell-label{display:block}.cell-content{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.action-buttons.compact{padding-top:var(--space-sm);justify-content:flex-end;gap:var(--space-sm);border-top:1px solid #ffffff1a}.info-row{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.info-value{text-align:left;max-width:100%}}@media (min-width:640px) and (max-width:1024px){.payments-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subscriptions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.modern-header{padding:var(--space-xl)var(--space-md)}}@media (min-width:1440px){.my-plans-modern{max-width:1600px;margin:0 auto}.modern-main{max-width:1400px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{border:4px solid var(--color-cosmic-cyan);border-right-color:#0000;animation:none}.modern-card:hover,.stat-item:hover,.modern-btn:hover:not(:disabled),.action-btn:hover:not(:disabled){transform:none!important}}.modern-btn:focus-visible,.action-btn:focus-visible{outline:2px solid var(--color-cosmic-cyan);outline-offset:2px;box-shadow:0 0 0 4px #4ecdc41a}@media (prefers-contrast:high){:root{--color-space-dark:#000000f2;--color-space-darker:#000000fa;--color-cosmic-cyan:#0ff;--color-white:#fff}.modern-card,.section-header,.error-card,.empty-card,.history-table{border:2px solid var(--color-white)!important}}.modern-card,.stat-item,.modern-btn,.action-btn{backface-visibility:hidden;perspective:1000px;will-change:transform,box-shadow,border-color;transform:translateZ(0)}.my-plans-modern{contain:layout style paint}@media (max-width:1024px){.modern-card,.section-header,.error-card,.empty-card,.history-table{-webkit-backdrop-filter:blur(8px)saturate(160%)!important}}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ecdc499,#4285f499) padding-box padding-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-corner{background:0 0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);min-height:100vh;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;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}::-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)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(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}}