*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body,html{transform:translateZ(0);-webkit-transform:translateZ(0)}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background-attachment:fixed;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;padding:0;position:relative}body,body:before{transform:translateZ(0)}body:before{background-image:linear-gradient(#00000005 1px,#0000 0),linear-gradient(90deg,#00000005 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;will-change:auto;z-index:0}.player-gate-container .container,.player-quiz-container .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;max-width:48rem;padding:2.5rem;width:100%}.player-gate-container h1,.player-quiz-container h1{animation:pulse 3s infinite;color:#fcd34d;font-size:3rem;font-weight:800;letter-spacing:.1em;margin-bottom:2.5rem;text-align:center}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.player-gate-container p,.player-quiz-container p{font-size:1.125rem;text-shadow:0 2px 4px #0003}.player-gate-container label,.player-quiz-container label{color:#fef2c7;font-size:.875rem;font-weight:500}.player-gate-container input[type=file],.player-quiz-container input[type=file]{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;color:#fff;font-size:.875rem;max-width:28rem;padding:.75rem 1.25rem;width:100%}.player-gate-container input[type=file]::-webkit-file-upload-button,.player-quiz-container input[type=file]::-webkit-file-upload-button{background:#fcd34d;border:none;border-radius:.75rem;color:#581c87;cursor:pointer;font-size:.875rem;font-weight:700;margin-right:1.25rem;padding:.75rem 1.25rem;-webkit-transition:background .3s ease;transition:background .3s ease}.player-gate-container input[type=file]::-webkit-file-upload-button:hover,.player-quiz-container input[type=file]::-webkit-file-upload-button:hover{background:#fbbf24}.player-gate-container button,.player-quiz-container button{background:#fcd34d;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;color:#581c87;cursor:pointer;font-weight:700;padding:.75rem 2.5rem;transition:all .3s ease}.player-gate-container button:hover,.player-quiz-container button:hover{background:#fbbf24;box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.player-gate-container button:focus,.player-quiz-container button:focus{box-shadow:0 0 0 4px #fcd34d80;outline:none}.player-quiz-container .question-box{background:#fff3;border:1px solid #ffffff4d;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.player-quiz-container .question-number{color:#fcd34d;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.player-quiz-container .question-text{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0003}.player-quiz-container input[type=text]{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a;color:#fff;font-size:1rem;margin-top:.75rem;padding:.75rem 1.25rem;width:100%}.player-quiz-container input[type=text]:focus{border-color:#fcd34d;box-shadow:0 0 0 3px #fcd34d66;outline:none}.player-quiz-container input[type=text]::placeholder{color:#ffffffb3}.player-quiz-container .answer-box{animation:fadeIn .5s ease-in-out;background:#34d3994d;border:1px solid #34d39966;border-radius:1rem;margin-top:1.25rem;padding:1.5rem}.player-quiz-container .answer-text{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px #0003}.player-quiz-container .user-answer{color:#fef2c7;font-size:.875rem;margin-top:.75rem}.player-quiz-container .action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.25rem}.player-quiz-container .action-buttons button:first-child{background:#ef4444;color:#fff}.player-quiz-container .action-buttons button:first-child:hover{background:#dc2626}.player-quiz-container .action-buttons button:nth-child(2){background:#34d399;color:#fff}.player-quiz-container .action-buttons button:nth-child(2):hover{background:#10b981}.player-quiz-container .score-display{color:#fcd34d;font-size:.875rem;font-weight:700;margin-top:1.5rem;text-align:center;text-shadow:0 2px 4px #0003}.player-quiz-container .quiz-finished h2{color:#fcd34d;font-size:2.5rem;font-weight:800;margin-bottom:1.25rem;text-shadow:0 2px 4px #0003}.player-quiz-container .quiz-finished p{font-size:1.25rem;margin-bottom:1.5rem}.player-quiz-container .quiz-finished .score{color:#fef2c7;font-size:1.875rem;font-weight:800;margin-bottom:2rem}.player-quiz-container .history-section{border-top:1px solid #ffffff4d;margin-top:3rem;padding-top:1.5rem}.player-quiz-container .history-section h3{color:#fcd34d;font-size:1.5rem;font-weight:700;margin-bottom:1.25rem;text-align:center;text-shadow:0 2px 4px #0003}.player-quiz-container .history-list{background:#ffffff1a;border-radius:1rem;box-shadow:inset 0 2px 4px 0 #0000000f;max-height:12rem;overflow-y:auto;padding:1.25rem}.player-quiz-container .history-item{border-bottom:1px solid #fff3;font-size:.875rem;padding:.75rem 0}.player-quiz-container .history-item:last-child{border-bottom:none}.player-quiz-container .history-note{color:#fef2c7;font-size:.75rem;margin-top:.75rem;text-align:center;text-shadow:0 1px 2px #0000001a}.App{text-align:center}.App-logo{height:6vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.min-h-screen{min-height:100vh}.font-inter{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,#3b82f6,#8b5cf6)}.from-blue-50{background-color:#eff6ff}.to-indigo-100{background-color:#e0e7ff}.text-gray-800{color:#1f2937}.items-center{align-items:center}.bg-white{background-color:#fff}.p-8{padding:2rem}.rounded-xl{border-radius:.75rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.w-full{width:100%}.max-w-2xl{max-width:42rem}.border{border-width:1px}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-extrabold{font-weight:800}.tracking-tight{letter-spacing:-.025em}.text-lg{font-size:1.125rem;line-height:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.bg-indigo-600{background-color:#4f46e5}.text-white{color:#fff}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.hover\:bg-indigo-700:hover{background-color:#4338ca}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.space-y-6>*+*{margin-top:1.5rem}.bg-indigo-50{background-color:#eef2ff}.border-indigo-200{border-color:#c7d2fe}.p-5{padding:1.25rem}.mb-2{margin-bottom:.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.flex{display:flex}.justify-center{justify-content:center}.px-6{padding-left:1.5rem;padding-right:1.5rem}.bg-blue-500{background-color:#3b82f6}.hover\:bg-blue-600:hover{background-color:#2563eb}.bg-green-50{background-color:#f0fdf4}.border-green-200{border-color:#bbf7d0}.animate-fadeIn{animation:fadeIn .5s ease-in-out}.text-green-800{color:#166534}.justify-end{justify-content:flex-end}.space-x-3>*+*{margin-left:.75rem}.bg-red-500{background-color:#ef4444}.hover\:bg-red-600:hover{background-color:#dc2626}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.bg-green-500{background-color:#22c55e}.hover\:bg-green-600:hover{background-color:#16a34a}.text-3xl{font-size:1.875rem;line-height:2.25rem}.mb-6{margin-bottom:1.5rem}.text-gray-600{color:#4b5563}.mt-4{margin-top:1rem}.text-indigo-800{color:#3730a3}.mb-8{margin-bottom:2rem}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.mt-10{margin-top:2.5rem}.pt-6{padding-top:1.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.mb-4{margin-bottom:1rem}.bg-gray-50{background-color:#f9fafb}.rounded-lg{border-radius:.5rem}.p-4{padding:1rem}.shadow-inner{box-shadow:inset 0 2px 4px 0 #0000000f}.max-h-48{max-height:12rem}.overflow-y-auto{overflow-y:auto}.text-sm{font-size:.875rem;line-height:1.25rem}.border-b{border-bottom-width:1px}.last\:border-b-0:last-child{border-bottom-width:0}.border-gray-100{border-color:#f3f4f6}.py-2{padding-bottom:.5rem;padding-top:.5rem}.font-medium{font-weight:500}.text-gray-700{color:#374151}.mr-2{margin-right:.5rem}.text-gray-500{color:#6b7280}.font-semibold{font-weight:600}.text-green-600{color:#16a34a}.text-blue-600{color:#2563eb}.text-indigo-700{color:#4338ca}.mt-2{margin-top:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-center{text-align:center}@media (max-width:768px){.p-8{padding:1rem}.text-4xl{font-size:1.875rem;line-height:2.25rem}.max-w-2xl{max-width:100%}}.sidebar-nav{background:#fff;border-right:1px solid #e5e5e5;box-shadow:none;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateZ(0);transition:width .3s cubic-bezier(.4,0,.2,1);width:280px;will-change:width;z-index:1000}.sidebar-nav.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e5e5e5;justify-content:center;min-height:80px;padding:24px 20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:inherit;cursor:pointer;flex:1 1;gap:12px;text-decoration:none}.sidebar-logo-img{flex-shrink:0;height:40px;object-fit:contain;width:40px}.sidebar-logo-text{color:#000;font-size:1.25rem;font-weight:700;transition:opacity .3s ease;white-space:nowrap}.sidebar-nav.collapsed .sidebar-logo-text{opacity:0;overflow:hidden;width:0}.sidebar-toggle{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;margin:0 auto;max-width:calc(100% - 24px);transition:all .2s ease;width:calc(100% - 24px)}.sidebar-toggle:hover{background:#fafafa;border-color:#ccc;color:#000}.sidebar-nav.collapsed .sidebar-toggle{max-width:calc(100% - 24px);padding:0;width:calc(100% - 24px)}.sidebar-menu{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 12px}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9375rem;font-weight:400;gap:12px;margin-bottom:4px;padding:12px 16px;position:relative;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sidebar-item:hover{background:#fafafa;color:#000}.sidebar-item.active{background:#f0f7ff;color:#000;font-weight:500}.sidebar-item.active:before{background:#000;border-radius:0 2px 2px 0;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:2px}.sidebar-icon{stroke-width:1.5;align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar-label{flex:1 1;transition:opacity .3s ease;white-space:nowrap}.sidebar-nav.collapsed .sidebar-label{opacity:0;overflow:hidden;width:0}.sidebar-indicator{background:#000;border-radius:50%;flex-shrink:0;height:6px;width:6px}.sidebar-nav.collapsed .sidebar-indicator{display:none}.sidebar-footer{align-items:center;border-top:1px solid #e5e5e5;display:flex;justify-content:center;padding:16px 12px}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#667eea33;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#667eea66}@media (max-width:1024px){.sidebar-nav{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-nav.mobile-open{transform:translateX(0)}.sidebar-nav.collapsed{width:280px}}@media (max-width:768px){.sidebar-nav{max-width:320px;width:100%}}.top-bar{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:none;display:flex;height:64px;justify-content:space-between;left:280px;padding:0 24px;position:fixed;right:0;top:0;transform:translateZ(0);will-change:auto;z-index:999}.sidebar-nav.collapsed~.top-bar{left:80px}.top-bar-left{align-items:center;display:flex;gap:20px}.mobile-menu-toggle{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#666;cursor:pointer;display:none;font-size:16px;height:36px;transition:all .2s ease;width:36px}.mobile-menu-toggle:hover{background:#fafafa;border-color:#ccc;color:#000}.top-bar-search{display:none}.search-icon{stroke-width:2;color:#999;height:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.search-input{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;padding:8px 16px 8px 44px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 2px #0000001a}.top-bar-right{align-items:center;display:flex;gap:12px;margin-left:auto}.top-bar-icon-btn{display:none}.notification-badge{align-items:center;background:#000;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.625rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.top-bar-user-menu{position:relative}.top-bar-user-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:6px 12px;transition:all .2s ease}.top-bar-user-btn:hover{background:#fafafa;border-color:#ccc}.user-avatar-small{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;height:32px;justify-content:center;width:32px}.user-name-short{color:#000;font-size:.875rem;font-weight:400;white-space:nowrap}.dropdown-arrow{color:#999;font-size:.75rem;transition:transform .2s ease}.top-bar-user-btn:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a,0 1px 3px #0000000d;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{align-items:center;background:#fafafa;border-radius:6px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.user-avatar-medium{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:500;height:40px;justify-content:center;width:40px}.user-dropdown-info{flex:1 1;min-width:0}.user-dropdown-name{color:#000;font-size:.875rem;font-weight:500;margin-bottom:4px}.user-dropdown-email{color:#666;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{background:#e5e5e5;height:1px;margin:4px 0}.user-dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.user-dropdown-item:hover{background:#f0f7ff;color:#000}.user-dropdown-item.logout-item{color:#000}.user-dropdown-item.logout-item:hover{background:#fafafa;color:#000}.user-dropdown-item .icon{stroke-width:2;align-items:center;color:inherit;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}@media (max-width:1024px){.top-bar{left:0}.mobile-menu-toggle{display:flex}.top-bar-search{max-width:300px}}@media (max-width:768px){.top-bar{height:60px;padding:0 16px}.top-bar-search,.user-name-short{display:none}.top-bar-user-btn{padding:6px}}.admin-upload-container{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0;width:100%}.admin-upload-header{margin-bottom:24px;text-align:left}.admin-upload-header h2{color:#000;font-size:1.125rem;font-weight:500;letter-spacing:-.25px;margin:0 0 8px}.admin-upload-header p{color:#666;font-size:.875rem;line-height:1.5;margin:0}.upload-area{background:#fafafa;border:2px dashed #e5e5e5;border-radius:8px;cursor:pointer;overflow:hidden;padding:48px 24px;position:relative;text-align:center;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform}.upload-area:hover{background:#fff;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translate3d(0,-1px,0)}.upload-area.has-file{background:#fafafa;border-color:#000;border-style:solid}.upload-area:before{background:linear-gradient(90deg,#0000,#21334f0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upload-area:hover:before{left:100%}.upload-content{position:relative;z-index:1}.upload-icon{stroke-width:1.5;color:inherit;display:block;height:48px;margin-bottom:16px;opacity:.6;width:48px}.upload-text p{color:#000;font-size:.9375rem;font-weight:400;margin:0 0 8px}.or-text{color:#9ca3af!important;font-size:.75rem!important;margin:12px 0!important}.file-input-label{display:inline-block}.file-input{display:none}.browse-btn{background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;letter-spacing:0;padding:10px 20px;text-transform:none;transition:all .2s ease}.browse-btn:hover{background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.file-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-top:20px;padding:16px}.file-name{max-width:300px}.file-size{color:#666;font-size:.75rem;font-weight:400}.error-message{margin:20px 0}.success-message{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;color:#666;display:flex;font-size:.875rem;gap:10px;margin:20px 0;padding:12px 16px}.error-icon,.success-icon{stroke-width:2;flex-shrink:0;height:18px;width:18px}.success-icon{color:#666}.upload-actions{display:flex;gap:12px;justify-content:center;margin:24px 0 20px}.upload-btn{align-items:center;background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;letter-spacing:0;padding:10px 20px;text-transform:none;transition:all .2s ease}.upload-btn:hover:not(:disabled){background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.clear-btn{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#000;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:0;padding:10px 20px;text-transform:none;transition:all .2s ease}.clear-btn:hover{background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.upload-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.shareable-link-section{animation:fadeIn .3s ease-in-out;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:24px 0 20px;padding:20px}.shareable-link-section h3{color:#21334f;font-size:1rem;font-weight:600;margin:0 0 12px}.link-container{display:flex;gap:10px;margin-bottom:10px}.shareable-link-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#21334f;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:.875rem;outline:none;padding:12px 16px;transition:all .2s ease}.shareable-link-input:hover{background:#f9fafb;border-color:#21334f}.shareable-link-input:focus{background:#fff;border-color:#21334f;box-shadow:0 0 0 4px #21334f14}.copy-link-btn{align-items:center;background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;letter-spacing:0;padding:10px 16px;text-transform:none;transition:all .2s ease}.copy-link-btn:hover{background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.copy-link-btn:active{transform:translateY(0)}.link-instruction{color:#6b7280;font-size:.75rem;font-style:italic;margin:0}.upload-info{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.upload-info h3{color:#21334f;font-size:.9375rem;font-weight:600;margin:0 0 12px}.upload-info ul{list-style:none;margin:0;padding:0}.upload-info li{color:#6b7280;font-size:.875rem;margin-bottom:8px;padding-left:20px;position:relative}.upload-info li:before{background:#21334f;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:6px;width:6px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-upload-container{padding:0}.upload-area{padding:32px 16px}.upload-actions{flex-direction:column}.clear-btn,.upload-btn{width:100%}.file-info{align-items:flex-start;gap:10px}.file-info,.link-container{flex-direction:column}.copy-link-btn{width:100%}}.create-quiz-session{padding:24px 0}.create-quiz-session h3{color:#000;font-size:1.125rem;font-weight:600;margin:0 0 8px}.create-session-desc{color:#666;font-size:.875rem;margin:0 0 20px}.create-session-loading{color:#666;padding:32px;text-align:center}.create-session-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#06f;height:32px;margin:0 auto 12px;width:32px}.create-session-error{align-items:center;background:#fef2f2;border-radius:8px;color:#991b1b;display:flex;font-size:.875rem;gap:8px;margin-bottom:20px;padding:12px 16px}.create-session-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:10px}.section-label{align-items:center;color:#000;flex-wrap:wrap;font-size:.875rem;font-weight:500}.quiz-source-tabs,.section-label{display:flex;gap:8px}.tab-btn{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.tab-btn:hover{border-color:#000;color:#000}.tab-btn.active{background:#000;border-color:#000;color:#fff}.existing-files-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.existing-files .file-select{background:#fff;border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;max-width:400px;padding:10px 12px;width:100%}.btn-refresh-files{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s}.btn-refresh-files:hover:not(:disabled){background:#333}.btn-refresh-files:disabled{cursor:not-allowed;opacity:.6}.upload-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.file-input-label-inline{cursor:pointer}.file-input-hidden{display:none}.browse-btn-inline{border:1px solid #000;border-radius:6px;color:#000;display:inline-block;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background .2s}.browse-btn-inline:hover{background:#00000014}.upload-file-name{color:#666;font-size:.875rem}.btn-upload-inline{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;transition:background .2s}.btn-upload-inline:hover:not(:disabled){background:#333}.btn-upload-inline:disabled{cursor:not-allowed;opacity:.6}.upload-spinner.small{border-width:2px;height:16px;width:16px}.session-title-input{border:1px solid #e5e5e5;border-radius:6px;font-size:.875rem;max-width:400px;padding:10px 12px}.empty-hint{color:#666;font-size:.875rem;margin:0}.select-all-btn{align-self:flex-start;background:#0000;border:none;color:#000;cursor:pointer;font-size:.8125rem;padding:6px 12px}.select-all-btn:hover{text-decoration:underline}.refresh-users-btn{align-items:center;background:#0000;border:1px solid #e5e5e5;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:.75rem;gap:4px;margin-left:auto;padding:4px 10px}.refresh-users-btn:hover:not(:disabled){border-color:#ccc;color:#000}.refresh-users-btn:disabled{cursor:not-allowed;opacity:.6}.user-checkboxes{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;display:flex;flex-direction:column;gap:8px;max-height:320px;min-height:120px;overflow-x:hidden;overflow-y:auto;padding:12px;scroll-behavior:smooth}.user-checkbox{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:10px}.user-checkbox input{accent-color:#000;height:18px;width:18px}.selected-count{color:#666;font-size:.8125rem;margin:4px 0 0}.btn-create-session{align-items:center;align-self:flex-start;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s}.btn-create-session:hover:not(:disabled){background:#333}.btn-create-session:disabled{cursor:not-allowed;opacity:.6}.user-management-container{background:#0000;margin:0;max-width:100%;min-height:auto;padding:0}.user-management-header{margin-bottom:24px;text-align:left}.user-management-header h1{color:#000;font-size:1.125rem;font-weight:500;letter-spacing:-.25px;margin-bottom:8px}.user-management-header p{color:#666;font-size:.875rem;margin:0}.add-user-section{margin-bottom:24px}.card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:none;contain:layout style paint;padding:24px;transform:translateZ(0);will-change:auto}.card h3{color:#000;font-size:1rem;font-weight:500;margin-bottom:8px;margin-top:0}.form-hint{color:#666;font-size:.8125rem;margin:0 0 16px}.add-user-form{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:2fr 1fr auto}.form-group{display:flex;flex-direction:column}.form-input,.form-select{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;color:#000;font-size:.875rem;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.form-input::placeholder,.form-select{color:#999}.form-input:focus,.form-select:focus{background:#fff;border-color:#000;box-shadow:0 0 0 2px #0000001a}.btn-primary{background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:0;padding:10px 20px;text-transform:none;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-message{grid-column:1/-1;margin-top:12px}.users-list-section{margin-bottom:24px}.card-header{margin-bottom:20px}.card-header h3{font-size:1rem}.btn-secondary{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#000;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.loading-spinner{margin:2rem auto}.users-table{overflow-x:auto}.table-header,.table-row{grid-gap:16px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:2fr 2fr 1fr 1fr;padding:16px}.table-header{background:#f9fafb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-row{background:#fff;transition:all .2s ease}.table-row:hover{background:#f9fafb}.table-cell,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:#000;border-radius:50%;box-shadow:none;color:#fff;display:flex;font-size:1rem;font-weight:500;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#000;font-size:.875rem;font-weight:500}.user-date,.user-email{color:#666;font-size:.875rem}.role-select{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;color:#000;cursor:pointer;font-size:.875rem;font-weight:400;padding:6px 12px;transition:all .2s ease}.role-select.admin,.role-select.user{background:#fafafa;border-color:#e5e5e5;color:#000}.role-readonly{color:#000;font-size:.875rem}.you-badge{color:#666;font-size:.8125rem}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-edit,.btn-update{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:0;padding:6px 12px;text-transform:none;transition:all .2s ease}.btn-update{background:#2563eb}.btn-update:hover:not(:disabled){background:#1d4ed8;box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.btn-update:disabled{cursor:not-allowed;opacity:.5}.btn-edit{background:#dc2626}.btn-edit:hover:not(:disabled){background:#b91c1c;box-shadow:0 2px 8px #dc26264d;transform:translateY(-1px)}.btn-delete{background:#000}.btn-delete:hover:not(:disabled){background:#333;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.stats-section{margin-bottom:24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#000;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{stroke-width:1.5;color:inherit;flex-shrink:0;height:24px;opacity:.7;width:24px}.stat-info{display:flex;flex-direction:column}.stat-info h4{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-value{color:#21334f;font-size:1.5rem;font-weight:700}.signout-section{margin-top:24px;text-align:center}.btn-signout{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#21334f;cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .2s ease}.btn-signout:hover{background:#f9fafb;border-color:#21334f;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.user-management-container{padding:0}.user-management-header h1{font-size:1.125rem}.add-user-form,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:8px;text-align:left}.table-cell,.user-info{justify-content:space-between}.user-info{width:100%}.action-buttons{justify-content:center;margin-top:12px;width:100%}.stats-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-row.new{animation:fadeIn .5s ease-out}.profile-container{padding:0}.profile-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;max-width:480px;padding:24px}.profile-avatar{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:24px;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar svg{color:#666}.profile-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.profile-row{align-items:center;display:flex;gap:12px}.profile-icon{color:#666;flex-shrink:0}.profile-label{color:#666;font-size:.875rem;min-width:100px}.profile-value{color:#000;font-size:.9375rem;font-weight:500}.profile-signout-btn{align-items:center;background:#0000;border:1px solid #e5e5e5;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;font-size:.9375rem;gap:8px;padding:10px 20px;transition:all .2s}.profile-signout-btn:hover{background:#f5f5f5;border-color:#ccc}.reports-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px}.reports-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.reports-search{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;display:flex;flex:1 1;gap:10px;min-width:200px;padding:10px 14px}.reports-search:focus-within{background:#fff;border-color:#000}.search-icon{color:#666;flex-shrink:0}.search-input{background:#0000;border:none;color:#000;flex:1 1;font-size:.9375rem;min-width:0;outline:none}.search-input::placeholder{color:#999}.reports-header{margin-bottom:20px}.btn-download-all{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px}.btn-download-all:hover{background:#333}.reports-empty,.reports-loading{padding:48px 24px;text-align:center}.reports-empty-icon{margin-bottom:16px;opacity:.5}.reports-empty h3{color:#000;font-size:1.125rem;font-weight:600;margin:0 0 8px}.reports-empty p{color:#666;font-size:.875rem;margin:0}.reports-list{display:flex;flex-direction:column;gap:8px}.reports-by-session{gap:12px}.report-session{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.report-session-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.report-session-header:hover{background:#f0f0f0}.report-session-summary{flex:1 1;min-width:0}.report-session-title{color:#000;display:block;font-size:.9375rem;font-weight:600}.report-session-meta{color:#666;display:block;font-size:.8125rem;margin-top:2px}.btn-download-session{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.btn-download-session:hover{background:#333}.report-session-users{background:#fff;border-top:1px solid #e5e5e5;padding:8px}.report-user-item{border:1px solid #e8e8e8;border-radius:6px;margin-bottom:8px;overflow:hidden}.report-user-item:last-child{margin-bottom:0}.report-user-header{align-items:center;background:#fff;cursor:pointer;display:flex;gap:10px;padding:12px 14px;transition:background .2s}.report-user-header:hover{background:#fafafa}.report-user-summary{flex:1 1;min-width:0}.report-user-email{color:#000;display:block;font-size:.875rem;font-weight:500}.report-user-meta{color:#666;display:block;font-size:.75rem;margin-top:2px}.report-expand-small{flex-shrink:0;width:20px}.report-expand-placeholder{display:inline-block;height:16px;width:16px}.report-user-details{background:#fafafa;border-top:1px solid #e8e8e8;padding:12px 14px 12px 44px}.report-item{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.report-item-header{align-items:center;background:#fafafa;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.report-item-header:hover{background:#f5f5f5}.report-expand-icon{color:#666;flex-shrink:0}.report-item-summary{flex:1 1;min-width:0}.report-user{color:#000;display:block;font-size:.9375rem;font-weight:500}.report-meta{color:#666;display:block;font-size:.8125rem;margin-top:2px}.btn-download-report{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.btn-download-report:hover{background:#333}.report-item-details{background:#fff;border-top:1px solid #e5e5e5;padding:16px}.report-answers{overflow-x:auto}.report-no-answers{color:#666;font-size:.875rem;margin:0}.report-answers-table{border-collapse:collapse;font-size:.875rem;width:100%}.report-answers-table td,.report-answers-table th{border-bottom:1px solid #e5e5e5;padding:10px 12px;text-align:left}.report-answers-table th{background:#f9fafb;color:#000;font-weight:600}.report-answers-table td{color:#333}.report-answers-table tr.correct td{background:#22c55e0f}.report-answers-table tr.incorrect td{background:#ef44440f}.report-answers-table td:first-child{max-width:280px;word-break:break-word}@media (max-width:768px){.reports-toolbar{align-items:stretch;flex-direction:column}.report-session-header,.report-user-header{flex-wrap:wrap}.btn-download-report,.btn-download-session{margin-left:auto}}.admin-dashboard-layout{-webkit-font-smoothing:antialiased;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;position:relative;transform:translateZ(0);will-change:scroll-position}.admin-main-content{background:#fff;flex:1 1;margin-left:280px;margin-top:64px;min-height:calc(100vh - 64px);padding:32px;transform:translateZ(0);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-dashboard-layout.sidebar-collapsed .admin-main-content{margin-left:80px}.admin-dashboard-layout.sidebar-collapsed .top-bar{left:80px}.content-wrapper{margin:0 auto;max-width:1400px;width:100%}.section-header{margin-bottom:32px}.section-header h1{color:#000;font-size:2rem;font-weight:600;letter-spacing:-.5px;margin:0 0 8px}.section-header p{color:#666;font-size:.9375rem;font-weight:400;margin:0}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.admin-dashboard{-webkit-font-smoothing:antialiased;background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:40px 20px;position:relative;transform:translateZ(0);will-change:scroll-position}.stat-card{text-align:center}.stat-content{padding:20px 0}.stat-number{color:#000;font-size:2.5rem;font-weight:600;margin-bottom:8px}.stat-description{color:#666;font-size:.875rem}.quick-actions{margin-top:24px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.quiz-section{grid-template-columns:1fr 1fr}.create-session-card{grid-column:1/-1}.quiz-history-card,.quiz-upload-card{min-height:500px}.quiz-management-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.quiz-action-card{min-height:320px}.quiz-ready-section{margin-bottom:32px}.quiz-ready-title{color:#000;font-size:1.125rem;font-weight:600;letter-spacing:-.25px;margin:0 0 20px}.quiz-ready-empty,.quiz-ready-loading{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#666;padding:48px 24px;text-align:center}.quiz-ready-loading .loading-spinner{animation:quiz-spin .8s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#06f;display:block;height:32px;margin:0 auto 12px;width:32px}@keyframes quiz-spin{to{transform:rotate(1turn)}}.quiz-ready-empty h4,.quiz-ready-loading p{color:#000;font-size:1.125rem;font-weight:500;margin:16px 0 8px}.quiz-ready-empty p,.quiz-ready-loading p{color:#666;font-size:.875rem;margin:0}.quiz-ready-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.quiz-session-card{align-items:flex-start;background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-align:left;transition:all .2s ease}.quiz-session-card:hover{border-color:#ccc;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.quiz-session-card-icon{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;color:#000;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.quiz-session-card-title{color:#000;font-size:1.125rem;font-weight:600;letter-spacing:-.25px;margin:0 0 8px}.quiz-session-card-meta{color:#666;flex:1 1;font-size:.8125rem;margin:0 0 16px}.quiz-session-start-btn{align-items:center;background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.quiz-session-start-btn:hover{background:#333;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.quiz-history-section{margin-top:32px}.quiz-history-title{color:#000;font-size:1.125rem;font-weight:600;letter-spacing:-.25px;margin:0 0 16px}.quiz-history-list{display:flex;flex-direction:column;gap:12px}@media (max-width:1024px){.quiz-management-row,.quiz-ready-grid,.quiz-section{grid-template-columns:1fr}}.quick-action-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center;transition:all .2s ease}.quick-action-btn:hover{background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.action-icon{stroke-width:1.5;color:inherit;flex-shrink:0;height:24px;width:24px}.action-label{font-size:.9375rem;font-weight:600}.empty-state{padding:60px 20px}.empty-state h3{color:#000;font-size:1.5rem;font-weight:500;margin:16px 0 8px}.empty-state p{color:#666;margin-bottom:24px}.primary-btn{font-size:.875rem;padding:10px 20px}.primary-btn:hover{background:#333;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.empty-icon{opacity:.6}.dashboard-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.metrics-graph-card{grid-column:1/-1;margin-top:0}.metrics-graph{min-height:280px;width:100%}.dashboard-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:none;contain:layout style paint;padding:24px;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;will-change:transform}.dashboard-card:hover{border-color:#ccc;box-shadow:0 4px 12px #00000014;transform:translate3d(0,-2px,0)}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.card-header h3{color:#000;font-size:1.125rem;font-weight:500;letter-spacing:-.25px;margin:0}.card-icon{stroke-width:1.5;color:inherit;flex-shrink:0;height:24px;opacity:.7;width:24px}.system-info{grid-column:1/-1}.user-management-card{grid-column:1/-1;min-height:600px}.user-management-content{height:100%;width:100%}.system-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px;text-align:center;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.stat-item:hover{background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translate3d(0,-2px,0)}.stat-label{color:#666;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#000;font-size:1.75rem;font-weight:600}.upload-history{min-height:200px}.empty-state{color:#666;padding:48px 20px;text-align:center}.empty-icon{stroke-width:1.5;color:inherit;display:block;height:48px;margin:0 auto 16px;opacity:.4;width:48px}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{align-items:center;background:#fffffff2;border:1px solid #ffffff4d;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transform:translateZ(0);transition:transform .2s ease,box-shadow .2s ease;will-change:transform}.history-item:hover{background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translate3d(2px,0,0)}.history-info{display:flex;flex-direction:column;gap:5px}.file-name{color:#000;display:block;font-size:.875rem;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-time{color:#666;font-size:.75rem}.history-actions{display:flex;gap:10px}.copy-btn,.view-btn{background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;letter-spacing:0;padding:6px 12px;text-transform:none;transition:all .2s ease}.copy-btn:hover,.view-btn:hover{background:#333;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.delete-session-btn{background:#dc2626!important;color:#fff!important}.delete-session-btn:hover{background:#b91c1c!important}.session-item .file-name{max-width:240px}@media (max-width:1024px){.admin-main-content{padding:24px 16px}.admin-dashboard-layout.sidebar-collapsed .admin-main-content,.admin-main-content{margin-left:0!important}.top-bar{left:0!important}.mobile-overlay{display:block}.dashboard-grid,.system-stats{grid-template-columns:1fr}.history-item{align-items:flex-start;flex-direction:column;gap:15px}.history-actions{align-self:flex-end}.quick-actions-grid{grid-template-columns:1fr}.section-header h1{font-size:1.75rem}}@media (max-width:768px){.admin-main-content{padding:20px 12px}.section-header{margin-bottom:24px}.section-header h1{font-size:1.5rem}.section-header p{font-size:.875rem}.admin-dashboard{padding:20px 15px}.dashboard-header h1{font-size:28px}.dashboard-card{padding:20px 15px}.card-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.dashboard-header h1{font-size:24px}.stat-item{padding:15px}.stat-value{font-size:20px}}.player-quiz-container{align-items:center;background:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:720px;min-height:100vh;padding:24px}.quiz-completed,.quiz-error,.quiz-fallback,.quiz-loading{padding:48px;text-align:center}.quiz-completed,.quiz-error,.quiz-fallback,.quiz-header,.quiz-loading{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;width:100%}.quiz-header{margin-bottom:20px;padding:20px 24px;position:relative}.quiz-exit-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 14px;position:fixed;right:16px;top:16px;transition:all .2s ease;z-index:100}.quiz-exit-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#000}.player-quiz-container .quiz-header h1{animation:none;color:#000;font-size:1.25rem;font-weight:600;letter-spacing:-.5px;margin:0 0 16px}.progress-info{margin-top:0}.progress-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px}.progress-text{color:#666;font-size:.875rem;font-weight:500}.timer-display{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;display:flex;gap:8px;padding:6px 12px}.timer-display.timer-top{background:#000;border-color:#000;color:#fff;font-size:1rem;justify-content:center;margin-bottom:16px;padding:10px 16px}.timer-display.timer-top .timer-icon{color:#fff}.timer-display.timer-top .timer-text{color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:.05em}.timer-display.timer-top.timer-warning{background:#f59e0b;border-color:#f59e0b}.timer-display.timer-top.timer-critical{background:#dc2626;border-color:#dc2626}.timer-display.timer-warning{background:#fff7ed;border-color:#fed7aa}.timer-display.timer-critical{background:#fef2f2;border-color:#fecaca}.timer-icon{color:#666;flex-shrink:0}.timer-text{font-feature-settings:"tnum";color:#000;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:600}.progress-bar{background:#e5e5e5;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:#000;height:100%;transition:width .2s ease}.quiz-content{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:24px;width:100%}.question-card{margin-bottom:0}.player-quiz-container .question-number{color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.player-quiz-container .question-text{color:#000;font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:20px;text-shadow:none}.answers-container{display:flex;flex-direction:column;gap:10px}.player-quiz-container .answer-btn{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease}.player-quiz-container .answer-btn:hover{background:#f5f5f5;border-color:#ccc}.player-quiz-container .answer-btn.selected{background:#000;border-color:#000;color:#fff}.player-quiz-container .answer-letter{align-items:center;background:#e5e5e5;border-radius:50%;display:flex;font-size:.8125rem;font-weight:600;height:28px;justify-content:center;min-width:28px;width:28px}.player-quiz-container .answer-btn .answer-text{color:inherit;text-shadow:none}.player-quiz-container .answer-btn.selected .answer-text{color:#fff}.player-quiz-container .answer-btn.selected .answer-letter{background:#ffffff4d}.quiz-controls{align-items:center;border-top:1px solid #e5e5e5;display:flex;gap:16px;justify-content:space-between;margin-top:24px;padding-top:20px}.control-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.control-btn:hover:not(:disabled){background:#333}.control-btn:disabled{background:#ccc;cursor:not-allowed}.control-btn.prev-btn:disabled{background:#e5e5e5;color:#999}.question-indicators{display:flex;flex:1 1;flex-wrap:wrap;gap:6px;justify-content:center}.indicator-btn{align-items:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;height:32px;justify-content:center;min-width:32px;transition:all .2s ease;width:32px}.indicator-btn:hover{background:#f0f0f0;border-color:#ccc;color:#000}.indicator-btn.active{background:#000;border-color:#000;color:#fff}.indicator-btn.answered{background:#f1f5f9;border-color:#94a3b8;color:#475569}.loading-spinner{border-top-color:#000}.loading-text{font-size:.9375rem}.quiz-error h2{color:#000;font-size:1.125rem;font-weight:600;margin:0 0 12px}.quiz-error p{color:#666;font-size:.9375rem;line-height:1.5;margin:0 0 24px}.error-actions{display:flex;gap:12px;justify-content:center}.fallback-btn,.retry-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.fallback-btn:hover,.retry-btn:hover{background:#333}.player-quiz-container .completion-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:32px}.player-quiz-container .completion-card h2{color:#000;font-size:1.25rem;font-weight:600;margin:0 0 20px}.score-display{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.score-number{color:#000;font-size:3rem;font-weight:700;line-height:1}.score-total{color:#666;font-size:1.25rem;font-weight:500}.score-percentage{border:1px solid #e5e5e5;color:#000;display:inline-block;font-size:1rem;font-weight:600;padding:8px 16px}.player-info,.score-percentage{background:#fafafa;border-radius:6px;margin-bottom:24px}.player-info{border:1px solid #e5e5e5;padding:16px}.player-info p{color:#666;font-size:.875rem;margin:4px 0}.completion-actions{display:flex;gap:12px;justify-content:center}.back-btn,.restart-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.back-btn:hover,.restart-btn:hover{background:#333}.back-btn{background:#fff;border:1px solid #e5e5e5;color:#000}.back-btn:hover{background:#fafafa;border-color:#ccc}.confirm-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:400px;padding:24px;width:100%}.confirm-modal h3{color:#000;font-size:1.125rem;font-weight:600;margin:0 0 12px}.confirm-modal p{color:#475569;font-size:.9375rem;line-height:1.5;margin:0 0 20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-btn{border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-btn.cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#475569}.confirm-btn.cancel-btn:hover{background:#f8fafc;border-color:#94a3b8}.confirm-btn.confirm-primary{background:#000;border:none;color:#fff}.confirm-btn.confirm-primary:hover{background:#333}@media (max-width:768px){.player-quiz-container{padding:16px}.quiz-content{padding:20px}.quiz-header h1{font-size:1.125rem}.question-text{font-size:1rem}.quiz-controls{align-items:stretch;flex-direction:column}.question-indicators{justify-content:center}.score-number{font-size:2.5rem}.progress-row{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.player-quiz-container{padding:12px}.quiz-completed,.quiz-error,.quiz-fallback,.quiz-loading{padding:32px 24px}.quiz-header{padding:16px}.score-number{font-size:2rem}.answer-btn{font-size:.875rem;padding:12px}.answer-letter{font-size:.75rem;height:24px;min-width:24px;width:24px}.control-btn{font-size:.8125rem;padding:10px 16px}.indicator-btn{font-size:.75rem;height:28px;min-width:28px;width:28px}}.player-gate-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.player-gate-content{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:none;max-width:400px;padding:48px;text-align:center;width:100%}.player-gate-header h1{color:#000;font-size:1.5rem;font-weight:600;margin:0 0 10px}.player-gate-header p{color:#666;font-size:.9375rem;line-height:1.5;margin:0 0 20px}.player-gate-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.player-signin-btn{align-items:center;background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease}.player-signin-btn:hover{background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.player-signin-btn:active{transform:translateY(0)}.player-signout-btn{background:#fff;border:1px solid #e5e5e5;border-radius:6px;color:#000;cursor:pointer;font-size:.875rem;font-weight:500;letter-spacing:0;padding:10px 20px;text-transform:none;transition:all .2s ease}.player-signout-btn:hover{background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.player-signout-btn:active{transform:translateY(0)}.player-info{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:20px}.player-email-hint{color:#666;font-size:.75rem;font-style:italic;margin:0}.loading-spinner{border:4px solid #e5e5e5;border-top-color:#06f;margin:0 auto 15px}.loading-text{color:#666}.google-icon{stroke-width:2;color:inherit;height:18px;width:18px}@media (max-width:480px){.player-gate-content{margin:20px;padding:30px 20px}.player-gate-header h1{font-size:20px}.player-signin-btn,.player-signout-btn{font-size:14px;padding:12px 16px}}.admin-gate-container{-webkit-font-smoothing:antialiased;align-items:center;background:#0000;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative;transform:translateZ(0);will-change:scroll-position}.admin-gate-content{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:none;contain:layout style paint;max-width:480px;padding:48px;position:relative;text-align:center;transform:translateZ(0);width:100%;will-change:auto;z-index:1}.admin-gate-header h1{color:#000;font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0 0 12px}.admin-gate-header p{color:#666;font-size:.9375rem;line-height:1.5;margin:0 0 24px}.user-email{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#21334f;display:inline-block;font-family:Courier New,monospace;margin-top:16px;padding:10px 16px}.admin-gate-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.admin-signin-btn{align-items:center;background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:10px;justify-content:center;padding:12px 20px;transition:all .2s ease}.admin-signin-btn:hover{background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.admin-signin-btn:active{transform:translateY(0)}.admin-signout-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#21334f;cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.admin-signout-btn:hover{background:#f9fafb;border-color:#21334f;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.admin-signout-btn:active{transform:translateY(0)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #e5e7eb;border-top-color:#21334f;height:40px;margin:0 auto 16px;width:40px}.loading-text{color:#6b7280;font-size:.875rem;font-weight:500;margin:0}.google-icon{font-size:18px}@media (max-width:480px){.admin-gate-content{margin:20px;padding:32px 24px}.admin-gate-header h1{font-size:1.5rem}.admin-signin-btn,.admin-signout-btn{font-size:.9375rem;padding:12px 20px}}.tech-login-container{background:#0000;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow:hidden;position:relative}.tech-background{opacity:.4;overflow:hidden;pointer-events:none;z-index:1}.tech-background,.tech-grid{height:100%;left:0;position:absolute;top:0;width:100%}.tech-grid{background-image:linear-gradient(#ffffff1a 1px,#0000 0),linear-gradient(90deg,#ffffff1a 1px,#0000 0);background-size:50px 50px;transform:translateZ(0);will-change:auto}.tech-circuit{background:#ffffff26;border-radius:2px;position:absolute}.tech-circuit-1{left:10%;top:20%;transform:rotate(25deg) translateZ(0);width:200px}.tech-circuit-1,.tech-circuit-2{height:2px;opacity:.2;will-change:auto}.tech-circuit-2{bottom:25%;right:15%;transform:rotate(-35deg) translateZ(0);width:150px}.tech-circuit-3{height:2px;left:20%;opacity:.2;top:60%;transform:rotate(45deg) translateZ(0);width:180px;will-change:auto}.tech-node{animation:nodePulse 2s ease-in-out infinite;background:#fff6;border-radius:50%;box-shadow:0 0 10px #ffffff80;height:8px;position:absolute;width:8px}.tech-node-1{animation-delay:0s;left:10%;top:20%}.tech-node-2{animation-delay:.5s;left:20%;top:60%}.tech-node-3{animation-delay:1s;bottom:25%;right:15%}.tech-node-4{animation-delay:1.5s;right:25%;top:40%}@keyframes nodePulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.tech-hexagon{animation:hexFloat 8s ease-in-out infinite;background:#ffffff14;-webkit-clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);height:60px;position:absolute;width:60px}.tech-hex-1{animation-delay:0s;right:20%;top:15%}.tech-hex-2{animation-delay:2s;bottom:20%;left:15%}.tech-hex-3{animation-delay:4s;right:10%;top:50%}@keyframes hexFloat{0%,to{opacity:.08;transform:translateY(0) rotate(0deg)}50%{opacity:.15;transform:translateY(-20px) rotate(180deg)}}.tech-background:before{animation:dataBar 2s ease-in-out infinite;background:linear-gradient(0deg,#ffffff4d,#ffffff1a);height:80px;right:8%}.tech-background:after,.tech-background:before{border-radius:2px;bottom:10%;content:"";position:absolute;width:4px}.tech-background:after{animation:dataBar 2.5s ease-in-out .3s infinite;background:linear-gradient(0deg,#ffffff40,#ffffff1a);height:60px;right:12%}@keyframes dataBar{0%,to{height:60px;opacity:.3}50%{height:100px;opacity:.5}}.tech-background{background-image:radial-gradient(circle at 20% 30%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffffff0d 0,#0000 50%)}.login-content-wrapper{width:100%;z-index:10}.login-content-wrapper,.login-left-section{display:flex;min-height:100vh;position:relative}.login-left-section{align-items:center;background:#fff;justify-content:center;overflow:hidden;padding:40px;width:45%}.login-left-section:after{background:linear-gradient(90deg,#fff 0,#fafafaf2 30%,#fafafab3 70%,#0000);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:80px;z-index:1}.tech-visual-section{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px;position:relative;width:55%}.tech-visual-overlay{background:linear-gradient(90deg,#ffffff26,#667eea0d 10%,#764ba20d 50%,#0000);right:0;z-index:1}.tech-gradient-edge,.tech-visual-overlay{bottom:0;left:0;pointer-events:none;position:absolute;top:0}.tech-gradient-edge{background:linear-gradient(90deg,#fff3 0,#ffffff1a 30%,#667eea1a 70%,#0000);width:100px;z-index:2}.tech-visual-content{flex-direction:column;gap:40px;max-width:100%;z-index:3}.slideshow-container,.tech-visual-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.tech-visual-image{filter:brightness(1.05) contrast(1.02);height:auto;max-height:90vh;max-width:100%;object-fit:contain;opacity:0;position:absolute;transition:opacity 1s ease-in-out;width:100%}.tech-visual-image.active{animation:fadeInUp 1s ease-out;opacity:1;position:relative}.slideshow-indicators{bottom:30px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.slideshow-indicators .indicator{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:10px;outline:none;padding:0;transition:all .3s ease;width:10px}.slideshow-indicators .indicator:hover{background:#ffffff4d;border-color:#fffc;transform:scale(1.2)}.slideshow-indicators .indicator.active{background:#ffffffe6;border-color:#fff;border-radius:5px;width:30px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tech-text-content{padding:32px 40px;position:relative;text-align:center;z-index:10}.tech-text-backdrop{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;bottom:0;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px 0 #ffffffe6;left:0;position:absolute;right:0;top:0;z-index:-1}.tech-title{color:#21334f;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 12px}.tech-subtitle,.tech-title{position:relative;z-index:1}.tech-subtitle{color:#4b5563;font-size:1.125rem;font-weight:500;margin:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.particle-background{height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.particle{animation:floatUp linear infinite;background:radial-gradient(circle,#fff9,#0000);border-radius:50%;filter:blur(2px);opacity:.5;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.8}90%{opacity:.2}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.iso-visual-content{align-items:center;animation:fadeInRight .8s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;height:100%;justify-content:center;max-width:500px;position:relative;width:100%}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.iso-main-building{animation:buildingFloat 6s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));height:320px;position:relative;transform:rotateX(60deg) rotateY(-45deg);transform-style:preserve-3d;width:320px}@keyframes buildingFloat{0%,to{transform:rotateX(60deg) rotateY(-45deg) translateY(0)}50%{transform:rotateX(60deg) rotateY(-45deg) translateY(-20px)}}.iso-building-front{background:#fff;box-shadow:0 8px 24px #0000001f;transform:translateZ(160px)}.iso-building-front,.iso-building-top{border:1px solid #e5e7eb80;height:320px;position:absolute;width:320px}.iso-building-top{background:#fafafa;box-shadow:0 -4px 12px #0000001a;transform:rotateX(90deg) translateZ(160px)}.iso-building-side{background:#f3f4f6;border:1px solid #e5e7eb80;box-shadow:4px 0 12px #0000001a;height:320px;position:absolute;transform:rotateY(90deg) translateZ(160px);width:320px}.iso-window{background:#5e8bf2;border:2px solid #4a90e2;box-shadow:inset 0 2px 4px #0003,0 2px 8px #5e8bf24d;height:80px;position:absolute;width:80px}.iso-window-1{left:70px}.iso-window-1,.iso-window-2{top:70px;transform:translateZ(160px)}.iso-window-2{left:170px}.iso-window-3{left:70px}.iso-window-3,.iso-window-4{top:170px;transform:translateZ(160px)}.iso-window-4{left:170px}.login-card{animation:cardEntrance .6s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014;max-width:480px;overflow:visible;padding:48px 40px;position:relative;width:100%;z-index:10}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-section{border-bottom:1px solid #f3f4f6;margin-bottom:48px;padding-bottom:32px;text-align:center}.logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.diologic-logo-image{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06));height:auto;margin:0 auto 8px;max-width:100%;object-fit:contain;opacity:1;transition:all .3s ease;width:200px}.diologic-logo-image:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:translateY(-2px)}.form-section{margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{position:relative}.form-label{color:#000;display:block;font-size:.875rem;font-weight:400;letter-spacing:0;margin-bottom:8px}.input-wrapper{margin-bottom:10px;position:relative}.form-input{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;color:#000;font-size:.9375rem;font-weight:400;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.form-input::placeholder{color:#999;font-weight:400}.form-input:hover{background:#fff;border-color:#ccc}.form-input:focus{background:#fff;border-color:#000;box-shadow:0 0 0 2px #0066ff1a}.input-glow{background:linear-gradient(45deg,#0000,#06b6d41a,#0000);border-radius:12px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.form-input:focus+.input-glow{opacity:1}.error-message{align-items:center;animation:errorShake .5s ease-in-out;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;color:#666;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:12px 16px}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{stroke-width:2;color:#666;flex-shrink:0;height:18px;width:18px}.form-actions{display:flex;flex-direction:column;gap:15px}.primary-btn{background:#000;border:none;border-radius:6px;box-shadow:none;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:500;letter-spacing:0;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease;width:100%}.primary-btn:hover:not(.loading){background:#333;box-shadow:0 2px 8px #0066ff4d;transform:translateY(-1px)}.primary-btn:active:not(.loading){box-shadow:none;transform:translateY(0)}.primary-btn.loading{cursor:not-allowed;opacity:.8}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:10px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.google-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-shadow:none;color:#000;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;justify-content:center;padding:10px 20px;transition:all .2s ease;width:100%}.google-btn:hover:not(.disabled){background:#fafafa;border-color:#ccc;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.google-btn.disabled{cursor:not-allowed;opacity:.5}.google-icon{justify-content:center}.form-links,.google-icon{align-items:center;display:flex}.form-links{justify-content:space-between;margin-top:10px}.form-link{color:#000;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.form-link:hover{color:#333;text-decoration:underline}.separator{color:#ccc;font-size:.875rem;font-weight:300}.security-section{border-top:1px solid #f3f4f6;margin-top:32px;padding-top:24px}.security-badge{align-items:center;background:#0000;border:none;border-radius:0;display:flex;gap:12px;padding:0}.security-icon{stroke-width:2;color:#000;flex-shrink:0;height:20px;width:20px}.security-text{display:flex;flex-direction:column;gap:2px}.security-title{color:#21334f;font-size:.875rem;font-weight:600;letter-spacing:.1px}.security-desc{color:grey;display:block;font-size:.75rem;font-weight:400;line-height:1.4}.security-desc:after{color:#999;content:"Ready";display:block;font-size:.7rem;margin-top:2px}.dev-controls{position:absolute;right:20px;top:20px;z-index:20}@media (max-width:1024px){.login-content-wrapper{flex-direction:column}.login-left-section,.tech-visual-section{min-height:auto;width:100%}.login-left-section{min-height:60vh;padding:40px 20px}.login-left-section:after{display:none}.tech-visual-section{min-height:40vh;padding:40px 20px}.tech-gradient-edge{display:none}.tech-visual-image{max-width:100%}.tech-text-content{padding:24px 32px}.tech-title{font-size:2rem}.tech-subtitle{font-size:1rem}.tech-gradient-edge{width:60px}.diologic-logo-image{width:150px}}@media (max-width:768px){.login-left-section{min-height:auto;padding:20px}.login-left-section:after{display:none}.login-card{border-radius:20px;max-width:100%;padding:36px 24px}.diologic-logo-image{width:140px}.tech-visual-section{padding:32px 20px}.tech-visual-image{max-width:100%}.tech-text-content{padding:20px 24px}.tech-title{font-size:1.75rem}.tech-subtitle{font-size:.9rem}.tech-gradient-edge{width:40px}.iso-window-2,.iso-window-3,.iso-window-4{transform:translateZ(90px)}.diologic-logo{height:80px;width:80px}.logo-face{height:35px;width:35px}.logo-face-top{transform:rotateX(90deg) translateZ(17.5px)}.logo-face-left{transform:rotateY(-90deg) translateZ(17.5px)}.logo-face-right{transform:rotateY(90deg) translateZ(17.5px)}.brand-name{font-size:1.5rem;letter-spacing:2px}.form-input{font-size:.9375rem;padding:12px 16px}.google-btn,.primary-btn{font-size:.9375rem;padding:12px 20px}}@media (max-width:480px){.login-left-section{padding:16px}.login-left-section:after{display:none}.login-card{padding:32px 20px}.brand-name{font-size:1.625rem}.logo-image-main{height:80px;width:80px}.tech-visual-section{padding:24px 16px}.tech-text-content{gap:8px;padding:20px 24px}.tech-title{font-size:1.5rem;margin-bottom:8px}.tech-subtitle{font-size:.9375rem}.tech-gradient-edge{display:none}.tech-visual-image{max-width:100%}.form-input{font-size:.9375rem;padding:12px 14px}.google-btn,.primary-btn{font-size:.9375rem;padding:12px 18px}.form-label{font-size:.8125rem}}.tech-login-container *{outline:none}.form-input:focus-visible{border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.google-btn:focus-visible,.primary-btn:focus-visible{box-shadow:0 0 0 4px #667eea4d;outline:none}@media (prefers-contrast:high){.login-card{background:#fff;border:2px solid #000}.form-input{background:#fff;border-color:#000;color:#000}.primary-btn{background:#000;border:2px solid #06f;color:#fff}.primary-btn:hover{background:#333;border-color:#0052cc}.google-btn{background:#fff;border:2px solid #000;color:#000}}.my-sessions-container{background:#fff;margin:0 auto;max-width:640px;min-height:100vh;padding:40px 24px}.my-sessions-header{margin-bottom:32px}.my-sessions-header h1{color:#000;font-size:1.75rem;font-weight:600;margin:0 0 8px}.my-sessions-header p{color:#666;font-size:.9375rem;margin:0 0 16px}.my-sessions-user-row{align-items:center;background:#fafafa;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.btn-sign-out,.user-email{color:#666;font-size:.875rem}.btn-sign-out{align-items:center;background:#0000;border:1px solid #e5e5e5;border-radius:6px;cursor:pointer;display:inline-flex;gap:8px;padding:8px 16px;transition:all .2s}.btn-sign-out:hover{background:#f5f5f5;color:#000}.my-sessions-loading{color:#666;padding:48px 24px;text-align:center}.my-sessions-loading .loading-spinner{animation:my-sessions-spin .8s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#06f;height:40px;margin:0 auto 16px;width:40px}.my-sessions-loading p{font-size:.9375rem;margin:0}@keyframes my-sessions-spin{to{transform:rotate(1turn)}}.my-sessions-error{background:#fef2f2;border-radius:8px;color:#991b1b;font-size:.9375rem;padding:16px}.my-sessions-empty{padding:64px 24px;text-align:center}.my-sessions-empty .empty-icon{color:#ccc;margin-bottom:16px}.my-sessions-empty h3{color:#000;font-size:1.125rem;font-weight:600;margin:0 0 8px}.my-sessions-empty p{color:#666;font-size:.9375rem;margin:0}.my-sessions-list{display:flex;flex-direction:column;gap:12px}.session-card{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .2s;width:100%}.session-card:hover{background:#0066ff0a;border-color:#06f}.session-icon{color:#06f;flex-shrink:0}.session-info{flex:1 1;min-width:0}.session-info h3{color:#000;font-size:1rem;font-weight:600;margin:0 0 4px}.session-info p{color:#666;font-size:.8125rem;margin:0}.session-arrow{color:#06f;flex-shrink:0;font-size:1.25rem}.toast{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;justify-content:space-between;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.toast.show{opacity:1;transform:translateX(0)}.toast.hide{opacity:0;transform:translateX(100%);transition:opacity .3s ease-out,transform .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast.error,.toast.info,.toast.success,.toast.warning{background-color:#fff;border:1px solid #e5e5e5;border-left:4px solid #06f;color:#000}.toast-content{flex:1 1;gap:12px}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{stroke-width:2;flex-shrink:0;height:18px;justify-content:center;width:18px}.toast-message{word-wrap:break-word;font-size:14px;font-weight:500;line-height:1.5}.toast-close{stroke-width:2;align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.toast-close:hover{background-color:#fafafa;color:#000}.toast-close:active{background-color:#f0f0f0}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.toast-container{padding:20px;pointer-events:none;position:fixed;right:0;top:0;z-index:10000}.toast-container>*{margin-bottom:12px;pointer-events:auto}@media (max-width:768px){.toast-container{padding:10px}}
/*# sourceMappingURL=main.24defc75.css.map*/