*{box-sizing:border-box}.photobooth-root{background-color:#000;font-family:VT323,Courier New,monospace;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100vw}body{background-color:#f8fafc;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;margin:0;overflow:auto;padding:0}.photobooth-root .app-container{aspect-ratio:4/3;height:100vh;height:calc(100vh - var(--safe-zone-top, 0px) - var(--safe-zone-bottom, 0px));margin:0 auto;margin:var(--safe-zone-top,0) auto var(--safe-zone-bottom,0) auto;max-height:75vw;max-height:calc((100vw - var(--safe-zone-left, 0px) - var(--safe-zone-right, 0px))*3/4);max-width:133.33333vh;max-width:calc((100vh - var(--safe-zone-top, 0px) - var(--safe-zone-bottom, 0px))*4/3);width:100vw;width:calc(100vw - var(--safe-zone-left, 0px) - var(--safe-zone-right, 0px))}.photobooth-root .app-container,.photobooth-root .photobooth{align-items:center;display:flex;justify-content:center;position:relative}.photobooth-root .photobooth{background-color:#000;flex-direction:column;height:100%;overflow:hidden;width:100%}.photobooth-root .webcam-container{border-radius:5px;height:70%;overflow:hidden;position:relative;width:70%;z-index:10}.photobooth-root .webcam-feed{height:100%;object-fit:cover;width:100%}.photobooth-root .frame-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.photobooth-root .decorative-frame{height:100%;object-fit:cover;opacity:.7;width:100%}.photobooth-root .controls-info{bottom:80px;color:#fff;display:flex;font-size:28px;font-weight:700;justify-content:space-between;left:0;padding:0 20px;position:absolute;text-shadow:0 0 8px #0f0,0 0 15px #0f0,0 0 20px #0f0;width:100%;z-index:20}.photobooth-root .filter-info,.photobooth-root .frame-info{background-color:#000000d9!important;border:2px solid #0f0!important;border-radius:8px!important;box-shadow:0 0 15px #00ff0080!important;color:#fff!important;display:flex!important;flex-direction:column!important;font-size:28px!important;font-weight:700!important;padding:12px 18px!important;position:relative!important;text-shadow:0 0 8px #0f0,0 0 15px #0f0,0 0 20px #0f0!important;z-index:25!important}.photobooth-root .frame-info{padding:12px 18px 8px!important}.photobooth-root .session-info{animation:sessionPulse 2s ease-in-out infinite;background-color:#a11c1ee6;border:2px solid #a11c1e;border-radius:8px;box-shadow:0 0 15px #a11c1eb3;color:#fff;display:flex;flex-direction:column;font-size:20px;font-weight:700;margin-top:10px;padding:12px 18px;position:relative;text-shadow:0 0 8px #fffc;z-index:25}@keyframes sessionPulse{0%,to{box-shadow:0 0 15px #a11c1eb3}50%{box-shadow:0 0 25px #a11c1ee6}}.photobooth-root .session-main{font-size:22px;margin-bottom:8px}.photobooth-root .session-details{display:flex;flex-direction:column;font-size:16px;gap:4px;opacity:.9}.photobooth-root .session-warning{animation:warningBlink 1.5s ease-in-out infinite;background-color:#dc1414f2;border:2px solid #dc1414;border-radius:6px;font-size:18px;font-weight:700;margin-top:10px;padding:8px 12px;text-align:center}@keyframes warningBlink{0%,to{opacity:1}50%{opacity:.7}}.photobooth-root .control-hint{color:#ccc;display:block!important;font-size:16px;font-weight:400;line-height:1.2!important;margin:2px 0 0!important;text-align:center!important}.photobooth-root .capture-button{animation:pulse 1.5s infinite;background-color:red;border:none;border-radius:5px;bottom:40px;box-shadow:0 0 10px #ff0000b3;color:#fff;cursor:pointer;font-family:inherit;font-size:20px;padding:15px 30px;position:absolute;z-index:20}.photobooth-root .capture-button-disabled{animation:none!important;background-color:#666!important;box-shadow:0 0 10px #66666680!important;color:#ccc!important;cursor:not-allowed!important}.photobooth-root .countdown{animation:zoomPulse 1s infinite;color:#fff;font-size:150px;left:50%;position:absolute;text-shadow:0 0 20px red;top:50%;transform:translate(-50%,-50%);z-index:30}@keyframes zoomPulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.photobooth-root .result-overlay{background-color:#000000d9;color:#fff;left:0;position:absolute;top:0;z-index:50}.photobooth-root .captured-image-container,.photobooth-root .result-overlay{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.photobooth-root .captured-image-container{gap:25px}.photobooth-root .captured-image-container h2{color:#0f0;font-size:36px;font-weight:700;margin:0;text-shadow:0 0 15px #0f0}.photobooth-root .captured-image{border:5px solid #444;box-shadow:0 0 15px #ffffff80;max-height:70%;max-width:80%}.photobooth-root .result-controls{display:flex;gap:40px;margin-bottom:20px}.photobooth-root .result-button{background-color:#333;border:3px solid #0000;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-family:inherit;font-size:28px;font-weight:700;min-width:280px;padding:30px 50px;text-align:center;text-shadow:0 0 8px currentColor;transition:all .3s}.photobooth-root .result-button:hover{background-color:#555}.photobooth-root .button-selected{background-color:#444;border:3px solid #0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a;text-shadow:0 0 15px #0f0;transform:scale(1.05)}.photobooth-root .email-container{align-items:center;background-color:#111;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:95%;justify-content:center;overflow:hidden;padding:20px;width:95%}.photobooth-root .email-container h2{color:#0f0;font-size:32px;margin-bottom:20px;text-shadow:0 0 3px #0f0,0 0 5px #00ff004d}.photobooth-root .email-input{align-items:center;background-color:#000;border:3px solid #0f0;border-radius:8px;box-shadow:0 0 5px #00ff004d;color:#0f0;display:flex;font-family:inherit;font-size:38px;font-weight:700;justify-content:center;margin:25px 0;min-height:60px;padding:20px;text-align:center;text-shadow:0 0 2px #0f0,0 0 4px #0f03;width:90%}.photobooth-root .virtual-keyboard{display:flex;flex-direction:column;gap:12px;margin-top:15px;width:90%}.photobooth-root .virtual-keyboard.email-keyboard{background:#0000;border:none;max-width:none;padding:0;width:88%!important}.photobooth-root .virtual-keyboard.email-keyboard .keyboard-row{gap:6px;justify-content:space-between;width:100%}.photobooth-root .virtual-keyboard.email-keyboard .keyboard-key{flex:1 1;font-size:38px;max-width:none;min-width:45px;padding:0 8px;width:auto}.photobooth-root .keyboard-row{display:flex;gap:8px;justify-content:center}.photobooth-root .keyboard-key{align-items:center;background-color:#333;border-radius:8px;box-shadow:0 4px 6px #0000004d;color:#fff;display:flex;font-size:24px;font-weight:700;height:65px;justify-content:center;text-shadow:0 0 5px currentColor;transition:transform .1s,box-shadow .1s;width:55px}.photobooth-root .key-focused{background-color:#0f0;box-shadow:0 0 15px #0f0;color:#000;transform:scale(1.05)}.photobooth-root .key-wide{flex:1 1;font-size:18px;min-width:120px;padding:0 15px;width:auto}.photobooth-root .virtual-keyboard.email-keyboard .key-wide{flex:1.5 1;font-size:24px;font-weight:700;min-width:80px}.photobooth-root .loading,.photobooth-root .success{color:#0f0;font-size:20px;margin-top:20px;text-align:center}.photobooth-root .success{animation:flash 1s infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.photobooth-root .app-container:before{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 2px);z-index:100}.photobooth-root .app-container:after,.photobooth-root .app-container:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.photobooth-root .app-container:after{background:radial-gradient(circle at center,#0000 50%,#00000080 100%);z-index:101}@keyframes staticNoise{0%{opacity:.03}50%{opacity:.07}to{opacity:.03}}.photobooth-root .static-overlay{animation:staticNoise .2s infinite;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/><feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.4"/></svg>');height:100%;left:0;opacity:.05;pointer-events:none;position:absolute;top:0;width:100%;z-index:102}.admin-auth-page{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:15px;width:100%}.admin-auth-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;overflow:hidden;width:100%}.admin-auth-header{background-color:#2980b9;color:#fff;padding:25px 20px;text-align:center}.admin-auth-logo{margin-bottom:15px;max-width:300px}.admin-auth-title{font-size:1.8rem;margin:0}.admin-auth-form{padding:25px}.admin-auth-field{margin-bottom:20px}.admin-auth-field label{color:#333;display:block;font-weight:700;margin-bottom:8px}.admin-auth-field input[type=password],.admin-auth-field input[type=text]{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.login-mode-selector{display:flex;gap:20px;margin-top:8px}.login-mode-selector label{align-items:center;color:#666;cursor:pointer;display:flex;font-weight:400;gap:8px;margin-bottom:0}.login-mode-selector input[type=radio]{margin:0;width:auto}.admin-auth-error{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-size:.9rem;margin-bottom:20px;padding:10px}.admin-auth-button{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:background-color .3s;width:100%}.admin-auth-button:hover{background-color:#1f5a85}.admin-auth-back-link{margin-top:20px;text-align:center}.admin-auth-back-link a{color:#2980b9;font-size:.9rem;text-decoration:none;transition:color .2s}.admin-auth-back-link a:hover{color:#1f5a85;text-decoration:underline}.photobooth-root .email-error{animation:fadeIn .3s;background-color:#e74c3ccc;border-radius:5px;box-shadow:0 0 15px #e74c3c80;color:#fff;margin:15px 0;padding:15px;text-align:center}.photobooth-root .email-error p{margin:5px 0}.photobooth-root .error-hint{font-size:14px;margin-top:8px;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.photobooth-root .email-error{animation:pulse-error 2s infinite}@keyframes pulse-error{0%{box-shadow:0 0 0 0 #e74c3c66}70%{box-shadow:0 0 0 10px #e74c3c00}to{box-shadow:0 0 0 0 #e74c3c00}}.photobooth-root .email-providers{animation:fadeIn .3s;background-color:#000000e6;border:2px solid #0f0;border-radius:10px;box-shadow:0 0 20px #00ff004d;color:#fff;max-width:800px;padding:20px;text-align:center;width:100%}.photobooth-root .email-providers h3{color:#0f0;font-size:22px;font-weight:700;margin:0 0 20px;text-shadow:0 0 15px #0f0}.photobooth-root .provider-list{grid-gap:12px;background-color:#00000080;border:1px solid #333;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;max-height:none;overflow:visible;padding:15px}.photobooth-root .provider-item{align-items:center;background-color:#333c;border:2px solid #666;border-radius:6px;cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:center;min-height:45px;padding:12px 8px;text-shadow:0 0 5px currentColor;transition:all .2s}.photobooth-root .provider-selected{background-color:#0f0!important;border-color:#0f0!important;box-shadow:0 0 20px #0f0c,inset 0 0 10px #0f03;color:#000!important;font-weight:900;text-shadow:0 0 8px #000,0 0 15px #000;transform:scale(1.08)}.photobooth-root .provider-hint{color:#ccc;font-size:14px;line-height:1.4;margin:0}.photobooth-root .key-email{background-color:#06c!important;border:1px solid #08f}.photobooth-root .key-email.key-focused{background-color:#08f!important;box-shadow:0 0 15px #08f;color:#fff!important}.photobooth-root .key-quit{background-color:#c00!important;border:1px solid red}.photobooth-root .key-quit.key-focused{background-color:red!important;box-shadow:0 0 15px red;color:#fff!important}.photobooth-root .key-disabled{background-color:#666!important;color:#999!important;cursor:not-allowed;opacity:.6}.photobooth-root .key-disabled.key-focused{background-color:#666!important;box-shadow:none!important;color:#999!important;transform:none!important}.photobooth-root .provider-controls{display:flex;justify-content:center;margin-top:20px}.photobooth-root .provider-back-button{background-color:#333;border:3px solid #666;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;min-width:120px;padding:15px 35px;text-shadow:0 0 8px currentColor;transition:all .3s}.photobooth-root .back-selected{background-color:#0f0;border-color:#0f0;box-shadow:0 0 20px #0f0c,inset 0 0 10px #0f03;color:#000;font-weight:900;text-shadow:0 0 8px #000,0 0 15px #000;transform:scale(1.08)}.email-container{margin:0 auto;max-width:1200px}.email-info{margin-bottom:2rem;text-align:center}.email-info h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.email-info p{color:#475569;color:var(--text-secondary);font-size:1rem}.email-config-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.email-form-section,.email-preview-section{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.email-form-section h4,.email-preview-section h4{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group label,.form-input,.form-textarea{color:#0f172a;color:var(--text-primary);font-size:.875rem}.form-input,.form-textarea{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-input[type=color]{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;height:40px;padding:0;width:60px}.form-input[type=color]::-webkit-color-swatch-wrapper{border:none;border-radius:6px;padding:0}.form-input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.form-input[type=color]::-moz-color-swatch{border:none;border-radius:6px}.form-input[type=color]:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-hint{color:#64748b;color:var(--text-muted);display:block;font-size:.75rem;margin-top:.25rem}.test-email-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.test-email-controls{align-items:flex-end;display:flex;gap:.75rem}.test-email-controls .form-input{flex:1 1;margin-bottom:0}.test-email-btn{align-items:center;background:#06b6d4;background:var(--info);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease;white-space:nowrap}.test-email-btn:hover:not(:disabled){background:#0891b2;background:var(--info-hover)}.test-email-btn:disabled{background:#cbd5e1;background:var(--gray-300);cursor:not-allowed}.email-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.email-actions .save-button{align-items:center;background:#10b981;background:var(--success);border:none;border-radius:8px;color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.email-actions .save-button:hover:not(:disabled){background:#059669;background:var(--success-hover)}.email-actions .save-button:disabled{background:#cbd5e1;background:var(--gray-300);cursor:not-allowed}.email-actions .reset-button{align-items:center;background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease}.email-actions .reset-button:hover:not(:disabled){background:#e2e8f0;background:var(--gray-200)}.email-preview-container{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;max-height:600px;overflow-y:auto;padding:1rem}.email-preview-content{background:#f9f9f9;border-radius:4px;min-height:400px}@media (max-width:1024px){.email-config-layout{gap:1.5rem;grid-template-columns:1fr}.email-preview-section{order:-1}}@media (max-width:640px){.email-container{padding:0 1rem}.email-form-section,.email-preview-section{padding:1rem}.test-email-controls{flex-direction:column;gap:.5rem}.test-email-controls .form-input{margin-bottom:.5rem}.email-actions{flex-direction:column}}:root{--danger:#ef4444;--danger-hover:#dc2626;--danger-light:#fef2f2;--bg-sidebar:#fff;--bg-topbar:var(--bg-primary);--safe-zone-top:0px;--safe-zone-right:0px;--safe-zone-bottom:0px;--safe-zone-left:0px;--sidebar-width:280px;--sidebar-collapsed-width:80px;--topbar-height:72px;--z-dropdown:1000;--z-modal:1100;--z-notification:1200;--z-tooltip:1300}.admin-root{background:#fcfcfd;background:var(--bg-secondary);bottom:auto!important;color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;left:auto!important;line-height:1.6;margin:0;min-height:100vh;overflow:hidden;padding:0;position:static!important;right:auto!important;top:auto!important;width:100%;z-index:auto!important}.admin-root *,.admin-root :after,.admin-root :before{box-sizing:border-box;font-family:inherit!important}.admin-layout{background:#fcfcfd;background:var(--bg-secondary);display:flex;height:100vh;width:100%}.admin-sidebar{background:#fff;background:var(--bg-sidebar);border-right:1px solid #e2e8f0;border-right:1px solid var(--gray-200);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:all .2s ease-out;transition:var(--transition);width:280px;width:var(--sidebar-width);z-index:100}.admin-sidebar.collapsed{overflow:hidden;width:80px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;background:#fff;background:var(--bg-sidebar);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;min-height:72px;min-height:var(--topbar-height);padding:1rem;padding:var(--spacing-4)}.admin-sidebar.collapsed .sidebar-header,.sidebar-toggle{justify-content:center}.sidebar-toggle{align-items:center;background:#f8fafc;background:var(--gray-50);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;min-height:36px;min-width:36px;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition)}.sidebar-toggle:hover{background:#f1f5f9;background:var(--gray-100);border-color:#3b82f6;border-color:var(--primary);color:#0f172a;color:var(--gray-900)}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem .5rem;padding:var(--spacing-4) var(--spacing-2)}.admin-sidebar.collapsed .sidebar-nav{overflow-x:hidden;padding:1rem .25rem;padding:var(--spacing-4) var(--spacing-1)}.nav-item{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;gap:var(--spacing-3);margin-bottom:.25rem;margin-bottom:var(--spacing-1);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:left;transition:all .2s ease-out;transition:var(--transition);width:100%}.nav-item:hover{background:#f1f5f9;background:var(--gray-100);color:#0f172a;color:var(--gray-900)}.nav-item.active{background:#3b82f6;background:var(--primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse)}.admin-sidebar.collapsed .nav-item.active:before{display:none}.nav-item span:first-of-type{flex:1 1;transition:all .2s ease-out;transition:var(--transition)}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:.75rem;padding:var(--spacing-3)}.admin-sidebar.collapsed .nav-item span:first-of-type{display:none}.admin-sidebar.collapsed .nav-item svg{margin:0}.nav-badge{align-items:center;background:#3b82f6;background:var(--primary);border-radius:1.5rem;border-radius:var(--radius-xl);color:#fff;color:var(--text-inverse);display:none;font-size:.75rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:.125rem .5rem;padding:var(--spacing-0-5) var(--spacing-2);transition:all .2s ease-out;transition:var(--transition)}.nav-item.active .nav-badge{background:#fff3}.admin-sidebar.collapsed .nav-badge{display:none}.nav-item kbd{background:#f1f5f9;background:var(--gray-100);border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.25rem;border-radius:var(--radius-xs);color:#64748b;color:var(--gray-500);font-size:.625rem;font-weight:500;padding:.125rem .25rem;padding:var(--spacing-0-5) var(--spacing-1);transition:all .2s ease-out;transition:var(--transition)}.nav-item:hover kbd{background:#e2e8f0;background:var(--gray-200);color:#475569;color:var(--text-secondary)}.nav-item.active kbd{background:#fff3;border-color:#ffffff4d;color:#fffc}.admin-sidebar.collapsed .nav-item kbd{display:none}.admin-sidebar.collapsed .nav-item{position:relative}.admin-sidebar.collapsed .nav-item:after{background:#0f172a;background:var(--gray-900);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-inverse);content:attr(title);font-size:.875rem;left:calc(100% + .5rem);left:calc(100% + var(--spacing-2));opacity:0;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-out;transition:var(--transition);visibility:hidden;white-space:nowrap;z-index:1000}.admin-sidebar.collapsed .nav-item:hover:after{opacity:1;visibility:visible}.sidebar-footer{background:#fff;background:var(--bg-sidebar);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);margin-top:auto;min-height:auto;overflow:hidden;padding:1rem .5rem;padding:var(--spacing-4) var(--spacing-2)}.admin-sidebar.collapsed .sidebar-footer{overflow:hidden;padding:1rem .25rem;padding:var(--spacing-4) var(--spacing-1)}.user-info{background:#f8fafc;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.user-label{color:#64748b;color:var(--text-muted);display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.user-name{color:#0f172a;color:var(--text-primary);display:block;font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600}.logout-button{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;gap:var(--spacing-3);margin-bottom:0;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);position:relative;text-align:left;transition:all .2s ease-out;transition:var(--transition);width:100%}.logout-button:hover{background:#f1f5f9;background:var(--gray-100);color:#ef4444;color:var(--secondary)}.admin-sidebar.collapsed .logout-button{justify-content:center;margin-bottom:0;padding:.75rem;padding:var(--spacing-3)}.admin-sidebar.collapsed .logout-button span{display:none}.admin-main{background:#fcfcfd;background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.admin-topbar{background:#fff;background:var(--bg-topbar);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:72px;height:var(--topbar-height);justify-content:space-between;padding:0 1.5rem;padding:var(--spacing-0) var(--spacing-6);z-index:50}.admin-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:1rem;gap:var(--spacing-4)}.mobile-menu-toggle{background:none;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:none;padding:.5rem;padding:var(--spacing-2)}.mobile-menu-toggle,.page-title{color:#0f172a;color:var(--text-primary)}.page-title{font-size:1.5rem;font-weight:700;margin:0}.topbar-right{gap:.75rem;gap:var(--spacing-3)}.topbar-logo,.topbar-right{align-items:center;display:flex}.topbar-logo{justify-content:center;padding:.5rem;padding:var(--spacing-2)}.topbar-logo-img{max-height:44px;transition:all .2s ease-out;transition:var(--transition);width:auto}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:#64748b;color:var(--text-muted);left:.75rem;left:var(--spacing-3);position:absolute;z-index:1}.search-input{background:#fcfcfd;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-size:.875rem;padding:.625rem 2.5rem;padding:var(--spacing-2-5) var(--spacing-10);transition:all .2s ease-out;transition:var(--transition);width:320px}.search-input:focus{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-input::placeholder{color:#64748b;color:var(--text-muted)}.refresh-button{align-items:center;background:#fcfcfd;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.625rem;padding:var(--spacing-2-5);transition:all .2s ease-out;transition:var(--transition)}.refresh-button:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--border-focus);color:#0f172a;color:var(--text-primary)}.content-section{background:#fcfcfd;background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--spacing-6)}.dashboard-stats{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-8)}.stat-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;padding:1.5rem;padding:var(--spacing-6);position:relative}.stat-card,.stat-card:before{transition:all .2s ease-out;transition:var(--transition)}.stat-card:before{background:#3b82f6;background:var(--primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.success:before{background:#10b981;background:var(--success)}.stat-card.warning:before{background:#f59e0b;background:var(--warning)}.stat-card.info:before{background:#06b6d4;background:var(--info)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;background:#dbeafe;background:var(--primary-light);border-radius:1rem;border-radius:var(--radius-lg);color:#3b82f6;color:var(--primary);display:inline-flex;height:48px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4);width:48px}.stat-card.success .stat-icon{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success)}.stat-card.warning .stat-icon{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.stat-card.info .stat-icon{background:#cffafe;background:var(--info-light);color:#06b6d4;color:var(--info)}.stat-content .stat-value{color:#0f172a;color:var(--text-primary);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.stat-content .stat-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--spacing-2);text-transform:uppercase}.stat-content .stat-trend{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:500}.dashboard-grid{grid-template-columns:1fr}.dashboard-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden}.card-header{align-items:center;background:#f8fafc;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}.card-header h3{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.card-header svg{color:#64748b;color:var(--text-muted)}.recent-activity{max-height:400px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-6)}.activity-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;gap:var(--spacing-3);padding:.75rem 0;padding:var(--spacing-3) 0}.activity-item:last-child{border-bottom:none}.activity-avatar{flex-shrink:0}.activity-photo{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);height:40px;object-fit:cover;width:40px}.activity-content{flex:1 1}.activity-title{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.125rem;margin-bottom:var(--spacing-0-5)}.activity-time{color:#64748b;color:var(--text-muted);font-size:.75rem}.no-activity{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;padding:var(--spacing-8);text-align:center}.no-activity-icon{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.no-activity p,.no-activity-icon{color:#64748b;color:var(--text-muted)}.no-activity p{margin:0}.section-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.section-controls{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.filter-group{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.filter-select,.sort-select{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.625rem .75rem;padding:var(--spacing-2-5) var(--spacing-3);transition:all .2s ease-out;transition:var(--transition)}.filter-select:focus,.sort-select:focus{border-color:#3b82f6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a;outline:none}.view-controls{gap:.5rem;gap:var(--spacing-2)}.sort-order-btn,.view-controls{align-items:center;display:flex}.sort-order-btn{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;height:42px;justify-content:center;min-width:42px;padding:.625rem;padding:var(--spacing-2-5);transition:all .2s ease-out;transition:var(--transition)}.sort-order-btn:hover{background:#f8fafc;background:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--border-focus);color:#0f172a;color:var(--text-primary)}.view-toggle{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:.125rem;gap:var(--spacing-0-5);padding:.25rem;padding:var(--spacing-1)}.view-btn{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition)}.view-btn:hover{color:#0f172a;color:var(--text-primary)}.view-btn.active{background:#3b82f6;background:var(--primary);color:#fff;color:var(--text-inverse)}.bulk-actions{align-items:center;background:#dbeafe;background:var(--primary-light);border:1px solid #3b82f6;border:1px solid var(--primary);border-radius:1rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4)}.selection-count{color:#3b82f6;color:var(--primary);font-weight:600}.bulk-action-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-2);margin-left:.5rem;margin-left:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease-out;transition:var(--transition)}.bulk-action-btn.primary{background:#3b82f6;background:var(--primary);color:#fff;color:var(--text-inverse)}.bulk-action-btn.primary:hover{background:#2563eb;background:var(--primary-hover)}.bulk-action-btn.secondary{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#475569;color:var(--text-secondary)}.bulk-action-btn.secondary:hover{background:#f8fafc;background:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem;padding:var(--spacing-16);text-align:center}.empty-icon{color:#64748b;color:var(--text-muted);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.empty-state h3{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .75rem;margin:0 0 var(--spacing-3) 0}.empty-state p{color:#64748b;color:var(--text-muted);margin:0 0 1.5rem;margin:0 0 var(--spacing-6) 0;max-width:400px}.clear-search-btn{background:#3b82f6;background:var(--primary);border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#fff;color:var(--text-inverse);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease-out;transition:var(--transition)}.clear-search-btn:hover{background:#2563eb;background:var(--primary-hover)}.selection-header{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.select-all{align-items:center;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--spacing-2)}.select-all input[type=checkbox]{cursor:pointer;margin:0}.photos-container{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.photos-container.grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.photos-container.list{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.photo-item{position:relative;transition:all .2s ease-out;transition:var(--transition)}.photo-item.selected .photo-card,.photo-item.selected .photo-row{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.photo-checkbox{left:.75rem;left:var(--spacing-3);position:absolute;top:.75rem;top:var(--spacing-3);z-index:10}.photo-checkbox input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.photo-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease-out;transition:var(--transition)}.photo-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.photo-thumbnail{cursor:pointer;height:220px;object-fit:cover;transition:all .2s ease-out;transition:var(--transition);width:100%}.photo-thumbnail:hover{filter:brightness(1.1)}.photo-info{padding:1rem;padding:var(--spacing-4)}.photo-email{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-2) 0;word-break:break-all}.photo-date{color:#64748b;color:var(--text-muted);font-size:.75rem;margin:0}.photo-actions{background:#f8fafc;background:var(--bg-tertiary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.5rem;gap:var(--spacing-2);padding:1rem;padding:var(--spacing-4)}.photo-action-btn{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition)}.photo-action-btn:hover{background:#2563eb;background:var(--primary-hover);transform:scale(1.05)}.photo-action-btn.delete-btn{background:#ef4444;background:var(--danger)}.photo-action-btn.delete-btn:hover{background:#dc2626;background:var(--danger-hover);transform:scale(1.05)}.photo-row{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-4);padding:1rem;padding:var(--spacing-4);transition:all .2s ease-out;transition:var(--transition)}.photo-row:hover{background:#f8fafc;background:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--primary)}.photo-thumbnail-small{border-radius:.5rem;border-radius:var(--radius);cursor:pointer;flex-shrink:0;height:60px;object-fit:cover;width:60px}.photo-details{flex:1 1}.photo-primary{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.photo-row .photo-email{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.photo-filename{color:#64748b;color:var(--text-muted);font-family:Monaco,Menlo,monospace;font-size:.75rem}.photo-secondary{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4)}.photo-row .photo-date{color:#64748b;color:var(--text-muted);font-size:.75rem;margin:0}.photo-row .photo-actions{background:none;border:none;display:flex;flex-shrink:0;gap:.5rem;gap:var(--spacing-2);padding:0}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:space-between;padding:1.5rem 0;padding:var(--spacing-6) 0}.pagination-info{color:#64748b;color:var(--text-muted);font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.pagination-button{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:40px;justify-content:center;min-width:40px;transition:all .2s ease-out;transition:var(--transition)}.pagination-button:hover:not(.active):not(:disabled){background:#f8fafc;background:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--primary)}.pagination-button.active{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff;color:var(--text-inverse)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.notifications-panel{background:#fff;background:var(--bg-primary);border-left:1px solid #e2e8f0;border-left:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);flex-direction:column;max-height:calc(100vh - 72px);max-height:calc(100vh - var(--topbar-height));position:fixed;right:0;top:72px;top:var(--topbar-height);width:400px;z-index:1000;z-index:var(--z-dropdown)}.notifications-header,.notifications-panel{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex}.notifications-header{align-items:center;background:#f8fafc;background:var(--bg-tertiary);justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.notifications-header h3{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.close-notifications{background:none;border:none;border-radius:.5rem;border-radius:var(--radius);color:#64748b;color:var(--text-muted);cursor:pointer;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition)}.close-notifications:hover{background:#fcfcfd;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary)}.notifications-list{flex:1 1;overflow-y:auto;padding:1rem;padding:var(--spacing-4)}.no-notifications{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;padding:var(--spacing-8);text-align:center}.no-notifications-icon{color:#64748b;color:var(--text-muted);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.no-notifications p{color:#64748b;color:var(--text-muted);margin:0}.notification-item{align-items:flex-start;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);display:flex;gap:.75rem;gap:var(--spacing-3);margin-bottom:.5rem;margin-bottom:var(--spacing-2);padding:1rem;padding:var(--spacing-4);position:relative;transition:all .2s ease-out;transition:var(--transition)}.notification-item:before{background:#3b82f6;background:var(--primary);border-radius:1rem 0 0 1rem;border-radius:var(--radius-lg) 0 0 var(--radius-lg);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification-item.success:before{background:#10b981;background:var(--success)}.notification-item.warning:before{background:#f59e0b;background:var(--warning)}.notification-item.error:before{background:#ef4444;background:var(--secondary)}.notification-item:hover{background:#f8fafc;background:var(--bg-tertiary)}.notification-content{flex:1 1}.notification-title{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.notification-message{color:#475569;color:var(--text-secondary);font-size:.75rem;line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.notification-time{color:#64748b;color:var(--text-muted);font-size:.625rem}.remove-notification{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:.25rem;padding:var(--spacing-1);transition:all .2s ease-out;transition:var(--transition)}.remove-notification:hover{background:#fcfcfd;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary)}@media (max-width:1024px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.search-input{width:240px}.notifications-panel{width:320px}}@media (max-width:768px){.admin-sidebar{height:100vh;left:-100%;position:fixed;z-index:200}.admin-sidebar.collapsed{left:0}.admin-main{margin-left:0}.mobile-menu-toggle{display:flex}.admin-topbar{padding:0 1rem;padding:var(--spacing-0) var(--spacing-4)}.topbar-right{gap:.5rem;gap:var(--spacing-2)}.search-input{width:180px}.page-title{font-size:1.25rem}.content-section{padding:1rem;padding:var(--spacing-4)}.dashboard-stats{gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr}.topbar-logo{display:none}.section-controls{align-items:stretch;flex-direction:column}.filter-group{flex-wrap:wrap}.photos-container.grid{grid-template-columns:1fr}.notifications-panel{max-width:100vw;width:100%}.pagination{flex-direction:column;text-align:center}}@media (max-width:480px){.content-section{padding:.75rem;padding:var(--spacing-3)}.stat-card{padding:1rem;padding:var(--spacing-4)}.stat-card .stat-icon{height:40px;width:40px}.stat-content .stat-value{font-size:2rem}.search-container{display:none}.photo-row{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.photo-primary{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--spacing-1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.dashboard-card,.notification-item,.photo-card,.photo-row,.stat-card{animation:fadeInUp .3s ease-out}.notifications-panel{animation:slideInRight .2s ease-out}.bulk-action-btn:focus,.clear-search-btn:focus,.close-notifications:focus,.filter-select:focus,.logout-button:focus,.mobile-menu-toggle:focus,.nav-item:focus,.notifications-toggle:focus,.pagination-button:focus,.photo-action-btn:focus,.quick-action:focus,.refresh-button:focus,.remove-notification:focus,.search-input:focus,.sidebar-toggle:focus,.sort-order-btn:focus,.sort-select:focus,.view-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}.content-section::-webkit-scrollbar,.notifications-list::-webkit-scrollbar,.recent-activity::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar{width:6px}.content-section::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track,.recent-activity::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track{background:#0000}.content-section::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb,.recent-activity::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.content-section::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover,.recent-activity::-webkit-scrollbar-thumb:hover,.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0000004d}.photo-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1100;z-index:var(--z-modal)}.photo-viewer-container{animation:fadeInUp .3s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.photo-viewer-header{align-items:flex-start;background:#f8fafc;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-4);justify-content:space-between;padding:1.5rem;padding:var(--spacing-6);position:relative}.photo-viewer-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-1)}.photo-viewer-header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.photo-viewer-header h3{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.photo-viewer-header p{color:#64748b;color:var(--text-muted);font-size:.875rem;margin:0}.photo-viewer-close{align-items:center;background:#0000001a;border:none;border-radius:1rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s ease-out;transition:var(--transition);width:36px}.photo-viewer-close:hover{background:#0003;color:#0f172a;color:var(--text-primary)}.photo-viewer-content{align-items:center;background:#fcfcfd;background:var(--bg-secondary);display:flex;flex:1 1;justify-content:center;min-height:400px;padding:1rem;padding:var(--spacing-4)}.photo-viewer-image{border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-height:70vh;max-width:100%;object-fit:contain}.photo-viewer-action-btn{align-items:center;background:#0000001a;border:none;border-radius:1rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition);width:36px}.photo-viewer-action-btn:hover{background:#3b82f6;background:var(--primary);color:#fff;transform:scale(1.05)}.photo-viewer-action-btn.delete-btn:hover{background:#ef4444;background:var(--danger);color:#fff;transform:scale(1.05)}.template-download-section{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:2rem;padding:var(--spacing-8)}.template-download-section,.template-info{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.template-info{text-align:center}.template-info h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem;margin:0 0 var(--spacing-3) 0}.template-info p{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.template-download-wrapper{display:flex;justify-content:center;width:100%}.template-download-button{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;gap:var(--spacing-3);justify-content:center;min-width:200px;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6);transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.template-download-button:hover{background:#2563eb;background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.frame-upload-area{background:#f8fafc;background:var(--bg-tertiary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding:3rem;padding:var(--spacing-12);text-align:center;transition:all .2s ease-out;transition:var(--transition)}.frame-upload-area:hover{background:#dbeafe;background:var(--primary-light);border-color:#3b82f6;border-color:var(--primary)}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.upload-icon{color:#3b82f6;color:var(--primary);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.upload-content h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.upload-content p{color:#475569;color:var(--text-secondary);font-size:1rem;margin:0}.upload-button{align-items:center;background:#3b82f6;background:var(--primary);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8);text-decoration:none;transition:all .2s ease-out;transition:var(--transition)}.upload-button:hover{background:#2563eb;background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.upload-hint{color:#64748b;color:var(--text-muted);font-size:.875rem}.frames-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.frame-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);cursor:grab;overflow:hidden;position:relative;transition:all .2s ease-out;transition:var(--transition)}.frame-card:hover{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.frame-card:active{cursor:grabbing}.frame-preview{background:#fcfcfd;background:var(--bg-secondary);overflow:hidden;position:relative}.frame-thumbnail{height:180px;object-fit:contain;padding:.5rem;padding:var(--spacing-2);width:100%}.frame-order-badge{align-items:center;background:#3b82f6;background:var(--primary);border-radius:.5rem;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse);display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;left:.5rem;left:var(--spacing-2);position:absolute;top:.5rem;top:var(--spacing-2);width:28px}.frame-info{padding:1rem;padding:var(--spacing-4)}.frame-info-content{align-items:flex-start;display:flex;gap:.5rem;gap:var(--spacing-2);justify-content:space-between}.frame-name-container{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-1)}.frame-name{color:#0f172a;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;margin:0;transition:all .2s ease-out;transition:var(--transition)}.frame-name:hover{color:#3b82f6;color:var(--primary)}.frame-event{color:#64748b;color:var(--text-muted);font-size:.75rem;font-style:italic;margin:0}.frame-actions{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-1)}.frame-action-btn{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:.25rem;padding:var(--spacing-1);transition:all .2s ease-out;transition:var(--transition);width:28px}.frame-action-btn:hover{background:#f8fafc;background:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.frame-edit-btn:hover{color:#3b82f6;color:var(--primary)}.frame-delete-btn:hover{color:#ef4444;color:var(--secondary)}.drag-handle{color:#64748b;color:var(--text-muted);cursor:grab;padding:.25rem;padding:var(--spacing-1);transition:all .2s ease-out;transition:var(--transition)}.drag-handle:hover{color:#0f172a;color:var(--text-primary)}.frame-edit-container{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.frame-name-input{background:#fcfcfd;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);flex:1 1;font-size:.875rem;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition)}.frame-name-input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.frame-edit-actions{display:flex;gap:.25rem;gap:var(--spacing-1)}.frame-edit-cancel,.frame-edit-save{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:24px;justify-content:center;padding:.25rem;padding:var(--spacing-1);transition:all .2s ease-out;transition:var(--transition);width:24px}.frame-edit-save{color:#10b981;color:var(--success)}.frame-edit-save:hover{background:#d1fae5;background:var(--success-light)}.frame-edit-cancel{color:#64748b;color:var(--text-muted)}.frame-edit-cancel:hover{background:#f8fafc;background:var(--bg-tertiary);color:#0f172a;color:var(--text-primary)}.safe-zone-container{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-8);padding:2rem;padding:var(--spacing-8)}.safe-zone-info{margin-bottom:1.5rem;margin-bottom:var(--spacing-6);text-align:center}.safe-zone-info h3{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .75rem;margin:0 0 var(--spacing-3) 0}.safe-zone-info p{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.safe-zone-controls{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);padding:2rem;padding:var(--spacing-8)}.margins-sliders{gap:2rem;gap:var(--spacing-8);margin-bottom:2rem;margin-bottom:var(--spacing-8)}.margin-slider,.margins-sliders{display:flex;flex-direction:column}.margin-slider{gap:.75rem;gap:var(--spacing-3)}.margin-slider label{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;text-align:center}.slider-container{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4)}.slider-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:600;min-width:40px;text-align:center}.margin-slider-input{-webkit-appearance:none;appearance:none;background:#e2e8f0;background:var(--gray-200);border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;flex:1 1;height:8px;outline:none}.margin-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;background:var(--primary);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);cursor:pointer;height:24px;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transition:var(--transition);transition:var(--transition);width:24px}.margin-slider-input::-webkit-slider-thumb:hover{background:#2563eb;background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.1)}.safe-zone-actions{display:flex;gap:1rem;gap:var(--spacing-4);justify-content:center}.reset-button,.save-button{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8);transition:all .2s ease-out;transition:var(--transition)}.save-button{background:#10b981;background:var(--success);color:#fff;color:var(--text-inverse)}.save-button:hover:not(:disabled){background:#059669;background:var(--success-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.reset-button{background:#ef4444;background:var(--secondary);color:#fff;color:var(--text-inverse)}.reset-button:hover:not(:disabled){background:#dc2626;background:var(--secondary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.reset-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.admin-loading{color:#3b82f6;color:var(--primary);font-weight:600;justify-content:center}.admin-error,.admin-loading{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4);padding:3rem;padding:var(--spacing-12)}.admin-error{flex-direction:column;text-align:center}.admin-error,.admin-error h3,.error-icon{color:#ef4444;color:var(--secondary)}.admin-error h3{font-size:1.25rem;font-weight:700;margin:0}.admin-error p{color:#475569;color:var(--text-secondary);margin:0;max-width:500px}.error-retry-button{align-items:center;background:#ef4444;background:var(--secondary);border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease-out;transition:var(--transition)}.error-retry-button:hover{background:#dc2626;background:var(--secondary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media print{.admin-sidebar,.admin-topbar,.notifications-panel{display:none!important}.admin-main{margin-left:0!important}.content-section{padding:0!important}.photo-card,.photo-row{break-inside:avoid;page-break-inside:avoid}}.events-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.event-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .2s ease-out;transition:var(--transition)}.event-card:hover{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.event-header{align-items:center;background:#f8fafc;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4)}.event-status-badge{background:#10b981;background:var(--success);border-radius:1.5rem;border-radius:var(--radius-xl);color:#fff;color:var(--text-inverse);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.event-content{padding:1.5rem;padding:var(--spacing-6)}.event-content h3{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-2) 0}.event-description{color:#475569;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem;margin:0 0 var(--spacing-4) 0}.event-dates{color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;gap:var(--spacing-1)}.event-stats{grid-gap:1rem;grid-gap:var(--spacing-4);background:#f8fafc;background:var(--bg-tertiary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);padding:1rem;padding:var(--spacing-4)}.event-stats .stat{text-align:center}.event-stats .stat-value{color:#0f172a;color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700;line-height:1}.event-stats .stat-label{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.event-actions{display:flex;gap:.5rem;gap:var(--spacing-2);position:absolute;right:1rem;right:var(--spacing-4);top:1rem;top:var(--spacing-4)}.event-action-btn{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition);width:32px}.event-action-btn:hover{background:#2563eb;background:var(--primary-hover);transform:scale(1.05)}.sessions-container{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.sessions-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.session-card{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);overflow:hidden;transition:all .2s ease-out;transition:var(--transition)}.session-card:hover{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.session-header{align-items:center;background:#f8fafc;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4)}.session-code{color:#0f172a;color:var(--text-primary);font-family:Monaco,Menlo,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.1em}.session-status{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.session-content{padding:1rem;padding:var(--spacing-4)}.session-info{flex-direction:column;gap:.25rem;gap:var(--spacing-1);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.session-info span{color:#475569;color:var(--text-secondary);font-size:.75rem}.session-photos{flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.session-photos span{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600}.photo-progress{background:#e2e8f0;background:var(--gray-200);height:6px;overflow:hidden}.photo-progress,.photo-progress-bar{border-radius:.5rem;border-radius:var(--radius)}.photo-progress-bar{background:#10b981;background:var(--success);height:100%;transition:all .2s ease-out;transition:var(--transition)}.stats-overview{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.stat-chip{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);color:#475569;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.stat-chip.success{background:#d1fae5;background:var(--success-light);border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.stat-chip.primary{background:#dbeafe;background:var(--primary-light);border-color:#3b82f6;border-color:var(--primary);color:#3b82f6;color:var(--primary)}.primary-button{align-items:center;background:#3b82f6;background:var(--primary);border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease-out;transition:var(--transition)}.primary-button:hover:not(:disabled){background:#2563eb;background:var(--primary-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1100;z-index:var(--z-modal)}.modal-container{animation:fadeInUp .2s ease-out;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f8fafc;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}.modal-header h3{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease-out;transition:var(--transition);width:32px}.modal-close:hover{background:#fcfcfd;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary)}.modal-content{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--spacing-6)}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-4)}.modal-actions{background:#f8fafc;background:var(--bg-tertiary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:flex-end;padding:1.5rem;padding:var(--spacing-6)}.modal-btn-secondary{background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease-out;transition:var(--transition)}.modal-btn-secondary:hover{background:#e2e8f0;background:var(--gray-200);color:#0f172a;color:var(--text-primary)}.modal-btn-primary{background:#3b82f6;background:var(--primary);border:none;border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--text-inverse);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .2s ease-out;transition:var(--transition)}.modal-btn-primary:hover:not(:disabled){background:#2563eb;background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.modal-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.sessions-analytics{padding:1.5rem;padding:var(--spacing-6)}.analytics-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.analytics-section:last-child{margin-bottom:0}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.analytics-header h4{color:#0f172a;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.refresh-indicator{align-items:center;color:#10b981;color:var(--success);display:flex;font-size:.75rem;font-weight:500;gap:.25rem;gap:var(--spacing-1)}.session-status-grid{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr)}.status-item{align-items:center;background:#f8fafc;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:.75rem;padding:var(--spacing-3);text-align:center}.status-dot{border-radius:50%;height:12px;margin-bottom:.5rem;margin-bottom:var(--spacing-2);width:12px}.status-dot.active{background:#3b82f6;background:var(--primary)}.status-dot.used{background:#10b981;background:var(--success)}.status-dot.expired{background:#94a3b8;background:var(--gray-400)}.status-count{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.status-label{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.events-performance{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.event-performance-item{background:#f8fafc;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);padding:.75rem;padding:var(--spacing-3)}.event-info{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.event-name{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600}.event-progress{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.progress-bar{background:#e2e8f0;background:var(--gray-200);flex:1 1;height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:.5rem;border-radius:var(--radius)}.progress-fill{background:#10b981;background:var(--success);height:100%;transition:all .2s ease-out;transition:var(--transition)}.progress-text{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:500;min-width:60px;text-align:right}.export-button{align-items:center;background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease-out;transition:var(--transition)}.export-button:hover{background:#e2e8f0;background:var(--gray-200);border-color:#3b82f6;border-color:var(--primary);color:#0f172a;color:var(--text-primary);transform:translateY(-1px)}.controls-left{gap:1rem;gap:var(--spacing-4)}.controls-left,.controls-right{align-items:center;display:flex}.controls-right{gap:.75rem;gap:var(--spacing-3)}.section-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:space-between;width:100%}.dashboard-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:1fr 1fr}.session-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.5rem;gap:var(--spacing-2);justify-content:flex-end;margin-top:1rem;margin-top:var(--spacing-4);padding-top:.75rem;padding-top:var(--spacing-3)}.session-action-btn{align-items:center;background:#f1f5f9;background:var(--gray-100);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:flex;height:28px;justify-content:center;padding:.5rem;padding:var(--spacing-2);transition:all .2s ease-out;transition:var(--transition);width:28px}.session-action-btn:hover{transform:translateY(-1px)}.session-action-btn.disable{border-color:#ef4444;border-color:var(--secondary);color:#ef4444;color:var(--secondary)}.session-action-btn.disable:hover{background:#fef2f2;background:var(--secondary-light);color:#ef4444;color:var(--secondary)}.session-action-btn.enable{border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.session-action-btn.enable:hover{background:#d1fae5;background:var(--success-light);color:#10b981;color:var(--success)}.session-action-btn.extend{border-color:#f59e0b;border-color:var(--warning);color:#f59e0b;color:var(--warning)}.session-action-btn.extend:hover{background:#fef3c7;background:var(--warning-light);color:#f59e0b;color:var(--warning)}.session-action-btn.delete{border-color:#ef4444;border-color:var(--secondary);color:#ef4444;color:var(--secondary)}.session-action-btn.delete:hover{background:#ef4444;background:var(--secondary);color:#fff;color:var(--text-inverse)}.session-time-info{color:#3b82f6!important;color:var(--primary)!important;font-weight:600!important}.session-notes{color:#64748b!important;color:var(--text-muted)!important;font-style:italic!important}.checkbox-label{align-items:center;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;gap:var(--spacing-2)}.form-checkbox{accent-color:#3b82f6;accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.checkbox-label span{-webkit-user-select:none;user-select:none}.session-card{position:relative}.session-card:before{background:#cbd5e1;background:var(--gray-300);border-radius:1rem 0 0 1rem;border-radius:var(--radius-lg) 0 0 var(--radius-lg);content:"";height:100%;left:0;position:absolute;top:0;transition:all .2s ease-out;transition:var(--transition);width:4px}.session-card[data-status=active]:before{background:#3b82f6;background:var(--primary)}.session-card[data-status=running]:before{background:#10b981;background:var(--success)}.session-card[data-status=completed]:before{background:#f59e0b;background:var(--warning)}.session-card[data-status=disabled]:before{background:#ef4444;background:var(--secondary)}.session-card[data-status=expired]:before{background:#64748b;background:var(--gray-500)}.event-actions{gap:.25rem;gap:var(--spacing-1)}.event-action-btn{height:28px;width:28px}.event-action-btn.delete{border-color:#ef4444;border-color:var(--secondary);color:#ef4444;color:var(--secondary)}.event-action-btn.delete:hover{background:#ef4444;background:var(--secondary);color:#fff;color:var(--text-inverse)}small{color:#64748b;color:var(--text-muted);display:block;font-size:.75rem;font-style:italic;margin-top:.25rem;margin-top:var(--spacing-1)}.event-filter{min-width:250px}.event-filter .form-input{font-size:.875rem;font-weight:500}.filter-info{background:#dbeafe;background:var(--primary-light);border:1px solid #3b82f6;border:1px solid var(--primary);border-radius:1rem;border-radius:var(--radius-lg);font-size:.875rem;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.clear-filter-btn,.filter-info{align-items:center;color:#3b82f6;color:var(--primary);display:flex}.clear-filter-btn{background:none;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:700;height:24px;justify-content:center;padding:.25rem;padding:var(--spacing-1);transition:all .2s ease-out;transition:var(--transition);width:24px}.clear-filter-btn:hover{background:#3b82f6;background:var(--primary);color:#fff;color:var(--text-inverse)}.form-row{grid-gap:1rem;grid-gap:var(--spacing-4);align-items:end;display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.events-grid{gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr}.sessions-grid{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr}.stats-overview{flex-wrap:wrap}.stat-chip{flex:1 1;min-width:100px;text-align:center}.event-stats{gap:.5rem;gap:var(--spacing-2);grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}.modal-container{margin:1rem;margin:var(--spacing-4);max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--spacing-8))}.dashboard-grid{grid-template-columns:1fr}.session-status-grid{gap:.5rem;gap:var(--spacing-2);grid-template-columns:1fr}.controls-left,.controls-right{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.section-controls{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.stats-overview{justify-content:center}.analytics-header{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-2)}}.event-sessions{background:#f8fafc;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);margin-top:1.25rem;margin-top:var(--spacing-5);overflow:hidden;padding:1.25rem;padding:var(--spacing-5);position:relative}.event-sessions:before{background:linear-gradient(90deg,#3b82f6,#06b6d4);background:linear-gradient(90deg,var(--primary) 0,var(--info) 100%);content:"";height:2px;left:0;position:absolute;right:0;top:0}.event-sessions-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4);padding-bottom:.75rem;padding-bottom:var(--spacing-3)}.event-sessions-header h4{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:1.0625rem;font-weight:600;gap:.5rem;gap:var(--spacing-2);margin:0}.event-sessions-header h4:before{background:#3b82f6;background:var(--primary);border-radius:.25rem;border-radius:var(--radius-xs);content:"";display:inline-block;height:18px;width:3px}.sessions-count{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:#475569;color:var(--text-secondary);font-size:.8125rem;font-weight:500;padding:.375rem .75rem;padding:var(--spacing-1-5) var(--spacing-3)}.event-sessions-list{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.event-session-item{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4);position:relative;transition:all .2s ease}.event-session-item:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.session-info{align-items:center;display:flex;flex:1 1;gap:.75rem;gap:var(--spacing-3);min-width:0}.session-code{background:#dbeafe;background:var(--primary-light);border:1px solid #3b82f633;border-radius:.5rem;border-radius:var(--radius);color:#3b82f6;color:var(--primary);font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:700;letter-spacing:.025em;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.session-status-badge{align-items:center;border:1px solid #0000;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.025em;line-height:1;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.session-meta{color:#475569;color:var(--text-secondary);font-size:.8125rem;gap:1rem;gap:var(--spacing-4);min-width:0}.session-meta,.session-photos{align-items:center;display:flex}.session-photos{color:#0f172a;color:var(--text-primary);font-weight:600;gap:.25rem;gap:var(--spacing-1)}.session-created{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:500;white-space:nowrap}.event-sessions-list:empty{color:#64748b;color:var(--text-muted);font-style:italic;padding:1.5rem;padding:var(--spacing-6);text-align:center}.event-sessions-list:empty:before{content:"Aucune session disponible pour cet événement";display:block;font-size:.875rem}.event-session-item.animate-in{animation:slideInUp .3s ease forwards;opacity:0}.event-session-item.animate-in:first-child{animation-delay:.1s}.event-session-item.animate-in:nth-child(2){animation-delay:.15s}.event-session-item.animate-in:nth-child(3){animation-delay:.2s}.event-session-item.animate-in:nth-child(4){animation-delay:.25s}.event-session-item.animate-in:nth-child(5){animation-delay:.3s}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-sessions-more{background:#fcfcfd;background:var(--bg-secondary);border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:.75rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;margin-top:.5rem;margin-top:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-align:center;transition:all .2s ease}.event-sessions-more:hover{background:#fff;background:var(--bg-primary);border-color:#3b82f6;border-color:var(--primary);color:#3b82f6;color:var(--primary)}.no-sessions{font-style:italic;padding:1rem}.more-sessions,.no-sessions{color:#475569;color:var(--text-secondary);text-align:center}.more-sessions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);font-size:.75rem;margin-top:.5rem;padding:.5rem}input[type=date],input[type=date]:lang(fr){color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{background:#0000;color:#0f172a;color:var(--text-primary);cursor:pointer;filter:invert(.5)}input[type=date]::-webkit-datetime-edit{color:#0f172a;color:var(--text-primary)}input[type=date]::-webkit-datetime-edit-text{color:#475569;color:var(--text-secondary)}@media (max-width:1024px){.event-sessions{margin-top:1rem;margin-top:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}}@media (max-width:768px){.event-sessions{padding:.75rem;padding:var(--spacing-3)}.event-sessions-header{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-2);padding-bottom:.5rem;padding-bottom:var(--spacing-2)}.event-sessions-header h4:before{display:none}.event-session-item{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-3);padding:.75rem;padding:var(--spacing-3)}.session-info{gap:.5rem;gap:var(--spacing-2);justify-content:space-between}.session-code{font-size:.8125rem}.session-meta{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);gap:.5rem;gap:var(--spacing-2);justify-content:space-between;padding-top:.5rem;padding-top:var(--spacing-2)}.sessions-count{font-size:.75rem;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}}:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#dbeafe;--secondary:#ef4444;--secondary-hover:#dc2626;--secondary-light:#fef2f2;--success:#10b981;--success-hover:#059669;--success-light:#d1fae5;--warning:#f59e0b;--warning-hover:#d97706;--warning-light:#fef3c7;--info:#06b6d4;--info-hover:#0891b2;--info-light:#cffafe;--gray-25:#fcfcfd;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#fff;--bg-secondary:var(--gray-25);--bg-tertiary:var(--gray-50);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-500);--text-inverse:#fff;--border-color:var(--gray-200);--border-focus:var(--primary);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--spacing-0:0;--spacing-px:1px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--transition-fast:all 0.15s ease-out;--transition:all 0.2s ease-out;--transition-slow:all 0.3s ease-out}.session-activation-container{background:#fcfcfd;background:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;height:100vh;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100vw}.session-activation-wrapper{align-items:center;aspect-ratio:4/3;display:flex;height:100vh;height:calc(100vh - var(--safe-zone-top, 0px) - var(--safe-zone-bottom, 0px));justify-content:center;margin:0 auto;margin:var(--safe-zone-top,0) auto var(--safe-zone-bottom,0) auto;max-height:75vw;max-height:calc((100vw - var(--safe-zone-left, 0px) - var(--safe-zone-right, 0px))*3/4);max-width:133.33333vh;max-width:calc((100vh - var(--safe-zone-top, 0px) - var(--safe-zone-bottom, 0px))*4/3);overflow:hidden;position:relative;width:100vw;width:calc(100vw - var(--safe-zone-left, 0px) - var(--safe-zone-right, 0px))}.session-activation-content{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.session-activation-content,.session-activation-header{background:#fff;background:var(--bg-primary);position:relative}.session-activation-header{flex-shrink:0;padding:0 2rem;padding:0 var(--spacing-8) 0 var(--spacing-8);text-align:center}.session-activation-logo{display:block;height:240px;margin:0 auto;object-fit:contain;transition:all .2s ease-out;transition:var(--transition);width:240px}.session-activation-main{flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0 1rem .5rem;padding:0 var(--spacing-4) var(--spacing-2) var(--spacing-4)}.code-display-section,.session-activation-main{align-items:center;display:flex;justify-content:center}.code-display-section{flex-shrink:0;margin:0;position:relative;text-align:center;z-index:2}.unified-input-container{align-items:center;border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:420px;overflow:hidden;position:relative;transition:all .2s ease-out;transition:var(--transition);width:420px}.unified-input-container.focused{box-shadow:0 0 0 3px #3b82f61a,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-xl)}.unified-input-container.complete{box-shadow:0 0 0 3px #10b9811a,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:0 0 0 3px #10b9811a,var(--shadow-xl)}.unified-input-container.error{animation:errorShake .6s cubic-bezier(.36,.07,.19,.97) both;box-shadow:0 0 0 4px #ef444433,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:0 0 0 4px #ef444433,var(--shadow-xl)}.code-display{background:#f8fafc;background:var(--bg-tertiary);border:3px solid #e2e8f0;border:3px solid var(--border-color);border-bottom:none;border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:none;box-sizing:border-box;color:#3b82f6;color:var(--primary);display:inline-block;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:2rem;font-weight:600;letter-spacing:.3rem;max-width:420px;padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6);position:relative;transition:all .2s ease-out;transition:var(--transition);width:420px}.code-display.focused,.code-display:focus-within{border-color:#e2e8f0;border-color:var(--border-color);box-shadow:none}.code-display.complete{border-color:#e2e8f0;border-color:var(--border-color);color:#10b981;color:var(--success)}.code-display.error{background:#f8fafc;background:var(--bg-tertiary);box-shadow:none;color:#3b82f6;color:var(--primary)}@keyframes errorShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.keyboard-section{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:0;width:100%}.virtual-keyboard{grid-gap:.75rem;grid-gap:var(--spacing-3);background:#f8fafc;background:var(--bg-tertiary);border:3px solid #e2e8f0;border:3px solid var(--border-color);border-radius:0 0 1.5rem 1.5rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;box-shadow:none;display:grid;gap:.75rem;gap:var(--spacing-3);margin:0 auto;max-width:420px;padding:1rem;padding:var(--spacing-4);position:relative;width:100%}.keyboard-row{gap:.75rem;gap:var(--spacing-3)}.keyboard-key,.keyboard-row{display:flex;justify-content:center}.keyboard-key{align-items:center;background:#fff;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1.25rem;font-weight:600;height:72px;transition:all .2s ease-out;transition:var(--transition);-webkit-user-select:none;user-select:none;width:72px}.keyboard-key,.keyboard-key:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.keyboard-key:hover{background:#fcfcfd;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--primary);transform:translateY(-2px)}.keyboard-key:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.keyboard-key.selected{animation:pulse 1s infinite;background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f64d;color:#fff;color:var(--text-inverse)}@keyframes pulse{0%{box-shadow:0 0 0 3px #3b82f64d}50%{box-shadow:0 0 0 6px #3b82f633}to{box-shadow:0 0 0 3px #3b82f64d}}.keyboard-key.special-key{background:#fcfcfd;background:var(--bg-secondary);font-family:inherit;font-size:.875rem;font-weight:600;width:110px}.keyboard-key.special-key.selected{background:#3b82f6;background:var(--primary);color:#fff;color:var(--text-inverse)}.keyboard-key.ready{animation:ready-pulse 1s infinite;background:#10b981;background:var(--success);border-color:#10b981;border-color:var(--success);color:#fff;color:var(--text-inverse)}@keyframes ready-pulse{0%{box-shadow:0 0 0 3px #10b9814d}50%{box-shadow:0 0 0 6px #10b98133}to{box-shadow:0 0 0 3px #10b9814d}}.keyboard-key.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.instructions{color:#64748b;color:var(--text-muted);flex-shrink:0;font-family:inherit;font-size:.75rem;line-height:1.5;margin-top:1rem;margin-top:var(--spacing-4);text-align:center}.instructions p{margin:.25rem 0;margin:var(--spacing-1) 0}.session-activation-success{align-items:center;animation:successFadeIn .5s ease-out;background:#d1fae5;background:var(--success-light);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}@keyframes successFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon{animation:successBounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.session-activation-success h2{color:#10b981;color:var(--success);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0 0 1rem;margin:0 0 var(--spacing-4) 0}.session-activation-success p{color:#475569;color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0 0 2rem;margin:0 0 var(--spacing-8) 0}.success-animation{animation:loading 1.5s ease-in-out infinite;background:#10b981;background:var(--success);border-radius:.5rem;border-radius:var(--radius);height:4px;overflow:hidden;position:relative;width:120px}.success-animation:before{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.session-activation-header{padding:0 1.5rem;padding:0 var(--spacing-6) 0 var(--spacing-6)}.session-activation-logo{height:200px;width:200px}.unified-input-container{border-radius:1rem;border-radius:var(--radius-lg);max-width:360px;width:360px}.code-display{border-radius:1rem 1rem 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:1.875rem;letter-spacing:.25rem;max-width:360px;padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5);width:360px}.keyboard-key{font-size:1.125rem;height:65px;width:65px}.keyboard-key.special-key{font-size:.75rem;width:98px}.virtual-keyboard{border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-width:360px;padding:.875rem;padding:var(--spacing-3-5)}.keyboard-row,.virtual-keyboard{gap:.625rem;gap:var(--spacing-2-5)}.session-activation-main{gap:0;padding:0 .75rem .5rem;padding:0 var(--spacing-3) var(--spacing-2) var(--spacing-3)}}@media (max-width:480px){.session-activation-logo{height:180px;width:180px}.unified-input-container{border-radius:.75rem;border-radius:var(--radius-md);max-width:320px;width:320px}.keyboard-key{font-size:1rem;height:58px;width:58px}.keyboard-key.special-key{font-size:.75rem;width:88px}.virtual-keyboard{border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-md) var(--radius-md);max-width:320px;padding:.75rem;padding:var(--spacing-3)}.keyboard-row,.virtual-keyboard{gap:.5rem;gap:var(--spacing-2)}.code-display{border-radius:.75rem .75rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:1.625rem;letter-spacing:.2rem;max-width:320px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);width:320px}}@media (orientation:landscape) and (max-height:600px){.session-activation-header{padding:0 1rem;padding:0 var(--spacing-4) 0 var(--spacing-4)}.session-activation-logo{height:160px;width:160px}.session-activation-main{gap:0;padding:0 .5rem .25rem;padding:0 var(--spacing-2) var(--spacing-1) var(--spacing-2)}.unified-input-container{border-radius:.75rem;border-radius:var(--radius-md);max-width:320px;width:320px}.code-display{border-radius:.75rem .75rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:1.5rem;letter-spacing:.2rem;max-width:320px;padding:.625rem 1rem;padding:var(--spacing-2-5) var(--spacing-4);width:320px}.keyboard-key{font-size:.875rem;height:56px;width:56px}.keyboard-key.special-key{font-size:.75rem;width:85px}.virtual-keyboard{border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--radius-md) var(--radius-md);max-width:320px;padding:.75rem;padding:var(--spacing-3)}.keyboard-row,.virtual-keyboard{gap:.5rem;gap:var(--spacing-2)}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--text-inverse);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.keyboard-key:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.code-display,.virtual-keyboard{border-width:4px}.keyboard-key{border-width:3px}}.session-activation-main:before{content:"";height:auto;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(420px,90%);z-index:1}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.320dcc89.css.map*/