@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background, #f8fafc);padding:2rem}.login-container{width:100%;max-width:420px;animation:loginFadeIn .35s ease-out}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--card, #fff);border-radius:var(--radius-xl, 16px);border:1px solid var(--border, #e2e8f0);box-shadow:0 4px 24px #0000000f;overflow:hidden}.login-header{text-align:center;padding:2.5rem 2rem 1.5rem}.login-logo{height:56px;width:auto;object-fit:contain;margin:0 auto .75rem;display:block}.login-subtitle{color:var(--text-lighter, #94a3b8);font-size:.8125rem;margin:0;font-weight:400}.social-auth-section{display:flex;flex-direction:column;gap:.5rem;padding:0 2rem}.social-auth-button{width:100%;padding:.625rem 1rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.625rem;background:var(--card, #fff);color:var(--text, #1e293b)}.social-auth-button:hover:not(:disabled){background:var(--background, #f8fafc);border-color:var(--border-dark, #cbd5e1)}.social-auth-button:active:not(:disabled){transform:scale(.99)}.social-auth-button:disabled{opacity:.5;cursor:not-allowed}.social-auth-icon{flex-shrink:0}.login-divider{display:flex;align-items:center;margin:1.25rem 2rem;gap:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border, #e2e8f0)}.login-divider span{font-size:.75rem;color:var(--text-lighter, #94a3b8);font-weight:500;white-space:nowrap}.login-form{display:flex;flex-direction:column;gap:1rem;padding:.5rem 2rem 2rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-field label{font-size:.75rem;font-weight:600;color:var(--text-light, #64748b);text-transform:uppercase;letter-spacing:.03em}.login-field input{padding:.625rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.875rem;color:var(--text, #1e293b);background:var(--background, #f8fafc);transition:border-color .15s ease,box-shadow .15s ease}.login-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;background:var(--card, #fff)}.login-field input::placeholder{color:var(--text-lighter, #94a3b8)}.login-field input:disabled{opacity:.6;cursor:not-allowed}.login-field-row{display:flex;justify-content:flex-end;margin-top:-.25rem}.forgot-password{color:var(--primary);text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s ease}.forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.login-button{width:100%;padding:.625rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem}.login-button:hover:not(:disabled){background:var(--primary-dark)}.login-button:active:not(:disabled){transform:scale(.99)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-spinner{animation:loginSpin .8s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-error{display:flex;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);color:#dc2626;font-size:.8125rem;font-weight:500;line-height:1.4}.login-error svg{flex-shrink:0;margin-top:.125rem}@media(max-width:480px){.login-page{padding:4rem 1rem 1rem;align-items:flex-start}.login-header{padding:2rem 1.5rem 1.25rem}.social-auth-section{padding:0 1.5rem}.login-divider{margin-left:1.5rem;margin-right:1.5rem}.login-form{padding:.5rem 1.5rem 1.5rem}}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background, #f8fafc);padding:2rem}.callback-container{width:100%;max-width:400px;animation:callbackFadeIn .35s ease-out}@keyframes callbackFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.callback-card{background:var(--card, #fff);border-radius:var(--radius-xl, 16px);border:1px solid var(--border, #e2e8f0);box-shadow:0 4px 24px #0000000f;padding:2.5rem 2rem;text-align:center}.callback-spinner{width:32px;height:32px;border:3px solid var(--border, #e2e8f0);border-top-color:var(--primary);border-radius:50%;animation:callbackSpin .8s linear infinite;margin:0 auto 1rem}@keyframes callbackSpin{to{transform:rotate(360deg)}}.callback-message{color:var(--text-light, #64748b);font-size:.875rem;font-weight:500;margin:0}.callback-error h2{color:#dc2626;font-size:1rem;font-weight:600;margin:0 0 .5rem}.callback-error p{color:var(--text-light, #64748b);font-size:.875rem;margin:0 0 1.25rem;line-height:1.5}.callback-button{padding:.625rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.callback-button:hover{background:var(--primary-dark)}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:2rem}.forgot-password-container{width:100%;max-width:440px;animation:fadeInUp .6s ease-out}.forgot-password-card{background:var(--card);border-radius:20px;padding:3rem;box-shadow:var(--shadow-xl)}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #10b9814d}.forgot-password-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.forgot-password-subtitle{color:var(--text-light);font-size:1rem;margin:0;font-weight:500}.forgot-password-description{color:var(--text-light);font-size:.95rem;text-align:center;margin-bottom:2rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:1rem;transition:all .2s;background:var(--background)}.forgot-password-input:focus{outline:none;border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px #10b9811a}.forgot-password-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d;margin-top:.5rem}.forgot-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.forgot-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password-footer{text-align:center;margin-top:1.5rem}.success-message strong{color:var(--text);font-weight:600}@media(max-width:480px){.forgot-password-card{padding:2rem 1.5rem}.forgot-password-logo-icon,.success-icon{width:64px;height:64px;font-size:2.5rem}.forgot-password-title{font-size:1.75rem}.forgot-password-subtitle{font-size:.95rem}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:2rem}.reset-password-container{width:100%;max-width:440px;animation:fadeInUp .6s ease-out}.reset-password-card{background:var(--card);border-radius:20px;padding:3rem;box-shadow:var(--shadow-xl)}.reset-password-header{text-align:center;margin-bottom:2rem}.reset-password-logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #10b9814d}.reset-password-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.reset-password-subtitle{color:var(--text-light);font-size:1rem;margin:0;font-weight:500}.reset-password-description{color:var(--text-light);font-size:.95rem;text-align:center;margin-bottom:2rem;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:1rem;transition:all .2s;background:var(--background)}.reset-password-input:focus{outline:none;border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px #10b9811a}.reset-password-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d;margin-top:.5rem}.reset-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.reset-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-password-footer{text-align:center;margin-top:1.5rem}.error-icon{width:80px;height:80px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#ef4444;margin:0 auto 1.5rem;animation:scaleIn .5s ease-out}@media(max-width:480px){.reset-password-card{padding:2rem 1.5rem}.reset-password-logo-icon,.success-icon,.error-icon{width:64px;height:64px;font-size:2.5rem}.reset-password-title{font-size:1.75rem}.reset-password-subtitle{font-size:.95rem}}.set-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);padding:2rem}.set-password-container{width:100%;max-width:440px;animation:fadeInUp .6s ease-out}.set-password-card{background:var(--card);border-radius:20px;padding:3rem;box-shadow:var(--shadow-xl)}.set-password-header{text-align:center;margin-bottom:2rem}.set-password-logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #10b9814d}.set-password-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.ai-text{color:var(--primary)}.set-password-subtitle{color:var(--text-light);font-size:1rem;margin:0;font-weight:500}.set-password-description{color:var(--text-light);font-size:.95rem;text-align:center;margin-bottom:2rem;line-height:1.5}.set-password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:var(--text);font-size:.9rem}.set-password-input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:10px;font-size:1rem;transition:all .2s;background:var(--background)}.set-password-input:focus{outline:none;border-color:var(--primary);background:var(--card);box-shadow:0 0 0 4px #10b9811a}.password-hint{color:var(--text-light);font-size:.8rem;margin-top:-.25rem}.set-password-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d;margin-top:.5rem}.set-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.set-password-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:var(--error-light);border:2px solid var(--error);color:#991b1b;padding:.875rem;border-radius:10px;font-size:.9rem;font-weight:500;text-align:center}.set-password-footer{text-align:center;margin-top:1.5rem}.back-to-login-link{color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;display:inline-flex;align-items:center;gap:.5rem}.back-to-login-link:hover{color:var(--primary-dark);text-decoration:underline}.success-section{text-align:center;padding:1rem 0}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #10b9814d;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.success-message{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.success-actions{margin-top:2rem}.back-to-login-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d}.back-to-login-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}.error-section{text-align:center;padding:1rem 0}.error-icon{width:80px;height:80px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#ef4444;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #ef44444d;animation:scaleIn .5s ease-out}.error-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem}.error-message-text{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.request-reset-button{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px -1px #10b9814d}.request-reset-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b98166}@media(max-width:480px){.set-password-card{padding:2rem 1.5rem}.set-password-logo-icon,.success-icon,.error-icon{width:64px;height:64px;font-size:2.5rem}.set-password-title{font-size:1.75rem}.set-password-subtitle{font-size:.95rem}}:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #e0e7ff;--secondary: #0ea5e9;--background: #f8fafc;--card: #ffffff;--text: #0f172a;--text-light: #475569;--text-lighter: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--error: #ef4444;--error-light: #fee2e2;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width-collapsed: 72px;--sidebar-width-expanded: 250px;--sidebar-transition: width .25s cubic-bezier(.4, 0, .2, 1);--sidebar-bg: #1e1e2e;--sidebar-bg-hover: rgba(255, 255, 255, .06);--sidebar-bg-active: rgba(99, 102, 241, .15);--sidebar-text: #a6adc8;--sidebar-text-hover: #cdd6f4;--sidebar-text-active: #c4b5fd;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-accent: #818cf8}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{line-height:1.2}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--background);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.app-root{min-height:100vh}.app-container{display:flex;flex-direction:row;min-height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width-collapsed);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:100;transition:var(--sidebar-transition);overflow:hidden}.sidebar--expanded{width:var(--sidebar-width-expanded)}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:1rem;height:68px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0;overflow:hidden}.sidebar--expanded .sidebar-logo{justify-content:space-between}.sidebar-logo-imgs{position:relative;height:36px;flex-shrink:0}.sidebar-logo-img{object-fit:contain;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.sidebar-logo-img--hidden{opacity:0;pointer-events:none}.sidebar-logo-img--icon{height:36px;width:36px;object-fit:cover;object-position:left}.sidebar-logo-img--full{position:absolute;left:0;top:0;height:36px;width:auto;max-width:160px}.sidebar-secure-badge{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;margin:0 .75rem;border-radius:var(--radius-md);background:#10b9811a;color:#10b981;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.sidebar--collapsed .sidebar-secure-badge{margin:0 .5rem;padding:.5rem}.sidebar-toggle-wrapper{padding:.75rem;border-top:1px solid var(--sidebar-border);display:flex;justify-content:flex-end}.sidebar--collapsed .sidebar-toggle-wrapper{justify-content:center}.sidebar-toggle-btn{background:var(--sidebar-bg-hover);border:1px solid var(--sidebar-border);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);color:var(--sidebar-text);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.sidebar-toggle-btn:hover{color:var(--sidebar-text-hover);background:var(--sidebar-bg-active)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem .5rem;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-weight:500;font-size:.875rem;white-space:nowrap;transition:all var(--transition-fast);position:relative;min-height:42px}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:.625rem}.sidebar--collapsed .sidebar-nav-item--active:before{left:-.5rem}.sidebar-nav-item:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-hover)}.sidebar-nav-item--active{background:var(--sidebar-bg-active);color:var(--sidebar-text-active);font-weight:600}.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--sidebar-accent);border-radius:0 3px 3px 0}.sidebar-nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-nav-label{opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar-nav-label{opacity:0;width:0;overflow:hidden}.sidebar-divider{height:1px;background:var(--sidebar-border);margin:.5rem .75rem}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,#a78bfa 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-base);border:2px solid var(--border-light);flex-shrink:0}.user-avatar:hover{transform:scale(1.05);box-shadow:0 2px 12px #0000001a}.user-menu-header{padding:.75rem 1rem;background:var(--background)}.user-menu-email{font-size:.875rem;color:var(--text);font-weight:500;word-break:break-word}.user-menu-divider{height:1px;background:var(--border);margin:0}.user-menu-item{width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem}.user-menu-item:hover{background:var(--border-light)}.user-menu-item:active{background:var(--border)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:99;animation:fadeIn .2s ease}.mobile-hamburger{display:none;position:fixed;top:1rem;left:1rem;z-index:98;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;box-shadow:var(--shadow);align-items:center;justify-content:center;color:var(--text)}.mobile-hamburger:hover{background:var(--background)}.top-bar{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 1.5rem;margin:-1.5rem -1.5rem .5rem;background:var(--card);border-bottom:1px solid var(--border);gap:1rem}.top-bar+*{padding-top:.5rem!important}.top-bar-search-wrapper{position:relative;flex:1;max-width:420px}.top-bar-search{display:flex;align-items:center;gap:.5rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.5rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.top-bar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.top-bar-search-icon{color:var(--text-lighter);flex-shrink:0}.top-bar-search-input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text);flex:1;min-width:0}.top-bar-search-input::placeholder{color:var(--text-lighter)}.top-bar-search-kbd{font-family:inherit;font-size:.6875rem;color:var(--text-lighter);background:var(--background);border:1px solid var(--border);border-radius:4px;padding:.125rem .375rem;white-space:nowrap;flex-shrink:0}.top-bar-search-clear{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--text-lighter);padding:2px;border-radius:4px;flex-shrink:0;transition:color var(--transition-fast)}.top-bar-search-clear:hover{color:var(--text)}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f;z-index:1000;overflow-y:auto;max-height:420px;animation:dropdownIn .15s ease}.search-dropdown-empty{padding:1.5rem 1rem;text-align:center;color:var(--text-lighter);font-size:.875rem}.search-dropdown-section{padding:.375rem 0}.search-dropdown-section-label{padding:.375rem .75rem;font-size:.6875rem;font-weight:600;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.05em}.search-dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--text);text-align:left;transition:background var(--transition-fast)}.search-dropdown-item:hover,.search-dropdown-item--selected{background:var(--background)}.search-dropdown-item--selected{background:#4f46e50f}.search-dropdown-item-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-light)}.search-dropdown-item--selected .search-dropdown-item-icon{color:var(--primary)}.search-dropdown-item-label{flex:1}.search-dropdown-item-badge{font-size:.6875rem;color:var(--primary);background:#4f46e514;padding:.125rem .5rem;border-radius:999px;font-weight:500}.search-dropdown-item--loading,.search-dropdown-item--empty{color:var(--text-lighter);font-size:.8125rem;cursor:default;padding:.625rem .75rem}.search-dropdown-item--loading:hover,.search-dropdown-item--empty:hover{background:none}.search-dropdown-loading-dot{display:inline-block;width:6px;height:6px;background:var(--primary);border-radius:50%;margin-left:.375rem;vertical-align:middle;animation:searchPulse 1s ease-in-out infinite}@keyframes searchPulse{0%,to{opacity:.3}50%{opacity:1}}.search-dropdown-asset{gap:.5rem}.search-asset-thumb{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--background);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.search-asset-thumb img{width:100%;height:100%;object-fit:cover}.search-asset-type-icon{font-size:.875rem}.search-asset-info{display:flex;flex-direction:column;min-width:0;flex:1}.search-asset-name{font-size:.8125rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-asset-meta{font-size:.6875rem;color:var(--text-lighter)}.search-dropdown-footer{display:flex;gap:1rem;padding:.5rem .75rem;border-top:1px solid var(--border);font-size:.6875rem;color:var(--text-lighter)}.search-dropdown-footer kbd{display:inline-block;font-family:inherit;font-size:.625rem;background:var(--background);border:1px solid var(--border);border-radius:3px;padding:0 .25rem;min-width:1.25rem;text-align:center}.top-bar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.top-bar-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-light);cursor:pointer;transition:all var(--transition-fast)}.top-bar-icon-btn:hover{background:var(--border-light);color:var(--text)}.top-bar-user{position:relative}.top-bar-user-trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}.top-bar-user-dropdown{position:absolute;top:calc(100% + .75rem);right:0;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1;padding:1.5rem;margin-left:var(--sidebar-width-collapsed);width:calc(100% - var(--sidebar-width-collapsed));transition:margin-left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);min-height:100vh}.main-content--sidebar-pinned{margin-left:var(--sidebar-width-expanded);width:calc(100% - var(--sidebar-width-expanded))}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem;line-height:1.2}@media(max-width:480px){.page-title{font-size:1.5rem}}.card{background:var(--card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.card-title{font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;position:relative;overflow:hidden}.btn:before{display:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 6px -1px #4f46e54d,0 2px 4px -1px #4f46e526;border:1px solid transparent}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566,0 4px 6px -2px #4f46e533;filter:brightness(1.1)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-light);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--background);color:var(--text);border-color:var(--text-lighter)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.stat-label{color:var(--text-light);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text)}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.asset-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:modalOverlayIn .2s ease-out}.asset-preview-modal{position:relative;background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;max-width:1400px;width:95vw;max-height:85vh;overflow:hidden;animation:modalBoxIn .25s ease-out}.asset-preview-close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:34px;height:34px;border-radius:8px;background:#0000000d;color:#64748b;border:1px solid rgba(0,0,0,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.asset-preview-close:hover{background:#0000001a;color:#1e293b;border-color:#00000026}.asset-preview-media{flex:1;min-width:0;background:#0f0f0f;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:85vh;overflow:hidden}.asset-preview-image{max-width:100%;max-height:85vh;object-fit:contain}.asset-preview-video{width:100%;max-height:85vh;object-fit:contain;background:#000}.asset-preview-file-icon{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-lighter);padding:3rem}.asset-preview-file-icon span{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-light);background:var(--border);padding:.2rem .6rem;border-radius:var(--radius-sm)}.asset-preview-details{width:340px;flex-shrink:0;padding:1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;border-left:1px solid var(--border)}.asset-preview-filename{font-size:1.05rem;font-weight:600;color:var(--text);line-height:1.4;word-break:break-word;margin:0}.asset-preview-vehicle{font-size:.8rem;font-weight:500;color:var(--primary);background:var(--primary-light);padding:.3rem .6rem;border-radius:var(--radius-sm);display:inline-block}.asset-preview-info-grid{display:flex;flex-direction:column;gap:.5rem}.asset-preview-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.asset-preview-info-label{font-size:.75rem;font-weight:500;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.03em}.asset-preview-info-value{font-size:.8rem;font-weight:500;color:var(--text)}.asset-preview-tags{display:flex;flex-wrap:wrap;gap:.35rem}.asset-preview-tag{font-size:.7rem;padding:.2rem .5rem;background:var(--border-light);color:var(--text-light);border-radius:999px;font-weight:500}.asset-preview-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.75rem}.asset-preview-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:all var(--transition-fast)}.asset-preview-btn--primary{background:var(--primary);color:#fff}.asset-preview-btn--primary:hover{background:var(--primary-dark)}.asset-preview-btn--secondary{background:var(--border-light);color:var(--text)}.asset-preview-btn--secondary:hover{background:var(--border)}@media(max-width:968px){.asset-preview-modal{flex-direction:column;max-height:95vh;width:95vw}.asset-preview-media{min-height:200px;max-height:55vh}.asset-preview-details{width:100%;border-left:none;border-top:1px solid var(--border);max-height:40vh;padding:1.5rem}.asset-preview-close{width:30px;height:30px}}@media(max-width:640px){.asset-preview-overlay{padding:0}.asset-preview-modal{max-width:100vw;max-height:100vh;width:100vw;border-radius:0}.asset-preview-details{padding:1.25rem}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width-expanded);box-shadow:0 8px 32px #0006}.sidebar--mobile-open{transform:translate(0)}.mobile-hamburger{display:flex}.main-content,.main-content--sidebar-pinned{margin-left:0!important;width:100%!important;padding-top:3.5rem}.top-bar-search-kbd{display:none}.top-bar-search-wrapper{max-width:none}}.combobox-wrapper{position:relative;width:100%}.combobox-label{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.combobox-container{position:relative;width:100%}.combobox-button{width:100%;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:.95rem;color:var(--text);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;text-align:left;position:relative}.combobox-button:hover:not(.disabled){border-color:var(--primary);background:var(--background)}.combobox-button.open{border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.combobox-button.active{border-color:var(--primary);background:var(--primary-light)}.combobox-button.disabled{opacity:.6;cursor:not-allowed;background:var(--border-light)}.combobox-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox-badge{background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;line-height:1.2}.combobox-arrow{font-size:.75rem;color:var(--text-light);transition:transform .2s;flex-shrink:0}.combobox-button.open .combobox-arrow{transform:rotate(180deg)}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.combobox-dropdown-portal{position:fixed!important;z-index:10000}.combobox-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--background)}.combobox-select-all{background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;transition:all .2s}.combobox-select-all:hover{color:var(--primary-dark);text-decoration:underline}.combobox-search-wrapper{position:relative;padding:.75rem;border-bottom:1px solid var(--border)}.combobox-search-input{width:100%;padding:.625rem 2rem .625rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;color:var(--text);transition:all .2s}.combobox-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #10b9811a}.combobox-search-clear{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:var(--border);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:var(--text-light);transition:all .2s;padding:0;line-height:1}.combobox-search-clear:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1)}.combobox-options{overflow-y:auto;max-height:200px;padding:.25rem 0}.combobox-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.combobox-option:hover{background:var(--background)}.combobox-option.selected{background:var(--primary-light)}.combobox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.combobox-option-text{color:var(--text);font-size:.95rem;font-weight:500;flex:1}.combobox-loading,.combobox-empty{padding:1.5rem;text-align:center;color:var(--text-light);font-size:.875rem}.combobox-empty{color:var(--text-lighter)}@media(max-width:768px){.combobox-dropdown{max-height:250px}.combobox-options{max-height:150px}}.bulk-upload-modal{max-width:720px;width:95%}.bulk-upload-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.bulk-upload-dropzone{border:2px dashed var(--border);border-radius:12px;background:var(--background);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.bulk-upload-dropzone:hover{border-color:var(--primary);background:var(--card);box-shadow:0 4px 12px #10b98126}.bulk-upload-dropzone.parsing{border-color:var(--primary);background:var(--primary-light);cursor:wait}.bulk-upload-dropzone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.bulk-upload-dropzone .dropzone-icon{color:var(--text-light)}.bulk-upload-dropzone:hover .dropzone-icon{color:var(--primary)}.bulk-upload-dropzone .dropzone-primary{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.bulk-upload-dropzone .dropzone-secondary{font-size:.875rem;color:var(--text-light);margin:0}.bulk-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:bulkSpin .8s linear infinite}.bulk-mini-spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:bulkSpin .8s linear infinite}@keyframes bulkSpin{to{transform:rotate(360deg)}}.bulk-format-guide{margin-top:1rem;padding:.75rem 1rem;background:var(--background);border-radius:8px;font-size:.8rem;color:var(--text-light);display:flex;flex-direction:column;gap:.35rem}.bulk-format-guide strong{color:var(--text);font-size:.8rem;margin-bottom:.15rem}.bulk-format-guide code{font-family:SF Mono,Fira Code,monospace;background:var(--card);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;color:var(--primary-dark)}.bulk-error-state{text-align:center;padding:2rem 1rem}.bulk-error-state p{margin:0 0 .75rem;color:var(--text);line-height:1.5}.bulk-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--primary-light);border-radius:8px;margin-bottom:1rem;font-size:.9rem;color:var(--text)}.bulk-skipped{color:var(--text-light);font-size:.8rem}.bulk-table-wrapper{max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-bottom:1rem}.bulk-upload-table{width:100%;border-collapse:collapse;font-size:.85rem}.bulk-upload-table thead{position:sticky;top:0;z-index:1}.bulk-upload-table th{background:var(--background);padding:.6rem .75rem;text-align:left;font-weight:600;color:var(--text-light);border-bottom:1px solid var(--border);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.bulk-upload-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border-light);color:var(--text)}.bulk-upload-table tbody tr:last-child td{border-bottom:none}.bulk-upload-table tbody tr:hover{background:var(--background)}.bulk-remove-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.25rem;line-height:1;padding:.2rem .4rem;border-radius:4px;transition:all .15s}.bulk-remove-btn:hover{background:#fef2f2;color:#ef4444}.bulk-tenant-section{margin-bottom:1rem}.bulk-tenant-section label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text)}.bulk-tenant-select{position:relative}.bulk-tenant-select .multi-select-trigger{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:var(--background);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;box-sizing:border-box}.bulk-tenant-select .multi-select-trigger:hover{border-color:var(--primary)}.bulk-tenant-select .multi-select-trigger .placeholder{color:var(--text-light)}.bulk-tenant-select .dropdown-arrow{color:var(--text-light);font-size:.75rem;transition:transform .2s}.bulk-tenant-select .multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.bulk-tenant-select .multi-select-option{display:flex;align-items:center;padding:.6rem .75rem;cursor:pointer;transition:background-color .15s;gap:.5rem}.bulk-tenant-select .multi-select-option:hover{background:var(--border-light)}.bulk-tenant-select .multi-select-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.bulk-tenant-select .multi-select-option span{font-size:.85rem;color:var(--text)}.bulk-tenant-section .selected-tenants-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.bulk-tenant-section .tenant-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:var(--primary-light);color:var(--primary-dark);border-radius:6px;font-size:.8rem;font-weight:500}.bulk-tenant-section .tag-remove{background:none;border:none;color:var(--primary-dark);cursor:pointer;font-size:1.1rem;line-height:1;padding:0;border-radius:50%;transition:all .15s}.bulk-tenant-section .tag-remove:hover{background:#0000001a}.bulk-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.bulk-actions .btn-primary,.bulk-actions .btn-secondary{padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.bulk-actions .btn-primary{background:var(--primary);color:#fff}.bulk-actions .btn-primary:hover{background:var(--primary-dark)}.bulk-actions .btn-secondary{background:var(--background);color:var(--text);border:1px solid var(--border)}.bulk-actions .btn-secondary:hover{background:var(--border-light)}.bulk-progress-section{margin-bottom:1rem}.bulk-progress-header{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text);margin-bottom:.5rem}.bulk-progress-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.bulk-progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.bulk-group-status-list{display:flex;flex-direction:column;gap:.35rem;max-height:300px;overflow-y:auto}.bulk-group-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;background:var(--background)}.bulk-group-status.uploading{background:#eff6ff}.bulk-group-status.success{background:#f0fdf4}.bulk-group-status.error{background:#fef2f2}.bulk-status-icon{width:20px;text-align:center;font-weight:600}.bulk-group-status.success .bulk-status-icon{color:var(--primary)}.bulk-group-status.error .bulk-status-icon{color:#ef4444}.bulk-group-name{flex:1;font-weight:500;color:var(--text)}.bulk-group-count{color:var(--text-light);font-size:.8rem}.bulk-group-error{color:#ef4444;font-size:.8rem;margin-left:.25rem}.bulk-complete-summary{display:flex;gap:1.5rem;justify-content:center;padding:1.5rem 0}.bulk-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.bulk-stat-num{font-size:2rem;font-weight:700;line-height:1}.bulk-stat.success .bulk-stat-num{color:var(--primary)}.bulk-stat.error .bulk-stat-num{color:#ef4444}.bulk-stat.neutral .bulk-stat-num{color:var(--text)}.bulk-stat-label{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.bulk-failed-list{margin-top:1rem;padding:.75rem 1rem;background:#fef2f2;border-radius:8px;font-size:.85rem}.bulk-failed-list strong{display:block;margin-bottom:.5rem;color:#991b1b}.bulk-failed-item{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;color:var(--text)}.bulk-failed-item+.bulk-failed-item{border-top:1px solid #fecaca}.gallery-container{animation:fadeIn .3s ease-in;width:100%;max-width:100%;margin:0;padding:1rem}.gallery-content-wrapper{display:flex;gap:2rem;align-items:flex-start}.search-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.filters-divider{height:1px;background:linear-gradient(to right,transparent 0%,var(--border) 10%,var(--border) 90%,transparent 100%);margin:1.25rem 0 1.5rem;position:relative}.filters-divider:after{content:"Filters";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--card);padding:0 .75rem;font-size:.75rem;font-weight:600;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.1em}.filter-select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--card);color:var(--text);cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #3b82f61a}.gallery-main-content{flex:1;min-width:0}.upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2c3e50;color:#fff;border:none;border-radius:8px;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #2c3e5033}.upload-button:hover{background:#1a252f;transform:translateY(-1px);box-shadow:0 4px 12px #2c3e504d}.upload-button svg{flex-shrink:0}.sort-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sort-label{font-size:.875rem;font-weight:600;color:var(--text-light);margin:0}.sort-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.sort-btn{padding:.5rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .2s;white-space:nowrap}.sort-btn:hover{border-color:var(--secondary);color:var(--secondary);background:var(--background)}.sort-btn.active{background:var(--secondary);color:#fff;border-color:var(--secondary)}.sort-btn.active:hover{background:#2563eb}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.vehicle-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;animation:cardFadeIn .4s ease-out both}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.vehicle-card-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--border-light)}.vehicle-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.vehicle-card:hover .vehicle-card-image{transform:scale(1.05)}.vehicle-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--border) 0%,var(--border-light) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem}.bookmark-button{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;color:var(--text-light)}.bookmark-button:hover{background:var(--card);color:var(--secondary);transform:scale(1.1);box-shadow:var(--shadow-md)}.vehicle-delete-button{position:absolute;top:.75rem;right:.75rem;width:40px;height:40px;background:#ef4444f2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10;color:#fff;opacity:0}.vehicle-card:hover .vehicle-delete-button{opacity:1}.vehicle-delete-button:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.vehicle-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.vehicle-card-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0;line-height:1.3}.vehicle-card-subtitle{font-size:.875rem;color:var(--text-light);margin:0;font-weight:500}.vehicle-color-options{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--border)}.color-dot.active{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--secondary);transform:scale(1.1)}.color-dot:hover{transform:scale(1.15)}.vehicle-card-details{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.vehicle-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-light)}.vehicle-detail-icon{font-size:1rem}.gallery-header{margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.gallery-title{font-size:2rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:.75rem}.gallery-filters{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.filter-icon{font-size:1rem;opacity:.8}.tenant-filter-wrapper,.search-filter-wrapper{display:flex;flex-direction:column;min-width:200px}.vehicle-info-card{margin-bottom:2rem}.tenant-filter-wrapper{position:relative}.tenant-filter-button{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--card);color:var(--text);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;font-weight:500;position:relative}.tenant-filter-button:hover{border-color:var(--primary);background:var(--background)}.tenant-filter-button:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.tenant-filter-button.active{border-color:var(--primary);background:var(--primary-light)}.tenant-filter-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-badge{background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;line-height:1.2}.tenant-filter-arrow{font-size:.75rem;transition:transform .2s;color:var(--text-light)}.tenant-filter-button.open .tenant-filter-arrow{transform:rotate(180deg)}.tenant-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:100;max-height:300px;overflow-y:auto;animation:slideDown .2s ease}.tenant-dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--background);display:flex;justify-content:space-between;align-items:center;gap:1rem}.tenant-dropdown-title{font-size:.875rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.tenant-select-all{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;transition:all .2s}.tenant-select-all:hover{color:var(--primary-dark);background:#10b9811a}.tenant-dropdown-list{padding:.5rem 0;max-height:250px;overflow-y:auto}.tenant-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none;position:relative}.tenant-option:hover{background:var(--background)}.tenant-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);margin-top:2px;flex-shrink:0}.tenant-option-text{color:var(--text);font-size:.95rem;font-weight:500;flex:1}.tenant-option-desc{display:block;color:var(--text-light);font-size:.8rem;margin-top:.25rem;line-height:1.4}.tenant-option.disabled{padding:.75rem 1rem;color:var(--text-light);font-size:.95rem;cursor:not-allowed;opacity:.6}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;width:100%;transition:all .2s;background:var(--card);color:var(--text)}.search-input::placeholder{color:var(--text-lighter)}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--border);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;color:var(--text-light);transition:all .2s;padding:0;line-height:1}.search-clear:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1)}.clear-filters-btn{padding:.875rem 1.25rem;border:2px solid var(--border);border-radius:10px;font-size:.875rem;font-weight:600;background:var(--card);color:var(--text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em;align-self:flex-end;display:flex;align-items:center;gap:.5rem}.clear-filters-btn:before{content:"✕";font-size:1rem}.clear-filters-btn:hover{border-color:var(--error);background:var(--error-light);color:var(--error);transform:translateY(-1px);box-shadow:var(--shadow-md)}.image-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.thumbnail-card{background:var(--card);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;aspect-ratio:4/3;box-shadow:var(--shadow);border:1px solid var(--border)}.thumbnail-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary)}.thumbnail-card:active{transform:translateY(-4px) scale(1.01)}.thumbnail-card:hover .thumbnail-overlay{opacity:1;background:linear-gradient(to top,#000000d9,#0006,#0000)}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.thumbnail-card:hover .thumbnail-image{transform:scale(1.05)}.thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--border-light) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem}.thumbnail-overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem 1.25rem;background:linear-gradient(to top,#000000b3,#0000004d,#0000);opacity:.9;transition:all .3s ease}.thumbnail-info{display:flex;flex-direction:column;gap:.25rem}.thumbnail-title{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.thumbnail-count{color:#ffffffe6;font-size:.875rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vehicle-card-header,.vehicle-year,.vehicle-count,.vehicle-name,.vehicle-trim,.vehicle-color{display:none}.back-button{background:var(--card);border:1px solid var(--border);padding:.75rem 1.5rem;border-radius:8px;color:var(--text);cursor:pointer;font-weight:500;margin-bottom:1.5rem;transition:all .2s}.back-button:hover{background:var(--background)}.vehicle-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.vehicle-detail-title{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.vehicle-meta{color:var(--text-light);margin:.25rem 0}.edit-form{width:100%}.edit-form h2{margin:0 0 1.5rem;color:var(--text)}.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.edit-field label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:600;font-size:.9rem}.edit-field input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;transition:all .2s}.edit-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.edit-actions{display:flex;gap:1rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.image-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:all .3s;position:relative}.image-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery-image{width:100%;height:240px;object-fit:cover;display:block}.image-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.image-card:hover .image-actions{opacity:1}.download-image-btn,.delete-image-btn{width:40px;height:40px;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff}.download-image-btn{background:#10b981f2}.download-image-btn:hover{background:#059669;transform:scale(1.1)}.delete-image-btn{background:#ef4444f2}.delete-image-btn:hover{background:#dc2626;transform:scale(1.1)}.image-meta{padding:1rem}.image-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.25rem;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.tag button:hover{opacity:1}.tag-input-container{display:flex;gap:.5rem}.tag-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem}.tag-input:focus{outline:none;border-color:var(--primary)}@media(max-width:1024px){.gallery-content-wrapper{flex-direction:column}.filters-sidebar{width:100%;position:static;max-height:none}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.gallery-container{padding:1rem}.mobile-filter-toggle{display:flex}.gallery-content-wrapper{flex-direction:column}.filters-sidebar{display:none!important}.mobile-filter-overlay{display:block}.vehicle-grid{grid-template-columns:1fr;gap:1rem}.results-header{flex-direction:column;align-items:flex-start;gap:.75rem}.upload-button{width:100%;justify-content:center}.sort-controls{width:100%;justify-content:space-between}.sort-buttons{flex:1;justify-content:flex-end}}@media(max-width:480px){.gallery-container{padding:.5rem}.search-section{padding:.75rem;margin-bottom:1rem}.vehicle-card-content{padding:1rem}.vehicle-card-title{font-size:1.1rem}}.color-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.color-folder-card{background:var(--card);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;position:relative}.color-folder-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.color-folder-thumbnail{width:100%;height:200px;object-fit:cover;display:block;flex-shrink:0}.color-folder-placeholder,.add-color-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--border-light) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem;flex-shrink:0}.add-color-card{border:2px dashed var(--border);background:var(--background)}.add-color-card:hover{border-color:var(--primary);background:var(--card)}.add-color-placeholder{background:transparent;color:var(--primary)}.color-folder-info{padding:1rem;background:var(--card);flex:1;display:flex;flex-direction:column;justify-content:center;min-height:80px}.color-folder-name{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .25rem;flex:1;min-width:0}.color-folder-count{font-size:.875rem;color:var(--text-light);margin:0}.color-folder-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.btn-icon-edit{background:#10b9811a;border:1px solid var(--border);border-radius:6px;font-size:1.1rem;cursor:pointer;padding:.5rem;opacity:.8;transition:all .2s;flex-shrink:0}.btn-icon-edit:hover{opacity:1;background:#10b98133;border-color:var(--primary);transform:scale(1.1)}.color-edit-form{display:flex;flex-direction:column;gap:.5rem}.color-name-input-small{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;width:100%}.color-name-input-small:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #10b9811a}.color-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#fff;font-weight:700}.btn-icon-success{background:var(--primary)}.btn-icon-success:hover{background:var(--primary-dark);transform:scale(1.05)}.btn-icon-cancel{background:#ef4444}.btn-icon-cancel:hover{background:#dc2626;transform:scale(1.05)}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:underline;padding:.5rem 1rem;font-size:.9rem}.btn-link:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--card, #ffffff);border-radius:16px;padding:2.5rem!important;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;border:1px solid var(--border, #e5e7eb);color:var(--text, #111827);box-sizing:border-box;display:flex;flex-direction:column}.modal-content h3{margin:0 0 1.5rem;color:var(--text);font-size:1.5rem}.add-color-form{display:flex;flex-direction:column;gap:1rem}.color-name-input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:all .2s}.color-name-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.file-input{padding:1.5rem;border:2px dashed var(--border, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s;background:var(--background, #f9fafb);width:100%;min-height:100px;display:flex;align-items:center;justify-content:center}.file-input:hover{border-color:var(--primary);background:var(--background)}.uploading-text{text-align:center;color:var(--primary);font-weight:600;margin:0}@media(max-width:768px){.color-folders-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.modal-content{padding:1.5rem}}@media(max-width:480px){.image-thumbnail-grid{grid-template-columns:1fr;gap:1rem}.thumbnail-card{aspect-ratio:16/10}.color-folders-grid{grid-template-columns:1fr}}.skeleton-details{height:.875rem;width:80%;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite;animation-delay:.2s;margin-top:.5rem}.pagination-btn{min-width:40px;height:40px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#10b9811a;transform:translate(-50%,-50%);transition:width .4s,height .4s}.pagination-btn:hover:not(:disabled):before{width:100%;height:100%}.pagination-btn.active:before{background:#fff3}@media(max-width:768px){.pagination-container{margin-top:2rem;padding-top:1.5rem}.pagination-controls{gap:.25rem}.pagination-btn{min-width:36px;height:36px;padding:.5rem;font-size:.875rem}.pagination-pages{gap:.125rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:1.5rem}.modal-body p{margin:0 0 1rem;color:#374151;line-height:1.5}.modal-body p:last-child{margin-bottom:0}.delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;color:#991b1b;font-size:.875rem}.delete-warning strong{color:#7f1d1d}.modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.modal-actions .btn-secondary,.modal-actions .btn-danger{flex:1}.btn-danger{background:#ef4444!important;color:#fff!important;border:none!important}.btn-danger:hover:not(:disabled){background:#dc2626!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.generated-images-container{animation:fadeIn .3s ease-in;width:100%;max-width:100%;margin:0;padding:1rem}.mobile-filter-toggle{display:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;margin-bottom:1rem;box-shadow:var(--shadow);position:relative}.mobile-filter-toggle:hover{border-color:var(--primary);background:var(--background)}.mobile-filter-toggle svg{width:20px;height:20px}.filter-badge-mobile{position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:20px;text-align:center;line-height:1.2}.mobile-filter-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.mobile-filter-sidebar{position:absolute;top:0;left:0;width:320px;max-width:85vw;height:100%;background:var(--card);box-shadow:var(--shadow-lg);overflow-y:auto;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card);z-index:10}.mobile-filter-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text)}.mobile-filter-close{width:32px;height:32px;border:none;background:var(--border-light);border-radius:50%;font-size:1.25rem;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-filter-close:hover{background:var(--border);color:var(--text)}.mobile-filter-content{padding:1.5rem}.generated-images-content-wrapper{display:flex;gap:2rem;align-items:flex-start}.filters-sidebar{background:var(--card);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);width:280px;flex-shrink:0;position:sticky;top:84px;overflow-y:auto;align-self:flex-start}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.filters-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.reset-all-btn{background:none;border:none;color:var(--secondary);font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.reset-all-btn:hover{background:var(--border-light)}.filter-section{margin-bottom:1.5rem}.filter-section-label{display:block;font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.5rem;letter-spacing:.05em}.filter-input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--card);color:var(--text);transition:all .2s}.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.reset-filters-btn{width:100%;padding:.75rem;background:var(--error);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.reset-filters-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.apply-filters-btn{width:100%;padding:.875rem 1.25rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.apply-filters-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.apply-filters-btn:active:not(:disabled){transform:translateY(0)}.apply-filters-btn:disabled{background:var(--border);color:var(--text-lighter);cursor:not-allowed;opacity:.6}.apply-filters-btn.has-changes{background:var(--primary);color:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b98100}}.generated-images-main-content{flex:1;min-width:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--card);border-radius:8px;box-shadow:var(--shadow);flex-wrap:wrap;gap:1rem}.results-count{font-size:1rem;font-weight:600;color:var(--text)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.image-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.image-card-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--border-light);cursor:pointer;transition:transform .2s}.image-card-image-wrapper:hover{transform:scale(1.02)}.image-card-image-wrapper:after{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;opacity:0;transition:opacity .2s;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.3)}.image-card-image-wrapper:hover:after{opacity:.8}.image-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.image-card:hover .image-card-image{transform:scale(1.05)}.image-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--border) 0%,var(--border-light) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:3rem;gap:.5rem}.image-card-placeholder p{font-size:.875rem;color:var(--text-light);margin:0}.image-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.image-card-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0;line-height:1.3}.image-card-vehicle-info{font-size:.875rem;font-weight:500;color:#3b82f6;padding:.375rem .75rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3px solid #3b82f6;border-radius:4px;display:inline-block;margin-top:.25rem}.image-card-details{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.image-detail-item{display:inline-block;padding:.25rem .75rem;background:var(--border-light);border-radius:6px;font-size:.875rem;color:var(--text-light);font-weight:500}.image-card-tenant{margin-top:.25rem}.tenant-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-light);color:var(--primary);border-radius:6px;font-size:.875rem;font-weight:600}.image-card-date{font-size:.875rem;color:var(--text-lighter);margin-top:.25rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-card{pointer-events:none;cursor:default}.skeleton-card:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border)}.skeleton-image{width:100%;height:100%;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-subtitle{height:.875rem;width:60%;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite;animation-delay:.1s;margin-top:.5rem}.skeleton-title{height:1.25rem;width:70%;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;border-radius:4px;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-container{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.5rem;align-items:center}.pagination-info{color:var(--text-light);font-size:.9rem}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-pages{display:flex;gap:.25rem}.pagination-btn{min-width:40px;height:40px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--background);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 2px 8px #10b98133}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--background)}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #10b9814d}.pagination-btn.active:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}@media(max-width:1024px){.generated-images-content-wrapper{flex-direction:column}.filters-sidebar{width:100%;position:static;max-height:none}.images-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.generated-images-container{padding:1rem}.mobile-filter-toggle{display:flex}.generated-images-content-wrapper{flex-direction:column}.filters-sidebar{display:none!important}.mobile-filter-overlay{display:block}.images-grid{grid-template-columns:1fr;gap:1rem}.results-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.generated-images-container{padding:.5rem}.image-card-content{padding:1rem}.image-card-title{font-size:1.1rem}.pagination-container{margin-top:2rem;padding-top:1.5rem}.pagination-controls{gap:.25rem}.pagination-btn{min-width:36px;height:36px;padding:.5rem;font-size:.875rem}.pagination-pages{gap:.125rem}}.view-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf!important;display:flex;align-items:center;justify-content:center;z-index:1001!important;animation:fadeIn .2s ease-in}.view-modal-overlay .view-modal-content{max-width:1400px!important;max-height:85vh!important;width:95vw!important;padding:0!important;display:flex!important;flex-direction:row!important;gap:0!important;overflow:hidden!important;position:relative;border-radius:16px;box-shadow:0 20px 60px #00000080;background:var(--card)}.modal-close-button{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:12px;background:#fffffff2;color:#2c3e50;border:none;font-size:2rem;font-weight:400;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #00000026}.modal-close-button:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.view-modal-media{flex:1;display:flex;align-items:center;justify-content:center;background:#1a1a1a;overflow:hidden;position:relative;min-height:500px}.view-modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.image-placeholder-large{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6b7280;padding:3rem}.image-placeholder-large span{font-size:4rem}.image-placeholder-large p{font-size:1.1rem;margin:0}.view-modal-details{width:380px;background:var(--card);padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;border-left:1px solid var(--border)}.view-modal-filename{font-size:1.5rem;font-weight:700;color:var(--text);margin:0;word-break:break-word}.view-modal-attributes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.attribute-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:6px;font-size:.875rem;font-weight:600}.view-modal-info-grid{display:flex;flex-direction:column;gap:1rem}.view-modal-info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.view-modal-info-label{font-size:.875rem;font-weight:600;color:var(--text-light);min-width:80px}.view-modal-info-value{font-size:.875rem;color:var(--text);text-align:right;word-break:break-word}@media(max-width:768px){.view-modal-overlay .view-modal-content{flex-direction:column!important;max-height:95vh!important;width:95vw!important}.view-modal-media{min-height:300px;max-height:60vh}.view-modal-details{width:100%;max-height:40vh;padding:1.5rem;border-left:none;border-top:1px solid var(--border)}.modal-close-button{width:40px;height:40px;top:1rem;right:1rem;font-size:1.75rem}.view-modal-filename{font-size:1.25rem}.attribute-badge{font-size:.8rem;padding:.4rem .8rem}}.generated-image-delete-button{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#ef4444e6;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;z-index:10;box-shadow:0 2px 8px #0003}.image-card-image-wrapper:hover .generated-image-delete-button{opacity:1}.generated-image-delete-button:hover{background:#dc2626;transform:scale(1.1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1002;animation:modalOverlayIn .2s ease-out}.modal-content{background:var(--card);border-radius:var(--radius-xl);padding:1.75rem;max-width:480px;width:90%;box-shadow:var(--shadow-xl);animation:modalBoxIn .25s ease-out}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalBoxIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-confirm-modal h3{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:var(--text)}.delete-confirm-modal p{margin:0 0 1.5rem;color:var(--text-light);line-height:1.6}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.modal-button-secondary{background:var(--background);color:var(--text);border:1px solid var(--border)}.modal-button-secondary:hover{background:var(--border-light)}.modal-button-danger{background:#ef4444;color:#fff}.modal-button-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media(max-width:640px){.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.modal-button{width:100%}}.dam-container{padding:1rem;max-width:100%;margin:0}.dam-header{margin-bottom:1.25rem}.dam-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dam-header h1{margin:0}.header-actions{display:flex;gap:.5rem;align-items:center}.toggle-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.toggle-button:hover{border-color:var(--primary);background:var(--card)}.toggle-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.toggle-button.active:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.upload-toggle-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.upload-toggle-button:hover{background:var(--primary-dark)}.upload-zone{display:flex;align-items:center;gap:.625rem;border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:.875rem 1.25rem;background:var(--background);transition:all var(--transition-fast);cursor:pointer}.upload-zone:hover{border-color:var(--primary);background:var(--primary-light)}.upload-icon-svg{flex-shrink:0;color:var(--text-lighter)}.upload-text{font-size:.8125rem;color:var(--text-light)}.upload-text strong{color:var(--primary);font-weight:600}.upload-hint{font-size:.75rem;color:var(--text-lighter);margin-left:auto}.upload-progress-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius-md);flex-wrap:wrap}.upload-progress-spinner{width:14px;height:14px;border:2px solid var(--primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.upload-progress-text{font-size:.8125rem;font-weight:600;color:var(--primary)}.upload-item{padding:.2rem .5rem;background:var(--card);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-light);border:1px solid var(--border)}.dam-filters{margin-bottom:1.25rem;padding:.75rem;background:var(--card);border-radius:var(--radius-lg);border:1px solid var(--border)}.filter-row{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center;justify-content:center}.search-input-wrapper{position:relative;flex:1 1 180px;min-width:180px;max-width:250px;height:34px}.search-input{width:100%;padding-right:2.25rem;height:34px}.search-clear-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:var(--border);color:var(--text-lighter);border-radius:50%;font-size:.875rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.search-clear-btn:hover{background:var(--text-lighter);color:#fff}.search-spinner{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center}.spinner-icon{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.filter-input,.filter-select{padding:0 .625rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text);background:var(--background);flex:0 1 auto;min-width:100px;height:34px;line-height:34px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-select{flex:0 1 140px;max-width:160px;padding-right:1.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-input-small{flex:0 1 100px;max-width:110px}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.filter-input::placeholder{color:var(--text-lighter)}.filter-button{padding:0;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;transition:all var(--transition-fast);flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-light)}.filter-button:hover{background:var(--border-light);color:var(--text)}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;transition:opacity .2s ease}.assets-grid.searching{opacity:.6;pointer-events:none}.asset-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.asset-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.asset-card{position:relative}.asset-card.selected{box-shadow:0 0 0 3px var(--primary)}.asset-card.selected:hover{box-shadow:0 0 0 3px var(--primary),0 10px 25px #00000026}.asset-card .asset-checkbox{position:absolute;top:10px;right:10px;z-index:10;width:22px;height:22px;border-radius:8px;border:2px solid rgba(255,255,255,.5);background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease,transform .15s ease;display:flex;align-items:center;justify-content:center}.asset-card:hover .asset-checkbox,.asset-card.selected .asset-checkbox{opacity:1}.asset-card .asset-checkbox:after{content:"";display:block;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-.5px);opacity:0;transition:opacity .15s ease}.asset-card .asset-checkbox.checked{background:var(--primary);border-color:var(--primary)}.asset-card .asset-checkbox.checked:after{opacity:1}.asset-card .asset-checkbox:hover{transform:scale(1.1);border-color:#fffc}.asset-thumbnail{position:relative;width:100%;height:300px;background:radial-gradient(circle,#f8fafc,#e2e8f0);overflow:hidden}.asset-thumbnail.processing{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.thumbnail-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#6b7280;height:100%}.thumbnail-processing span{font-size:.875rem;font-weight:500}.processing-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.thumbnail-image{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem}.thumbnail-document{flex-direction:column;gap:.25rem;background:#f8fafc;color:var(--text-lighter, #94a3b8)}.thumbnail-document-ext{font-size:.8rem;font-weight:700;color:var(--text-light, #475569);letter-spacing:.03em}.asset-type-badge{position:absolute;top:12px;left:12px;background-color:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.asset-duration-badge{position:absolute;bottom:12px;right:12px;background-color:#000c;color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.asset-generated-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.05em;box-shadow:0 2px 8px #667eea66}.asset-status-badge{position:absolute;top:12px;right:12px;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-pending{background-color:#fef3c7;color:#92400e}.status-processing{background-color:#e0e7ff;color:#3730a3}.status-ready{background-color:#d1fae5;color:#065f46}.status-failed{background-color:#fee2e2;color:#991b1b}.asset-actions{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#0009;opacity:0;transition:opacity .3s ease}.asset-card:hover .asset-actions{opacity:1}.action-button{background-color:#fffffff2;border:none;padding:.75rem;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;text-decoration:none;color:#2c3e50;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.action-button-download{color:#2c3e50}.action-button-download:hover{background-color:#2c3e50;color:#fff}.action-button-tag{color:#16a34a}.action-button-tag:hover{background-color:#16a34a;color:#fff}.action-button-danger{color:#dc2626}.action-button-danger:hover{background-color:#dc2626;color:#fff}.asset-info{padding:1rem}.asset-filename{font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-attributes{font-size:.875rem;font-weight:500;color:var(--primary);margin-bottom:.625rem;padding:.375rem .75rem;background:linear-gradient(135deg,var(--primary-light) 0%,#e0e7ff 100%);border-left:3px solid var(--primary);border-radius:4px;display:inline-block}.asset-meta{display:flex;gap:1rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.asset-date{font-size:.75rem;color:#9ca3af;margin-bottom:.5rem}.asset-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.asset-tag{background-color:var(--primary-light);color:#3730a3;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}.tag-remove{background:none;border:none;color:#3730a3;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.25rem}.tag-remove:hover{color:#312e81}.pagination{display:flex;justify-content:center;align-items:center;gap:.25rem;padding:1.5rem 0 .5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text-light);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--background);color:var(--text);border-color:var(--text-lighter)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-num{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .375rem;border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--text-light);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-num:hover{background:var(--background);color:var(--text)}.pagination-num--active{background:var(--primary);color:#fff;font-weight:600;border-color:var(--primary)}.pagination-num--active:hover{background:var(--primary-dark);color:#fff}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:28px;height:34px;color:var(--text-lighter);font-size:.8125rem;letter-spacing:.1em}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.loading-state{font-size:1.125rem}.empty-state p{margin:1rem 0;font-size:1.125rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayIn .2s ease-out}.modal-content{background:var(--card);border-radius:var(--radius-xl);padding:1.75rem;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalBoxIn .25s ease-out}.modal-content h2{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.modal-content h3{font-size:.95rem;font-weight:600;margin-top:1.25rem;margin-bottom:.75rem;color:var(--text)}.tag-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:modalOverlayIn .2s ease-out}.tag-modal{position:relative;background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;width:100%;overflow:hidden;animation:modalBoxIn .25s ease-out}.tag-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:34px;height:34px;border-radius:8px;background:#0000000d;color:#64748b;border:1px solid rgba(0,0,0,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tag-modal-close:hover{background:#0000001a;color:#1e293b;border-color:#00000026}.tag-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.tag-modal-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tag-modal-title{font-size:1rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.tag-modal-subtitle{font-size:.75rem;color:var(--text-lighter);margin:.125rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.tag-modal-body{padding:1.25rem 1.5rem}.tag-modal-form{display:flex;flex-direction:column;gap:1rem}.tag-form-field{display:flex;flex-direction:column;gap:.375rem}.tag-form-label{font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.03em}.tag-form-select,.tag-form-input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--text);background:var(--background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tag-form-select:focus,.tag-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.tag-form-input::placeholder{color:var(--text-lighter)}.tag-modal-existing{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-light)}.tag-modal-existing-label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.625rem}.tag-modal-chips{display:flex;flex-wrap:wrap;gap:.375rem}.tag-modal-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--border-light);border-radius:999px;transition:background var(--transition-fast)}.tag-modal-chip:hover{background:var(--border)}.tag-modal-chip-type{font-size:.625rem;font-weight:600;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.03em}.tag-modal-chip-value{font-size:.75rem;font-weight:500;color:var(--text)}.tag-modal-chip-remove{background:none;border:none;color:var(--text-lighter);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);margin-left:.125rem}.tag-modal-chip-remove:hover{background:#ef44441a;color:#ef4444}.tag-modal-footer{display:flex;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--background)}.tag-modal-btn{flex:1;padding:.55rem 1rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all var(--transition-fast)}.tag-modal-btn--cancel{background:var(--border-light);color:var(--text-light)}.tag-modal-btn--cancel:hover{background:var(--border);color:var(--text)}.tag-modal-btn--add{background:var(--primary);color:#fff}.tag-modal-btn--add:hover:not(:disabled){background:var(--primary-dark)}.tag-modal-btn--add:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.tag-modal-overlay{padding:1rem}.tag-modal{max-width:100%}}.button-primary,.button-secondary{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.button-primary{background-color:var(--primary);color:#fff;border:none}.button-primary:hover{background-color:#2563eb}.button-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.button-secondary:hover{background-color:#f3f4f6}.button-secondary.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.button-secondary.active:hover{background-color:#2563eb;border-color:#2563eb}@media(max-width:768px){.dam-container{padding:1rem}.dam-header-content{flex-direction:column;gap:.75rem;align-items:flex-start}.header-actions{flex-wrap:wrap;width:100%}.toggle-button,.upload-toggle-button{flex:1;justify-content:center;min-width:0}.dam-header h1{font-size:1.5rem}.upload-zone{padding:1.25rem 1rem}.filter-row{flex-wrap:wrap}.search-input-wrapper{flex:1 1 100%;max-width:none}.filter-input,.filter-select{flex:1 1 calc(50% - .25rem);min-width:0}.filter-input-small{flex:1 1 calc(33% - .375rem);max-width:none}.assets-grid{grid-template-columns:1fr}.modal-content{width:95%;padding:1.5rem}.tag-form-actions{flex-direction:column}}@media(min-width:769px)and (max-width:1024px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(min-width:1400px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.view-modal-overlay{z-index:1001!important;background-color:#0009!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;animation:modalOverlayIn .2s ease-out}.view-modal-overlay .view-modal-content{max-width:1400px!important;max-height:85vh!important;width:95vw!important;padding:0!important;display:flex!important;flex-direction:row!important;gap:0!important;overflow:hidden!important;position:relative;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:none;animation:modalBoxIn .25s ease-out}.view-modal-content>.modal-close-button{position:absolute;top:.75rem;right:.75rem;width:34px;height:34px;border-radius:8px;background:#0000000d;color:#64748b;border:1px solid rgba(0,0,0,.08);font-size:0;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.view-modal-content>.modal-close-button:hover{background:#0000001a;color:#1e293b;border-color:#00000026}.view-modal-content>.modal-close-button svg{width:15px;height:15px;flex-shrink:0}.view-modal-overlay .view-modal-media{flex:1!important;display:flex;align-items:center;justify-content:center;background:#0f0f0f;min-width:0;min-height:0}.view-modal-image{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain}.view-modal-video{max-width:100%;max-height:85vh;width:100%;height:auto}.view-modal-model{width:100%;height:100%;min-height:500px}.view-modal-document{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:500px}.view-modal-pdf-embed{width:100%;height:100%;min-height:500px;border:none;border-radius:4px}.view-modal-document-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-lighter, #94a3b8)}.view-modal-document-name{font-size:.9rem;font-weight:500;color:var(--text, #0f172a);margin:0;word-break:break-all;text-align:center}.view-modal-document-download{padding:.5rem 1.25rem;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;text-decoration:none;transition:background var(--transition-fast)}.view-modal-document-download:hover{background:var(--primary-dark)}.glb-viewer{background:radial-gradient(circle,#f8fafc,#cbd5e1);border-radius:8px}.glb-thumbnail{width:100%;height:100%;background:radial-gradient(circle,#f8fafc,#e2e8f0)}.thumbnail-3d{width:100%;height:100%;border-radius:12px;overflow:hidden}.view-modal-overlay .view-modal-details{width:340px!important;padding:1.75rem!important;background:#fff!important;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;display:flex;flex-direction:column;gap:1.25rem;border-left:1px solid var(--border)}.view-modal-overlay .view-modal-details::-webkit-scrollbar{width:5px}.view-modal-overlay .view-modal-details::-webkit-scrollbar-track{background:transparent}.view-modal-overlay .view-modal-details::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.view-modal-overlay .view-modal-details::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-modal-filename{font-size:1.05rem;font-weight:600;color:var(--text);margin:0;word-break:break-word;line-height:1.4}.view-modal-vehicle-info{font-size:.8rem;font-weight:500;color:var(--primary);background:var(--primary-light);padding:.3rem .6rem;border-radius:var(--radius-sm);display:inline-block}.view-modal-attributes{display:flex;gap:.5rem;flex-wrap:wrap}.attribute-badge{display:inline-flex;align-items:center;padding:.3rem .6rem;background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.view-modal-info-grid{display:flex;flex-direction:column;gap:.5rem}.view-modal-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.view-modal-info-item:hover{background:transparent}.view-modal-info-label{font-weight:500;color:var(--text-lighter);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.view-modal-info-value{color:var(--text);font-weight:500;text-align:right;font-size:.8rem}.view-modal-info-value.status-pending{color:var(--warning)}.view-modal-info-value.status-processing{color:var(--primary)}.view-modal-info-value.status-ready{color:var(--success)}.view-modal-info-value.status-failed{color:var(--error)}.view-modal-tags{padding-top:0}.qa-screenshots-view{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;overflow:hidden}.back-to-model-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#2c3e50;color:#fff;border:none;border-radius:0;font-size:.938rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.back-to-model-button:hover{background:#1a252f}.qa-screenshots-grid-left{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem;overflow-y:auto;background:#f8f9fa;max-height:calc(90vh - 60px)}.qa-screenshot-item{position:relative;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s ease;display:flex;flex-direction:column;height:380px}.qa-screenshot-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.qa-screenshot-item img{width:100%;height:280px;object-fit:contain;background:#e2e8f0;padding:.75rem;flex-shrink:0}.qa-screenshot-footer{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:#f9fafb;border-top:1px solid #e0e0e0;margin-top:auto;min-height:50px}.qa-screenshot-footer .qa-screenshot-label{font-size:.875rem;font-weight:600;color:#374151;margin:0;flex:1;line-height:1.4;display:block}.qa-screenshot-download-inline{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#2c3e50;transition:all .2s ease;flex-shrink:0}.qa-screenshot-download-inline:hover{background:#2c3e50;border-color:#2c3e50;color:#fff;transform:scale(1.1)}.qa-screenshots-grid-left::-webkit-scrollbar{width:8px}.qa-screenshots-grid-left::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.qa-screenshots-grid-left::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.qa-screenshots-grid-left::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.qa-screenshots-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.qa-screenshots-section h3{font-size:1rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.qa-screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.qa-screenshot-item img{width:100%;height:auto;display:block;background:#e2e8f0}.qa-screenshot-download{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:#fffffff2;border-radius:6px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;color:#2c3e50;box-shadow:0 2px 8px #00000026}.qa-screenshot-item:hover .qa-screenshot-download{opacity:1}.qa-screenshot-download:hover{background:#2c3e50;color:#fff;transform:scale(1.1)}.qa-screenshots-grid::-webkit-scrollbar{width:6px}.qa-screenshots-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.qa-screenshots-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.qa-screenshots-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.view-modal-colors{margin-top:.5rem}.view-modal-colors h3{font-size:.8rem;font-weight:600;color:var(--text-light);margin:0 0 .5rem}.color-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;position:relative;overflow:hidden}.color-swatch:hover{border-color:var(--text-lighter)}.color-swatch.active{border-color:var(--primary);border-width:2px;box-shadow:0 0 0 2px #4f46e533}.color-label{font-size:.6rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#0006;padding:.125rem .375rem;border-radius:3px;margin-top:auto}.view-modal-tags h3{font-size:.8rem;font-weight:600;color:var(--text-light);margin:0 0 .5rem}.view-modal-tags-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.view-modal-tag-item{display:flex;flex-direction:column;gap:.15rem;padding:.4rem .6rem;background:var(--border-light, #f1f5f9);border-radius:var(--radius-md, 6px)}.view-modal-tag-label{font-size:.62rem;font-weight:600;color:var(--text-lighter, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.view-modal-tag-value{font-size:.78rem;font-weight:500;color:var(--text, #0f172a)}.view-modal-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.75rem}.view-modal-actions .button-primary,.view-modal-actions .button-secondary{text-align:center;text-decoration:none;padding:.55rem 1rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.8rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.view-modal-actions .button-primary{background:var(--primary);color:#fff}.view-modal-actions .button-primary:hover{background:var(--primary-dark)}.view-modal-actions .button-secondary{background:var(--border-light);color:var(--text)}.view-modal-actions .button-secondary:hover{background:var(--border)}.view-modal-actions .button-secondary.active{background:var(--primary-light);color:var(--primary)}@media(max-width:968px){.view-modal-overlay .view-modal-content{flex-direction:column!important;max-width:95vw!important;max-height:95vh!important;width:95vw!important}.view-modal-overlay .view-modal-media{flex:0 0 auto!important;max-height:55vh!important}.view-modal-overlay .view-modal-details{width:100%!important;max-height:40vh!important;padding:1.5rem!important;border-left:none;border-top:1px solid var(--border)}.view-modal-content>.modal-close-button{top:.5rem;right:.5rem;width:30px;height:30px}}@media(max-width:640px){.view-modal-overlay .view-modal-content{max-width:100vw!important;max-height:100vh!important;width:100vw!important;border-radius:0}.view-modal-overlay .view-modal-details{padding:1.25rem!important}.view-modal-content>.modal-close-button{top:.5rem;right:.5rem}}.metadata-view-left{width:100%;height:100%;overflow-y:auto;padding:1.5rem}.metadata-section{margin-bottom:2rem}.metadata-section:last-child{margin-bottom:0}.metadata-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1a202c;padding-bottom:.5rem;border-bottom:2px solid #e1e4e8}.metadata-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.metadata-stat-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e1e4e8;box-shadow:0 1px 3px #0000001a}.metadata-stat-label{font-size:.813rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metadata-stat-value{font-size:1.5rem;font-weight:700;color:#1a202c;font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace}.materials-list-left{display:flex;flex-wrap:wrap;gap:.5rem}.material-chip{display:inline-block;padding:.5rem .875rem;background:var(--primary-light);color:#3730a3;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid #c7d2fe;transition:all .2s}.material-chip:hover{background:#c7d2fe;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.meshes-list-left{display:flex;flex-direction:column;gap:.75rem}.mesh-item-left{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden;transition:all .2s}.mesh-item-left:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb1a}.mesh-item-header{padding:.875rem 1rem;background:#f8f9fa;border-bottom:1px solid #e1e4e8}.mesh-name-left{font-size:.938rem;font-weight:600;color:#2563eb;font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace}.mesh-item-details{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.mesh-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.mesh-detail-label{color:#6b7280;font-weight:500}.mesh-detail-value{color:#1a202c;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Courier New,monospace}@media(max-width:768px){.metadata-view-left{padding:1rem}.metadata-summary-grid{grid-template-columns:1fr}.metadata-stat-value{font-size:1.25rem}.mesh-item-header,.mesh-item-details{padding:.75rem}}.toast-container{position:fixed;top:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:300px;max-width:500px;pointer-events:all;animation:slideInRight .3s ease-out;border-left:4px solid}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:var(--primary)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:var(--primary)}.toast-message{flex:1;font-size:.95rem;color:#1f2937;font-weight:500}.toast-close{flex-shrink:0;width:24px;height:24px;border:none;background:none;color:#6b7280;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background:#f3f4f6;color:#1f2937}.delete-confirm-modal{max-width:450px}.delete-confirm-modal .modal-body{padding:1.5rem}.delete-confirm-modal .modal-body p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.6}.modal-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-danger{padding:.625rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}@media(max-width:768px){.toast-container{top:1rem;right:1rem;left:1rem}.toast{min-width:auto;width:100%}}.gr-collection-thumbnail{display:flex!important;align-items:center;justify-content:center;background:#f3f4f6!important;position:relative;overflow:hidden}.gr-collection-preview-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.gr-collection-thumbnail .gr-collection-count{position:absolute;bottom:8px;right:8px;z-index:1}.gr-collection-icon{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#6366f1}.gr-collection-icon svg{opacity:.7}.gr-collection-count{font-size:.875rem;font-weight:600;color:#4f46e5;background:#4f46e51a;padding:.25rem .75rem;border-radius:12px}.gr-badge{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;font-weight:700;letter-spacing:.05em}.gr-collection-modal{max-width:1400px!important;max-height:85vh!important;width:95vw!important}.gr-collection-files{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fafbfc}.gr-collection-files-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:#fff}.gr-collection-files-header h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#0f172a}.gr-collection-summary{font-size:.875rem;color:#64748b;margin:.5rem 0}.gr-collection-bulk-actions{margin-top:.75rem}.gr-collection-bulk-actions .button-secondary{padding:.4rem .875rem;font-size:.813rem}.gr-version-tabs{display:flex;gap:0;padding:0 2rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.gr-version-tab{padding:.75rem 1.25rem;border:none;background:none;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.gr-version-tab-text{padding-bottom:.75rem;margin-bottom:-.75rem;border-bottom:2px solid transparent}.gr-version-tab:hover{color:#6366f1;background:#eef2ff}.gr-version-tab.active{color:#6366f1;font-weight:600}.gr-version-tab.active .gr-version-tab-text{border-bottom-color:#6366f1}.gr-version-tab-count{font-size:.75rem;font-weight:500;color:#94a3b8;background:#f1f5f9;padding:.125rem .5rem;border-radius:999px;min-width:1.25rem;text-align:center}.gr-version-tab.active .gr-version-tab-count{color:#6366f1;background:#eef2ff}.gr-version-golden-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.15rem .5rem;border-radius:999px;border:1px solid #fcd34d;letter-spacing:.02em;text-transform:uppercase}.gr-version-golden-badge svg{color:#d97706}.gr-collection-steps{flex:1;overflow-y:auto;padding:1.5rem 2rem}.gr-step-group{margin-bottom:1.5rem}.gr-step-group:last-child{margin-bottom:0}.gr-step-group-title{font-size:.875rem;font-weight:700;color:#374151;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.gr-step-file-count{font-size:.75rem;font-weight:500;color:#9ca3af}.gr-step-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.gr-file-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .2s ease}.gr-file-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.gr-file-thumbnail{height:120px;display:flex;align-items:center;justify-content:center;background:#f8fafc;cursor:pointer;overflow:hidden}.gr-file-thumbnail img{width:100%;height:100%;object-fit:cover}.gr-file-icon-large{font-size:2.5rem}.gr-file-info{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.125rem}.gr-file-name{font-size:.75rem;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-file-size{font-size:.688rem;color:#9ca3af}.gr-file-download{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#475569;opacity:0;transition:all .2s ease;text-decoration:none}.gr-file-card:hover .gr-file-download{opacity:1}.gr-file-download:hover{background:#2c3e50;border-color:#2c3e50;color:#fff}.gr-bucket{margin-bottom:1.5rem}.gr-bucket:last-child{margin-bottom:0}.gr-bucket-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.gr-bucket-title{font-size:.85rem;font-weight:700;color:#374151;margin:0}.gr-bucket-count{font-size:.7rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:.1rem .45rem;border-radius:10px;margin-left:auto}.gr-bucket-list{display:flex;flex-direction:column;gap:.375rem}.gr-bucket-list-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;transition:background .15s ease}.gr-bucket-list-item:hover{background:#f1f5f9}.gr-bucket-list-icon{font-size:1.25rem;flex-shrink:0}.gr-bucket-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.gr-bucket-list-name{font-size:.8rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-bucket-list-size{font-size:.7rem;color:#94a3b8}.gr-bucket-list-item .gr-file-download{position:static;opacity:0;transition:opacity .15s ease}.gr-bucket-list-item:hover .gr-file-download{opacity:1}.gr-lightbox{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;border-radius:var(--radius-xl);overflow:hidden}.gr-lightbox-close{position:absolute;top:1rem;right:1rem;background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;z-index:1}.gr-lightbox-close:hover{background:#ffffff4d}.gr-lightbox-image{max-width:90%;max-height:80%;object-fit:contain;border-radius:4px}.gr-lightbox-caption{color:#ffffffb3;font-size:.8rem;font-weight:500;max-width:90%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-push-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.gr-push-section h3{font-size:.875rem;font-weight:700;color:#374151;margin:0 0 .375rem}.gr-push-desc{font-size:.813rem;color:#64748b;margin:0 0 .75rem}.gr-agency-select{width:100%;padding:.625rem .75rem;border-radius:8px;border:1px solid #e2e8f0;font-size:.875rem;color:#1a1a1a;background:#fff;outline:none;transition:border-color .2s}.gr-agency-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}@media(max-width:968px){.gr-collection-modal{flex-direction:column!important}.gr-collection-files{max-height:55vh}.gr-step-files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.onevault-container{padding:1rem;max-width:100%;margin:0;animation:fadeIn .3s ease-in}.onevault-header{margin-bottom:1.25rem}.onevault-header:has(.onevault-header-left){display:flex;justify-content:space-between;align-items:flex-start}.onevault-header-left{flex:1;min-width:0}.onevault-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.onevault-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.onevault-tabs{display:flex;gap:.25rem;background:var(--border-light, #f1f5f9);border-radius:var(--radius-lg, 12px);padding:.25rem;width:fit-content}.onevault-tab{padding:.5rem 1rem;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-light, #6b7280);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.onevault-tab:hover{color:var(--text, #1a1a1a);background:#ffffff80}.onevault-tab.active{background:#fff;color:var(--primary, #4f46e5);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1));font-weight:600}.breadcrumb{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;margin-bottom:.5rem}.breadcrumb-item{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:var(--radius-sm, 6px);color:var(--text-light, #6b7280);font-size:.8125rem;cursor:pointer;transition:all .15s ease}.breadcrumb-item:hover{background:var(--border-light, #f3f4f6);color:var(--text, #1a1a1a)}.breadcrumb-item svg{flex-shrink:0}.breadcrumb-separator{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.onevault-header-actions{display:flex;gap:.5rem;align-items:center}.view-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text-light, #6b7280);cursor:pointer;transition:all var(--transition-fast, .15s ease);align-self:stretch}.view-toggle-btn:hover{border-color:var(--border, #cbd5e1);background:var(--background, #f9fafb);color:var(--text, #1a1a1a)}.view-toggle-btn svg{width:18px;height:18px}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.action-btn:hover{background:var(--primary-dark, #4338ca)}.action-btn svg{flex-shrink:0;width:15px;height:15px}.error-message{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.error-message button{padding:.25rem .5rem;background:transparent;border:none;font-size:1.25rem;color:#dc2626;cursor:pointer;border-radius:4px;transition:background .2s}.error-message button:hover{background:#fecaca}.section-title{font-size:1.125rem;font-weight:600;color:var(--text, #1a1a1a);margin:0 0 1rem}.onevault-content{min-height:400px}.thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem;background:#f3f4f6;color:#9ca3af}.item-thumbnail.processing{background:#fef3c7}.processing-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;align-items:start}.vault-list{display:flex;flex-direction:column;gap:.5rem}.vault-list .vault-item{flex-direction:row;padding:1rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.vault-list .item-icon,.vault-list .item-thumbnail{width:48px;height:48px}.vault-list .item-info{flex:1;align-items:flex-start}.vault-item{display:flex;flex-direction:column;align-items:center;padding:1rem;position:relative;background:#fff;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 10px);cursor:pointer;transition:all .2s}.vault-item:hover{border-color:var(--border-dark, #cbd5e1);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.folder-item .item-icon{color:var(--primary, #4f46e5)}.agency-folder{border-color:#e0e7ff;background:linear-gradient(135deg,#fafbff,#f0f4ff)}.agency-folder:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.agency-folder .agency-icon,.agency-folder .item-meta{color:#6366f1}.item-icon{margin-bottom:.75rem}.vault-item.image-item{padding:0;overflow:hidden}.vault-item.image-item .item-info{padding:.625rem .75rem .75rem}.item-thumbnail{width:100%;height:180px;border-radius:0;overflow:hidden;margin-bottom:0;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.item-thumbnail img{width:100%;height:100%;object-fit:cover}.item-info{text-align:center;width:100%}.item-name{font-size:.8125rem;font-weight:600;color:var(--text, #1a1a1a);margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{font-size:.75rem;color:var(--text-lighter, #94a3b8)}.item-actions{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s}.vault-item:hover .item-actions{opacity:1}.item-action-btn{padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.item-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0}.loading-state{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;font-size:1.125rem;color:#6b7280}.folder-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:modalOverlayIn .2s ease-out}.folder-modal{position:relative;background:var(--card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;width:100%;overflow:hidden;animation:modalBoxIn .25s ease-out}.folder-modal-close{position:absolute;top:.75rem;right:.75rem;z-index:10;width:34px;height:34px;border-radius:8px;background:#0000000d;color:#64748b;border:1px solid rgba(0,0,0,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.folder-modal-close:hover{background:#0000001a;color:#1e293b;border-color:#00000026}.folder-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.folder-modal-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.folder-modal-title{font-size:1rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.folder-modal-subtitle{font-size:.75rem;color:var(--text-lighter);margin:.125rem 0 0}.folder-modal-body{padding:1.25rem 1.5rem}.folder-modal-field{display:flex;flex-direction:column;gap:.375rem}.folder-modal-label{font-size:.75rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.03em}.folder-modal-input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--text);background:var(--background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.folder-modal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.folder-modal-input::placeholder{color:var(--text-lighter)}.folder-modal-footer{display:flex;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--background)}.folder-modal-btn{flex:1;padding:.55rem 1rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all var(--transition-fast)}.folder-modal-btn--cancel{background:var(--border-light);color:var(--text-light)}.folder-modal-btn--cancel:hover{background:var(--border);color:var(--text)}.folder-modal-btn--create{background:var(--primary);color:#fff}.folder-modal-btn--create:hover:not(:disabled){background:var(--primary-dark)}.folder-modal-btn--create:disabled{opacity:.4;cursor:not-allowed}.upload-toggle-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.upload-toggle-button:hover{background:var(--primary-dark, #4338ca)}.upload-toggle-button svg{flex-shrink:0;width:15px;height:15px}.upload-zone-wrapper{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .2s ease;opacity:0;margin-bottom:0}.upload-zone-wrapper.open{max-height:80px;opacity:1;margin-bottom:.75rem}.upload-zone{display:flex;align-items:center;gap:.625rem;border:1.5px dashed var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);padding:.875rem 1.25rem;background:var(--background, #f9fafb);transition:all var(--transition-fast, .15s ease);cursor:pointer}.upload-zone:hover{border-color:var(--primary, #4f46e5);background:var(--primary-light, #eef2ff)}.upload-icon-svg{flex-shrink:0;color:var(--text-lighter, #9ca3af)}.upload-text{font-size:.8125rem;color:var(--text-light, #6b7280)}.upload-text strong{color:var(--primary, #4f46e5);font-weight:600}.upload-hint{font-size:.75rem;color:var(--text-lighter, #9ca3af);margin-left:auto}.upload-progress-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-light, #eef2ff);border:1px solid var(--primary, #4f46e5);border-radius:var(--radius-md, 8px);flex-wrap:wrap}.upload-progress-spinner{width:14px;height:14px;border:2px solid var(--primary, #4f46e5);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.upload-progress-text{font-size:.8125rem;font-weight:600;color:var(--primary, #4f46e5)}.upload-item{padding:.2rem .5rem;background:var(--card, #ffffff);border-radius:var(--radius-sm, 4px);font-size:.75rem;color:var(--text-light, #6b7280);border:1px solid var(--border, #e2e8f0)}.upload-warning{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.upload-warning svg{color:#f59e0b;margin-bottom:1rem}.upload-warning p{color:#6b7280;margin:0}.upload-progress{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.progress-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:var(--primary, #4f46e5);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.upload-progress p{color:#6b7280;margin:0}@media(max-width:768px){.onevault-container{padding:1rem}.onevault-header-content{flex-direction:column;gap:.75rem;align-items:flex-start}.onevault-header-actions{flex-wrap:wrap;width:100%}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.action-btn span{display:none}}@media(max-width:480px){.onevault-header h1{font-size:1.5rem}.vault-grid{grid-template-columns:repeat(2,1fr)}}.vault-item .item-checkbox{position:absolute;top:10px;left:10px;z-index:10;width:22px;height:22px;border-radius:8px;border:2px solid rgba(255,255,255,.5);background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,border-color .2s ease,transform .15s ease;display:flex;align-items:center;justify-content:center}.vault-item:hover .item-checkbox,.vault-item.selected .item-checkbox{opacity:1}.vault-item .item-checkbox:after{content:"";display:block;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.5px,-.5px);opacity:0;transition:opacity .15s ease}.vault-item .item-checkbox.checked{background:var(--primary);border-color:var(--primary)}.vault-item .item-checkbox.checked:after{opacity:1}.vault-item .item-checkbox:hover{transform:scale(1.1);border-color:#fffc}.vault-item.selected{border-color:var(--primary, #4f46e5);box-shadow:0 0 0 2px #4f46e526}.vault-golden-records-list{display:flex;flex-direction:column;gap:1rem}.vault-gr-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;transition:all .2s}.vault-gr-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.vault-gr-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer}.vault-gr-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0}.vault-gr-info{flex:1;min-width:0}.vault-gr-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-gr-meta{display:flex;gap:1rem;font-size:.8125rem;color:#64748b}.vault-gr-expand{color:#94a3b8;flex-shrink:0}.vault-gr-files{border-top:1px solid #e2e8f0;background:#f8fafc;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.vault-gr-empty-files{color:#94a3b8;font-size:.875rem;padding:.5rem 0}.vault-gr-file{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .15s}.vault-gr-file:hover{border-color:#cbd5e1;background:#f8fafc}.vault-gr-file-icon{font-size:1.25rem;flex-shrink:0}.vault-gr-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.vault-gr-file-name{font-size:.875rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-gr-file-size{font-size:.75rem;color:#94a3b8}.vault-gr-file-action{color:#64748b;flex-shrink:0}.vault-gr-version-tabs{display:flex;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0;overflow-x:auto}.vault-gr-version-tab{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .15s ease;min-width:fit-content;white-space:nowrap}.vault-gr-version-tab:hover{border-color:#cbd5e1;background:#f8fafc}.vault-gr-version-tab.active{border-color:#6366f1;background:#eef2ff;box-shadow:0 0 0 1px #6366f1}.vault-gr-version-label{font-size:.8125rem;font-weight:600;color:#0f172a}.vault-gr-version-tab.active .vault-gr-version-label{color:#4338ca}.vault-gr-version-date{font-size:.6875rem;color:#94a3b8}.vault-gr-version-tab.active .vault-gr-version-date{color:#6366f1}.vault-gr-version-single{font-size:.8125rem;color:#64748b;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid #e2e8f0}.ov-gr-thumbnail{width:100%;height:150px;border-radius:8px;margin-bottom:1rem;background:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#6366f1}.ov-gr-count{font-size:.75rem;font-weight:600;color:#6366f1;margin-top:.5rem}.ov-gr-badge{position:absolute;top:.5rem;right:.5rem;padding:.2rem .6rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.6875rem;font-weight:700;border-radius:4px;letter-spacing:.05em}.ov-gr-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:900px;width:95%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.ov-gr-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.ov-gr-modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:#0f172a}.ov-gr-modal-vehicle{font-size:.875rem;color:#6366f1;margin:.25rem 0 0}.ov-gr-modal-meta{font-size:.8125rem;color:#64748b;margin:.25rem 0 0}.ov-gr-version-tabs{display:flex;gap:0;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.ov-gr-version-tab{padding:.75rem 1.25rem;border:none;background:none;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:.5rem}.ov-gr-version-tab:hover{color:#6366f1;background:#eef2ff}.ov-gr-version-tab.active{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.ov-gr-version-tab-count{font-size:.75rem;font-weight:500;color:#94a3b8;background:#f1f5f9;padding:.125rem .5rem;border-radius:999px}.ov-gr-version-tab.active .ov-gr-version-tab-count{color:#6366f1;background:#eef2ff}.ov-gr-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.ov-gr-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.ov-gr-file-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s;position:relative}.ov-gr-file-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a}.ov-gr-file-thumb{width:100%;height:130px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.ov-gr-file-thumb img{width:100%;height:100%;object-fit:cover}.ov-gr-file-icon-large{font-size:2.5rem}.ov-gr-file-info{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.125rem}.ov-gr-file-name{font-size:.8125rem;font-weight:500;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-gr-file-size{font-size:.75rem;color:#94a3b8}.ov-gr-file-dl{position:absolute;top:.5rem;right:.5rem;padding:.35rem;background:#fff;border-radius:6px;color:#6366f1;box-shadow:0 1px 4px #00000026;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.ov-gr-file-card:hover .ov-gr-file-dl{opacity:1}.ov-gr-file-remove{position:absolute;top:.5rem;left:.5rem;padding:.35rem;background:#fff;border:none;border-radius:6px;color:#ef4444;box-shadow:0 1px 4px #00000026;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.ov-gr-file-card:hover .ov-gr-file-remove{opacity:1}.ov-gr-file-remove:hover{background:#fef2f2}.ov-gr-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc}.ov-gr-type-breakdown{display:flex;flex-wrap:wrap;gap:.5rem}.ov-gr-type-tag{display:inline-block;padding:.25rem .75rem;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:600;border-radius:999px}@media(max-width:600px){.ov-gr-files-grid{grid-template-columns:repeat(2,1fr)}.ov-gr-modal{width:98%;max-height:90vh}}.ov-view-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:ovModalOverlayIn .2s ease-out}@keyframes ovModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes ovModalBoxIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ov-view-modal-content{max-width:1200px;max-height:85vh;width:95vw;display:flex;flex-direction:row;overflow:hidden;position:relative;background:var(--card, #fff);border-radius:var(--radius-xl, 16px);box-shadow:0 25px 60px #0000004d;animation:ovModalBoxIn .25s ease-out}.ov-view-modal-close{position:absolute;top:.75rem;right:.75rem;width:34px;height:34px;border-radius:8px;background:#0000000d;color:#64748b;border:1px solid rgba(0,0,0,.08);font-size:0;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ov-view-modal-close:hover{background:#0000001a;color:#1e293b;border-color:#00000026}.ov-view-modal-close svg{width:15px;height:15px;flex-shrink:0}.ov-view-modal-media{flex:1;display:flex;align-items:center;justify-content:center;background:#0f0f0f;min-width:0;min-height:0}.ov-view-modal-image{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain}.ov-view-modal-video{max-width:100%;max-height:85vh;width:100%;height:auto}.ov-view-modal-details{width:300px;padding:1.5rem;background:#fff;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;display:flex;flex-direction:column;gap:1.25rem;border-left:1px solid var(--border, #e2e8f0)}.ov-view-modal-details::-webkit-scrollbar{width:5px}.ov-view-modal-details::-webkit-scrollbar-track{background:transparent}.ov-view-modal-details::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ov-view-modal-details::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ov-view-modal-filename{font-size:1rem;font-weight:600;color:var(--text, #1e293b);margin:0;word-break:break-word;line-height:1.4}.ov-view-modal-info-grid{display:flex;flex-direction:column;gap:0}.ov-view-modal-info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-light, #f1f5f9)}.ov-view-modal-info-item:last-child{border-bottom:none}.ov-view-modal-info-label{font-weight:500;color:var(--text-lighter, #94a3b8);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.ov-view-modal-info-value{color:var(--text, #1e293b);font-weight:500;text-align:right;font-size:.8rem}.ov-view-modal-info-value.status-pending{color:var(--warning, #f59e0b)}.ov-view-modal-info-value.status-processing{color:var(--primary)}.ov-view-modal-info-value.status-ready,.ov-view-modal-info-value.status-approved{color:var(--success, #10b981)}.ov-view-modal-info-value.status-rejected{color:var(--error, #ef4444)}.ov-view-modal-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.75rem}.ov-view-modal-actions a,.ov-view-modal-actions button{text-align:center;text-decoration:none;padding:.55rem 1rem;font-weight:600;border-radius:var(--radius-md, 8px);transition:all .15s ease;font-size:.8rem;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.ov-view-modal-btn-primary{background:var(--primary);color:#fff}.ov-view-modal-btn-primary:hover{background:var(--primary-dark)}.ov-view-modal-btn-danger{background:var(--border-light, #f1f5f9);color:var(--error, #ef4444)}.ov-view-modal-btn-danger:hover{background:#fef2f2}@media(max-width:968px){.ov-view-modal-content{flex-direction:column;max-width:95vw;max-height:95vh;width:95vw}.ov-view-modal-media{flex:0 0 auto;max-height:55vh}.ov-view-modal-details{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--border, #e2e8f0)}.ov-view-modal-close{top:.5rem;right:.5rem;width:30px;height:30px}}@media(max-width:640px){.ov-view-modal-content{max-width:100vw;max-height:100vh;width:100vw;border-radius:0}.ov-view-modal-details{padding:1.25rem}}.vault-item[draggable=true]{user-select:none;-webkit-user-select:none;-webkit-user-drag:element;cursor:grab;transition:border-color .2s,box-shadow .2s}.vault-item[draggable=true]:hover{transform:none}.vault-item[draggable=true]:active{cursor:grabbing}.vault-item[draggable=true] img{-webkit-user-drag:none;pointer-events:none}.vault-item.dragging{opacity:.35;pointer-events:none;transform:scale(.97);transition:none}.vault-item.drop-target-active{outline:2px dashed #6366f1;outline-offset:-2px;background:#6366f10f;transform:scale(1.02);transition:transform .15s ease,background .15s ease}.breadcrumb-item.drop-target-active{background:#6366f11f;border-radius:6px;outline:2px dashed #6366f1;outline-offset:2px}.drag-preview{position:fixed;pointer-events:none;z-index:9999;background:#6366f1;color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px #6366f166}.onevault-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.75rem 1.25rem;border-radius:10px;display:flex;align-items:center;gap:1rem;font-size:.875rem;box-shadow:0 8px 24px #00000040;z-index:9000;animation:toastSlideUp .25s ease-out}.onevault-toast button{background:#ffffff26;border:none;color:#a5b4fc;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap}.onevault-toast button:hover{background:#ffffff40}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.aw-submit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:awFadeIn .2s ease-out}@keyframes awFadeIn{0%{opacity:0}to{opacity:1}}.aw-submit-modal{background:var(--card, #fff);border-radius:var(--radius-xl, 16px);box-shadow:0 20px 60px #0003;width:100%;max-width:640px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:awSlideUp .25s ease-out}@keyframes awSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.aw-submit-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border, #e2e8f0)}.aw-submit-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text, #1e293b)}.aw-submit-close{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-md, 8px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-light, #64748b);transition:background .15s ease,color .15s ease}.aw-submit-close:hover{background:var(--background, #f8fafc);color:var(--text, #1e293b)}.aw-submit-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1}.aw-submit-message{font-size:.875rem;color:var(--text-light, #64748b);margin:0 0 1rem;line-height:1.5}.aw-submit-form{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.aw-submit-field{display:flex;flex-direction:column;gap:.375rem}.aw-submit-label{font-size:.8125rem;font-weight:600;color:var(--text, #1e293b)}.aw-submit-input,.aw-submit-select,.aw-submit-textarea{padding:.625rem .875rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.875rem;color:var(--text, #1e293b);background:var(--card, #fff);transition:border-color .15s,box-shadow .15s}.aw-submit-input:focus,.aw-submit-select:focus,.aw-submit-textarea:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.aw-submit-textarea{resize:vertical;min-height:70px;font-family:inherit}.aw-submit-char-count{font-size:.6875rem;color:var(--text-lighter, #94a3b8);text-align:right}.aw-submit-multiselect{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--background, #f8fafc);max-height:150px;overflow-y:auto}.aw-submit-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text, #1e293b);cursor:pointer}.aw-submit-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.aw-submit-no-users{font-size:.8125rem;color:var(--text-lighter, #94a3b8);font-style:italic;text-align:center;padding:.5rem 0}.aw-submit-asset-list{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto}.aw-submit-asset-item{display:flex;align-items:center;gap:.75rem;padding:.625rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--background, #f8fafc)}.aw-submit-asset-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#f1f5f9;flex-shrink:0;display:flex;align-items:center;justify-content:center}.aw-submit-asset-thumb img{width:100%;height:100%;object-fit:cover}.aw-submit-asset-info{flex:1;min-width:0}.aw-submit-asset-name{font-size:.8125rem;font-weight:500;color:var(--text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aw-submit-asset-meta{font-size:.6875rem;color:var(--text-lighter, #94a3b8);margin-top:.125rem}.aw-color-check-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--card, #fff);color:var(--text-light, #64748b);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.aw-color-check-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6;background:#faf5ff}.aw-color-check-btn:disabled{opacity:.5;cursor:not-allowed}.aw-color-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;color:var(--text-light, #64748b)}.aw-color-spinner{width:18px;height:18px;border:2px solid var(--border, #e2e8f0);border-top-color:#8b5cf6;border-radius:50%;animation:awSpin .8s linear infinite}@keyframes awSpin{to{transform:rotate(360deg)}}.aw-color-result{margin-top:.75rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);overflow:hidden;animation:awFadeIn .2s ease-out}.aw-color-result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--background, #f8fafc);border-bottom:1px solid var(--border, #e2e8f0)}.aw-color-result-title{font-size:.75rem;font-weight:600;color:var(--text, #1e293b);text-transform:uppercase;letter-spacing:.03em}.aw-color-verdict{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.aw-color-verdict.pass{background:#dcfce7;color:#15803d}.aw-color-verdict.warn{background:#fef3c7;color:#b45309}.aw-color-verdict.fail{background:#fee2e2;color:#b91c1c}.aw-color-result-body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.aw-color-metrics{display:flex;gap:1rem;flex-wrap:wrap}.aw-color-metric{display:flex;flex-direction:column;gap:.125rem}.aw-color-metric-label{font-size:.625rem;font-weight:600;color:var(--text-lighter, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.aw-color-metric-value{font-size:.875rem;font-weight:600;color:var(--text, #1e293b)}.aw-color-swatches{display:flex;align-items:center;gap:1rem}.aw-color-swatch{display:flex;align-items:center;gap:.5rem}.aw-color-swatch-box{width:32px;height:32px;border-radius:6px;border:1px solid var(--border, #e2e8f0);box-shadow:inset 0 1px 2px #0000001a}.aw-color-swatch-label{display:flex;flex-direction:column;gap:.0625rem}.aw-color-swatch-title{font-size:.625rem;font-weight:600;color:var(--text-lighter, #94a3b8);text-transform:uppercase}.aw-color-swatch-hex{font-size:.75rem;font-weight:600;color:var(--text, #1e293b);font-family:monospace}.aw-color-swatches-arrow{color:var(--text-lighter, #94a3b8);flex-shrink:0}.aw-color-heatmap{border-radius:6px;overflow:hidden;border:1px solid var(--border, #e2e8f0)}.aw-color-heatmap img{width:100%;height:auto;display:block;max-height:200px;object-fit:contain;background:#f8fafc}.aw-color-heatmap-label{font-size:.625rem;font-weight:600;color:var(--text-lighter, #94a3b8);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.aw-color-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);color:#dc2626;font-size:.75rem;font-weight:500;margin-top:.5rem}.aw-submit-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border, #e2e8f0);background:var(--background, #f8fafc)}.aw-submit-cancel-btn{padding:.5rem 1rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--card, #fff);color:var(--text, #1e293b);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.aw-submit-cancel-btn:hover{background:var(--background, #f8fafc);border-color:var(--border-dark, #cbd5e1)}.aw-submit-confirm-btn{padding:.5rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);background:#22c55e;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.375rem}.aw-submit-confirm-btn:hover:not(:disabled){background:#16a34a}.aw-submit-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.aw-submit-modal{max-height:95vh;max-width:100%;border-radius:var(--radius-lg, 12px)}.aw-color-swatches{flex-direction:column;align-items:flex-start}.aw-color-metrics{flex-direction:column;gap:.5rem}}.annotation-overlay{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:crosshair}.annotation-overlay .ov-view-modal-image{pointer-events:none}.annotation-pin{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--primary, #4f46e5);color:#fff;font-size:.7rem;font-weight:700;border:2px solid #fff;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .15s ease,box-shadow .15s ease}.annotation-pin:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 12px #0006}.annotation-pin--active{background:#e11d48;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 3px #e11d484d,0 4px 12px #0006}.annotation-pin--resolved{background:var(--text-lighter, #94a3b8);opacity:.7}.annotation-pin--resolved.annotation-pin--active{opacity:1}.annotation-sidebar{display:flex;flex-direction:column;border-top:1px solid var(--border, #e2e8f0);max-height:400px}.annotation-sidebar-header{padding:.75rem 0;display:flex;flex-direction:column;gap:.5rem}.annotation-sidebar-title{font-size:.85rem;font-weight:600;color:var(--text, #0f172a);margin:0}.annotation-sidebar-filters{display:flex;gap:.25rem}.annotation-filter-btn{padding:.2rem .5rem;font-size:.65rem;font-weight:500;border-radius:4px;border:1px solid var(--border, #e2e8f0);background:transparent;color:var(--text-light, #475569);cursor:pointer;transition:all .15s ease}.annotation-filter-btn:hover{background:var(--border-light, #f1f5f9)}.annotation-filter-btn--active{background:var(--primary, #4f46e5);color:#fff;border-color:var(--primary, #4f46e5)}.annotation-sidebar-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.annotation-sidebar-footer{padding-top:.5rem;border-top:1px solid var(--border, #e2e8f0)}.annotation-section{display:flex;flex-direction:column;gap:.375rem}.annotation-section-label{font-size:.65rem;font-weight:600;color:var(--text-lighter, #94a3b8);text-transform:uppercase;letter-spacing:.04em}.annotation-sidebar-item{display:flex;gap:.5rem;padding:.5rem;border-radius:6px;cursor:pointer;transition:background .15s ease;border:1px solid transparent}.annotation-sidebar-item:hover{background:var(--border-light, #f1f5f9)}.annotation-sidebar-item--active{background:#eef2ff;border-color:var(--primary-light, #e0e7ff)}.annotation-sidebar-item-badge{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--primary, #4f46e5);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.annotation-thread{flex:1;min-width:0}.annotation-thread--resolved{opacity:.65}.annotation-thread-comment,.annotation-thread-reply{display:flex;flex-direction:column;gap:.2rem}.annotation-thread-header{display:flex;align-items:center;gap:.35rem}.annotation-avatar{width:20px;height:20px;border-radius:50%;background:var(--primary-light, #e0e7ff);color:var(--primary, #4f46e5);font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.annotation-thread-author{font-size:.72rem;font-weight:600;color:var(--text, #0f172a)}.annotation-thread-time{font-size:.62rem;color:var(--text-lighter, #94a3b8);margin-left:auto}.annotation-thread-text{font-size:.75rem;color:var(--text-light, #475569);line-height:1.4;margin:0;word-wrap:break-word}.annotation-thread-actions{display:flex;gap:.5rem;margin-top:.15rem}.annotation-thread-action-btn{background:none;border:none;padding:0;font-size:.65rem;font-weight:500;color:var(--text-lighter, #94a3b8);cursor:pointer;transition:color .15s ease}.annotation-thread-action-btn:hover{color:var(--primary, #4f46e5)}.annotation-thread-action-btn--danger:hover{color:var(--error, #ef4444)}.annotation-thread-replies{margin-top:.375rem;padding-left:1.25rem;border-left:2px solid var(--border, #e2e8f0);display:flex;flex-direction:column;gap:.375rem}.annotation-reply-input{margin-top:.375rem;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.annotation-reply-input input{width:100%;padding:.35rem .5rem;font-size:.72rem;border:1px solid var(--border, #e2e8f0);border-radius:4px;outline:none;transition:border-color .15s ease}.annotation-reply-input input:focus{border-color:var(--primary, #4f46e5)}.annotation-reply-input-actions{display:flex;gap:.35rem;justify-content:flex-end}.annotation-reply-btn{padding:.25rem .5rem;font-size:.65rem;font-weight:500;border-radius:4px;cursor:pointer;border:none;transition:all .15s ease}.annotation-reply-btn--cancel{background:transparent;color:var(--text-lighter, #94a3b8)}.annotation-reply-btn--cancel:hover{color:var(--text, #0f172a)}.annotation-reply-btn--submit{background:var(--primary, #4f46e5);color:#fff}.annotation-reply-btn--submit:hover:not(:disabled){background:var(--primary-dark, #4338ca)}.annotation-reply-btn--submit:disabled{opacity:.5;cursor:not-allowed}.annotation-pending-input{padding:.625rem;background:#fef9c3;border:1px solid #fde047;border-radius:6px;display:flex;flex-direction:column;gap:.375rem}.annotation-pending-label{font-size:.7rem;font-weight:600;color:#854d0e;display:flex;align-items:center;gap:.35rem}.annotation-pending-dot{width:8px;height:8px;border-radius:50%;background:#e11d48;animation:pendingPulse 1.5s ease-in-out infinite}@keyframes pendingPulse{0%,to{opacity:1}50%{opacity:.4}}.annotation-input-textarea{width:100%;padding:.4rem .5rem;font-size:.72rem;border:1px solid var(--border, #e2e8f0);border-radius:4px;outline:none;resize:vertical;font-family:inherit;line-height:1.4;transition:border-color .15s ease}.annotation-input-textarea:focus{border-color:var(--primary, #4f46e5)}.annotation-pending-actions{display:flex;gap:.35rem;justify-content:flex-end}.annotation-general-input{display:flex;gap:.35rem;align-items:center}.annotation-general-input input{flex:1;padding:.4rem .5rem;font-size:.72rem;border:1px solid var(--border, #e2e8f0);border-radius:4px;outline:none;transition:border-color .15s ease}.annotation-general-input input:focus{border-color:var(--primary, #4f46e5)}.annotation-send-btn{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--primary, #4f46e5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.annotation-send-btn:hover:not(:disabled){background:var(--primary-dark, #4338ca)}.annotation-send-btn:disabled{opacity:.4;cursor:not-allowed}.annotation-empty{text-align:center;padding:1.5rem 0}.annotation-empty p{margin:0;font-size:.78rem;color:var(--text-lighter, #94a3b8)}.annotation-empty-hint{margin-top:.25rem!important;font-size:.68rem!important}.rq-page{padding:1rem;max-width:100%;margin:0}.rq-header{margin-bottom:1.5rem}.rq-title{margin-bottom:.25rem}.rq-subtitle{color:var(--text-light);font-size:.95rem}.rq-workflow-banner{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.25rem;background:var(--primary-light);border-radius:var(--radius-lg);margin-bottom:1.5rem;font-size:.875rem;color:var(--primary-dark)}.rq-workflow-step{display:flex;align-items:center;gap:.5rem;font-weight:500}.rq-workflow-step-num{width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.rq-workflow-arrow{color:var(--primary);font-size:1.1rem;opacity:.5}.rq-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.rq-filter-tabs{display:flex;gap:.25rem;background:var(--border-light);border-radius:var(--radius-lg);padding:.25rem}.rq-filter-tab{padding:.5rem 1rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-light);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.rq-filter-tab:hover{color:var(--text);background:#ffffff80}.rq-filter-tab.active{background:#fff;color:var(--primary);box-shadow:var(--shadow);font-weight:600}.rq-filter-tab .rq-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--border);color:var(--text-light);font-size:.6875rem;font-weight:600;margin-left:.375rem}.rq-filter-tab.active .rq-tab-count{background:var(--primary-light);color:var(--primary)}.rq-batch-bar{display:flex;align-items:center;gap:.5rem;margin-left:auto}.rq-batch-count{font-size:.8125rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:.375rem .75rem;border-radius:var(--radius-md)}.rq-batch-btn{padding:.5rem .875rem;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.375rem}.rq-batch-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.rq-batch-btn.approve{background:var(--success);color:#fff}.rq-batch-btn.reject{background:var(--error);color:#fff}.rq-batch-btn.push{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.rq-select-all{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;margin-bottom:.5rem;font-size:.8125rem;color:var(--text-light);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.rq-select-all input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.rq-cards-list{display:flex;flex-direction:column;gap:.75rem}.rq-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);transition:all var(--transition-base);display:flex;align-items:flex-start;gap:1rem}.rq-card:hover{box-shadow:var(--shadow-md);border-color:var(--border)}.rq-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#4f46e505,#4f46e50d);box-shadow:0 0 0 1px var(--primary),var(--shadow)}.rq-card-checkbox{flex-shrink:0;padding-top:.25rem}.rq-card-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;border-radius:var(--radius-sm)}.rq-card-thumb{flex-shrink:0;width:88px;height:88px;border-radius:var(--radius-md);overflow:hidden;background:var(--border-light)}.rq-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.rq-card:hover .rq-card-thumb img{transform:scale(1.05)}.rq-card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--text-lighter);letter-spacing:.05em;text-transform:uppercase}.rq-card-body{flex:1;min-width:0}.rq-card-title{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rq-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;row-gap:.375rem;margin-bottom:.5rem}.rq-card-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-light)}.rq-card-meta-icon{font-size:.875rem;opacity:.6;flex-shrink:0}.rq-card-meta-label{font-weight:500;color:var(--text-lighter)}.rq-card-comments{margin-top:.5rem;padding:.5rem .75rem;background:var(--border-light);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-light);font-style:italic;line-height:1.4}.rq-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.rq-status-badge.pending{background:var(--warning-light);color:#92400e}.rq-status-badge.approved{background:var(--success-light);color:#065f46}.rq-status-badge.rejected{background:var(--error-light);color:#991b1b}.rq-status-badge.changes_requested{background:#dbeafe;color:#1e40af}.rq-status-dot{width:6px;height:6px;border-radius:50%}.rq-status-badge.pending .rq-status-dot{background:var(--warning)}.rq-status-badge.approved .rq-status-dot{background:var(--success)}.rq-status-badge.rejected .rq-status-dot{background:var(--error)}.rq-status-badge.changes_requested .rq-status-dot{background:#3b82f6}.rq-color-check-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.rq-color-check-badge.pass{background:var(--success-light);color:#065f46}.rq-color-check-badge.warn{background:var(--warning-light);color:#92400e}.rq-color-check-badge.fail{background:var(--error-light);color:#991b1b}.rq-card-actions{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.rq-action-btn{padding:.4375rem .875rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-width:145px;text-align:center}.rq-action-btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.rq-action-btn:active{transform:translateY(0)}.rq-action-btn.approve{background:var(--success);color:#fff;box-shadow:0 2px 4px #10b9814d}.rq-action-btn.reject{background:var(--error);color:#fff;box-shadow:0 2px 4px #ef44444d}.rq-action-btn.request-changes{background:#fff;color:var(--primary);border:1px solid var(--primary)}.rq-action-btn.request-changes:hover{background:var(--primary-light)}.rq-action-btn.push-vault{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 4px #4f46e54d}.rq-vault-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--success-light);color:#065f46;border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.rq-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.rq-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:rq-spin .8s linear infinite}@keyframes rq-spin{to{transform:rotate(360deg)}}.rq-loading-text{font-size:.875rem;color:var(--text-lighter);font-weight:500}.rq-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.rq-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.rq-empty-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.375rem}.rq-empty-desc{font-size:.875rem;color:var(--text-lighter)}.rq-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.rq-page-btn{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;color:var(--text-light);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.rq-page-btn:hover:not(:disabled){background:var(--background);border-color:var(--text-lighter);color:var(--text)}.rq-page-btn:disabled{opacity:.4;cursor:not-allowed}.rq-page-info{padding:.5rem 1rem;font-size:.8125rem;color:var(--text-lighter);font-weight:500}.rq-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:rq-fade-in .15s ease-out}@keyframes rq-fade-in{0%{opacity:0}to{opacity:1}}.rq-modal{background:#fff;border-radius:var(--radius-xl);padding:2rem;max-width:560px;width:90%;max-height:80vh;overflow:auto;box-shadow:var(--shadow-xl);animation:rq-modal-in .2s ease-out}@keyframes rq-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.rq-modal-title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.rq-modal-desc{font-size:.875rem;color:var(--text-lighter);margin-bottom:1.5rem}.rq-modal-section-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.rq-tag-input-row{display:flex;gap:.5rem;margin-bottom:.75rem}.rq-tag-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text);background:#fff;cursor:pointer;transition:border-color var(--transition-fast)}.rq-tag-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.rq-tag-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text);transition:border-color var(--transition-fast)}.rq-tag-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.rq-tag-add-btn{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.rq-tag-add-btn:hover{filter:brightness(1.1)}.rq-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.rq-tag-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .5rem .375rem .75rem;background:var(--border-light);border-radius:9999px;font-size:.8125rem;color:var(--text);border:1px solid var(--border)}.rq-tag-chip-label{font-weight:600;color:var(--primary);text-transform:capitalize}.rq-tag-chip-remove{width:20px;height:20px;border-radius:50%;border:none;background:var(--border);color:var(--text-light);font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);line-height:1}.rq-tag-chip-remove:hover{background:var(--error);color:#fff}.rq-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-light)}.rq-modal-btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.rq-modal-btn.cancel{background:#fff;color:var(--text-light);border:1px solid var(--border)}.rq-modal-btn.cancel:hover{background:var(--background);color:var(--text)}.rq-modal-btn.submit{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 6px -1px #4f46e54d}.rq-modal-btn.submit:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e566}.rq-action-textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--text);font-family:inherit;resize:vertical;transition:border-color var(--transition-fast);line-height:1.5}.rq-action-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.rq-action-textarea::placeholder{color:var(--text-lighter)}.rq-modal-btn.submit-approve{background:var(--success);color:#fff;box-shadow:0 2px 4px #10b9814d}.rq-modal-btn.submit-approve:hover{filter:brightness(1.1);transform:translateY(-1px)}.rq-modal-btn.submit-reject{background:var(--error);color:#fff;box-shadow:0 2px 4px #ef44444d}.rq-modal-btn.submit-reject:hover{filter:brightness(1.1);transform:translateY(-1px)}.rq-modal-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.rq-push-confirm-icon{display:flex;justify-content:center;margin-bottom:1rem}.rq-card-thumb.clickable{cursor:pointer;position:relative}.rq-card-thumb.clickable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;border-radius:var(--radius-md);transition:background var(--transition-fast)}.rq-card-thumb.clickable:hover:after{background:#00000026}.rq-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:rq-fade-in .15s ease-out}.rq-lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);z-index:1}.rq-lightbox-close:hover{background:#ffffff4d}.rq-lightbox-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90vw;max-height:90vh}.rq-lightbox-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080}.rq-lightbox-caption{color:#fffc;font-size:.875rem;font-weight:500;text-align:center;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.rq-page{padding:1rem}.rq-card{flex-direction:column}.rq-card-thumb{width:100%;height:160px}.rq-card-actions{flex-direction:row;width:100%}.rq-action-btn{flex:1;min-width:0}.rq-toolbar{flex-direction:column;align-items:stretch}.rq-batch-bar{margin-left:0;flex-wrap:wrap}.rq-workflow-banner{flex-direction:column;gap:.5rem}.rq-filter-tabs{overflow-x:auto}}.vqa-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.vqa-modal-container{background:#1a1a1a;border-radius:16px;max-width:1400px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease-out;color:#fff}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.vqa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #2d2d2d;background:#0f0f0f}.vqa-header-left{display:flex;flex-direction:column;gap:.75rem}.vqa-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:1rem}.vqa-header-summary{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#9ca3af}.summary-item{display:flex;align-items:center;gap:.375rem}.summary-value{font-weight:700;font-size:1rem;color:#d1d5db}.summary-item.passed .summary-value{color:#16a34a}.summary-item.failed .summary-value{color:#dc2626}.summary-divider{color:#4b5563}.vqa-status-badge{padding:.375rem 1rem;border-radius:8px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vqa-status-badge.fail{background:#dc2626;color:#fff}.vqa-status-badge.pass{background:#16a34a;color:#fff}.vqa-status-badge.pending{background:#6b7280;color:#fff}.vqa-close-btn{background:transparent;border:none;color:#9ca3af;font-size:2rem;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.vqa-close-btn:hover{background:#2d2d2d;color:#fff}.vqa-modal-body{padding:2rem;overflow-y:auto;max-height:calc(90vh - 90px)}.vqa-images-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:2rem}.vqa-image-panel{background:#0f0f0f;border:1px solid #2d2d2d;border-radius:12px;padding:1rem;display:flex;flex-direction:column}.vqa-panel-title{margin:0 0 1rem;font-size:.9375rem;font-weight:600;color:#d1d5db;text-align:center}.vqa-image-container{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;overflow:hidden;min-height:200px;max-height:300px;margin-bottom:1rem}.vqa-image{max-width:100%;max-height:100%;object-fit:contain}.vqa-download-btn{background:#16a34a;color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.vqa-download-btn:hover{background:#15803d}.vqa-metrics-panel{background:#0f0f0f;border:1px solid #2d2d2d;border-radius:12px;padding:1.5rem}.vqa-metrics-title{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#d1d5db}.vqa-metric-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.vqa-metric-desc{margin:0;font-size:.875rem;color:#9ca3af}.vqa-analysis{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #2d2d2d}.vqa-analysis-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#d1d5db}.vqa-analysis-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.vqa-analysis-list li{font-size:.875rem;color:#d1d5db;line-height:1.6;padding-left:1.5rem;position:relative}.vqa-analysis-list li:before{content:"•";position:absolute;left:.5rem;color:#6b7280}.vqa-analysis-list li.negative{color:#fca5a5}.vqa-analysis-list li.negative:before{content:"✗";color:#dc2626}.vqa-analysis-list li.positive{color:#86efac}.vqa-analysis-list li.positive:before{content:"✓";color:#16a34a}.vqa-no-analysis{color:#6b7280;font-style:italic;margin:0}.vqa-thresholds{background:#0f0f0f;border:1px solid #2d2d2d;border-radius:8px;padding:1rem;text-align:center}.vqa-thresholds p{margin:0;font-size:.875rem;color:#9ca3af}.vqa-thresholds strong{color:#d1d5db}.vqa-upload-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin-bottom:2rem}.vqa-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.vqa-upload-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.vqa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.vqa-angle-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s}.vqa-angle-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.vqa-angle-card.completed{border-color:#16a34a;background:#f0fdf4}.vqa-angle-card.failed{border-color:#dc2626;background:#fef2f2}.vqa-angle-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;justify-content:space-between}.vqa-upload-area{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.vqa-file-input{position:relative}.vqa-file-input input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.vqa-file-label{display:block;padding:.75rem 1rem;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;text-align:center;font-size:.875rem;color:#64748b;cursor:pointer;transition:all .2s}.vqa-file-label:hover{background:#e2e8f0;border-color:#94a3b8}.vqa-file-label.has-file{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.vqa-compare-btn{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.vqa-compare-btn:hover:not(:disabled){background:#2563eb}.vqa-compare-btn:disabled{background:#cbd5e1;cursor:not-allowed}.vqa-view-report-btn{background:#16a34a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.vqa-view-report-btn:hover{background:#15803d}.vqa-status-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600}.vqa-status-indicator.pass{background:#dcfce7;color:#166534}.vqa-status-indicator.fail{background:#fee2e2;color:#991b1b}.vqa-status-indicator.pending{background:#f3f4f6;color:#4b5563}.vqa-consolidated-modal{background:#1a1a1a;border-radius:16px;max-width:1600px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease-out;color:#fff;display:flex;flex-direction:column}.vqa-slider-nav-btn{background:#2d2d2de6;color:#fff;border:none;width:3rem;height:3rem;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vqa-slider-nav-btn.prev{left:1rem}.vqa-slider-nav-btn.next{right:1rem}.vqa-slider-nav-btn:hover{background:#3b82f6;transform:translateY(-50%) scale(1.1)}.current-slide{font-size:1.5rem;font-weight:700;color:#3b82f6}.slide-separator{color:#6b7280}.total-slides{color:#9ca3af}.slide-title{margin-left:1rem;padding-left:1rem;border-left:2px solid #2d2d2d;font-size:1.125rem;font-weight:600;color:#fff}.vqa-slider-body{flex:1;overflow-y:auto;padding:2rem;display:flex;align-items:center;justify-content:center;position:relative}.vqa-slide{width:100%;max-width:1400px;background:#0f0f0f;border:1px solid #2d2d2d;border-radius:12px;padding:2rem;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.vqa-slide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #2d2d2d}.vqa-slide-title-group{display:flex;align-items:center;gap:1rem}.vqa-slide-counter{background:#2d2d2d;color:#3b82f6;padding:.5rem .875rem;border-radius:6px;font-size:1rem;font-weight:700}.vqa-slide-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#d1d5db}.vqa-slider-dots{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;background:#0f0f0f;border-top:1px solid #2d2d2d}.vqa-dot{width:12px;height:12px;border-radius:50%;border:2px solid #2d2d2d;background:#1a1a1a;cursor:pointer;transition:all .2s;padding:0}.vqa-dot:hover{transform:scale(1.2);border-color:#3b82f6}.vqa-dot.active{width:16px;height:16px;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f680}.vqa-dot.passed{background:#16a34a;border-color:#16a34a}.vqa-dot.failed{background:#dc2626;border-color:#dc2626}.vqa-dot.active.passed{background:#16a34a;border-color:#16a34a;box-shadow:0 0 10px #16a34a80}.vqa-dot.active.failed{background:#dc2626;border-color:#dc2626;box-shadow:0 0 10px #dc262680}.vqa-images-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:1rem}.vqa-image-panel-compact{background:#000;border:1px solid #2d2d2d;border-radius:8px;padding:.75rem;display:flex;flex-direction:column}.vqa-image-panel-compact h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#9ca3af;text-align:center}.vqa-image-container-compact{flex:1;display:flex;align-items:center;justify-content:center;background:#000;border-radius:6px;overflow:hidden;min-height:250px;max-height:400px;margin-bottom:.75rem}.vqa-download-btn-compact{background:#16a34a;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.25rem}.vqa-download-btn-compact:hover{background:#15803d}.vqa-metrics-compact{background:#0f0f0f;border:1px solid #2d2d2d;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.metric-value-compact{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-threshold{font-size:.75rem;color:#9ca3af;line-height:1.4}.vqa-analysis-compact{margin-top:1rem;padding-top:1rem;border-top:1px solid #2d2d2d;font-size:.875rem;color:#d1d5db}.vqa-analysis-compact strong{color:#fff;margin-bottom:.5rem;display:block}.vqa-analysis-compact ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.vqa-analysis-compact li{padding-left:1.5rem;position:relative}.vqa-analysis-compact li:before{content:"•";position:absolute;left:.5rem;color:#6b7280}.vqa-analysis-compact li.negative{color:#fca5a5}.vqa-analysis-compact li.negative:before{content:"✗";color:#dc2626}.vqa-analysis-compact li.positive{color:#86efac}.vqa-analysis-compact li.positive:before{content:"✓";color:#16a34a}.vqa-view-all-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.vqa-view-all-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.vqa-reupload-btn{background:#f59e0b;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s;width:100%}.vqa-reupload-btn:hover{background:#d97706}.vqa-submit-review-btn{background:#16a34a;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.vqa-submit-review-btn:hover:not(:disabled){background:#15803d;transform:translateY(-2px);box-shadow:0 10px 20px #16a34a4d}.vqa-submit-review-btn:disabled{background:#cbd5e1;cursor:not-allowed}.status-chip{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-chip.success{background:#dcfce7;color:#166534}.status-chip.action-required{background:#fef3c7;color:#92400e}.status-chip.pending{background:#f3f4f6;color:#4b5563}.vqa-file-label.disabled{cursor:not-allowed;opacity:.5;background:#e2e8f0}.waiting-msg{text-align:center;padding:2rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:.875rem}@media(max-width:1200px){.vqa-images-grid{grid-template-columns:1fr 1fr}.vqa-images-row{grid-template-columns:1fr 1fr;gap:1rem}.vqa-metrics-compact{grid-column:span 2}}@media(max-width:768px){.vqa-images-grid,.vqa-grid,.vqa-images-row{grid-template-columns:1fr}.vqa-metrics-compact{grid-column:span 1}.vqa-upload-header{flex-direction:column;align-items:flex-start;gap:1rem}.vqa-view-all-btn{width:100%}.vqa-slider-nav-btn{width:2.5rem;height:2.5rem;font-size:1.5rem}.vqa-slider-nav-btn.prev{left:.5rem}.vqa-slider-nav-btn.next{right:.5rem}.vqa-slide-counter{font-size:.875rem;padding:.375rem .75rem}.vqa-slide-header h3{font-size:1.125rem}.vqa-slide-title-group{flex-wrap:wrap;gap:.5rem}.vqa-slider-body,.vqa-slide{padding:1rem}.vqa-image-container-compact{min-height:150px;max-height:250px}.vqa-slider-dots{gap:.5rem;padding:1rem}.vqa-dot{width:10px;height:10px}.vqa-dot.active{width:14px;height:14px}.vqa-modal-header{flex-direction:column;align-items:flex-start;gap:1rem}.vqa-header-left{width:100%}.vqa-modal-header h2{font-size:1.25rem;flex-wrap:wrap}.vqa-header-summary{flex-wrap:wrap;font-size:.75rem}.summary-value{font-size:.875rem}.vqa-close-btn{position:absolute;top:1rem;right:1rem}}:root{--gr-primary: var(--primary);--gr-primary-hover: var(--primary-dark);--gr-primary-light: var(--primary-light);--gr-bg: var(--background);--gr-surface: rgba(255, 255, 255, .7);--gr-surface-2: rgba(255, 255, 255, .5);--gr-border: var(--border);--gr-border-light: var(--border-light);--gr-text-main: var(--text);--gr-text-secondary: var(--text-light);--gr-text-muted: var(--text-lighter);--gr-success: var(--success);--gr-warning: var(--warning);--gr-danger: var(--error);--gr-shadow: var(--shadow-lg);--gr-shadow-soft: var(--shadow-md);--gr-radius-lg: var(--radius-xl);--gr-radius-xl: 1.5rem}.golden-records-page{display:flex;flex-direction:column;min-height:100%;background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.06),transparent 45%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.06),transparent 40%),var(--gr-bg)}.gr-page-header{padding:0 1.5rem;margin-bottom:.5rem}.gr-sidebar-title{font-size:1.25rem;font-weight:700;color:var(--gr-text-main);letter-spacing:-.025em}.page-title-section{display:flex;align-items:center;gap:.5rem}.page-icon{display:none}.header-actions{display:flex;align-items:center;gap:1rem}.btn{padding:.625rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent}.btn-primary{background:var(--gr-primary);color:#fff;border:none;box-shadow:0 8px 16px -12px #2563eb80}.btn-primary:hover{background:var(--gr-primary-hover)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-secondary{background:#fff;color:var(--gr-text-secondary);border:1px solid var(--gr-border)}.btn-secondary:hover{background:var(--gr-bg)}.btn-danger{background:var(--gr-danger);color:#fff;border:none}.btn-danger:hover{background:#dc2626}.content-layout{display:flex;flex:1;overflow:hidden;gap:0;margin:1.5rem;background:transparent}.projects-sidebar{width:320px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gr-border);border-radius:16px;display:flex;flex-direction:column;flex-shrink:0;padding:1rem;box-shadow:0 4px 24px -8px #00000014}.sidebar-header{padding:.5rem;border-bottom:1px solid var(--gr-border-light);margin-bottom:.5rem}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sidebar-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--gr-text-muted);margin:0;letter-spacing:.1em}.sidebar-controls{display:flex;flex-direction:column;gap:.5rem}.search-input{width:100%;padding:.675rem .85rem;border:1px solid transparent;border-radius:.75rem;font-size:.875rem;background-color:var(--gr-surface-2);transition:all .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#2563eb59;box-shadow:0 0 0 2px #2563eb26}.search-input::placeholder{color:var(--gr-text-muted)}.projects-list-container{flex:1;overflow-y:auto;padding:1rem 1rem 1.5rem}.projects-list{display:flex;flex-direction:column;gap:.75rem}.project-card{padding:1.25rem;border-radius:var(--gr-radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc;border:1px solid transparent;box-shadow:0 2px 4px #00000005;position:relative}.project-card:hover{transform:translateY(-2px);background:#fff;box-shadow:var(--gr-shadow-soft);border-color:var(--gr-primary-light)}.project-card.selected{background:#fff;border-color:var(--gr-primary);box-shadow:var(--gr-shadow),0 0 0 1px var(--gr-primary)}.project-card.menu-open{z-index:50}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.project-name{font-size:.9375rem;font-weight:600;color:var(--gr-text-main);margin:0}.project-card.selected .project-name{color:var(--gr-text-main)}.project-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gr-text-muted);margin-bottom:.75rem}.project-version-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;background:#3b82f61a;color:var(--gr-primary);border-radius:.25rem;font-size:.65rem;font-weight:700;letter-spacing:.02em}.mini-progress{flex:1;height:5px;background:var(--gr-border-light);border-radius:2px;overflow:hidden;max-width:100px}.mini-progress-fill{height:100%;background:var(--gr-primary);border-radius:2px;transition:width .3s ease}.pipeline-area{flex:1;overflow-y:auto;padding:0 0 0 2rem}.loading-center{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gr-text-muted)}.empty-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gr-text-muted);text-align:center;padding:2rem}.project-actions{position:relative}.menu-btn{background:none;border:none;cursor:pointer;padding:.25rem .5rem;font-size:1rem;color:var(--gr-text-muted);border-radius:4px;line-height:1;opacity:0;transition:opacity .2s}.project-card:hover .menu-btn{opacity:1}.menu-btn:hover{background:var(--gr-border-light);color:var(--gr-text-main)}.context-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--gr-border);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:100;min-width:140px;overflow:hidden}.context-menu button{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.875rem;cursor:pointer;color:var(--gr-text-main);transition:background .1s}.context-menu button:hover{background:var(--gr-bg)}.context-menu button.danger{color:var(--gr-danger)}.context-menu button.danger:hover{background:#ef44441a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalOverlayIn .25s ease-out}.modal-box{background:var(--gr-surface);border-radius:var(--gr-radius-lg);padding:1.5rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:modalBoxIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-box h3{margin:0 0 1.25rem;font-size:1.125rem;font-weight:600;color:var(--gr-text-main)}.modal-box .form-group{margin-bottom:1rem}.modal-box label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--gr-text-secondary)}.modal-box .input-field,.modal-box .textarea-field{width:100%;padding:.625rem .75rem;border:1px solid var(--gr-border);border-radius:.5rem;font-size:.875rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.modal-box .input-field:focus,.modal-box .textarea-field:focus{outline:none;border-color:var(--gr-primary)}.modal-box .textarea-field{resize:vertical}.modal-box .confirm-text{color:var(--gr-text-secondary);font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem}.modal-box .confirm-text strong{color:var(--gr-text-main)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;gap:.5rem;animation:slide-up .3s ease}.toast:before{content:"";width:8px;height:8px;border-radius:50%}.toast-success:before{background:var(--gr-success)}.toast-error:before{background:var(--gr-danger)}.toast-info:before{background:var(--gr-primary)}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.pipeline-view{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.project-header-card{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-xl);padding:1.75rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--gr-shadow)}.header-left{display:flex;align-items:center;gap:1.5rem}.project-avatar{width:64px;height:64px;background:linear-gradient(135deg,#2563eb,#1e3a8a);border-radius:1.1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 12px 20px -14px #2563ebb3}.header-details h1{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:var(--gr-text-main);display:flex;align-items:center;gap:.75rem}.gate-badge{background:#2563eb1f;color:var(--gr-primary);font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.05em}.gate-badge.completed{background:#16a34a1f;color:#16a34a}.meta-row{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--gr-text-muted)}.vault-btn{padding:.625rem 1.25rem;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #8b5cf64d}.vault-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.vault-btn:disabled{opacity:.7;cursor:not-allowed}.vault-btn.in-vault{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.meta-row span{display:flex;align-items:center;gap:.25rem}.header-right{display:flex;align-items:center;gap:2rem}.completion-stat{text-align:right}.completion-percent{font-size:2rem;font-weight:700;color:var(--gr-primary);line-height:1}.completion-label{font-size:.625rem;font-weight:700;color:var(--gr-text-muted);text-transform:uppercase;letter-spacing:.1em}.timeline-container{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-xl);padding:2rem 1.75rem;box-shadow:var(--gr-shadow-soft)}.timeline{display:flex;justify-content:space-between;gap:1rem;position:relative}.timeline:before{content:"";position:absolute;top:20px;left:0;right:0;height:3px;background:var(--gr-border-light);z-index:0}.timeline-step{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.4;transition:opacity .2s;position:relative;z-index:1}.timeline-step:hover,.timeline-step.selected,.timeline-step.completed,.timeline-step.in_progress,.timeline-step.submitted{opacity:1}.step-node{width:38px;height:38px;border-radius:50%;border:2px solid var(--gr-border);background:var(--gr-surface);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;transition:all .2s}.timeline-step.completed .step-node{border-color:var(--gr-primary);color:var(--gr-primary);background:#fff;box-shadow:0 0 0 4px var(--gr-primary-light)}.timeline-step.in_progress .step-node,.timeline-step.submitted .step-node{border-color:transparent;background:linear-gradient(135deg,var(--gr-primary),var(--gr-primary-hover));color:#fff;box-shadow:0 4px 12px #4f46e566;transform:scale(1.1)}.timeline-step.rejected .step-node{border-color:var(--gr-danger);color:var(--gr-danger)}.timeline-step.selected .step-node{transform:scale(1.1)}.step-info{text-align:center}.step-name{display:block;font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--gr-text-secondary);margin-bottom:.25rem}.timeline-step.in_progress .step-name,.timeline-step.submitted .step-name{color:var(--gr-primary)}.step-role{display:block;font-size:.5625rem;text-transform:uppercase;color:var(--gr-text-muted);font-weight:500}.content-split{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media(max-width:1024px){.content-split{grid-template-columns:1fr}}@media(max-width:960px){.page-header{padding:0 1.25rem}.content-layout{flex-direction:column}.projects-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--gr-border)}.pipeline-area{padding:1.5rem}.timeline{overflow-x:auto;padding-bottom:.5rem}}.detail-area{display:flex;flex-direction:column;gap:1.5rem}.activity-panel{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-xl);padding:1.5rem;box-shadow:var(--gr-shadow-soft)}.activity-title{font-size:1.125rem;font-weight:700;color:var(--gr-text-main);margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:.75rem}.activity-bar{width:4px;min-height:40px;border-radius:2px;flex-shrink:0}.activity-bar.success{background:var(--gr-success)}.activity-bar.primary{background:var(--gr-primary)}.activity-bar.muted{background:var(--gr-border)}.activity-content{flex:1;min-width:0}.activity-text{font-size:.75rem;color:var(--gr-text-muted);line-height:1.4;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.activity-text strong{color:var(--gr-text-secondary)}.activity-text .highlight{color:var(--gr-primary);font-weight:500}.activity-time{font-size:.625rem;color:var(--gr-text-muted);margin-top:.25rem}.version-tabs-container{margin-bottom:1rem}.version-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-lg);overflow-x:auto;scrollbar-width:thin}.version-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.5rem;background:transparent;color:var(--gr-text-muted);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.version-tab:hover{background:#00000008;color:var(--gr-text-secondary)}.version-tab.active{background:var(--gr-primary);color:#fff;border-color:var(--gr-primary);font-weight:600}.version-tab.active .version-date{color:#fffc}.version-tab.active .version-status-dot.completed{color:#ffffffe6}.version-label{font-weight:600}.version-date{font-size:.7rem;color:var(--gr-text-muted)}.version-vault-badge{font-size:.6rem;font-weight:600;padding:.1rem .35rem;background:#22c55e26;color:#16a34a;border-radius:.25rem;white-space:nowrap}.version-tab.active .version-vault-badge{background:#ffffff40;color:#fffffff2}.version-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.version-status-dot.active{background:var(--gr-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.version-readonly-banner{margin-top:.5rem;padding:.5rem 1rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:.5rem;color:#9a3412;font-size:.8rem;text-align:center}.version-btn.new-version{padding:.5rem 1rem;border:2px dashed var(--gr-primary);border-radius:.5rem;background:#3b82f60d;color:var(--gr-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.version-btn.new-version:hover:not(:disabled){background:#3b82f61a;border-color:var(--gr-primary-hover)}.version-btn.new-version:disabled{opacity:.6;cursor:not-allowed}.empty-detail{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--gr-text-muted);text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.4}.dash-page{padding:1.5rem;max-width:100%;margin:0}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dash-header h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text, #1e293b)}.dash-header-actions{display:flex;gap:.5rem;align-items:center}.dash-refresh-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);color:var(--text, #1e293b);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.dash-refresh-btn:hover{border-color:var(--primary);background:var(--background, #f8fafc)}.dash-refresh-btn:active{transform:scale(.98)}.dash-refresh-btn svg{transition:transform .3s ease}.dash-refresh-btn:hover svg{transform:rotate(45deg)}.dash-last-updated{font-size:.75rem;color:var(--text-lighter, #94a3b8)}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.dash-stat-card{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 10px);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .15s ease,transform .15s ease}.dash-stat-card:hover{box-shadow:0 2px 12px #0000000f;transform:translateY(-1px)}.dash-stat-icon{width:40px;height:40px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-stat-icon.blue{background:#eff6ff;color:#3b82f6}.dash-stat-icon.green{background:#f0fdf4;color:#22c55e}.dash-stat-icon.purple{background:#faf5ff;color:#a855f7}.dash-stat-icon.orange{background:#fff7ed;color:#f97316}.dash-stat-icon.teal{background:#f0fdfa;color:#14b8a6}.dash-stat-icon.indigo{background:#eef2ff;color:#6366f1}.dash-stat-icon.rose{background:#fff1f2;color:#f43f5e}.dash-stat-icon.amber{background:#fffbeb;color:#f59e0b}.dash-stat-value{font-size:1.75rem;font-weight:700;color:var(--text, #1e293b);line-height:1;margin-top:.25rem}.dash-stat-label{font-size:.75rem;font-weight:500;color:var(--text-lighter, #94a3b8);text-transform:uppercase;letter-spacing:.03em}.dash-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.dash-chart-panel{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 10px);padding:1.25rem;display:flex;flex-direction:column}.dash-chart-panel-title{font-size:.875rem;font-weight:600;color:var(--text, #1e293b);margin:0 0 1rem}.dash-chart-container{flex:1;min-height:250px}.dash-status-grid{display:flex;flex-direction:column;gap:.5rem}.dash-status-row{display:flex;align-items:center;gap:.75rem}.dash-status-label{font-size:.75rem;font-weight:500;color:var(--text-light, #64748b);width:80px;text-transform:capitalize;flex-shrink:0}.dash-status-bar-wrapper{flex:1;height:24px;background:var(--background, #f8fafc);border-radius:4px;overflow:hidden;position:relative}.dash-status-bar{height:100%;border-radius:4px;transition:width .6s ease;min-width:2px}.dash-status-bar.pending{background:#f59e0b}.dash-status-bar.processing{background:#3b82f6}.dash-status-bar.ready{background:#22c55e}.dash-status-bar.failed{background:#ef4444}.dash-status-bar.draft{background:#94a3b8}.dash-status-bar.submitted{background:#8b5cf6}.dash-status-bar.in_review{background:#f97316}.dash-status-bar.approved{background:#10b981}.dash-status-bar.rejected{background:#ef4444}.dash-status-count{font-size:.75rem;font-weight:600;color:var(--text, #1e293b);width:50px;text-align:right;flex-shrink:0}.dash-gr-summary{display:flex;flex-direction:column;gap:1rem}.dash-gr-status-row{display:flex;gap:.75rem;flex-wrap:wrap}.dash-gr-status-chip{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--background, #f8fafc);color:var(--text-light, #64748b);border:1px solid var(--border, #e2e8f0)}.dash-gr-status-chip .chip-count{font-weight:700;color:var(--text, #1e293b)}.dash-gr-projects-list{display:flex;flex-direction:column;gap:.5rem}.dash-gr-project-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border, #e2e8f0)}.dash-gr-project-item:last-child{border-bottom:none}.dash-gr-project-name{font-size:.8125rem;font-weight:500;color:var(--text, #1e293b)}.dash-gr-project-status{font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:999px;text-transform:capitalize}.dash-gr-project-status.in_progress{background:#dbeafe;color:#1d4ed8}.dash-gr-project-status.completed{background:#dcfce7;color:#15803d}.dash-gr-project-status.cancelled{background:#fee2e2;color:#b91c1c}.dash-review-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.dash-review-card{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 10px);padding:1.25rem;text-align:center}.dash-review-value{font-size:2rem;font-weight:700;line-height:1;margin-bottom:.375rem}.dash-review-value.pending{color:#f59e0b}.dash-review-value.approved{color:#22c55e}.dash-review-value.rejected{color:#ef4444}.dash-review-label{font-size:.75rem;font-weight:500;color:var(--text-lighter, #94a3b8)}.dash-activity-panel{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 10px);padding:1.25rem;margin-bottom:1.5rem}.dash-activity-list{display:flex;flex-direction:column;max-height:400px;overflow-y:auto}.dash-activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border, #e2e8f0)}.dash-activity-item:last-child{border-bottom:none}.dash-activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--background, #f8fafc);color:var(--text-light, #64748b)}.dash-activity-content{flex:1;min-width:0}.dash-activity-text{font-size:.8125rem;color:var(--text, #1e293b);line-height:1.4}.dash-activity-text strong{font-weight:600}.dash-activity-meta{font-size:.6875rem;color:var(--text-lighter, #94a3b8);margin-top:.125rem}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.dash-loading-spinner{width:40px;height:40px;border:3px solid var(--border, #e2e8f0);border-top-color:var(--primary);border-radius:50%;animation:dashSpin .8s linear infinite}@keyframes dashSpin{to{transform:rotate(360deg)}}.dash-loading-text{font-size:.875rem;color:var(--text-lighter, #94a3b8);font-weight:500}.dash-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:.75rem}.dash-error-text{font-size:.875rem;color:#dc2626;font-weight:500}.dash-error-retry{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s ease}.dash-error-retry:hover{background:var(--primary-dark)}.dash-empty-chart{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-lighter, #94a3b8);font-size:.8125rem;font-weight:500}.dash-oem-hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.dash-oem-left,.dash-oem-right{display:flex;flex-direction:column;gap:16px;min-height:500px}.dash-oem-right>.dash-panel{flex:1;display:flex;flex-direction:column}.dash-oem-left>.dash-panel:last-child{flex:1;display:flex;flex-direction:column}.dash-welcome-card{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:var(--radius-lg, 10px);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:20px 24px;color:#fff;margin-bottom:0;flex-shrink:0}.dash-welcome-greeting{font-size:1.125rem;font-weight:600}.dash-welcome-name{opacity:.9}.dash-welcome-sub{font-size:.8125rem;opacity:.75;margin-top:4px;margin-bottom:0}.dash-panel{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 10px);padding:16px}.dash-panel--connected{border-top-left-radius:0;border-top-right-radius:0;margin-top:-16px;border-top:none}.dash-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dash-panel-title{font-size:.8125rem;font-weight:700;color:var(--text, #1e293b);margin:0}.dash-panel-link{font-size:.75rem;color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.dash-panel-link:hover{text-decoration:underline}.dash-panel>.dash-chart-container,.dash-panel>.dash-action-list,.dash-panel>.dash-asset-strip,.dash-panel>.dash-gr-activity-list{flex:1;min-height:0}.dash-pending-badge{background:#fee2e2;color:#dc2626;font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:999px}.dash-action-list{display:flex;flex-direction:column;gap:8px}.dash-action-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--border, #e2e8f0);cursor:pointer;transition:background .15s}.dash-action-item:hover{background:var(--background, #f8fafc)}.dash-action-icon{width:32px;height:32px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-action-icon--review{background:#eff6ff;color:#3b82f6}.dash-action-icon--gate{background:#faf5ff;color:#a855f7}.dash-action-body{flex:1;min-width:0}.dash-action-title{font-size:.8125rem;font-weight:500;color:var(--text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-action-meta{font-size:.6875rem;color:var(--text-lighter, #94a3b8);margin-top:1px}.dash-action-cta{font-size:.6875rem;color:var(--primary);font-weight:600;white-space:nowrap;flex-shrink:0}.dash-action-empty{font-size:.8125rem;color:var(--text-lighter, #94a3b8);text-align:center;padding:16px 0}.dash-asset-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-asset-thumb{border-radius:var(--radius-sm, 6px);overflow:hidden;border:1px solid var(--border, #e2e8f0);background:var(--background, #f8fafc);display:flex;flex-direction:column}.dash-asset-thumb img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.dash-asset-thumb-icon{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.dash-asset-thumb-name{font-size:.6rem;color:var(--text-lighter, #94a3b8);padding:4px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-gr-activity-list{display:flex;flex-direction:column;gap:6px}.dash-gr-activity-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border, #e2e8f0)}.dash-gr-activity-item:last-child{border-bottom:none}.dash-gr-activity-content{flex:1;min-width:0}.dash-gr-activity-title{font-size:.8125rem;font-weight:500;color:var(--text, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-gr-activity-subtitle{font-size:.6875rem;color:var(--text-lighter, #94a3b8);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-gr-activity-action{font-weight:600;color:var(--text-light, #64748b);text-transform:lowercase}.dash-gr-activity-time{font-size:.6875rem;color:var(--text-lighter, #94a3b8);flex-shrink:0}@media(max-width:1024px){.dash-oem-hero,.dash-charts-row{grid-template-columns:1fr}.dash-review-row{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){.dash-page{padding:1rem}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-charts-row,.dash-review-row{grid-template-columns:1fr}.dash-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dash-stat-value{font-size:1.5rem}}@media(max-width:480px){.dash-stats-grid{grid-template-columns:1fr}}.ai-studio-wrap{display:flex;flex-direction:column;height:calc(100vh - 64px);overflow:hidden}.ai-studio-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--card);flex-shrink:0}.ai-studio-title{display:flex;align-items:center;gap:10px}.ai-studio-title h1{font-size:1.125rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.ai-studio-title-badge{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--primary-light);color:var(--primary)}.ai-studio-header-right{display:flex;align-items:center;gap:12px}.ai-studio-status{font-size:.75rem;color:var(--text-lighter);display:flex;align-items:center;gap:6px}.ai-studio-status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.ai-studio-body{display:flex;flex:1;overflow:hidden}.asset-library{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#f8fafc;overflow:hidden}.asset-library-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.asset-library-title{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lighter);margin-bottom:10px}.asset-library-search{position:relative}.asset-library-search-input{width:100%;padding:7px 10px 7px 32px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;background:var(--card);color:var(--text);outline:none;transition:border-color var(--transition-fast)}.asset-library-search-input:focus{border-color:var(--primary)}.asset-library-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--text-lighter);pointer-events:none}.asset-library-grid{flex:1;overflow-y:auto;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.asset-thumb{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--card);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);padding:0 0 6px;overflow:hidden;position:relative;height:110px}.asset-thumb:hover{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;transform:translateY(-1px)}.asset-thumb:active{transform:scale(.97)}.asset-thumb-emoji{font-size:1.75rem;line-height:1}.asset-thumb-name{font-size:.625rem;color:var(--text-light);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.asset-thumb-type{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-lighter)}.asset-thumb-img{width:100%;height:76px;object-fit:cover;border-radius:0;display:block;flex-shrink:0}.asset-thumb-add-hint{position:absolute;top:0;right:0;bottom:0;left:0;background:#4f46e5d9;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--transition-fast);color:#fff;font-size:.75rem;font-weight:600}.asset-thumb:hover .asset-thumb-add-hint{opacity:1}.asset-thumb--on-canvas{border-color:var(--success);background:var(--success-light);cursor:default}.asset-thumb--on-canvas:hover{transform:none;box-shadow:none}.asset-thumb-on-canvas-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--success);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.asset-library-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:var(--text-lighter);font-size:.8125rem}.asset-library-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.asset-library-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:40px 0;color:var(--text-lighter);font-size:.8125rem}.studio-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--background)}.canvas-section{flex:1;display:flex;flex-direction:column;padding:16px 20px;border-bottom:1px solid var(--border);overflow:hidden}.canvas-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lighter);margin-bottom:10px}.canvas-drop-zone{flex:1;border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--card);display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:200px;gap:10px;padding:10px;overflow-y:auto;transition:border-color var(--transition-fast),background var(--transition-fast)}.canvas-drop-zone--empty{display:flex;align-items:center;justify-content:center}.canvas-drop-zone-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-lighter);pointer-events:none}.canvas-drop-zone-placeholder-icon{font-size:2rem;opacity:.4}.canvas-drop-zone-placeholder-text{font-size:.8125rem;font-weight:500}.canvas-drop-zone-placeholder-sub{font-size:.6875rem;opacity:.7}.canvas-placed-asset{border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:var(--shadow-md);animation:pop-in .15s cubic-bezier(.34,1.56,.64,1);background:#000}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.canvas-placed-img{width:100%;height:100%;object-fit:cover;display:block}.canvas-placed-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--background)}.canvas-placed-name{position:absolute;bottom:0;left:0;right:0;padding:20px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);font-size:.6875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-placed-remove{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--error);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;line-height:1;box-shadow:var(--shadow);transition:transform var(--transition-fast)}.canvas-placed-remove:hover{transform:scale(1.15)}.prompt-section{flex-shrink:0;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--card)}.prompt-wrap{display:flex;flex-direction:column;gap:10px}.prompt-textarea{width:100%;min-height:90px;padding:12px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--text);background:var(--background);resize:vertical;outline:none;transition:border-color var(--transition-fast);line-height:1.5}.prompt-textarea:focus{border-color:var(--primary);background:var(--card)}.prompt-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-char-count{font-size:.75rem;color:var(--text-lighter)}.generate-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.generate-btn:hover:not(:disabled){background:var(--primary-dark)}.generate-btn:active:not(:disabled){transform:scale(.97)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.results-section{flex:1;overflow-y:auto;padding:16px 20px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.result-card{aspect-ratio:1;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--card);overflow:hidden;box-shadow:var(--shadow);position:relative;animation:fade-up .3s ease forwards;animation-delay:calc(var(--idx) * 80ms);opacity:0}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-card-inner{width:100%;height:100%;background:linear-gradient(135deg,hsl(calc(200 + var(--idx) * 40),60%,90%),hsl(calc(220 + var(--idx) * 40),50%,85%));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.result-card-placeholder-icon{font-size:2.5rem;opacity:.5}.result-card-label{font-size:.6875rem;color:var(--text-light);font-weight:500}.result-card-actions{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);display:flex;gap:6px;opacity:0;transition:opacity var(--transition-fast)}.result-card:hover .result-card-actions{opacity:1}.result-card-action-btn{flex:1;padding:5px 8px;border:none;border-radius:var(--radius-sm);background:#ffffffe6;color:var(--text);font-size:.6875rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.result-card-action-btn:hover{background:#fff}.model-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--card);overflow-y:auto}.model-panel-section{padding:16px;border-bottom:1px solid var(--border-light)}.model-panel-section-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lighter);margin-bottom:10px}.model-list{display:flex;flex-direction:column;gap:6px}.model-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1.5px solid var(--border);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);position:relative;background:var(--background)}.model-card:hover{border-color:var(--primary);background:var(--primary-light)}.model-card--selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 3px #4f46e51f}.model-card-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast);position:relative;display:flex;align-items:center;justify-content:center}.model-card--selected .model-card-radio{border-color:var(--primary);background:var(--primary)}.model-card-radio-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transition:opacity var(--transition-fast)}.model-card--selected .model-card-radio-dot{opacity:1}.model-card-icon{font-size:1.125rem;line-height:1;width:24px;text-align:center}.model-card-info{flex:1;min-width:0}.model-card-name{font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card-desc{font-size:.6875rem;color:var(--text-lighter);margin-top:1px}.model-card-badge{font-size:.5625rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--primary-light);color:var(--primary);flex-shrink:0}.settings-list{display:flex;flex-direction:column;gap:14px}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-row-header{display:flex;align-items:center;justify-content:space-between}.setting-label{font-size:.75rem;font-weight:500;color:var(--text-light)}.setting-value{font-size:.75rem;font-weight:600;color:var(--primary);min-width:28px;text-align:right}.setting-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 1px 4px #4f46e566;transition:transform var(--transition-fast)}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.setting-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 1px 4px #4f46e566}.setting-seed-row{display:flex;align-items:center;gap:8px}.setting-seed-input{flex:1;padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text);background:var(--background);outline:none;transition:border-color var(--transition-fast)}.setting-seed-input:focus{border-color:var(--primary)}.setting-seed-random-btn{padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;color:var(--text-light);background:var(--background);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.setting-seed-random-btn:hover{border-color:var(--primary);color:var(--primary)}.model-info-card{margin:12px 16px 0;padding:12px;border-radius:var(--radius-md);background:var(--background);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:4px}.model-info-label{font-size:.6875rem;color:var(--text-lighter);font-weight:500}.model-info-value{font-size:.8125rem;font-weight:600;color:var(--text)}.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-lighter);padding:40px 20px;text-align:center}.results-empty-icon{font-size:2.5rem;opacity:.3}.results-empty-text{font-size:.875rem;font-weight:500}.results-empty-sub{font-size:.75rem;opacity:.7;max-width:220px}@media(max-width:1100px){.asset-library{width:200px}.model-panel{width:240px}}@media(max-width:768px){.ai-studio-body{flex-direction:column}.asset-library,.model-panel{width:100%;border-right:none;border-left:none;border-bottom:1px solid var(--border);max-height:220px}}.upload-container{animation:fadeIn .3s ease-in}.upload-card{max-width:800px;margin:0 auto;background:var(--card);border-radius:12px;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.upload-card h1{margin-bottom:.5rem}.form-section{margin-bottom:2rem}.form-section h2{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1rem}.form-row,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:all var(--transition-base);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.form-group input:not(:placeholder-shown):valid{border-color:var(--success)}.form-group input:not(:placeholder-shown):invalid:not(:focus){border-color:var(--error)}.dropzone{border:2px dashed var(--border);border-radius:12px;background:var(--background);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:1.5rem;position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .5s}.dropzone:hover:before{left:100%}.dropzone:hover{border-color:var(--primary);background:var(--card);transform:scale(1.01);box-shadow:0 4px 12px #10b98126}.dropzone.dragging{border-color:var(--primary);background:var(--primary-light);border-width:3px;transform:scale(1.02);box-shadow:0 8px 24px #10b98140;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 8px 24px #10b98140}50%{box-shadow:0 8px 32px #10b98166}}.dropzone.has-files{border-color:var(--primary);background:var(--primary-light);border-style:solid}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.dropzone-icon{font-size:4rem;animation:float 3s ease-in-out infinite}.dropzone-icon.success{color:var(--primary)}.dropzone-text{display:flex;flex-direction:column;gap:.25rem}.dropzone-primary{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.dropzone-secondary{font-size:.9rem;color:var(--text-light);margin:0}.section-note{color:var(--text-light);font-size:.9rem;margin-bottom:1.25rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem}.image-preview-item{position:relative;background:var(--card);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:all var(--transition-slow);animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-preview-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--primary)}.preview-image{width:100%;height:200px;object-fit:cover;display:block}.preview-info{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.preview-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-size{font-size:.75rem;color:var(--text-light)}.remove-button{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;background:#ef4444f2;color:#fff;border:none;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.image-preview-item:hover .remove-button{opacity:1}.remove-button:hover{background:#dc2626;transform:scale(1.1)}.upload-tips{margin-top:1.5rem;padding:1rem;background:var(--border-light);border-radius:8px;border-left:4px solid var(--primary)}.upload-tips p{margin:0 0 .5rem;font-weight:600;color:var(--text)}.upload-tips ul{margin:.5rem 0 0 1.5rem;padding:0}.upload-tips li{color:var(--text-light);font-size:.9rem;margin:.25rem 0}.submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:2rem;box-shadow:0 4px 6px -1px #10b98133;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:active:before{width:300px;height:300px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button:disabled:before{display:none}.response-message{padding:1.5rem;border-radius:12px;margin-top:1.5rem;animation:slideIn .3s ease-out;box-shadow:var(--shadow-md)}.response-message.success{border-left:4px solid var(--success)}.response-message.error{border-left:4px solid var(--error)}.response-message.success{background:var(--success-light);border:2px solid var(--primary);color:#065f46}.response-message.error{background:var(--error-light);border:2px solid var(--error);color:#991b1b}.response-message h3{margin:0 0 1rem;font-size:1.25rem;font-weight:700}.vehicle-info{margin:.75rem 0;padding:1rem;background:var(--card);border-radius:8px;opacity:.9}.vehicle-info p{margin:.5rem 0;font-weight:500}.images-uploaded{margin-top:1rem}.images-uploaded p{font-weight:600;margin-bottom:.5rem}.images-uploaded ul{margin:.5rem 0;padding-left:1.5rem}.images-uploaded li{margin:.25rem 0;font-size:.9rem}@media(max-width:768px){.upload-card{padding:1.5rem}.form-grid{grid-template-columns:1fr}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.batch-container{max-width:100%;margin:0;padding:1rem}.batch-header{margin-bottom:2rem}.batch-header h1{margin:0 0 .5rem}.batch-subtitle{font-size:1.1rem;color:var(--text-light);margin:0}.card{background:var(--card);border-radius:16px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:2rem}.upload-section h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 1.5rem}.upload-form{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.file-input-wrapper{flex:1;min-width:300px}.file-input{display:none}.file-label{display:block;padding:1rem 1.5rem;background:var(--background);border:2px dashed var(--border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;color:var(--text-light);font-weight:500}.file-label:hover{border-color:var(--primary);background:var(--card);color:var(--text)}.batch-upload-hint{margin-top:1rem;padding:1rem;background:#4f46e51a;border-radius:8px;border-left:4px solid var(--primary)}.batch-upload-hint p{margin:0;color:var(--text-light);font-size:.9rem}.job-details-section{background:linear-gradient(135deg,#10b9810d,#3b82f60d);border:2px solid var(--primary)}.job-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.job-details-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}.job-details-content{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text)}.detail-value{color:var(--text-light);font-weight:500}.detail-value.success{color:var(--primary)}.detail-value.warning{color:#f59e0b}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.875rem}.progress-bar-container{flex:1;max-width:400px;height:32px;background:var(--background);border-radius:16px;position:relative;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#059669 100%);transition:width .3s ease;border-radius:16px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;color:var(--text);font-size:.875rem}.download-section{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border);display:flex;gap:1rem;flex-wrap:wrap}.job-actions{display:flex;gap:.5rem;flex-wrap:wrap}.jobs-section{margin-top:2rem}.jobs-section h2{font-size:1.75rem;font-weight:600;color:var(--text);margin:0 0 1.5rem}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.job-card{background:var(--card);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:2px solid var(--border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.job-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#10b9810d,#3b82f60d)}.job-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.job-date{font-size:.875rem;color:var(--text-light)}.job-filename{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 1rem;word-break:break-word}.job-stats{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-light);text-transform:uppercase;font-weight:600}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text)}.stat-value.success{color:var(--primary)}.stat-value.warning{color:#f59e0b}.empty-state{text-align:center;padding:3rem;color:var(--text-light)}.empty-state p{font-size:1.1rem;margin:0}.multi-select-wrapper{position:relative;width:100%}.multi-select-trigger{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--background);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;box-sizing:border-box}.multi-select-trigger:hover{border-color:var(--primary)}.multi-select-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.multi-select-trigger .placeholder{color:var(--text-light)}.dropdown-arrow{color:var(--text-light);font-size:.75rem;transition:transform .2s}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}.multi-select-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s;gap:.75rem}.multi-select-option:hover{background:var(--border-light)}.multi-select-option.disabled{color:var(--text-light);cursor:not-allowed;padding:.75rem 1rem}.multi-select-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.multi-select-option span{flex:1;color:var(--text)}.selected-tenants-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tenant-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-light);color:var(--primary-dark);border-radius:6px;font-size:.875rem;font-weight:500}.tag-remove{background:none;border:none;color:var(--primary-dark);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.tag-remove:hover{background:#0000001a}.help-text{margin-top:.5rem;font-size:.875rem;color:var(--text-light)}.form-group{margin-bottom:1rem}@media(max-width:768px){.batch-container{padding:1rem}.batch-header h1{font-size:2rem}.upload-form{flex-direction:column}.file-input-wrapper{width:100%}.jobs-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}.progress-bar-container{max-width:100%}}.users-container{animation:fadeIn .3s ease-in}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.error-banner,.success-banner{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease;box-shadow:var(--shadow-md)}.error-banner{border-left:4px solid var(--error)}.success-banner{border-left:4px solid var(--success)}.users-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.empty-state{text-align:center;padding:4rem 1rem;background:var(--card);border-radius:12px;border:1px solid var(--border);animation:fadeInUp .5s ease-out}.empty-icon{font-size:4rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.users-table-container{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--border-light)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.users-table tbody tr{border-bottom:1px solid var(--border);transition:all var(--transition-base)}.users-table tbody tr:hover{background:var(--border-light);transform:translate(4px);box-shadow:-4px 0 0 var(--primary)}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:1rem;color:var(--text);font-size:.95rem}.email-cell{font-weight:500;color:var(--primary)}.role-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary-light);color:var(--primary-dark);border-radius:6px;font-size:.875rem;font-weight:500}.tenant-info{display:flex;flex-direction:column;gap:.25rem}.tenant-name{font-weight:500;color:var(--text)}.tenant-slug{font-size:.875rem;color:var(--text-light)}.modal-content{background:var(--card);border-radius:16px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;border:1px solid var(--border)}.create-user-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:all var(--transition-base);font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.form-group input:not(:placeholder-shown):valid:not(.input-error){border-color:var(--success)}.form-group input:not(:placeholder-shown):invalid:not(:focus):not(.input-error){border-color:var(--error)}.form-group input.input-error,.form-group select.input-error{border-color:var(--error)}.form-group input:disabled,.form-group select:disabled{background:var(--border-light);cursor:not-allowed;opacity:.7}@media(max-width:768px){.users-header,.users-controls,.toggle-container{flex-direction:column;align-items:stretch}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.users-table th,.users-table td{padding:.75rem .5rem;font-size:.875rem}.modal-content{max-height:95vh}.modal-header{padding:1.25rem 1.5rem}.create-user-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media(max-width:480px){.users-table{min-width:500px}.modal-header h2{font-size:1.25rem}}.tenants-container{animation:fadeIn .3s ease-in}.tenants-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.error-banner{background:var(--error-light);border:1px solid var(--error);color:#991b1b}.success-banner{background:var(--success-light);border:1px solid var(--success);color:#065f46}.info-banner{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.success-banner button{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.success-banner button:hover{opacity:1}.tenants-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-container{flex:1;min-width:250px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.toggle-container{display:flex;align-items:center;gap:1rem}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text);font-weight:500;font-size:.95rem}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.tenants-table-container{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.tenants-table{width:100%;border-collapse:collapse}.tenants-table thead{background:var(--border-light)}.tenants-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.tenants-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.tenants-table tbody tr:hover{background:var(--border-light)}.tenants-table tbody tr:last-child{border-bottom:none}.tenants-table td{padding:1rem;color:var(--text);font-size:.95rem}.name-cell{font-weight:600;color:var(--text)}.slug-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--primary);background:var(--primary-light);padding:.25rem .5rem;border-radius:4px;display:inline-block}.credits-badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:.25rem .6rem;border-radius:999px;background:var(--border-light);border:1px solid var(--border);font-weight:700;font-size:.875rem;color:var(--text)}.credits-badge.credits-used{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.tenant-type-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tenant-type-standard{background:var(--border-light);color:var(--text-light)}.tenant-type-oem{background:#dbeafe;color:#1e40af}.tenant-type-agency{background:#fae8ff;color:#86198f}.actions-cell{white-space:nowrap}.action-buttons{display:flex;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-danger{background:var(--error);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:1rem}.modal-content{background:var(--card);border-radius:16px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-content.modal-lg{max-width:1000px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;color:var(--text);font-size:1.5rem;font-weight:700}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.modal-close:hover:not(:disabled){background:var(--border-light);color:var(--text)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.create-tenant-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text);font-size:.95rem}.required{color:var(--error)}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.form-group input.input-error,.form-group textarea.input-error,.form-group select.input-error{border-color:var(--error)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--border-light);cursor:not-allowed;opacity:.7}.error-text{color:var(--error);font-size:.875rem;margin-top:.25rem}.help-text{color:var(--text-light);font-size:.875rem;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.credits-modal-body{padding:1.5rem 2rem 2rem}.credits-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.credits-summary-card{background:var(--border-light);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.credits-summary-label{color:var(--text-light);font-weight:600;font-size:.875rem;margin-bottom:.4rem}.credits-summary-value{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.credits-actions{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.credits-action-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.credits-action-title{font-weight:700;color:var(--text);margin-bottom:.75rem}.credits-action-row{display:grid;grid-template-columns:140px 1fr 120px;gap:.75rem;align-items:center}.credits-action-row input{padding:.65rem .9rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem}.credits-action-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.credits-transactions{margin-top:.5rem}.credits-transactions-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.credits-section-title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text)}.credits-section-subtitle{margin:.25rem 0 0;color:var(--text-light);font-size:.9rem}.credits-transactions-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.credits-transactions-controls select{padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:.9rem}.credits-table-container{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.credits-table{width:100%;border-collapse:collapse}.credits-table thead{background:var(--border-light)}.credits-table th{padding:.9rem .85rem;text-align:left;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);border-bottom:2px solid var(--border)}.credits-table td{padding:.85rem;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text);vertical-align:top}.credits-table tbody tr:hover{background:var(--border-light)}.credits-table tbody tr:last-child td{border-bottom:none}.credits-table-loading,.credits-table-empty{text-align:center;color:var(--text-light);padding:1.25rem!important}.tx-type{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-weight:800;font-size:.75rem;border:1px solid var(--border);background:var(--border-light);color:var(--text);text-transform:lowercase}.tx-addition{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.tx-usage{background:#fee2e2;border-color:#fecaca;color:#991b1b}.tx-expiration{background:#fef9c3;border-color:#fde68a;color:#92400e}.tx-reset{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.tx-positive{color:#065f46;font-weight:800}.tx-negative{color:#991b1b;font-weight:800}.credits-pagination{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.credits-pagination-info{color:var(--text-light);font-size:.9rem}.credits-pagination-actions{display:flex;gap:.5rem}@media(max-width:768px){.tenants-header,.tenants-controls,.toggle-container{flex-direction:column;align-items:stretch}.tenants-table-container{overflow-x:auto}.tenants-table{min-width:600px}.tenants-table th,.tenants-table td{padding:.75rem .5rem;font-size:.875rem}.modal-content{max-height:95vh}.modal-content.modal-lg{max-width:95vw}.credits-modal-body{padding:1.25rem 1.5rem 1.5rem}.credits-summary,.credits-action-row{grid-template-columns:1fr}.modal-header{padding:1.25rem 1.5rem}.create-tenant-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}@media(max-width:480px){.tenants-table{min-width:500px}.modal-header h2{font-size:1.25rem}}.decoder-container{animation:fadeIn .3s ease-in}.decoder-card{max-width:900px;margin:0 auto;background:var(--card);border-radius:12px;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.decoder-card h1{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.subtitle{color:var(--text-light);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:600;font-size:.9rem}.form-group input{width:100%;padding:.875rem;border:1px solid var(--border);border-radius:8px;font-size:1.1rem;font-family:monospace;letter-spacing:.05em;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.char-count{display:block;margin-top:.5rem;color:var(--text-light);font-size:.85rem}.decode-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1rem;box-shadow:0 4px 6px -1px #10b98133}.decode-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.decode-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.decode-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.decode-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.decode-btn:disabled{opacity:.5;cursor:not-allowed}.sample-vins{margin-top:2rem;padding:1.5rem;background:var(--border-light);border-radius:12px}.sample-title{font-size:.95rem;font-weight:600;color:var(--text);margin:0 0 1rem}.sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.sample-vins h3{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.sample-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.sample-button{padding:.75rem 1rem;background:var(--card);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.sample-button small{display:block;font-family:monospace;font-size:.75rem;color:var(--text-light);margin-top:.25rem;font-weight:400}.sample-button:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px)}.loading-spinner{text-align:center;padding:2rem;color:var(--text-light)}.result-card{margin-top:2rem;padding:2rem;background:var(--background);border-radius:12px;border:2px solid var(--border);animation:slideIn .3s ease-out}.result-card.success{background:var(--primary-light);border-color:var(--primary)}.result-card.error{background:var(--error-light);border-color:var(--error)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-card h2{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 1.5rem}.result-card.error h2{color:#991b1b}.result-card.error p{color:#991b1b;font-size:1rem}.api-info{margin-top:2rem;padding:1.5rem;background:var(--card);border-radius:8px;border:1px solid var(--border)}.api-info h3{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .75rem}.api-info p{color:var(--text-light);margin:0 0 1rem;font-size:.95rem}.api-link{display:inline-block;color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s}.api-link:hover{color:var(--primary-dark);text-decoration:underline}.error-help{margin-top:1.5rem;padding:1rem;background:var(--card);border-radius:8px;opacity:.9}.error-help h3{font-size:1rem;font-weight:600;color:#991b1b;margin:0 0 .75rem}.error-help ul{margin:0;padding-left:1.5rem;color:#991b1b}.error-help li{margin-bottom:.5rem;font-size:.9rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.result-item{padding:1rem;background:var(--card);border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.result-item .label{font-size:.875rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.result-item .value{font-size:1.1rem;font-weight:600;color:var(--text);word-break:break-word}.result-label{font-size:.875rem;font-weight:600;color:var(--text-light);margin-bottom:.25rem}.result-value{font-size:1.25rem;font-weight:700;color:var(--text)}.error-message{padding:1.5rem;background:var(--error-light);border:1px solid var(--error);border-radius:8px;margin-top:1.5rem;animation:slideIn .3s ease-out}.error-message h3{color:#991b1b;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.error-message p{color:#991b1b;margin:0}.vin-tip{margin-top:1.5rem;padding:1.5rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:8px}.vin-tip h3{color:#1e40af;margin:0 0 .75rem;font-size:1.1rem;font-weight:700}.vin-tip ul{margin:0;padding-left:1.5rem;color:#1e40af}.vin-tip li{margin-bottom:.5rem}.vin-tip a{color:#1e40af;font-weight:600;text-decoration:underline}@media(max-width:768px){.decoder-card{padding:1.5rem}.result-grid{grid-template-columns:1fr}.sample-buttons{flex-direction:column}.sample-button{width:100%;text-align:left}}.access-logs-container{animation:fadeIn .3s ease-in}.access-logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.error-banner,.success-banner{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}.error-banner{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.filters-content{padding:1.5rem;animation:filtersSlideDown .3s ease;max-height:2000px;overflow:hidden}.filters-actions .btn{min-width:120px}.page-size-selector select:disabled{opacity:.6;cursor:not-allowed}.logs-table-container{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow-x:auto;overflow-y:visible;box-shadow:var(--shadow);margin-bottom:1.5rem;display:block;width:100%}.logs-table{width:100%;border-collapse:collapse;table-layout:fixed;display:table}.logs-table tbody tr.expanded-row{display:table-row!important}.logs-table tbody tr.expanded-row td.expanded-content{width:100%;min-width:100%;max-width:none;display:table-cell!important}.logs-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);position:relative;min-width:80px}.logs-table th:first-child{min-width:40px;width:40px}.sortable-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.sort-indicator{font-size:.75rem;opacity:.7;transition:opacity .2s;min-width:1.5rem;text-align:center}.sortable-column:hover .sort-indicator{opacity:1}.logs-table tbody tr.expanded td{display:table-cell!important;visibility:visible!important;width:auto!important}.expand-cell{width:40px;padding:.5rem!important;text-align:center;vertical-align:middle}.expand-btn{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text);padding:.25rem .5rem;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.expanded-row td{display:table-cell!important;visibility:visible!important;padding:0!important}.expanded-content{padding:0!important;border-top:2px solid var(--border);box-sizing:border-box;width:100%;min-width:100%}.expanded-details{padding:1.5rem;background:var(--background);overflow-x:auto;overflow-y:visible;max-width:100%;width:100%;box-sizing:border-box}.detail-section{margin-bottom:1.5rem;max-width:100%;width:100%;box-sizing:border-box}.detail-content{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:0;overflow-x:auto;overflow-y:auto;max-width:100%;width:100%;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.8125rem;line-height:1.6;color:var(--text)}.detail-content code{background:none;padding:0;color:inherit;font-family:inherit;font-size:inherit;white-space:pre;word-wrap:normal;word-break:normal;display:block;max-width:100%;overflow-x:auto;overflow-y:visible}@media(max-width:768px){.expanded-details{padding:1rem}.detail-content{font-size:.75rem;padding:.75rem}.expand-cell{width:32px;padding:.25rem!important}.expand-btn{width:20px;height:20px;font-size:.7rem}}.logs-table tbody tr:not(.expanded-row) td{white-space:nowrap}.logs-table tbody tr.expanded-row td,.logs-table td.expanded-content{white-space:normal}.date-cell{color:var(--text-light);font-size:.875rem;white-space:normal}.user-name{font-size:.8rem;color:var(--text-light)}.user-info .tenant-name{font-size:.8rem;color:var(--text-light);font-style:italic}.url-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.85rem;color:var(--text-light)}.time-cell{font-family:monospace;font-size:.9rem;color:var(--text)}.ip-address{font-family:monospace;font-size:.9rem;color:var(--primary);text-decoration:underline;cursor:pointer}.ip-address:hover{color:var(--primary-dark)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;font-family:monospace}.status-success{background:#d1fae5;color:#065f46}.status-warning{background:#fef3c7;color:#92400e}.status-error{background:#fee2e2;color:#991b1b}.status-gray{background:#f3f4f6;color:#6b7280}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media(max-width:1024px){.filters-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.access-logs-header{flex-direction:column;align-items:stretch}.filters-grid{grid-template-columns:1fr}.filters-actions{justify-content:stretch}.filters-actions .btn{width:100%}.pagination-info{flex-direction:column;gap:.75rem;align-items:stretch}.page-size-selector{justify-content:space-between}.logs-table-container{overflow-x:auto}.logs-table{min-width:800px}.logs-table th,.logs-table td{padding:.75rem .5rem;font-size:.875rem}.pagination-controls{flex-wrap:wrap}.pagination-controls .btn{flex:1;min-width:80px}}@media(max-width:480px){.logs-table{min-width:700px}.filters-panel{padding:1rem}}.audit-logs-container{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audit-logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-subtitle{color:var(--text-light);font-size:1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease;background:#fee2e2;border:1px solid #fecaca;color:#991b1b}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:underline;padding:.25rem .5rem;font-size:.9rem;font-weight:500}.btn-link:hover{color:var(--primary-dark)}.filters-panel{background:var(--card);border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem;box-shadow:var(--shadow);overflow:hidden}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;border-bottom:1px solid var(--border)}.filters-header:hover{background-color:var(--border-light)}.filters-header-content{display:flex;align-items:center;gap:1rem;flex:1}.filters-title{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.filters-count{display:flex;align-items:center;gap:.5rem}.active-filters-badge{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.filters-toggle-btn{background:none;border:none;font-size:1rem;color:var(--text);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;width:2rem;height:2rem;border-radius:4px}.filters-toggle-btn:hover{background-color:#0000000d}.filters-content{padding:1.5rem;animation:filtersSlideDown .3s ease}@keyframes filtersSlideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:2000px;padding-top:1.5rem;padding-bottom:1.5rem}}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1rem}.filter-group-full{grid-column:1 / -1}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:var(--text);font-size:.875rem;margin-bottom:.25rem;display:block}.filter-group input,.filter-group select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;transition:all .2s;font-family:inherit;background:var(--background);color:var(--text);width:100%}.filter-group input::placeholder{color:var(--text-lighter);opacity:.7}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.filter-group input:disabled,.filter-group select:disabled{background:var(--border-light);cursor:not-allowed;opacity:.7}.filters-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem;gap:.75rem}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:var(--card);border-radius:8px;border:1px solid var(--border);font-size:.9rem;color:var(--text-light)}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{font-size:.9rem;color:var(--text-light)}.page-size-selector select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem;background:var(--background);color:var(--text);cursor:pointer}.empty-state{text-align:center;padding:4rem 1rem;background:var(--card);border-radius:12px;border:1px solid var(--border)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.empty-state p{color:var(--text-light);margin-bottom:1.5rem}.logs-table-container{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow-x:auto;box-shadow:var(--shadow);margin-bottom:1.5rem}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:var(--border-light)}.logs-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border)}.logs-table th:first-child{width:40px}.sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-column:hover{background-color:#10b9811a}.sortable-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sort-indicator{font-size:.75rem;opacity:.7}.logs-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.logs-table tbody tr:hover,.logs-table tbody tr.expanded{background:var(--border-light)}.logs-table tbody tr:last-child{border-bottom:none}.expand-cell{width:40px;padding:.5rem!important;text-align:center}.expand-btn{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text);padding:.25rem .5rem;border-radius:4px;transition:all .2s;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.expand-btn:hover{background:var(--primary);color:#fff}.expanded-row{background:var(--card)}.expanded-content{padding:0!important;border-top:2px solid var(--border)}.expanded-details{padding:1.5rem;background:var(--background);overflow-x:auto}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-title{font-size:.875rem;font-weight:600;color:var(--text);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.detail-title:before{content:"";width:3px;height:16px;background:var(--primary);border-radius:2px}.detail-value{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;color:var(--text);padding:.5rem;background:var(--card);border:1px solid var(--border);border-radius:6px}.detail-content{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:var(--text)}.detail-content code{background:none;padding:0;color:inherit;font-family:inherit;white-space:pre}.logs-table td{padding:1rem;color:var(--text);font-size:.95rem}.date-cell{color:var(--text-light);font-size:.875rem}.timestamp-info{display:flex;flex-direction:column;gap:.25rem}.timestamp-date{font-weight:500;color:var(--text);font-size:.9rem}.timestamp-time{font-size:.8rem;color:var(--text-light)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-email{font-weight:500;color:var(--text);font-size:.9rem}.text-muted{color:var(--text-lighter);font-style:italic}.module-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#e0e7ff;color:#3730a3}.action-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.action-create{background:#d1fae5;color:#065f46}.action-update{background:#dbeafe;color:#1e40af}.action-delete{background:#fee2e2;color:#991b1b}.action-tag{background:#fef3c7;color:#92400e}.action-export{background:#e0e7ff;color:#3730a3}.action-default{background:#f3f4f6;color:#6b7280}.entity-info{display:flex;flex-direction:column;gap:.25rem}.entity-type{font-weight:500;color:var(--text);font-size:.9rem;text-transform:capitalize}.entity-name{font-size:.8rem;color:var(--text-light)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem}.page-info{padding:.5rem 1rem;color:var(--text);font-weight:500}.btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.audit-logs-header{flex-direction:column;align-items:stretch}.filters-grid{grid-template-columns:1fr}.pagination-info{flex-direction:column;gap:.75rem;align-items:stretch}.logs-table-container{overflow-x:auto}.logs-table{min-width:800px}.pagination-controls{flex-wrap:wrap}}.jb-page{padding:1rem;max-width:100%;margin:0;animation:jbFadeIn .3s ease-in}@keyframes jbFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.jb-header{margin-bottom:1.25rem}.jb-title{font-size:2rem;font-weight:700;color:var(--text, #0f172a);margin-bottom:.25rem}.jb-subtitle{color:var(--text-light, #475569);font-size:.95rem}.jb-tabs{display:flex;gap:.25rem;background:var(--border-light, #f1f5f9);border-radius:var(--radius-lg, 12px);padding:.25rem;width:fit-content;margin-bottom:1.25rem}.jb-tab{padding:.5rem 1rem;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-light, #6b7280);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.jb-tab:hover{color:var(--text, #1a1a1a);background:#ffffff80}.jb-tab.active{background:#fff;color:var(--primary, #4f46e5);font-weight:600;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1))}.jb-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-bottom:1.25rem}.jb-stat-card{background:var(--card, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1))}.jb-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-light, #6b7280);margin-bottom:.25rem}.jb-stat-value{font-size:1.75rem;font-weight:700;color:var(--text, #0f172a)}.jb-stat-value.success{color:#065f46}.jb-stat-value.warn{color:#92400e}.jb-stat-value.danger{color:#991b1b}.jb-stat-card.success-bg{background:#d1fae5;border-color:#a7f3d0}.jb-stat-card.warn-bg{background:#fef3c7;border-color:#fde68a}.jb-stat-card.danger-bg{background:#fee2e2;border-color:#fecaca}.jb-stat-sub{font-size:.6875rem;color:var(--text-light, #6b7280);margin-top:.125rem}.jb-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.jb-select{padding:0 1.75rem 0 .625rem;height:34px;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.8125rem;background:var(--background, #f8fafc);color:var(--text, #0f172a);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.jb-select:focus{border-color:var(--primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51a;outline:none}.jb-search{padding:0 .625rem 0 2rem;height:34px;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:.8125rem;background:var(--background, #f8fafc);color:var(--text, #0f172a);min-width:200px;transition:all var(--transition-fast, .15s ease)}.jb-search:focus{border-color:var(--primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51a;outline:none}.jb-search-wrap{position:relative}.jb-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-lighter, #94a3b8);pointer-events:none}.jb-count{font-size:.75rem;color:var(--text-lighter, #94a3b8);font-weight:500}.jb-filter-tabs{display:flex;gap:.25rem;background:var(--border-light, #f1f5f9);border-radius:var(--radius-lg, 12px);padding:.25rem}.jb-filter-tab{padding:.375rem .75rem;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--text-light, #6b7280);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease);white-space:nowrap}.jb-filter-tab:hover{color:var(--text, #1a1a1a);background:#ffffff80}.jb-filter-tab.active{background:#fff;color:var(--primary, #4f46e5);font-weight:600;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1))}.jb-card{background:var(--card, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1));transition:all var(--transition-base, .2s ease);cursor:pointer}.jb-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:translateY(-2px)}.jb-card.expanded{border-color:var(--primary, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.jb-card-body{padding:1rem 1.25rem}.jb-card-title{font-size:.9375rem;font-weight:700;color:var(--text, #0f172a)}.jb-card-subtitle{font-size:.75rem;color:var(--text-lighter, #94a3b8);margin-top:.125rem}.jb-card-footer{border-top:1px solid var(--border-light, #f1f5f9);padding:.75rem 1.25rem}.jb-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.jb-tag-neutral{background:var(--border-light, #f1f5f9);color:var(--text-light, #475569)}.jb-tag-ext{background:var(--primary-light, #e0e7ff);color:#3730a3}.jb-tag-int{background:#fef3c7;color:#92400e}.jb-meta{display:flex;gap:.75rem;margin-top:.5rem;font-size:.6875rem;font-weight:500;color:var(--text-lighter, #94a3b8)}.jb-chevron{width:16px;height:16px;color:var(--text-lighter, #94a3b8);transition:transform var(--transition-fast, .15s ease);flex-shrink:0}.jb-chevron.open{transform:rotate(180deg)}.jb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.jb-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1.25rem}.jb-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md, 8px);background:linear-gradient(135deg,var(--primary, #4f46e5),var(--primary-dark, #4338ca));color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e54d;transition:all var(--transition-base, .2s ease)}.jb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #4f46e566;filter:brightness(1.1)}.jb-btn-primary:active{transform:translateY(0)}.jb-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.jb-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);background:#fff;color:var(--text-light, #6b7280);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.jb-btn-secondary:hover{background:var(--background, #f8fafc);color:var(--text, #0f172a)}.jb-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.jb-dropzone{border:1.5px dashed var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:3rem 2rem;text-align:center;cursor:pointer;background:var(--background, #f8fafc);transition:all var(--transition-fast, .15s ease)}.jb-dropzone:hover,.jb-dropzone.active{border-color:var(--primary, #4f46e5);background:#eef2ff}.jb-dropzone-icon{width:48px;height:48px;margin:0 auto .75rem;color:var(--text-lighter, #94a3b8)}.jb-dropzone-text{font-size:.8125rem;color:var(--text-light, #6b7280)}.jb-dropzone-hint{font-size:.6875rem;color:var(--text-lighter, #94a3b8);margin-top:.375rem}.jb-table-wrap{background:var(--card, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1));overflow:hidden}.jb-table{width:100%;border-collapse:collapse;font-size:.8125rem}.jb-table thead{background:var(--background, #f8fafc)}.jb-table th{padding:.625rem .875rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-light, #6b7280);border-bottom:1px solid var(--border, #e2e8f0)}.jb-table td{padding:.625rem .875rem;color:var(--text, #0f172a);border-bottom:1px solid var(--border-light, #f1f5f9)}.jb-table tbody tr{transition:background var(--transition-fast, .15s ease)}.jb-table tbody tr:hover{background:var(--background, #f8fafc)}.jb-table tbody tr:last-child td{border-bottom:none}.jb-input{width:100%;padding:.5rem .625rem;border:1px solid var(--border, #e2e8f0);border-radius:6px;font-size:.8125rem;background:var(--bg, white);color:var(--text, #0f172a)}.jb-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.jb-badge-neutral{background:var(--bg-secondary, #f1f5f9);color:var(--text-light, #475569)}.jb-col-sep{border-left:2px solid var(--border, #e2e8f0)}.jb-table-footer{padding:.625rem .875rem;font-size:.75rem;color:var(--text-lighter, #94a3b8);text-align:center;border-top:1px solid var(--border-light, #f1f5f9)}.jb-dots{display:flex;align-items:center;justify-content:center;gap:3px}.jb-dot{width:8px;height:8px;border-radius:50%}.jb-dot.good{background:#10b981}.jb-dot.bad{background:#ef4444}.jb-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.jb-badge-success{background:#d1fae5;color:#065f46}.jb-badge-danger{background:#fee2e2;color:#991b1b}.jb-badge-rate{font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.jb-badge-rate.good{background:#d1fae5;color:#065f46}.jb-badge-rate.ok{background:#fef3c7;color:#92400e}.jb-badge-rate.bad{background:#fee2e2;color:#991b1b}.jb-spinner{width:48px;height:48px;border:3px solid #e5e7eb;border-top-color:var(--primary, #4f46e5);border-radius:50%;animation:jbSpin 1s linear infinite;margin:0 auto}.jb-spinner-sm{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:jbSpin 1s linear infinite}@keyframes jbSpin{to{transform:rotate(360deg)}}.jb-empty{padding:4rem 2rem;text-align:center}.jb-empty-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:var(--text-lighter, #94a3b8);opacity:.5}.jb-empty-text{font-size:.875rem;color:var(--text-light, #475569)}.jb-error{padding:.75rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:var(--radius-md, 8px);color:#991b1b;font-size:.8125rem}.jb-detail-panel{margin-top:1.25rem;background:var(--card, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .1));padding:1.25rem;animation:jbFadeIn .25s ease-out}.jb-tag-ext-active{background:var(--primary, #4f46e5);color:#fff}.jb-tag-int-active{background:#b45309;color:#fff}.jb-tag-pkg-active{background:#0f766e;color:#fff}.jb-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.jb-image-card{background:var(--background, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);overflow:hidden;cursor:pointer;transition:all var(--transition-base, .2s ease)}.jb-image-card:hover{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1));transform:translateY(-2px)}.jb-image-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.jb-image-label{padding:.375rem .625rem;font-size:.6875rem;color:var(--text-light, #6b7280);font-weight:500;text-align:center;border-top:1px solid var(--border-light, #f1f5f9)}.jb-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem;animation:jbFadeIn .2s ease-out}.jb-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md, 8px);box-shadow:0 25px 50px -12px #00000080}.jb-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .15s ease}.jb-lightbox-close:hover{background:#ffffff4d}@media(max-width:768px){.jb-grid{grid-template-columns:1fr}.jb-model-grid,.jb-stat-grid{grid-template-columns:repeat(2,1fr)}.jb-toolbar{flex-direction:column;align-items:stretch}}/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm: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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.auth0-demo-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex}.loading-state,.error-state{text-align:center;background-color:#2d313c;border-radius:15px;padding:3rem;box-shadow:0 15px 40px #0006}.loading-text{color:#a0aec0;font-size:1.8rem;font-weight:500;animation:1.5s ease-in-out infinite pulse}.error-state{color:#fff;background-color:#c53030}.error-title{margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.error-message{margin-bottom:.5rem;font-size:1.3rem}.error-sub-message{opacity:.8;font-size:1rem}.main-card-wrapper{background-color:#262a33;border-radius:20px;flex-direction:column;align-items:center;gap:2rem;width:90%;max-width:500px;padding:3rem;animation:.8s ease-out forwards fadeInScale;display:flex;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d}.auth0-logo{opacity:0;width:160px;margin-bottom:1.5rem;animation:1s ease-out .2s forwards slideInDown}.main-title{color:#f7fafc;text-align:center;text-shadow:0 4px 10px #0000004d;opacity:0;margin-bottom:1rem;font-size:2.8rem;font-weight:700;animation:1s ease-out .4s forwards fadeIn}.action-card{opacity:0;background-color:#2d313c;border-radius:15px;flex-direction:column;align-items:center;gap:1.8rem;width:calc(100% - 2rem);padding:2.5rem;animation:1s ease-out .6s forwards fadeIn;display:flex;box-shadow:inset 0 2px 5px #0000004d,0 5px 15px #0000004d}.action-text{color:#cbd5e0;text-align:center;font-size:1.25rem;font-weight:400;line-height:1.6}.button{cursor:pointer;text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:10px;outline:none;padding:1.1rem 2.8rem;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 8px 20px #0006}.button:focus{box-shadow:0 0 0 4px #63b3ed80}.button.login{color:#1a1e27;background-color:#63b3ed}.button.login:hover{background-color:#4299e1;transform:translateY(-5px)scale(1.03);box-shadow:0 12px 25px #00000080}.button.logout{color:#1a1e27;background-color:#fc8181}.button.logout:hover{background-color:#e53e3e;transform:translateY(-5px)scale(1.03);box-shadow:0 12px 25px #00000080}.logged-in-section{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.logged-in-message{color:#68d391;font-size:1.5rem;font-weight:600;animation:1s ease-out .8s forwards fadeIn}.profile-section-title{font-size:2.2rem;animation:1s ease-out 1s forwards slideInUp}.profile-card{padding:2.2rem;animation:.8s ease-out 1.2s forwards scaleIn}.profile-picture{width:110px;transition:transform .3s ease-in-out}.profile-picture:hover{transform:scale(1.05)}.profile-name{margin-top:.5rem;font-size:2rem}.profile-email{text-align:center;font-size:1.15rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.main-card-wrapper{margin:1rem;padding:2rem}.main-title{font-size:2.2rem}.button{padding:1rem 2rem;font-size:1.1rem}.auth0-logo{width:120px}}.home-loading-container{background:linear-gradient(135deg,#3b82f6,#2563eb);justify-content:center;align-items:center;min-height:100vh;animation:.5s ease-out fadeIn;display:flex}.home-loading-content{text-align:center;color:#fff;animation:.6s ease-out fadeInUp}.home-loading-icon{margin-bottom:1rem;font-size:3rem;animation:3s ease-in-out infinite float}.home-loading-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.home-loading-dots{opacity:.9;align-items:center;gap:.5rem;margin-top:.5rem;display:inline-flex}.loading-dot{background:#fff;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite loadingPulse;display:inline-block}@keyframes loadingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}