*{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root,body,html{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#3b82f64d;color:#fff}::-moz-selection{background:#3b82f64d;color:#fff}.face-detection-container{pointer-events:none;position:absolute}.detection-checkbox-container{cursor:pointer;left:2px;pointer-events:auto;position:absolute;top:2px;z-index:15}.detection-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background:#000000b3;border:2px solid #ffffff4d;border-radius:8px;display:inline-block;height:24px;position:relative;transition:all .3s ease;width:24px}.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.detection-checkbox:checked~.checkbox-custom{background:#2196f3cc;border-color:#2196f3;box-shadow:0 0 10px #2196f399}.detection-checkbox:checked~.checkbox-custom:after{display:block}.detection-checkbox-container:hover .checkbox-custom{background:#000000e6;border-color:#fffc;transform:scale(1.1)}.detection-overlay{height:100%;left:0;top:0;width:100%;z-index:10}.detection-overlay,.face-bounding-box,.image-bounds-container{pointer-events:none;position:absolute}.face-bounding-box{background:#0000;border:2px solid;border-radius:4px;transition:all .3s ease}.face-bounding-box:hover{background:#0000;box-shadow:0 0 10px currentColor}.confidence-label{border-radius:.3em;box-shadow:0 .2em .8em #0000004d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace;font-size:1em;font-weight:600;left:0;line-height:1.2;padding:.2em .6em;position:absolute;top:-2.5em;white-space:nowrap}.landmark-dot{background:currentColor;border:2px solid;border-radius:50%;box-shadow:0 0 6px currentColor,0 0 3px #00000080;height:6px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:6px}.landmark-dot:hover{box-shadow:0 0 12px currentColor,0 0 6px #000c;transform:translate(-50%,-50%) scale(1.5)}.detection-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:8px;bottom:10px;display:flex;flex-direction:column;gap:6px;padding:8px 12px;position:absolute;right:10px}.legend-item{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:500;gap:6px}.legend-color{border-radius:2px;box-shadow:0 0 4px currentColor;height:12px;width:12px}.landmark-dot[title*=left_eye],.landmark-dot[title*=right_eye]{border-width:3px}.landmark-dot[title*=nose]{border-width:2px;height:8px;width:8px}.landmark-dot[title*=mouth]{border-width:2px;height:5px;width:5px}@media (max-width:768px){.detection-checkbox-container{left:4px;top:4px}.checkbox-custom{border-radius:6px;height:20px;width:20px}.checkbox-custom:after{height:10px;left:5px;top:1px;width:5px}.confidence-label{font-size:.7em;padding:.1em .3em}.landmark-dot{border-width:1px;height:4px;width:4px}.landmark-dot[title*=nose]{height:5px;width:5px}.detection-legend{bottom:4px;font-size:10px;padding:4px 6px;right:4px}.legend-color{height:8px;width:8px}.face-bounding-box{border-width:1px}}@media (max-width:480px){.detection-checkbox-container{left:2px;top:2px}.checkbox-custom{border-radius:5px;height:18px;width:18px}.checkbox-custom:after{border-width:0 1px 1px 0;height:8px;left:4px;top:1px;width:4px}.confidence-label{font-size:.6em;padding:.1em .2em}.landmark-dot{border-width:1px;height:3px;width:3px}.landmark-dot[title*=nose]{height:4px;width:4px}.detection-legend{font-size:9px;padding:3px 4px}.legend-color{height:6px;width:6px}}@media (prefers-contrast:high){.face-bounding-box{background:#0000;border-width:3px}.landmark-dot{border-width:3px;box-shadow:0 0 0 2px #fff,0 0 8px currentColor}.confidence-label{border:1px solid #fff}}.debug-panel{position:absolute;right:60px;top:10px;z-index:20}.debug-toggle{align-items:center;background:#ffc107cc;border:2px solid #ffeb3b99;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.debug-toggle:hover{background:#ffc107;border-color:#ffeb3bcc;transform:scale(1.1)}.debug-toggle.active{background:#ff9800e6;border-color:#ff9800;box-shadow:0 0 15px #ff980099}.debug-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #fff3;border-radius:8px;box-shadow:0 8px 32px #0000004d;max-height:400px;max-width:400px;min-width:300px;overflow-y:auto;padding:1rem;position:absolute;right:0;top:45px}.debug-content h4{border-bottom:1px solid #ffc1074d;color:#ffc107;font-size:1rem;margin:0 0 1rem;padding-bottom:.5rem;text-align:center}.debug-section{margin-bottom:1rem}.debug-section h5{color:#ff9800;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.debug-section pre{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#e0e0e0;font-size:.75rem;line-height:1.4;margin:0;max-height:150px;overflow-y:auto;padding:.5rem;white-space:pre-wrap;word-break:break-word}.debug-content::-webkit-scrollbar,.debug-section pre::-webkit-scrollbar{width:6px}.debug-content::-webkit-scrollbar-track,.debug-section pre::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.debug-content::-webkit-scrollbar-thumb,.debug-section pre::-webkit-scrollbar-thumb{background:#ffc10780;border-radius:3px}.debug-content::-webkit-scrollbar-thumb:hover,.debug-section pre::-webkit-scrollbar-thumb:hover{background:#ffc107b3}@media (max-width:768px){.debug-toggle{font-size:12px;height:30px;width:30px}.debug-content{max-width:280px;min-width:250px;right:-20px}.debug-section pre{font-size:.7rem}}.image-card{height:400px;perspective:1000px;position:relative}.card-flip,.card-flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.image-card.flipped .card-flip-inner{transform:rotateY(180deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;height:100%;overflow:hidden;position:absolute;width:100%}.card-front{align-items:center;background:#0f0f0fcc;display:flex;justify-content:center}.card-back,.card-front{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;box-shadow:0 4px 16px #0000004d}.card-back{background:#0f0f0ff2;box-sizing:border-box;overflow-y:auto;padding:1rem;transform:rotateY(180deg)}.card-image{height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease;width:100%}.card-image.loaded{opacity:1}.image-error{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center}.image-error span{font-size:3rem;margin-bottom:1rem;opacity:.5}.image-error p{margin:0;opacity:.7}.image-loading{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center}.image-loading span{animation:pulse 1.5s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;opacity:.7}.image-loading p{margin:0;opacity:.7}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.3}}.flip-button{align-items:center;background:#000c;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:36px;z-index:10}.flip-button:hover{background:#000000e6;border-color:#fffc;transform:scale(1.1)}@media (max-width:768px){.image-card{height:300px}.flip-button{border-radius:6px;height:32px;right:6px;top:6px;width:32px}.data-section h4,.flip-button{font-size:14px}.data-grid{gap:8px}.data-item{font-size:12px}.label,.quick-info{font-size:11px}.quick-info{padding:8px}}@media (max-width:480px){.image-card{height:250px}.flip-button{border-radius:5px;font-size:12px;height:28px;right:4px;top:4px;width:28px}.card-back{padding:.75rem}.data-section h4{font-size:13px;margin-bottom:6px}.data-grid{gap:6px}.data-item{font-size:11px}.label,.quick-info{font-size:10px}.quick-info{padding:6px}.quick-info-item{margin-bottom:3px}}.back-flip{background:#000000b3;color:#fff}.back-flip:hover{background:#000000e6}.quick-info{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;font-size:.9rem;left:0;padding:2rem 1rem 1rem;position:absolute;right:0}.quick-info-item{margin-bottom:.5rem}.quick-info-item:last-child{margin-bottom:0}.analysis-data{color:#333;height:100%}.analysis-data h3{border-bottom:2px solid #e0e0e0;color:#1a1a1a;font-size:1.1rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem;text-align:center}.data-section{margin-bottom:1.5rem}.data-section h4{border-left:3px solid #667eea;color:#444;font-size:.95rem;font-weight:600;margin:0 0 .75rem;padding-left:.5rem}.data-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}.data-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:.25rem 0}.data-item:last-child{border-bottom:none}.label{color:#666;font-weight:500}.label,.value{flex:1 1;font-size:.85rem}.value{color:#333;font-weight:600;text-align:right;word-break:break-word}.value.classification{background:#4caf501a;color:#2e7d32;text-transform:capitalize}.value.classification,.value.confidence{border-radius:4px;font-size:.8rem;padding:.2rem .5rem}.value.confidence{background:#2196f31a;color:#1565c0}.value.detection-method{background:#9c27b01a;border-radius:4px;color:#7b1fa2;font-size:.8rem;padding:.2rem .5rem;text-transform:capitalize}.detection-summary{background:#2196f30d;border:1px solid #2196f31a;border-radius:6px;margin-top:1rem;padding:.75rem}.detection-note{color:#666;font-size:.8rem;font-style:italic;margin:0 0 .5rem;text-align:center}.detection-counts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.count-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;white-space:nowrap}.count-badge.yunet{background:#2196f31a;border:1px solid #2196f333;color:#1565c0}.count-badge.retinaface{background:#ff98001a;border:1px solid #ff980033;color:#f57c00}.text-content{background:#0000000d;color:#555;line-height:1.4;max-height:100px;overflow-y:auto;padding:.75rem}.linkedin-link,.text-content{border-radius:6px;font-size:.85rem}.linkedin-link{background:#0077b5;color:#fff;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.linkedin-link:hover{background:#005885;transform:translateY(-1px)}@media (max-width:768px){.image-card{height:350px}.card-back{padding:.75rem}.analysis-data h3{font-size:1rem}.data-section h4{font-size:.9rem}.label,.quick-info,.value{font-size:.8rem}}.card-back::-webkit-scrollbar{width:6px}.card-back::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.card-back::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.card-back::-webkit-scrollbar-thumb:hover{background:#00000080}.filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0006;margin-bottom:2rem;padding:1.5rem}.filter-header{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filter-header h3{color:#fff;margin:0}.filter-actions{display:flex;gap:.5rem}.apply-btn{background:#4caf504d;border:1px solid #4caf5080;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.apply-btn:hover{background:#4caf5080}.clear-btn{background:#ff98004d;border:1px solid #ff980080;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.clear-btn:hover{background:#ff980080}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#fff;font-size:.9rem;font-weight:500}.filter-group input,.filter-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;padding:.5rem;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{background:#ffffff26;border-color:#2196f3cc;outline:none}.filter-group select option{background:#333;color:#fff}.filter-group input::placeholder{color:#fff9}.range-value{color:#fffc;font-size:.85rem;text-align:center}@media (max-width:768px){.filter-grid{grid-template-columns:1fr}.filter-header{align-items:stretch;flex-direction:column;gap:1rem}.filter-actions{justify-content:center}}.image-explorer{margin:0 auto;max-width:1400px}.explorer-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0006;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.control-group{align-items:center;display:flex;gap:.5rem}.control-group label{color:#fff;font-weight:500}.count-select{background:#191919e6;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem}.count-select option{background:#1a1a1a;color:#fff}.filter-toggle{background:#2196f34d;border:1px solid #2196f380;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.filter-toggle.active,.filter-toggle:hover{background:#2196f380}.clear-filters-btn{background:#ff98004d;border:1px solid #ff980080;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.clear-filters-btn:hover{background:#ff980080}.next-btn{background:#4caf504d;border:1px solid #4caf5080;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.next-btn:hover:not(:disabled){background:#4caf5080;transform:translateY(-1px)}.next-btn:disabled{cursor:not-allowed;opacity:.6}.error-banner{align-items:center;background:#f4433626;border:1px solid #f443364d;border-radius:8px;box-shadow:0 4px 16px #f443361a;color:#ff6b6b;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.retry-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.retry-btn:hover{background:#ffffff4d}.loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#2196f3;height:40px;margin-bottom:1rem;width:40px}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.empty-state{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;padding:4rem 2rem;text-align:center}.empty-state h3{margin-bottom:1rem;opacity:.9}.empty-state p{opacity:.7}@media (max-width:1200px){.images-grid[style*="repeat(4"]{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:900px){.images-grid[style*="repeat(3"],.images-grid[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.image-explorer{margin:0;padding:0 1rem}.explorer-controls{align-items:stretch;border-radius:8px;flex-direction:column;margin-bottom:1rem;padding:1rem}.control-group{justify-content:space-between;min-height:48px}.images-grid{gap:1rem;grid-template-columns:1fr!important}}@media (max-width:480px){.image-explorer{padding:0 .5rem}.explorer-controls{margin-bottom:.75rem;padding:.75rem}.control-group{font-size:14px;min-height:44px}.images-grid{gap:.75rem;grid-template-columns:1fr}button,input,select{font-size:16px;min-height:44px}}.infinite-scroll-info{color:#2196f3;font-size:14px;font-weight:500}.refresh-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:linear-gradient(45deg,#1976d2,#1ba3d3);box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-more{align-items:center;color:#fff;display:flex;flex-direction:column;margin:1rem 0;padding:2rem}.loading-spinner.small{height:30px;width:30px}.rate-limit-indicator{align-items:center;background:#ff98001a;border:2px solid #ff98004d;border-radius:12px;color:#fff;display:flex;flex-direction:column;margin:1rem 0;padding:2rem}.hourglass{animation:hourglass-rotate 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}@keyframes hourglass-rotate{0%,50%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.countdown-bar{background:#fff3;border-radius:3px;height:6px;margin-top:1rem;overflow:hidden;width:200px}.countdown-progress{background:linear-gradient(90deg,#ff9800,#f57c00);border-radius:3px;height:100%;transition:width .1s ease-out}.end-of-results{align-items:center;background:#4caf501a;border:2px solid #4caf504d;border-radius:12px;color:#fff;display:flex;flex-direction:column;margin:2rem 0;padding:3rem 2rem;text-align:center}.end-of-results p{font-size:1.1rem;margin-bottom:1rem}.end-of-results .refresh-btn{background:linear-gradient(45deg,#4caf50,#66bb6a);margin-top:.5rem}.end-of-results .refresh-btn:hover{background:linear-gradient(45deg,#388e3c,#4caf50)}.end-of-results.error-state{background:#f443361a;border:2px solid #f443364d}.end-of-results.error-state p{color:#faa}.end-of-results.error-state .refresh-btn{background:linear-gradient(45deg,#f44336,#e57373)}.end-of-results.error-state .refresh-btn:hover{background:linear-gradient(45deg,#d32f2f,#f44336)}.load-more-prompt{align-items:center;background:#2196f31a;border:2px solid #2196f34d;border-radius:12px;color:#fff;display:flex;flex-direction:column;margin:1rem 0;padding:2rem;text-align:center}.load-more-prompt p{font-size:1rem;margin-bottom:1rem}.load-more-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.load-more-btn:hover{background:linear-gradient(45deg,#1976d2,#1ba3d3);box-shadow:0 4px 8px #2196f34d;transform:translateY(-2px)}.load-more-btn:active{transform:translateY(0)}.load-more-btn.disabled{cursor:not-allowed;opacity:.6}.load-more-btn.disabled,.load-more-btn.disabled:hover{background:linear-gradient(45deg,#666,#888);transform:none}.load-more-btn.disabled:hover{box-shadow:none}.admin-panel{color:#fff;margin:0 auto;max-width:1000px}.admin-panel h2{color:#fff;margin-bottom:2rem;text-align:center}.admin-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0006;margin-bottom:2rem;padding:1.5rem}.admin-section h3{border-bottom:1px solid #fff3;color:#fff;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.token-config{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-group{display:flex;flex-direction:column;gap:.5rem}.config-group label{color:#fff;font-size:.9rem;font-weight:500}.config-group input,.config-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;padding:.5rem;transition:all .3s ease}.config-group input:focus,.config-group select:focus{background:#ffffff26;border-color:#2196f3cc;outline:none}.config-group select option{background:#333;color:#fff}.create-token-btn{background:#4caf504d;border:1px solid #4caf5080;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:.75rem 1rem;transition:all .3s ease}.create-token-btn:hover:not(:disabled){background:#4caf5080;transform:translateY(-1px)}.create-token-btn:disabled{cursor:not-allowed;opacity:.6}.qr-display{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.qr-image{background:#fff;border-radius:8px;height:200px;padding:10px;width:200px}.qr-info{flex:1 1;min-width:300px}.qr-info p{color:#fff;margin:.5rem 0}.url-display{align-items:center;background:#0000004d;border-radius:6px;display:flex;gap:.5rem;margin:.5rem 0;padding:.5rem}.url-display span{flex:1 1;font-family:monospace;font-size:.9rem;word-break:break-all}.url-display button{background:#2196f34d;border:1px solid #2196f380;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .3s ease}.url-display button:hover{background:#2196f380}.no-tokens{color:#ffffffb3;font-style:italic;padding:2rem;text-align:center}.tokens-list{display:flex;flex-direction:column;gap:1rem}.token-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.token-item.inactive{background:#f443361a;border-color:#f443364d;opacity:.6}.token-info{flex:1 1}.token-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.token-id{background:#0000004d;border-radius:4px;font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.token-status.active{color:#4caf50}.token-status.inactive{color:#f44336}.token-details{color:#fffc;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.token-usage{color:#fff9;font-size:.8rem;margin-top:.5rem}.revoke-btn{background:#f443364d;border:1px solid #f4433680;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.revoke-btn:hover{background:#f4433680}@media (max-width:768px){.token-config{grid-template-columns:1fr}.qr-display{align-items:center;flex-direction:column}.qr-info{text-align:center}.token-item{flex-direction:column;gap:1rem}.token-header{align-items:flex-start;flex-direction:column;gap:.5rem}.token-details{flex-direction:column;gap:.25rem}}.app{background:#0a0a0a;color:#fff;min-height:100vh;position:relative}.app:before{background:radial-gradient(circle at 20% 80%,#3b82f626 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#10b98114 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0ff2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 32px #0000004d;flex-wrap:wrap;justify-content:space-between;padding:1.25rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-header,.app-logo{align-items:center;display:flex;gap:1rem}.logo-image{filter:invert(1) brightness(.9);height:40px;transition:filter .3s ease;width:40px}.logo-image:hover{filter:invert(1) brightness(1.1)}.app-header h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.user-info{background:#ffffff26;border-radius:8px;font-size:.9rem;padding:.5rem 1rem}.temp-user{color:#ffeb3b}.regular-user{color:#e8f5e8}.admin-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.admin-toggle:hover{background:#ffffff4d}.admin-toggle.active{background:#4caf504d;border-color:#4caf5080}.logout-btn{background:#f443364d;border:1px solid #f4433680;border-radius:6px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#f4433680}.app-main{padding:2rem}.loading-screen{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin:2rem auto;max-width:400px;padding:2rem}.login-header{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.login-logo{filter:invert(1) brightness(.9);height:48px;transition:filter .3s ease;width:48px}.login-logo:hover{filter:invert(1) brightness(1.1)}.login-form h2{color:#fff;font-size:1.8rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.form-group{margin-bottom:1rem}.form-group label{color:#fff;display:block;margin-bottom:.5rem}.form-group input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;box-sizing:border-box;color:#fff;padding:.75rem;width:100%}.form-group input::placeholder{color:#ffffffb3}.login-btn{background:#4caf504d;border:1px solid #4caf5080;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem;transition:all .3s ease;width:100%}.login-btn:hover{background:#4caf5080}.login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f443364d;border:1px solid #f4433680;border-radius:6px;color:#fff;margin-bottom:1rem;padding:.75rem;text-align:center}@media (max-width:768px){.app-header{align-items:stretch;flex-direction:column;padding:1rem}.app-logo{justify-content:center;margin-bottom:1rem}.logo-image{height:32px;width:32px}.app-header h1{font-size:1.5rem}.header-controls{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.user-info{flex:1 1;min-width:200px}.app-main{padding:1rem}.login-logo{height:40px;width:40px}.login-form h2{font-size:1.5rem}.login-form{margin:1rem;padding:1.5rem}}
/*# sourceMappingURL=main.d68304bf.css.map*/