.button{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;line-height:1;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;transition:all .2s ease}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover:not(:disabled){background-color:var(--primary-dark)}.button-secondary{background-color:var(--secondary-color);color:#fff}.button-secondary:hover:not(:disabled){background-color:var(--secondary-dark)}.button-success{background-color:var(--success-color);color:#fff}.button-success:hover:not(:disabled){background-color:#388e3c}.button-danger{background-color:var(--error-color);color:#fff}.button-danger:hover:not(:disabled){background-color:#d32f2f}.button-info{background-color:var(--info-color);color:#fff}.button-info:hover:not(:disabled){background-color:#1976d2}.button-warning{background-color:var(--warning-color);color:#fff}.button-warning:hover:not(:disabled){background-color:#f57c00}.button-outlined{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.button-outlined:hover:not(:disabled){background-color:#6a1b9a1a}.button-text{background-color:initial;color:var(--primary-color);padding:.5rem .75rem}.button-text:hover:not(:disabled){background-color:#6a1b9a1a}.button-sm{font-size:.875rem;padding:.5rem 1rem}.button-md{font-size:1rem;padding:.75rem 1.5rem}.button-lg{font-size:1.125rem;padding:1rem 2rem}.button:disabled{cursor:not-allowed;opacity:.65}.button-full-width{width:100%}.button-loading{color:#0000}.button-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;left:50%;margin-left:-.5rem;margin-top:-.5rem;position:absolute;top:50%;width:1rem}.button-loading .loading-text{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.button-icon{align-items:center;display:inline-flex}.button-icon i,.button-icon svg{margin-right:.5rem}.button:focus{box-shadow:0 0 0 3px #6a1b9a4d;outline:none}.button:active{transform:translateY(1px)}.app-header{background:var(--background-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);left:0;position:-webkit-sticky;position:sticky;right:0;top:0;transition:all var(--transition-normal) var(--transition-timing-ease);z-index:var(--z-index-sticky)}.app-header.scrolled{box-shadow:var(--shadow-md)}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-xl);min-height:80px;padding:var(--spacing-6) var(--spacing-8)}.logo-container{flex-shrink:0}.logo{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-4);text-decoration:none;transition:all var(--transition-fast) var(--transition-timing-ease)}.logo:hover{color:var(--primary-color);transform:translateY(-2px)}.logo-image{height:48px;transition:all var(--transition-fast) var(--transition-timing-ease);width:auto}.logo:hover .logo-image{transform:scale(1.05)}.logo-icon{color:var(--primary-color);font-size:var(--font-size-3xl)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl)}.nav-container{display:flex;flex:1 1;justify-content:center}.main-nav ul{display:flex;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{border-radius:var(--border-radius-lg);color:var(--text-secondary);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast) var(--transition-timing-ease)}.main-nav a:hover,.main-nav li.active .nav-link-standalone,.main-nav li.active a{background:var(--background-secondary);color:var(--primary-color)}.nav-link-standalone{align-items:center;border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast) var(--transition-timing-ease)}.nav-link-standalone:hover{background:var(--background-secondary);color:var(--primary-color)}.nav-dropdown-item{position:relative}.nav-dropdown-toggle{align-items:center;background:#0000;border:none;border-radius:var(--border-radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast) var(--transition-timing-ease)}.nav-dropdown-toggle.active,.nav-dropdown-toggle:hover{background:var(--background-secondary);color:var(--primary-color)}.dropdown-icon{font-size:var(--font-size-sm);transition:transform var(--transition-fast) var(--transition-timing-ease)}.nav-dropdown-toggle:hover .dropdown-icon{transform:rotate(180deg)}.nav-dropdown-menu{animation:slideDown var(--transition-fast) var(--transition-timing-ease);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);left:0;min-width:220px;padding:var(--spacing-2);position:absolute;top:calc(100% + var(--spacing-2));z-index:var(--z-index-modal)}.nav-dropdown-link{align-items:center;border-radius:var(--border-radius-lg);color:var(--text-secondary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast) var(--transition-timing-ease)}.nav-dropdown-link:hover{background:var(--background-secondary);color:var(--primary-color);transform:translateX(4px)}.nav-dropdown-link svg{flex-shrink:0;font-size:var(--font-size-lg)}.header-actions{align-items:center;gap:var(--spacing-4)}.theme-toggle{align-items:center;background:var(--background-secondary);border:none;border-radius:var(--border-radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:48px;justify-content:center;transition:all var(--transition-fast) var(--transition-timing-ease);width:48px}.theme-toggle:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.user-menu-container{position:relative}.user-avatar-button{align-items:center;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-full);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-lg);gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast) var(--transition-timing-ease)}.user-avatar-button:hover{background:#fff;border-color:var(--primary-color)}.user-avatar-image,.user-avatar-placeholder{border-radius:var(--border-radius-full);height:44px;object-fit:cover;width:44px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);justify-content:center}.user-name-text{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:slideDown var(--transition-fast) var(--transition-timing-ease);background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);min-width:280px;position:absolute;right:0;top:calc(100% + var(--spacing-2));z-index:var(--z-index-modal)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{align-items:center;display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}.user-dropdown-avatar,.user-dropdown-avatar-placeholder{border-radius:var(--border-radius-full);flex-shrink:0;height:50px;object-fit:cover;width:50px}.user-avatar-image,.user-dropdown-avatar{background-color:var(--background-secondary);object-fit:cover;object-position:center}.user-dropdown-avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);justify-content:center}.user-dropdown-info{flex:1 1;min-width:0}.user-dropdown-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.user-dropdown-email,.user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-email{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-2) 0}.user-dropdown-role{border-radius:var(--border-radius-md);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.role-user{background:var(--info-color);color:#fff}.role-issuer{background:var(--warning-color);color:#fff}.role-admin{background:var(--error-color);color:#fff}.user-dropdown-divider{background:var(--border-color);height:1px;margin:0}.user-dropdown-actions{padding:var(--spacing-2) 0}.user-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);text-align:left;text-decoration:none;transition:all var(--transition-fast) var(--transition-timing-ease);width:100%}.user-dropdown-item:hover{background:var(--background-secondary);color:var(--primary-color)}.user-dropdown-item svg{color:var(--text-secondary);font-size:var(--font-size-md)}.user-dropdown-wallet{align-items:center;background:var(--background-secondary);border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;font-family:var(--font-family-mono);font-size:var(--font-size-xs);gap:var(--spacing-3);margin:var(--spacing-2) var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.logout-item{color:var(--error-color);font-weight:var(--font-weight-semibold)}.logout-item:hover{background:#ffebee}.logout-item svg,.logout-item:hover{color:var(--error-color)}.wallet-button{align-items:center;background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast) var(--transition-timing-ease)}.wallet-button:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.wallet-button.connected{background:linear-gradient(135deg,var(--success-color) 0,var(--accent-color) 100%);border-color:var(--success-color);color:#fff}.wallet-button.connected:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.wallet-button svg{font-size:var(--font-size-lg)}.login-button-link{text-decoration:none}.login-button-link button{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-6)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:var(--spacing-2);z-index:1001}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger .line{background:var(--text-primary);border-radius:var(--border-radius-full);height:2px;transition:all var(--transition-fast) var(--transition-timing-ease);width:100%}.hamburger.active .line:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.active .line:nth-child(2){opacity:0}.hamburger.active .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.dark-mode .app-header{background:var(--dark-background-primary);border-bottom-color:var(--dark-border-color)}.dark-mode .logo{color:var(--dark-text-primary)}.dark-mode .main-nav a{color:var(--dark-text-secondary)}.dark-mode .main-nav a:hover,.dark-mode .main-nav li.active a{background:var(--dark-background-secondary);color:var(--dark-primary-color)}.dark-mode .theme-toggle,.dark-mode .wallet-button{background:var(--dark-background-secondary);color:var(--dark-text-primary)}.dark-mode .wallet-button{border-color:var(--dark-border-color)}.dark-mode .wallet-button:hover{background:var(--dark-background-tertiary);border-color:var(--dark-primary-color)}.dark-mode .wallet-button.connected{background:linear-gradient(135deg,var(--dark-success-color) 0,var(--dark-accent-color) 100%);border-color:var(--dark-success-color)}.dark-mode .user-avatar-button{background:var(--dark-background-secondary);border-color:var(--dark-border-color)}.dark-mode .user-avatar-button:hover{background:var(--dark-background-tertiary);border-color:var(--dark-primary-color)}.dark-mode .user-name-text{color:var(--dark-text-primary)}.dark-mode .user-dropdown{background:var(--dark-background-primary);border-color:var(--dark-border-color)}.dark-mode .user-dropdown-name{color:var(--dark-text-primary)}.dark-mode .user-dropdown-email{color:var(--dark-text-secondary)}.dark-mode .user-dropdown-divider{background:var(--dark-border-color)}.dark-mode .user-dropdown-item{color:var(--dark-text-primary)}.dark-mode .user-dropdown-item:hover{background:var(--dark-background-secondary);color:var(--dark-primary-color)}.dark-mode .user-dropdown-wallet{background:var(--dark-background-secondary);color:var(--dark-text-secondary)}.dark-mode .logout-item:hover{background:#f443361a}.dark-mode .hamburger .line{background:var(--dark-text-primary)}@media (max-width:768px){.header-container{padding:var(--spacing-3) var(--spacing-4)}.nav-container{background:var(--background-primary);bottom:0;left:0;padding-top:80px;position:fixed;right:0;top:0;transform:translateX(-100%);transition:transform var(--transition-normal) var(--transition-timing-ease);z-index:1000}.nav-container.active{transform:translateX(0)}.main-nav ul{flex-direction:column;gap:0;padding:var(--spacing-6)}.main-nav a,.nav-dropdown-toggle,.nav-link-standalone{font-size:var(--font-size-lg);padding:var(--spacing-4)}.nav-dropdown-toggle{justify-content:space-between;width:100%}.nav-dropdown-menu{animation:none;border:none;border-left:3px solid var(--primary-color);box-shadow:none;margin-left:var(--spacing-4);margin-top:var(--spacing-2);position:static}.nav-dropdown-link{padding:var(--spacing-3) var(--spacing-6)}.menu-toggle{display:block}.user-name-text{display:none}.user-dropdown{left:50%;margin-top:var(--spacing-2);right:auto;transform:translateX(-50%)}.dark-mode .nav-container{background:var(--dark-background-primary)}}@media (max-width:480px){.logo-image{height:36px}.logo-text{font-size:var(--font-size-lg)}.header-actions{gap:var(--spacing-2)}.theme-toggle{height:40px;width:40px}.user-avatar-image,.user-avatar-placeholder{height:36px;width:36px}.user-dropdown{min-width:260px}}.app-footer{background-color:var(--background-secondary);border-top:1px solid var(--border-color);color:var(--text-primary);margin-top:var(--spacing-20);padding-top:var(--spacing-12)}.dark-mode .app-footer{background-color:var(--dark-background-secondary)}.footer-container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--spacing-4)}.footer-top{display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.footer-logo{flex:1 1;min-width:250px}.footer-logo img{height:120px;margin-bottom:var(--spacing-4)}.footer-logo h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.footer-logo p{color:var(--text-secondary);max-width:300px}.footer-links{display:flex;flex:2 1;flex-wrap:wrap;gap:var(--spacing-8)}.footer-links-section{min-width:160px}.footer-links-section h3{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.footer-links-section ul{list-style:none;margin:0;padding:0}.footer-links-section li{margin-bottom:var(--spacing-3)}.footer-links-section a{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-links-section a:hover{color:var(--primary-color);text-decoration:none}.footer-middle{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.newsletter{flex:2 1;min-width:300px}.newsletter h3{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.newsletter p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.newsletter-form{display:flex;max-width:400px}.newsletter-form input{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);color:var(--text-primary);flex:1 1;padding:var(--spacing-3)}.newsletter-form button{background-color:var(--primary-color);border:none;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:#fff;cursor:pointer;padding:var(--spacing-3) var(--spacing-6);transition:background-color var(--transition-fast)}.newsletter-form button:hover{background-color:var(--primary-dark)}.social-links{display:flex;flex:1 1;gap:var(--spacing-4);justify-content:flex-end;min-width:200px}.social-links a{align-items:center;background-color:var(--background-tertiary);border-radius:50%;color:var(--text-primary);display:flex;height:45px;justify-content:center;transition:all var(--transition-fast);width:45px}.social-links a:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.social-icon{font-size:24px;transition:all var(--transition-fast)}.dark-mode .social-links a{color:var(--text-primary)}.dark-mode .social-links a:hover{color:#fff}.footer-divider{background-color:var(--border-color);height:1px;margin-bottom:var(--spacing-4)}.footer-bottom{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) 0}.copyright p{margin:0}.legal-links{display:flex;gap:var(--spacing-4)}.legal-links a{color:var(--text-secondary);text-decoration:none}.legal-links a:hover{color:var(--primary-color)}.blockchain-info p{margin:0}.blockchain-info a{color:var(--primary-color);text-decoration:none}.blockchain-info a:hover{text-decoration:underline}@media (max-width:768px){.footer-bottom,.footer-middle,.footer-top{align-items:flex-start;flex-direction:column;gap:var(--spacing-6)}.social-links{justify-content:flex-start}.newsletter-form{max-width:100%}.footer-links{margin-top:var(--spacing-6)}.footer-bottom{text-align:center}.blockchain-info,.legal-links{margin:var(--spacing-2) 0}.legal-links{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.newsletter-form{flex-direction:column}.newsletter-form input{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-2)}.newsletter-form button{border-radius:var(--border-radius-md);width:100%}}.navbar{background-color:var(--background-primary);box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:70px;transition:all var(--transition-normal);z-index:var(--z-index-sticky)}.dark .navbar{background-color:var(--dark-background-primary)}.navbar-container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--spacing-4)}.navbar-toggle{background:none;border:none;cursor:pointer;display:none;height:24px;margin:var(--spacing-3) 0;position:relative;width:30px}.navbar-toggle span{background-color:var(--text-primary);display:block;height:2px;left:0;position:absolute;transition:all .3s;width:100%}.navbar-toggle span:first-child{top:0}.navbar-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.navbar-toggle span:nth-child(3){bottom:0}.navbar-toggle.active span:first-child{top:50%;transform:rotate(45deg)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){bottom:50%;transform:rotate(-45deg)}.navbar-links ul{display:flex;list-style:none;margin:0;padding:0}.navbar-links li{margin:0}.navbar-links a{align-items:center;border-bottom:2px solid #0000;color:var(--text-primary);display:flex;font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.navbar-links a:hover{background-color:#6a1b9a0d;color:var(--primary-color)}.navbar-links a.active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.navbar-links i{margin-right:var(--spacing-2)}@media (max-width:768px){.navbar-toggle{display:block}.navbar-links{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.navbar-links.active{max-height:500px}.navbar-links ul{flex-direction:column;width:100%}.navbar-links li{width:100%}.navbar-links a{border-bottom:1px solid var(--border-color);padding:var(--spacing-3) 0}.navbar-links a.active{border-bottom:1px solid var(--primary-color)}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-6)}.loading-fullscreen{background-color:#fffc;bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.dark-mode .loading-fullscreen{background-color:#121212cc}.loading-sm .loading-spinner{height:20px;width:20px}.loading-md .loading-spinner{height:30px;width:30px}.loading-lg .loading-spinner{height:50px;width:50px}.loading-message{color:var(--text-primary);font-weight:var(--font-weight-medium);margin-top:var(--spacing-4)}.notification{align-items:center;background-color:var(--background-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;max-width:450px;min-width:300px;padding:var(--spacing-4);position:fixed;transition:all .3s ease;z-index:var(--z-index-toast)}.dark-mode .notification{background-color:var(--dark-background-primary)}.notification-info{border-left:4px solid var(--info-color)}.notification-success{border-left:4px solid var(--success-color)}.notification-warning{border-left:4px solid var(--warning-color)}.notification-error{border-left:4px solid var(--error-color)}.notification-top-left{left:20px;top:20px}.notification-top-right{right:20px;top:20px}.notification-bottom-left{bottom:20px;left:20px}.notification-bottom-right{bottom:20px;right:20px}.notification-top-center{left:50%;top:20px;transform:translateX(-50%)}.notification-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.notification-enter{opacity:1;transform:translateY(0)}.notification-exit{opacity:0;transform:translateY(-20px)}.notification-top-center.notification-enter{transform:translate(-50%)}.notification-top-center.notification-exit{transform:translate(-50%,-20px)}.notification-bottom-center.notification-enter{transform:translate(-50%)}.notification-bottom-center.notification-exit{transform:translate(-50%,20px)}.notification-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-3)}.notification-info .notification-icon{color:var(--info-color)}.notification-success .notification-icon{color:var(--success-color)}.notification-warning .notification-icon{color:var(--warning-color)}.notification-error .notification-icon{color:var(--error-color)}.notification-content{flex:1 1}.notification-message{color:var(--text-primary);margin:0}.notification-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:var(--spacing-2);padding:var(--spacing-1);transition:color .2s ease}.notification-close:hover{color:var(--text-primary)}@media (max-width:768px){.notification{max-width:100%;min-width:auto;width:calc(100% - 40px)}.notification-bottom-center,.notification-top-center{left:20px;right:20px;transform:none;width:calc(100% - 40px)}.notification-bottom-center.notification-enter,.notification-bottom-center.notification-exit,.notification-top-center.notification-enter,.notification-top-center.notification-exit{transform:none}}:root{--chat--color--primary:#2c7be5;--chat--color--primary-shade-50:#1a68d1;--chat--color--primary--shade-100:#1557b8;--chat--color--secondary:#9147ff;--chat--color-secondary-shade-50:#7a38d9;--chat--color-white:#fff;--chat--color-light:#f8f9fa;--chat--color-light-shade-50:#e9ecef;--chat--color-light-shade-100:#dee2e6;--chat--color-medium:#adb5bd;--chat--color-dark:#212529;--chat--color-disabled:#6c757d;--chat--color-typing:#212529;--chat--online-color:#10b981;--chat--spacing:1rem;--chat--border-radius:0.5rem;--chat--transition-duration:0.15s;--chat--window--width:420px;--chat--window--height:600px;--chat--header-height:auto;--chat--header--padding:1.25rem;--chat--header--background:linear-gradient(135deg,#2c7be5,#9147ff);--chat--header--color:#fff;--chat--header--border-top:none;--chat--header--border-bottom:none;--chat--heading--font-size:1.25rem;--chat--subtitle--font-size:0.875rem;--chat--subtitle--line-height:1.2;--chat--textarea--height:50px;--chat--message--font-size:0.95rem;--chat--message--padding:1rem 1.25rem;--chat--message--border-radius:18px;--chat--message-line-height:1.7;--chat--message--bot--background:#fff;--chat--message--bot--color:#212529;--chat--message--bot--border:1px solid #e9ecef;--chat--message--user--background:linear-gradient(135deg,#2c7be5,#9147ff);--chat--message--user--color:#fff;--chat--message--user--border:none;--chat--message--pre--background:#0000000d;--chat--input--background:#fff;--chat--input--color:#212529;--chat--input--border:#dee2e6;--chat--toggle--background:linear-gradient(135deg,#2c7be5,#9147ff);--chat--toggle--hover--background:linear-gradient(135deg,#1a68d1,#7a38d9);--chat--toggle--active--background:linear-gradient(135deg,#1557b8,#6a32c9);--chat--toggle--color:#fff;--chat--toggle--size:60px}.dark-mode{--chat--color--primary:#7c3aed;--chat--color--primary-shade-50:#6d28d9;--chat--color--primary--shade-100:#5b21b6;--chat--color--secondary:#3b82f6;--chat--color-secondary-shade-50:#2563eb;--chat--color-white:#1f2937;--chat--color-light:#111827;--chat--color-light-shade-50:#374151;--chat--color-light-shade-100:#4b5563;--chat--color-medium:#6b7280;--chat--color-dark:#f3f4f6;--chat--color-disabled:#9ca3af;--chat--color-typing:#f3f4f6;--chat--header--background:linear-gradient(135deg,#7c3aed,#3b82f6);--chat--header--color:#fff;--chat--message--bot--background:#374151;--chat--message--bot--color:#f3f4f6;--chat--message--bot--border:1px solid #4b5563;--chat--message--user--background:linear-gradient(135deg,#3b82f6,#7c3aed);--chat--message--user--color:#fff;--chat--message--pre--background:#ffffff1a;--chat--input--background:#1f2937;--chat--input--color:#f3f4f6;--chat--input--border:#4b5563;--chat--toggle--background:linear-gradient(135deg,#7c3aed,#3b82f6);--chat--toggle--hover--background:linear-gradient(135deg,#6d28d9,#2563eb);--chat--toggle--active--background:linear-gradient(135deg,#5b21b6,#1d4ed8)}.pdcert-n8n-chat{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-key=header]{background:linear-gradient(135deg,#2c7be5,#9147ff)!important;background:var(--chat--header--background)!important;border-radius:16px 16px 0 0!important;box-shadow:0 4px 12px #00000026!important;padding:1.25rem 1rem!important}[data-key=title]{align-items:center;color:#fff!important;display:flex;font-size:1.25rem!important;font-weight:700!important;gap:.5rem;letter-spacing:-.02em}[data-key=title]:before{animation:pulse 2s infinite;content:"⚡";font-size:1.1rem}[data-key=subtitle]{align-items:center!important;color:#fffffff2!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:.5rem!important;margin-top:.25rem!important}[data-key=subtitle]:before{animation:statusBlink 2s infinite!important;background-color:#10b981!important;background-color:var(--chat--online-color)!important;border-radius:50%!important;box-shadow:0 0 8px #10b981!important;box-shadow:0 0 8px var(--chat--online-color)!important;content:""!important;display:inline-block!important;height:8px!important;width:8px!important}@keyframes statusBlink{0%,50%{opacity:1}51%,to{opacity:.4}}[data-key=chatWindow]{background:#f8f9fa!important;background:var(--chat--color-light)!important;border-radius:16px!important;box-shadow:0 12px 40px #00000026!important;overflow:hidden!important}.dark-mode [data-key=chatWindow]{box-shadow:0 12px 40px #0006!important}[data-key=messagesContainer]{background-color:#f8f9fa!important;background-color:var(--chat--color-light)!important;padding:1rem!important;scrollbar-color:#adb5bd #0000!important;scrollbar-color:var(--chat--color-medium) #0000!important;scrollbar-width:thin!important}[data-key=messagesContainer]::-webkit-scrollbar{width:6px!important}[data-key=messagesContainer]::-webkit-scrollbar-track{background:#0000!important}[data-key=messagesContainer]::-webkit-scrollbar-thumb{background-color:#adb5bd!important;background-color:var(--chat--color-medium)!important;border-radius:10px!important}[data-key=message]{animation:fadeInSlide .3s ease!important;margin-bottom:1rem!important;max-width:85%!important}[data-key=message]>div{word-wrap:break-word!important;border-radius:18px!important;border-radius:var(--chat--message--border-radius)!important;box-shadow:0 2px 8px #00000014!important;font-size:.95rem!important;font-size:var(--chat--message--font-size)!important;line-height:1.7!important;line-height:var(--chat--message-line-height)!important;overflow-wrap:break-word!important;padding:1rem 1.25rem!important;padding:var(--chat--message--padding)!important;transition:transform .2s ease!important}.dark-mode [data-key=message]>div{box-shadow:0 2px 8px #0000004d!important}[data-key=message]:hover>div{transform:translateY(-2px)!important}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-key=message][data-sender=bot]>div{background:#fff!important;background:var(--chat--message--bot--background)!important;border:1px solid #e9ecef!important;border:var(--chat--message--bot--border)!important;border-bottom-left-radius:6px!important;color:#212529!important;color:var(--chat--message--bot--color)!important}[data-key=message][data-sender=user]>div{background:linear-gradient(135deg,#2c7be5,#9147ff)!important;background:var(--chat--message--user--background)!important;border:none!important;border:var(--chat--message--user--border)!important;border-bottom-right-radius:6px!important;color:#fff!important;color:var(--chat--message--user--color)!important;font-weight:500!important;text-shadow:0 1px 2px #0000001a!important}[data-key=message][data-sender=user] em,[data-key=message][data-sender=user] p,[data-key=message][data-sender=user] span,[data-key=message][data-sender=user] strong,[data-key=message][data-sender=user]>div,[data-key=message][data-sender=user]>div *{color:#fff!important}[data-key=message] b,[data-key=message] strong{font-weight:700!important}[data-key=message][data-sender=bot] b,[data-key=message][data-sender=bot] strong{color:#2c7be5!important;color:var(--chat--color--primary)!important}.dark-mode [data-key=message][data-sender=bot] b,.dark-mode [data-key=message][data-sender=bot] strong{color:#60a5fa!important}[data-key=message] em,[data-key=message] i{font-style:italic!important}[data-key=message] code{background-color:#00000014!important;border-radius:4px!important;font-family:Monaco,Menlo,Consolas,monospace!important;font-size:.875rem!important;padding:.2rem .5rem!important}.dark-mode [data-key=message] code{background-color:#ffffff26!important}.predefined-messages{background-color:#fff;background-color:var(--chat--color-white);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--chat--color-light-shade-50);border-top:1px solid #e9ecef;border-top:1px solid var(--chat--color-light-shade-50);display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.dark-mode .predefined-messages{background-color:#f8f9fa;background-color:var(--chat--color-light);border-bottom-color:#dee2e6;border-bottom-color:var(--chat--color-light-shade-100);border-top-color:#dee2e6;border-top-color:var(--chat--color-light-shade-100)}.predefined-btn{background:#f8f9fa;background:var(--chat--color-light);border:1px solid #dee2e6;border:1px solid var(--chat--color-light-shade-100);border-radius:20px;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.dark-mode .predefined-btn,.predefined-btn{color:#212529;color:var(--chat--color-dark)}.dark-mode .predefined-btn{background:#e9ecef;background:var(--chat--color-light-shade-50);border-color:#dee2e6;border-color:var(--chat--color-light-shade-100);box-shadow:0 2px 4px #0003}.predefined-btn:hover{border-color:#2c7be5;border-color:var(--chat--color--primary);box-shadow:0 4px 8px #2c7be540;color:#fff;transform:translateY(-2px)}.dark-mode .predefined-btn:hover,.predefined-btn:hover{background:#2c7be5;background:var(--chat--color--primary)}.dark-mode .predefined-btn:hover{box-shadow:0 4px 8px #7c3aed59}.predefined-btn:active{transform:translateY(0)}[data-key=input]{align-items:center!important;border-top:1px solid #e9ecef!important;border-top:1px solid var(--chat--color-light-shade-50)!important;display:flex!important;gap:.75rem!important;padding:.75rem 1rem!important}.dark-mode [data-key=input],[data-key=input]{background-color:#fff!important;background-color:var(--chat--color-white)!important}.dark-mode [data-key=input]{border-top-color:#dee2e6!important;border-top-color:var(--chat--color-light-shade-100)!important}[data-key=input] textarea{background-color:#fff!important;background-color:var(--chat--input--background)!important;border:2px solid #dee2e6!important;border:2px solid var(--chat--input--border)!important;border-radius:24px!important;color:#212529!important;color:var(--chat--input--color)!important;flex:1 1!important;font-family:inherit!important;font-size:.9375rem!important;font-weight:400!important;line-height:1.5!important;padding:.75rem 1rem!important;resize:none!important;transition:all .2s ease!important}[data-key=input] textarea:focus{border-color:#2c7be5!important;border-color:var(--chat--color--primary)!important;box-shadow:0 0 0 3px #2c7be526!important;outline:none!important}.dark-mode [data-key=input] textarea:focus{box-shadow:0 0 0 3px #7c3aed40!important}[data-key=input] textarea::placeholder{color:#6c757d!important;color:var(--chat--color-disabled)!important;opacity:.7!important}[data-key=sendButton]{align-items:center!important;background:linear-gradient(135deg,#2c7be5,#9147ff)!important;background:var(--chat--toggle--background)!important;border:none!important;border-radius:50%!important;box-shadow:0 4px 8px #0000001f!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:42px!important;justify-content:center!important;min-width:42px!important;transition:all .2s ease!important;width:42px!important}[data-key=sendButton]:hover:not(:disabled){background:linear-gradient(135deg,#1a68d1,#7a38d9)!important;background:var(--chat--toggle--hover--background)!important;box-shadow:0 6px 12px #0000002e!important;transform:translateY(-2px)!important}[data-key=sendButton]:active:not(:disabled){transform:translateY(0)!important}[data-key=sendButton]:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important}[data-key=toggle]{align-items:center!important;background:linear-gradient(135deg,#2c7be5,#9147ff)!important;background:var(--chat--toggle--background)!important;border:none!important;border-radius:50%!important;box-shadow:0 4px 16px #00000026!important;color:#fff!important;color:var(--chat--toggle--color)!important;cursor:pointer!important;display:flex!important;height:60px!important;height:var(--chat--toggle--size)!important;justify-content:center!important;transition:all .3s ease!important;width:60px!important;width:var(--chat--toggle--size)!important}[data-key=toggle]:hover{background:linear-gradient(135deg,#1a68d1,#7a38d9)!important;background:var(--chat--toggle--hover--background)!important;box-shadow:0 6px 20px #0003!important;transform:scale(1.05)!important}[data-key=toggle]:active{transform:scale(.95)!important}[data-key=typingIndicator]{background:#fff!important;background:var(--chat--message--bot--background)!important;border:1px solid #e9ecef!important;border:var(--chat--message--bot--border)!important;border-radius:18px!important;border-bottom-left-radius:6px!important;box-shadow:0 2px 8px #00000014!important;display:inline-flex!important;gap:.25rem!important;padding:1rem 1.25rem!important}[data-key=typingIndicator] span{animation:typing 1.4s ease-in-out infinite both!important;background-color:#6c757d!important;background-color:var(--chat--color-disabled)!important;border-radius:50%!important;height:8px!important;width:8px!important}[data-key=typingIndicator] span:first-child{animation-delay:0s!important}[data-key=typingIndicator] span:nth-child(2){animation-delay:.2s!important}[data-key=typingIndicator] span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){:root{--chat--window--width:calc(100vw - 40px);--chat--window--height:75vh}[data-key=chatWindow]{border-radius:12px}[data-key=toggle]{height:50px;width:50px}}@media (max-width:576px){:root{--chat--window--width:calc(100vw - 20px);--chat--window--height:80vh;--chat--message--font-size:0.9rem;--chat--message--padding:0.75rem 1rem}}.landing-page{background-color:#fff;background-color:var(--background-primary,#fff);color:#212529;color:var(--text-primary,#212529);overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.landing-page.dark-mode{--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#d1d5db;--background-primary:#111827;--background-secondary:#1f2937;--card-background:#1f2937;--accent-primary:#3b82f6;--icon-background:#3b82f626;--card-shadow:0 5px 20px #0003;--card-shadow-hover:0 10px 30px #00000040}.hero-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:var(--hero-gradient,linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%));display:flex;min-height:85vh;padding:6rem 5% 4rem;position:relative}.landing-page.dark-mode .hero-section{background:linear-gradient(135deg,#111827,#1f2937);background:var(--hero-gradient,linear-gradient(135deg,#111827 0,#1f2937 100%))}.hero-content{animation:fadeInUp 1s ease-out;flex:1 1;max-width:600px}.hero-title{display:flex;flex-direction:column;margin-bottom:1.5rem}.title-primary{color:#2c7be5;color:var(--accent-primary,#2c7be5);font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.title-secondary{color:#000;font-size:1.5rem;font-weight:500}.landing-page.dark-mode .title-secondary{color:#e5e7eb}.hero-subtitle{color:#333;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:2rem}.landing-page.dark-mode .hero-subtitle{color:#d1d5db}.hero-actions{display:flex;gap:1rem}.hero-image{align-items:center;animation:floatAnimation 6s ease-in-out infinite;display:flex;flex:1 1;justify-content:center}.hero-image img{filter:drop-shadow(0 10px 15px rgba(0,0,0,.1));height:auto;max-height:500px;max-width:100%}.features-section{background-color:#fff;background-color:var(--background-primary,#fff);padding:6rem 5%}.section-header{margin-bottom:4rem}.section-header h2{color:#000}.landing-page.dark-mode .section-header h2{color:#fff}.section-header p{color:#000;font-size:1.1rem;font-weight:500;margin:0 auto;max-width:600px}.landing-page.dark-mode .section-header p{color:#e5e7eb}.feature-card{background-color:var(--card-background,#fff);box-shadow:0 5px 20px #0000000d;box-shadow:var(--card-shadow,0 5px 20px #0000000d);transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.feature-card.animated{animation:fadeInUp .6s ease-out forwards;opacity:1;transform:translateY(0)}.feature-card:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--card-shadow-hover,0 10px 30px #0000001a)}.feature-icon{background-color:var(--icon-background,#2c7be51a);color:var(--accent-primary,#2c7be5);font-size:1.8rem}.feature-icon i{color:#2c7be5;color:var(--accent-primary,#2c7be5);font-size:2rem}.feature-card h3{color:#000}.landing-page.dark-mode .feature-card h3{color:#fff}.feature-card p{color:#333;font-size:1rem}.landing-page.dark-mode .feature-card p{color:#d1d5db}.process-section{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);padding:6rem 5%}.process-flow{margin:0 auto;max-width:800px}.process-step{display:flex;margin-bottom:3rem;opacity:0}.process-step:last-child{margin-bottom:0}.process-step.animated{opacity:1}.process-step[data-animate=slide-right]{transform:translateX(-50px)}.process-step[data-animate=slide-right].animated{animation:slideInRight .6s ease-out forwards}.process-step[data-animate=slide-left]{transform:translateX(50px)}.process-step[data-animate=slide-left].animated{animation:slideInLeft .6s ease-out forwards}.process-number{align-items:center;background-color:#2c7be5;background-color:var(--accent-primary,#2c7be5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin-right:1.5rem;width:60px}.process-content{background-color:#fff;background-color:var(--card-background,#fff);border-radius:10px;box-shadow:0 5px 20px #0000000d;box-shadow:var(--card-shadow,0 5px 20px #0000000d);flex:1 1;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.process-content h3{color:#000;font-size:1.25rem;margin-bottom:.5rem}.landing-page.dark-mode .process-content h3{color:#fff}.process-content p{color:#333;font-size:1rem;line-height:1.6}.landing-page.dark-mode .process-content p{color:#d1d5db}.use-cases-section{background-color:#fff;background-color:var(--background-primary,#fff);padding:6rem 5%}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.use-case-card{background-color:#fff;background-color:var(--card-background,#fff);border-radius:12px;box-shadow:0 5px 20px #0000000d;box-shadow:var(--card-shadow,0 5px 20px #0000000d);opacity:0;overflow:hidden;transform:scale(.9);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.use-case-card.animated{animation:zoomIn .6s ease-out forwards}.use-case-card:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--card-shadow-hover,0 10px 30px #0000001a);transform:translateY(-10px)}.use-case-image{height:270px;overflow:hidden}.use-case-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.use-case-card:hover .use-case-image img{transform:scale(.8)}.use-case-content{padding:1.5rem}.use-case-content h3{color:#000;font-size:1.25rem;margin-bottom:.75rem}.landing-page.dark-mode .use-case-content h3{color:#fff}.use-case-content p{color:#333;font-size:1rem;line-height:1.6}.landing-page.dark-mode .use-case-content p{color:#d1d5db}.cta-section{background:linear-gradient(135deg,#2c7be5,#1a68d1);padding:6rem 5%;text-align:center}.cta-content{margin:0 auto;max-width:800px;opacity:0;transform:translateY(30px)}.cta-content.animated{animation:fadeInUp .8s ease-out forwards}.cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:1rem}.cta-section p{color:#ffffffe6;font-size:1.1rem;margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center}.chatbot-overlay{animation:fadeIn .3s ease-out;bottom:20px;position:fixed;right:20px;z-index:1000}.chatbot-container{background-color:#fff;background-color:var(--card-background,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 5px 30px #0003;display:flex;flex-direction:column;height:500px;overflow:hidden;width:350px}.chatbot-header{align-items:center;background-color:#2c7be5;background-color:var(--accent-primary,#2c7be5);color:#fff;display:flex;justify-content:space-between;padding:1rem}.chatbot-header h3{font-size:1.1rem;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;transition:transform .3s ease}.close-button:hover{transform:scale(1.1)}.chat-button{align-items:center;background-color:#2c7be5;background-color:var(--accent-primary,#2c7be5);border:none;border-radius:50%;bottom:20px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:20px;transition:transform .3s ease,background-color .3s ease;width:60px;z-index:999}.chat-button:hover{background-color:#1a68d1;background-color:var(--accent-secondary,#1a68d1);transform:scale(1.1)}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:992px){.hero-section{flex-direction:column;padding-top:5rem;text-align:center}.hero-content{margin-bottom:3rem;max-width:100%}.title-primary{font-size:3rem}.hero-actions{justify-content:center}.process-step[data-animate=slide-left],.process-step[data-animate=slide-right]{transform:translateX(0)}}@media (max-width:768px){.features-grid,.use-cases-grid{grid-template-columns:1fr}.title-primary{font-size:2.5rem}.title-secondary{font-size:1.25rem}.cta-section h2,.section-header h2{font-size:2rem}.cta-actions{flex-direction:column;gap:1rem}.chatbot-container{height:450px;width:300px}}@media (max-width:576px){.hero-actions{flex-direction:column;gap:1rem}.process-step{align-items:center;flex-direction:column;text-align:center}.process-number{margin-bottom:1rem;margin-right:0}.process-content{width:100%}}.google-login-container{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-6);width:100%}.google-login-wrapper{background:var(--background-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);display:grid;grid-template-columns:1fr 1fr;max-width:var(--container-xl);min-height:700px;overflow:hidden;width:100%}.login-section{align-items:center;display:flex;justify-content:center;padding:var(--spacing-16)}.login-content{max-width:480px;width:100%}.brand-header{margin-bottom:var(--spacing-10);text-align:center}.logo-wrapper{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:var(--border-radius-xl);display:inline-flex;height:80px;justify-content:center;margin-bottom:var(--spacing-5);width:80px}.logo-icon{color:#fff}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-family-secondary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0;margin-bottom:var(--spacing-2)}.brand-subtitle{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-md);margin:0}.login-card{background:var(--background-secondary);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-6);padding:var(--spacing-10)}.login-title{color:#1a1a1a;font-size:1.75rem;font-weight:700;margin:0 0 12px}.login-description{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 32px}.google-login-button{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#1a1a1a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.google-login-button:hover{border-color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}.google-login-button:active{transform:translateY(0)}.google-icon{flex-shrink:0}.guest-access{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px;text-align:center}.guest-access p{color:#666;font-size:.9rem;margin:0 0 12px}.guest-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .2s ease}.guest-button:hover{color:#764ba2}.login-info{text-align:center}.login-info p{color:#666;font-size:.9rem;margin:8px 0}.info-note{color:#999!important;font-size:.85rem!important}.features-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;padding:60px}.features-content{max-width:500px}.features-title{font-size:2rem;font-weight:700;margin:0 0 12px}.features-subtitle{font-size:1rem;line-height:1.6;margin:0 0 40px;opacity:.9}.features-grid{grid-gap:24px;gap:24px;margin-bottom:40px}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;padding:24px;transition:all .3s ease}.feature-card:hover{background:#ffffff26}.feature-icon-wrapper{align-items:center;background:#fff3;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.feature-icon{color:#fff}.feature-title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.feature-description{font-size:.9rem;line-height:1.5;margin:0;opacity:.9}.blockchain-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;padding:16px;text-align:center}.badge-content{font-size:.95rem;font-weight:600;gap:8px}.badge-content,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{flex-direction:column;gap:16px}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.loading-spinner p{color:#fff;font-size:1rem;font-weight:500}@media (max-width:1024px){.google-login-wrapper{grid-template-columns:1fr}.features-section{display:none}.login-section{padding:40px 20px}}@media (max-width:768px){.login-card{padding:30px 20px}.login-section{padding:30px 15px}.brand-title{font-size:2rem}.logo-wrapper{height:60px;width:60px}.logo-icon{height:32px;width:32px}}@media (prefers-color-scheme:dark){.google-login-wrapper{background:#1a1a1a}.login-card{background:#2a2a2a}.login-title{color:#fff}.guest-access p,.login-description,.login-info p{color:#b0b0b0}.google-login-button{background:#2a2a2a;border-color:#3a3a3a;color:#fff}.google-login-button:hover{background:#333;border-color:#667eea}}.modern-dashboard{font-family:var(--font-family-primary);margin:0 auto;max-width:var(--container-xl);padding:var(--spacing-8) var(--spacing-6)}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-8)}.header-text h1{color:var(--text-primary);font-family:var(--font-family-secondary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.header-text p{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.header-actions{display:flex;gap:var(--spacing-3)}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast) var(--transition-timing-ease)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:var(--background-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--background-tertiary)}.stats-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-8)}.stat-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);cursor:default;padding:var(--spacing-6);transition:all var(--transition-normal) var(--transition-timing-ease)}.stat-card.clickable{cursor:pointer}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-header{justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--border-radius-lg);color:#fff;height:48px;justify-content:center;width:48px}.stat-icon.blue{background:linear-gradient(135deg,var(--info-color) 0,var(--secondary-color) 100%)}.stat-icon.green{background:linear-gradient(135deg,var(--success-color) 0,var(--accent-color) 100%)}.stat-icon.purple{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.stat-icon.success{background:linear-gradient(135deg,var(--success-color) 0,var(--accent-color) 100%)}.stat-icon.red{background:linear-gradient(135deg,var(--error-color) 0,#d32f2f 100%)}.stat-change{border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2)}.stat-change.positive{background:#e8f5e9;color:var(--success-color)}.stat-change.negative{background:#ffebee;color:var(--error-color)}.stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0}.stat-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.section-title{color:var(--text-primary);font-family:var(--font-family-secondary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-6) 0}.quick-actions-section{margin-bottom:var(--spacing-8)}.actions-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:center;background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-xl);cursor:pointer;display:flex;gap:var(--spacing-4);padding:var(--spacing-6);text-align:left;transition:all var(--transition-normal) var(--transition-timing-ease)}.action-card:hover:not(.disabled){border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-card.disabled{cursor:not-allowed;opacity:.5}.action-icon{align-items:center;border-radius:var(--border-radius-xl);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.action-icon.blue{background:linear-gradient(135deg,var(--info-color) 0,var(--secondary-color) 100%)}.action-icon.green{background:linear-gradient(135deg,var(--success-color) 0,var(--accent-color) 100%)}.action-icon.red{background:linear-gradient(135deg,var(--error-color) 0,#d32f2f 100%)}.action-icon.purple{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.action-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.action-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.content-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:2fr 1fr;margin-bottom:var(--spacing-8)}.recent-activity-card,.user-info-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-6)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-5)}.header-content{gap:var(--spacing-3)}.header-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.view-all-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast) var(--transition-timing-ease)}.view-all-btn:hover{color:var(--primary-dark)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-item{align-items:center;background:var(--background-secondary);border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-fast) var(--transition-timing-ease)}.activity-item:hover{background:var(--background-tertiary)}.activity-indicator{border-radius:var(--border-radius-full);flex-shrink:0;height:12px;width:12px}.activity-indicator.success{background:var(--success-color)}.activity-indicator.warning{background:var(--warning-color)}.activity-indicator.error{background:var(--error-color)}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-1) 0}.activity-date{color:var(--text-secondary);font-size:var(--font-size-xs)}.activity-status-icon{color:var(--success-color);flex-shrink:0}.user-info-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4)}.user-avatar{border-radius:var(--border-radius-full);height:80px;overflow:hidden;width:80px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.user-details{text-align:center;width:100%}.user-details h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0}.user-email{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-3) 0}.user-role-badge{margin-bottom:var(--spacing-2)}.role-badge{border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.role-badge.user{background:var(--info-color);color:#fff}.role-badge.issuer{background:var(--warning-color);color:#fff}.role-badge.admin{background:var(--error-color);color:#fff}.user-org{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.wallet-status{border-top:1px solid var(--border-color);padding-top:var(--spacing-4);width:100%}.wallet-connected{display:flex;gap:var(--spacing-2);justify-content:center}.connect-wallet-btn,.wallet-connected{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.connect-wallet-btn{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-primary);cursor:pointer;padding:var(--spacing-3);transition:all var(--transition-fast) var(--transition-timing-ease);width:100%}.connect-wallet-btn:hover{background:var(--background-tertiary);border-color:var(--primary-color);color:var(--primary-color)}.connect-wallet-btn:disabled{cursor:not-allowed;opacity:.6}.disconnect-wallet-btn{background:var(--error-color);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-3);padding:var(--spacing-3);transition:all var(--transition-fast) var(--transition-timing-ease);width:100%}.disconnect-wallet-btn:hover{background:#d32f2f;transform:translateY(-1px)}.wallet-error-msg,.wallet-success-msg{border-radius:var(--border-radius-md);font-size:var(--font-size-xs);margin-top:var(--spacing-2);padding:var(--spacing-2);text-align:center}.wallet-success-msg{background:#e8f5e9;color:var(--success-color)}.wallet-error-msg{background:#ffebee;color:var(--error-color)}.wallet-alert{align-items:center;border-radius:var(--border-radius-lg);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.wallet-alert-error{background:#ffebee;border:1px solid #ffcdd2;color:var(--error-color)}.admin-panel{margin-top:var(--spacing-8)}.admin-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.admin-card{align-items:center;background:var(--background-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal) var(--transition-timing-ease)}.admin-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.admin-card svg{color:var(--primary-color)}.admin-card h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.admin-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.dark-mode .modern-dashboard{background:var(--dark-background-primary)}.dark-mode .header-text h1{color:var(--dark-text-primary)}.dark-mode .header-text p{color:var(--dark-text-secondary)}.dark-mode .btn-secondary{background:var(--dark-background-secondary);color:var(--dark-text-primary)}.dark-mode .btn-secondary:hover{background:var(--dark-background-tertiary)}.dark-mode .stat-card{background:var(--dark-background-secondary);border-color:var(--dark-border-color)}.dark-mode .stat-value{color:var(--dark-text-primary)}.dark-mode .stat-title{color:var(--dark-text-secondary)}.dark-mode .section-title{color:var(--dark-text-primary)}.dark-mode .action-card{background:var(--dark-background-secondary);border-color:var(--dark-border-color)}.dark-mode .action-card:hover:not(.disabled){border-color:var(--dark-primary-color)}.dark-mode .action-title{color:var(--dark-text-primary)}.dark-mode .action-description{color:var(--dark-text-secondary)}.dark-mode .recent-activity-card,.dark-mode .user-info-card{background:var(--dark-background-secondary);border-color:var(--dark-border-color)}.dark-mode .header-content h3{color:var(--dark-text-primary)}.dark-mode .view-all-btn{color:var(--dark-primary-color)}.dark-mode .activity-item{background:var(--dark-background-tertiary)}.dark-mode .activity-title{color:var(--dark-text-primary)}.dark-mode .activity-date{color:var(--dark-text-secondary)}.dark-mode .user-details h4{color:var(--dark-text-primary)}.dark-mode .user-email,.dark-mode .user-org{color:var(--dark-text-secondary)}.dark-mode .connect-wallet-btn,.dark-mode .wallet-status{border-color:var(--dark-border-color)}.dark-mode .connect-wallet-btn{background:var(--dark-background-tertiary);color:var(--dark-text-primary)}.dark-mode .connect-wallet-btn:hover{background:var(--dark-background-primary);border-color:var(--dark-primary-color);color:var(--dark-primary-color)}.dark-mode .admin-card{background:var(--dark-background-secondary);border-color:var(--dark-border-color)}.dark-mode .admin-card:hover{border-color:var(--dark-primary-color)}.dark-mode .admin-card h4{color:var(--dark-text-primary)}.dark-mode .admin-card p{color:var(--dark-text-secondary)}.dark-mode .disconnect-wallet-btn{background:var(--error-color)}.dark-mode .disconnect-wallet-btn:hover{background:#d32f2f}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.modern-dashboard{padding:var(--spacing-6) var(--spacing-4)}.dashboard-header{align-items:flex-start;flex-direction:column}.header-text h1{font-size:var(--font-size-2xl)}.header-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1;justify-content:center}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.actions-grid,.admin-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.certificate-preview{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem 0;overflow:hidden}.preview-header{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;justify-content:space-between;padding:1rem 1.5rem}.preview-header h4{color:#333;color:var(--text-primary,#333);font-size:1.1rem;font-weight:600;margin:0}.preview-controls{display:flex;gap:.5rem}.control-btn{align-items:center;background:#fff;background:var(--background-primary,#fff);border:none;border-radius:6px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.control-btn:hover{background:#6a1b9a;background:var(--primary-color,#6a1b9a);color:#fff;transform:translateY(-1px)}.preview-content{padding:1.5rem}.certificate-wrapper{background:#f8f9fa;border-radius:12px;box-shadow:0 8px 25px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.certificate-wrapper.fullscreen-wrapper{align-items:center;background:#000000e6;border-radius:0;bottom:0;display:flex;justify-content:center;left:0;margin:0;max-width:none;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.preview-certificate{height:auto;width:100%}.certificate-page{border:1px solid #e0e0e0;box-shadow:0 4px 20px #00000026;color:#2c3e50;font-family:Times New Roman,serif;margin:0 auto;max-width:21cm;min-height:29.7cm}.seal-placeholder{border:3px solid var(--primary-color,#6a1b9a)}.certificate-title h1,.seal-placeholder span{color:var(--primary-color,#6a1b9a)}.certificate-title h1{text-shadow:1px 1px 2px #0000001a}.title-decoration{background:linear-gradient(90deg,#0000,var(--primary-color,#6a1b9a),#0000)}.recipient-name{color:var(--primary-color,#6a1b9a);-webkit-text-decoration-color:var(--secondary-color,#9c27b0);text-decoration-color:var(--secondary-color,#9c27b0)}.profession-name,.programme-name,.training-name{color:var(--secondary-color,#9c27b0)}@media (max-width:768px){.certificate-page{min-height:auto;padding:1rem}.certificate-title h1{font-size:1.8rem}.recipient-name{font-size:2rem}.profession-name,.programme-name,.training-name{font-size:1.5rem}.certificate-footer{align-items:center;flex-direction:column;gap:1rem}.signature-section{margin-right:0;width:100%}.certificate-seal{left:0;margin-bottom:1rem;position:relative}}.dark-mode .certificate-preview{background:#1a1a1a;background:var(--background-primary-dark,#1a1a1a);border-color:#444}.dark-mode .preview-header{background:#2a2a2a;background:var(--background-secondary-dark,#2a2a2a);border-bottom-color:#444}.dark-mode .preview-header h4{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.dark-mode .control-btn{background:#1a1a1a;background:var(--background-primary-dark,#1a1a1a);color:#aaa;color:var(--text-secondary-dark,#aaa)}.dark-mode .certificate-wrapper{background:#2a2a2a}@media print{.certificate-preview{border:none;box-shadow:none}.preview-header{display:none}.certificate-wrapper{background:#0000;box-shadow:none;padding:0}.certificate-page{border:none;box-shadow:none;margin:0;max-width:none;width:100%}}.pdf-download-container{color:#2c3e50;font-family:Times New Roman,serif;min-height:auto}.pdf-download-container,.pdf-page-one{background:#fff;margin:0;padding:0;width:21cm}.pdf-page-one{display:block;page-break-after:always}.certificate-page,.pdf-page-one{box-sizing:border-box;height:29.7cm;position:relative}.certificate-page{background:#fff;display:flex;flex-direction:column;padding:2rem;width:100%}.certificate-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}.certificate-header{margin-bottom:2rem;position:relative;text-align:center}.certificate-seal{left:2rem;opacity:.8;position:absolute;top:-10px}.seal-placeholder{align-items:center;background:linear-gradient(45deg,#ffffffe6,#f8f9fae6);border:3px solid #6a1b9a;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;width:80px}.seal-placeholder span{color:#6a1b9a;font-size:10px;font-weight:700;line-height:1.1;text-align:center}.certificate-title h1{color:#6a1b9a;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.title-decoration{background:linear-gradient(90deg,#0000,#6a1b9a,#0000);height:4px;margin:1rem auto;width:200px}.certificate-main-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem 0;text-align:center}.achievement-section{margin-bottom:2rem}.achievement-text{color:#5a6c7d;font-size:1.3rem;font-style:italic;margin-bottom:1rem}.recipient-name{color:#6a1b9a;font-size:3rem;font-weight:700;margin:1rem 0;text-decoration:underline;-webkit-text-decoration-color:#9c27b0;text-decoration-color:#9c27b0;text-underline-offset:10px}.certificate-details{margin:1.5rem 0}.certificate-details p{color:#5a6c7d;font-size:1.2rem;line-height:1.6;margin:.5rem 0}.profession-name,.programme-name,.training-name{color:#9c27b0;font-size:2rem;font-weight:700;letter-spacing:1px;margin:1rem 0;text-transform:uppercase}.certificate-footer{margin-top:2rem}.certificate-footer,.signature-section{align-items:flex-end;display:flex;justify-content:space-between}.signature-section{flex:1 1;margin-right:2rem}.issuer-info{text-align:left}.signature-line{background:#333;height:2px;margin-bottom:.5rem;width:200px}.issuer-name{color:#2c3e50;font-size:1.1rem;font-weight:700;margin:.25rem 0}.issuer-title{color:#5a6c7d;font-size:.9rem;margin:0}.date-section{text-align:right}.issue-date{color:#5a6c7d;font-size:1rem;margin:0}.qr-section{text-align:center}.qr-text{color:#5a6c7d;font-size:.8rem;margin:.5rem 0 0}.pdf-page-two{background:#fff;box-sizing:border-box;display:block;font-family:Arial,sans-serif;height:29.7cm;padding:2rem;page-break-before:always;width:21cm}.verification-page{background:#fff;color:#2c3e50;display:flex;flex-direction:column;height:100%;min-height:25cm;width:100%}.verification-header{border-bottom:3px solid #6a1b9a;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.verification-header h1{color:#6a1b9a;font-size:2rem;font-weight:700;margin:0 0 1rem}.blockchain-badge{background:linear-gradient(135deg,#6a1b9a,#9c27b0);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.verification-content{background:#fff;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:20cm}.info-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.info-section h2{border-bottom:2px solid #6a1b9a;color:#6a1b9a;font-size:1.3rem;margin:0 0 1rem;padding-bottom:.5rem}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{color:#5a6c7d;font-size:.9rem;font-weight:700}.info-item span{color:#2c3e50;font-size:1rem}.mono-text{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace!important;font-size:.9rem!important;padding:.25rem .5rem}.hash-text{line-height:1.4;word-break:break-all}.verification-section .verification-qr{align-items:center;display:flex;gap:2rem}.verification-info{flex:1 1}.verification-url{background:#e9ecef;border-radius:4px;color:#6a1b9a;font-family:Courier New,monospace;font-weight:700;padding:.5rem;word-break:break-all}.verification-note{color:#5a6c7d;font-style:italic;line-height:1.4;margin-top:1rem}.confirmation-confirmed,.status-active{background:#d4edda;border-radius:4px;color:#28a745;padding:.2rem .5rem}.confirmation-confirmed{font-weight:700}.verification-dual{align-items:center;display:flex;gap:2rem;justify-content:space-around;margin:1rem 0}.revocation-qr,.verification-qr{flex:1 1;text-align:center}.revocation-qr h4,.verification-qr h4{color:#6a1b9a;font-size:1rem;margin:0 0 .5rem}.qr-label{color:#5a6c7d;font-size:.8rem;margin:.5rem 0 0}.verification-urls{margin-top:1rem}.url-item{margin-bottom:1rem}.url-item label{color:#5a6c7d;display:block;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.security-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.security-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1rem}.security-item h4{align-items:center;color:#6a1b9a;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .5rem}.security-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.security-list{list-style:none;margin:0;padding:0}.security-list li{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;padding:.25rem 0}.security-list li:before{color:#28a745;content:"✓";font-weight:700;margin-right:.5rem}.notes-section{background:#fff3cd;border-left:4px solid #ffc107}.notes-content{display:flex;flex-direction:column;gap:1rem}.note-item h4{color:#856404;font-size:1rem;margin:0 0 .5rem}.note-item p{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.verification-footer{border-top:2px solid #6a1b9a;color:#5a6c7d;margin-top:2rem;padding-top:1rem;text-align:center}.verification-footer p{font-size:.9rem;margin:.25rem 0}@media print{.pdf-download-container{margin:0;padding:0;width:21cm}.pdf-page-one,.pdf-page-two{margin:0;padding:2rem;page-break-inside:avoid}.pdf-page-one{page-break-after:always}.info-grid{gap:.75rem;grid-template-columns:1fr}.verification-qr{align-items:center!important;flex-direction:column!important;text-align:center}}@media (max-width:768px){.pdf-page-one,.pdf-page-two{min-height:auto;padding:1rem;width:100%}.certificate-title h1{font-size:1.8rem}.recipient-name{font-size:2rem}.profession-name,.programme-name,.training-name{font-size:1.5rem}.certificate-footer{align-items:center;flex-direction:column;gap:1rem}.signature-section{margin-right:0;width:100%}.info-grid{grid-template-columns:1fr}.verification-qr{align-items:center!important;flex-direction:column!important;text-align:center}.verification-dual{flex-direction:column!important;gap:1rem!important}.security-grid{grid-template-columns:1fr!important}.notes-content{gap:.75rem!important}}.pdf-page-three{padding:0}.machine-readable-page{font-family:Arial,sans-serif;font-size:10pt;height:29.7cm;line-height:1.4}.machine-readable-header{border-bottom:3px solid #2c3e50;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.machine-readable-header h1{color:#2c3e50;font-size:16pt;font-weight:700;letter-spacing:1px;margin:0 0 .5rem}.important-notice{background:#fff3cd;border:2px solid #856404;border-radius:4px;margin:.5rem 0;padding:.5rem}.important-notice h3{color:#856404;font-size:11pt;margin:0 0 .25rem}.important-notice p{color:#856404;font-size:9pt;font-weight:600;margin:0}.machine-readable-content{margin-top:1rem}.info-table{margin-bottom:1rem}.info-table h2{background:#2c3e50;color:#fff;font-size:11pt;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem;padding:.4rem .5rem}.metadata-table{border-collapse:collapse;font-size:9pt;margin-bottom:.5rem;width:100%}.metadata-table td{border:1px solid #666;padding:.3rem .4rem;vertical-align:top}.label-cell{background:#f8f9fa;color:#2c3e50;font-weight:700;width:25%}.value-cell{color:#333;width:75%;word-break:break-all}.mono-text{font-family:Courier New,monospace;font-size:8pt}.hash-value{font-size:7pt;word-break:break-all}.json-section{margin-bottom:1rem}.json-section h2{background:#2c3e50;color:#fff;font-size:11pt;letter-spacing:.5px;margin:0 0 .5rem;padding:.4rem .5rem}.json-container{background:#f4f4f4;border:1px solid #666;overflow:hidden;padding:.5rem}.json-content{word-wrap:break-word;color:#333;font-family:Courier New,monospace;font-size:7pt;line-height:1.3;margin:0;white-space:pre-wrap}.verification-instructions{margin-bottom:.8rem}.verification-instructions h3{border-bottom:1px solid #ddd;color:#2c3e50;font-size:10pt;font-weight:700;margin:0 0 .4rem;padding-bottom:.2rem}.instruction-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.instruction-item{background:#f9f9f9;border:1px solid #ddd;padding:.4rem}.instruction-item h4{color:#2c3e50;font-size:9pt;margin:0 0 .2rem}.instruction-item p{color:#555;font-size:8pt;margin:0}.security-features{margin-bottom:.8rem}.security-features h3{border-bottom:1px solid #ddd;color:#2c3e50;font-size:10pt;font-weight:700;margin:0 0 .4rem;padding-bottom:.2rem}.security-list-detailed{color:#333;font-size:8pt;margin:0;padding-left:1.5rem}.security-list-detailed li{margin-bottom:.2rem}.machine-readable-footer{border-top:2px solid #2c3e50;bottom:1rem;color:#666;font-size:8pt;left:1.5rem;padding-top:.5rem;position:absolute;right:1.5rem;text-align:center}.machine-readable-footer p{margin:.1rem 0}.machine-readable-footer strong{color:#d9534f;font-weight:700}.pdf-page-three{display:block;height:29.7cm;margin:0;padding:2rem;page-break-after:always;width:21cm}.machine-readable-page,.pdf-page-three{background:#fff;box-sizing:border-box;position:relative}.machine-readable-page{display:flex;flex-direction:column;height:100%;padding:1.5rem;width:100%}.machine-header{border-bottom:2px solid #2c3e50;margin-bottom:1.5rem;padding-bottom:1rem;text-align:center}.machine-header h1{color:#2c3e50;font-size:18pt;font-weight:700;margin:0 0 .5rem}.format-badge{background:#3498db;border-radius:4px;color:#fff;display:inline-block;font-size:10pt;font-weight:700;padding:.3rem .8rem}.machine-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;max-height:calc(100% - 120px);overflow:hidden}.json-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:1rem}.json-section h2{border-bottom:1px solid #ddd;color:#2c3e50;font-size:14pt;font-weight:700;margin:0 0 .8rem;padding-bottom:.3rem}.json-container{overflow-x:auto;padding:1rem}.json-code{font-size:9pt;line-height:1.4}.endpoints-section,.hash-section,.schema-section,.tech-specs-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:1rem}.endpoints-section h2,.hash-section h2,.schema-section h2,.tech-specs-section h2{border-bottom:1px solid #ddd;color:#2c3e50;font-size:14pt;font-weight:700;margin:0 0 .8rem;padding-bottom:.3rem}.endpoint-list,.hash-info,.schema-info,.specs-grid{display:flex;flex-direction:column;gap:.5rem}.endpoint-item,.hash-item,.schema-item,.spec-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.3rem 0}.endpoint-item:last-child,.hash-item:last-child,.schema-item:last-child,.spec-item:last-child{border-bottom:none}.endpoint-item label,.hash-item label,.schema-item label,.spec-item label{color:#2c3e50;font-size:10pt;font-weight:700;min-width:120px}.endpoint-url,.hash-code{font-size:9pt;padding:.2rem .4rem}.specs-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.machine-footer{border-top:2px solid #2c3e50;bottom:1rem;color:#666;font-size:8pt;left:1.5rem;padding-top:.5rem;position:absolute;right:1.5rem;text-align:center}.machine-footer p{margin:.1rem 0}.machine-footer strong{color:#2c3e50;font-weight:700}.machine-content-compact{display:flex;flex-direction:column;gap:.8rem;max-height:calc(100% - 100px);overflow:hidden;padding:.5rem 0}.certificate-hash-section-compact{background:#e8f5e8;border:2px solid #27ae60;border-radius:4px;padding:.8rem}.certificate-hash-section-compact h2{border-bottom:1px solid #27ae60;color:#27ae60;font-size:12pt;font-weight:700;margin:0 0 .5rem;padding-bottom:.2rem}.hash-display-compact{margin-bottom:.5rem}.hash-display-compact label{color:#2c3e50;display:block;font-size:9pt;font-weight:700;margin-bottom:.3rem}.main-hash-code-compact{background:#fff;border:1px solid #27ae60;border-radius:3px;box-sizing:border-box;color:#2c3e50;display:block;font-family:Courier New,monospace;font-size:9pt;padding:.3rem .4rem;width:100%;word-break:break-all}.hash-info-compact{color:#2c3e50;font-size:8pt;font-style:italic;line-height:1.3;margin:0}.structured-data-section-compact{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.8rem}.structured-data-section-compact h2{border-bottom:1px solid #ddd;color:#2c3e50;font-size:12pt;font-weight:700;margin:0 0 .5rem;padding-bottom:.2rem}.data-description{color:#2c3e50;font-size:8pt;line-height:1.4;margin:.3rem 0}.data-description strong{color:#2c3e50;font-family:Courier New,monospace}.data-description .status-active{background:#e8f5e8;border-radius:2px;color:#27ae60;font-weight:700;padding:.1rem .3rem}.json-container-compact{background:#2c3e50;border-radius:4px;margin-top:.5rem;max-height:350px;overflow-y:auto;padding:.5rem}.json-code-compact{color:#ecf0f1;font-family:Courier New,monospace;font-size:7pt;line-height:1.3;margin:0;white-space:pre-wrap;word-break:break-all}.certificate-hash-section{background:#e8f5e8;border:2px solid #27ae60;border-radius:4px;margin-bottom:.8rem;padding:1rem}.certificate-hash-section h2{border-bottom:1px solid #27ae60;color:#27ae60;font-size:14pt;font-weight:700;margin:0 0 .8rem;padding-bottom:.3rem}.hash-display{margin-bottom:.8rem}.hash-display label{font-weight:700;margin-bottom:.4rem}.hash-display label,.main-hash-code{color:#2c3e50;display:block;font-size:10pt}.main-hash-code{background:#fff;border:1px solid #27ae60;border-radius:4px;box-sizing:border-box;font-family:Courier New,monospace;padding:.4rem .6rem;width:100%;word-break:break-all}.hash-info p{color:#2c3e50;font-size:9pt;font-style:italic;margin:0}.essential-data-section,.structured-data-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-bottom:.8rem;padding:.8rem}.essential-data-section h2,.structured-data-section h2{border-bottom:1px solid #ddd;color:#2c3e50;font-size:12pt;font-weight:700;margin:0 0 .6rem;padding-bottom:.3rem}.data-grid{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:1fr 1fr}.data-grid .data-item:nth-child(5),.data-grid .data-item:nth-child(6){grid-column:1/-1}.simple-info-grid{display:flex;flex-direction:column;gap:.6rem}.info-row{border-bottom:1px solid #eee;gap:1rem;padding:.4rem 0}.info-row:last-child{border-bottom:none}.info-label{font-weight:700;min-width:80px}.info-label,.info-value{color:#2c3e50;font-size:10pt}.info-value{font-family:Courier New,monospace;margin-right:1rem}.info-value.status-active{background:#e8f5e8;border-radius:3px;color:#27ae60;font-weight:700;padding:.2rem .4rem}.data-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.2rem 0}.data-item:last-child{border-bottom:none}.data-item label{color:#2c3e50;font-size:9pt;font-weight:700;min-width:80px}.data-value{color:#2c3e50;font-family:Courier New,monospace;font-size:9pt}.status-active{color:#27ae60;font-weight:700}.endpoint-container,.hash-container{display:flex;flex-direction:column;gap:.4rem}.endpoint-item,.hash-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.2rem 0}.endpoint-item:last-child,.hash-item:last-child{border-bottom:none}.endpoint-item label,.hash-item label{color:#2c3e50;font-size:9pt;font-weight:700;min-width:100px}.endpoint-url,.hash-code{background:#ecf0f1;border-radius:3px;color:#2c3e50;font-family:Courier New,monospace;font-size:8pt;max-width:200px;padding:.2rem .3rem;word-break:break-all}.json-container{background:#2c3e50;border-radius:4px;max-height:200px;overflow-y:auto;padding:.6rem}.json-code{color:#ecf0f1;font-family:Courier New,monospace;font-size:8pt;line-height:1.3;margin:0;white-space:pre-wrap;word-break:break-all}.certificate-downloader{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:2rem 0;padding:1.5rem}.downloader-header{margin-bottom:1.5rem}.download-info{align-items:center;display:flex;gap:1rem}.download-info svg{color:#6a1b9a;color:var(--primary-color,#6a1b9a);flex-shrink:0}.download-info h4{color:#333;color:var(--text-primary,#333);font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.download-info p{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin:0}.download-error{align-items:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.download-error p{font-size:.9rem;margin:0}.error-dismiss{background:none;border:none;color:#c53030;cursor:pointer;font-size:1.2rem;font-weight:700;margin-left:1rem;padding:0}.error-dismiss:hover{color:#9b2c2c}.download-progress{align-items:center;background:#f0f8ff;border:1px solid #bee3f8;border-radius:8px;color:#2b6cb0;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:1rem}.progress-spinner{animation:spin 1s linear infinite}.download-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.download-btn,.preview-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.download-btn{background:#6a1b9a;background:var(--primary-color,#6a1b9a)}.download-btn:hover:not(:disabled){background:#5a1a8a;background:var(--primary-color-dark,#5a1a8a);box-shadow:0 4px 12px #6a1b9a4d;transform:translateY(-1px)}.preview-btn{background:#0000;border:2px solid #6a1b9a;border:2px solid var(--primary-color,#6a1b9a);color:#6a1b9a;color:var(--primary-color,#6a1b9a)}.preview-btn:hover:not(:disabled){background:#6a1b9a;background:var(--primary-color,#6a1b9a);color:#fff;transform:translateY(-1px)}.download-btn:disabled,.preview-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinning{animation:spin 1s linear infinite}.download-details{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-left:4px solid #6a1b9a;border-left:4px solid var(--primary-color,#6a1b9a);border-radius:8px;padding:1.25rem}.download-details h5{color:#333;color:var(--text-primary,#333);font-size:1rem;font-weight:600;margin:0 0 .75rem}.download-details ul{color:#666;color:var(--text-secondary,#666);margin:0 0 1rem;padding-left:1.25rem}.download-details li{font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.format-info{display:flex;flex-wrap:wrap;gap:.5rem}.blockchain-badge,.format-badge,.pages-badge{border-radius:16px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.format-badge{background:#e6f3ff;border:1px solid #b3d9ff;color:#06c}.pages-badge{background:#f0f8e6;border:1px solid #c5e5a3;color:#2d5a0d}.blockchain-badge{background:#f3e6ff;border:1px solid #d1b3ff;color:#6a1b9a}.download-template-container{background:#fff;height:auto;left:-9999px;opacity:1;overflow:visible;pointer-events:none;position:fixed;top:0;transform:scale(1);width:21cm;z-index:9999}.download-template-container *{box-sizing:border-box}.download-template-container .pdf-page-one,.download-template-container .pdf-page-two{display:block!important;position:relative!important;visibility:visible!important}@media (max-width:768px){.certificate-downloader{margin:1rem 0;padding:1rem}.download-actions{flex-direction:column}.download-btn,.preview-btn{min-width:auto;width:100%}.download-info{align-items:flex-start;flex-direction:column;gap:.5rem}.format-info{flex-direction:column;gap:.25rem}.blockchain-badge,.format-badge,.pages-badge{align-self:flex-start}}@media (max-width:480px){.certificate-downloader{border-radius:8px;padding:.75rem}.download-details{padding:1rem}.download-details ul{padding-left:1rem}}.dark-mode .certificate-downloader{background:#1a1a1a;background:var(--background-primary-dark,#1a1a1a);border-color:#444}.dark-mode .download-info h4{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.dark-mode .download-info p{color:#aaa;color:var(--text-secondary-dark,#aaa)}.dark-mode .download-details{background:#2a2a2a;background:var(--background-secondary-dark,#2a2a2a)}.dark-mode .download-details h5{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.dark-mode .download-details li{color:#aaa;color:var(--text-secondary-dark,#aaa)}@media print{.certificate-downloader{display:none}}.certificate-issue-container{color:#e9ecef;color:var(--text-dark);margin:0 auto;max-width:780px;padding:90px 2rem 40px;position:relative}.certificate-issue-header{margin-bottom:2rem;text-align:center}.certificate-issue-header h1{-webkit-text-fill-color:#0000;animation:fadeInDown .8s forwards;background:linear-gradient(90deg,#7c3aed,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.issue-description{animation:fadeInUp .6s .2s forwards;color:#e9ecef;color:var(--text-dark);font-size:1rem;line-height:1.5;margin:0 auto;max-width:600px}.certificate-form{display:flex;flex-direction:column;gap:1.25rem}.form-section{background-color:#1e1e2e;background-color:var(--card-dark-bg);border:1px solid #2d2d35;border-left:4px solid #7c3aed;border:1px solid var(--border-dark);border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);margin-bottom:1.25rem;opacity:0;padding:1.75rem;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.form-section.visible{opacity:1;transform:translateY(0)}.section-title{align-items:center;border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--border-dark);display:flex;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem;text-align:left}.section-icon,.section-title{color:#a78bfa;color:var(--primary-light)}.section-icon{margin-right:.75rem}.form-group{padding:0 .5rem}.form-group:last-child{margin-bottom:.5rem}.form-label{color:#fff;color:var(--label-color-dark);font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:left}.form-label,.label-icon{align-items:center;display:flex}.label-icon{color:#a78bfa;color:var(--primary-light);margin-right:.5rem}.label-text{color:#fff;color:var(--label-color-dark)}.certificate-type-select,.form-group textarea,.form-input{background-color:#ffffff14;background-color:var(--input-bg-dark);border:1px solid #2d2d35;border:1px solid var(--border-dark);border-radius:6px;color:#fff;color:var(--input-text-dark);font-family:inherit;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.certificate-type-select:focus,.form-group textarea:focus,.form-input:focus{background-color:#ffffff1f;background-color:var(--input-focus-bg-dark);border-color:#7c3aed;border-color:var(--primary-color);box-shadow:0 0 0 2px #7c3aed33;outline:none}.form-input::placeholder{color:#fff9}.form-group .helper-text,.form-group .info-text{color:#a78bfa;color:var(--primary-light);font-size:.85rem;margin-top:.5rem;opacity:1}.certificate-type-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.monospace-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;letter-spacing:.5px}.form-actions{justify-content:center;margin-bottom:1.5rem;margin-top:2rem}.cancel-button,.issue-button{border-radius:50px;font-size:1rem;font-weight:600;min-width:160px;padding:.85rem 1.75rem;text-align:center;transition:all .3s ease}.issue-button{background:linear-gradient(90deg,#7c3aed,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;color:#fff}.issue-button:hover{box-shadow:0 8px 15px #0003;transform:translateY(-3px)}.issue-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.cancel-button{background-color:initial;border:2px solid #a78bfa;border:2px solid var(--primary-light);color:#a78bfa;color:var(--primary-light)}.cancel-button:hover{background-color:#7c3aed1a;box-shadow:0 8px 15px #0000001a;transform:translateY(-3px)}.error-message{background-color:#f43f5e26;border-left:4px solid #f43f5e;border-radius:6px;color:#f43f5e;padding:1rem}.success-container{animation:fadeIn .8s forwards;background-color:#1e1e2e;background-color:var(--card-dark-bg);border:1px solid #2d2d35;border-left:5px solid #10b981;border:1px solid var(--border-dark);border-left:5px solid var(--success-color);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);padding:2.5rem}.success-header{margin-bottom:2rem}.success-header,.success-icon{align-items:center;display:flex;justify-content:center}.success-icon{background:#10b98133;background:var(--success-light);border-radius:50%;height:60px;margin-right:1.25rem;width:60px}.success-container h3,.success-icon{color:#10b981;color:var(--success-color)}.success-container h3{font-size:1.75rem;font-weight:600}.certificate-success-summary{align-items:center;display:flex;flex-direction:column;gap:2.5rem;margin:2.5rem 0}@media (min-width:768px){.certificate-success-summary{align-items:flex-start;flex-direction:row}}.success-qr-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;padding:1.75rem;transition:transform .3s ease,box-shadow .3s ease}.success-qr-container:hover{box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.success-qr-container h4{color:#212529;color:var(--text-light);font-size:1.2rem;font-weight:600;margin-bottom:1.25rem}.qr-instructions{color:#6c757d;color:var(--text-muted-light);margin-top:1.25rem}.success-details{flex:1 1;text-align:left}.certificate-id-display{background-color:#7c3aed1a;border-left:4px solid #7c3aed;border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.certificate-id-display h4{color:#a78bfa;color:var(--primary-light);font-size:1.2rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.certificate-id{background-color:#0003;border-radius:6px;color:#e9ecef;color:var(--text-dark);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.1rem;margin-bottom:.85rem;padding:.75rem;word-break:break-all}.certificate-id-description{color:#a78bfa;color:var(--primary-light);font-size:.9rem;opacity:.8}.certificate-summary{background-color:#7c3aed0d;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.summary-item{align-items:center;border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--border-dark);display:flex;justify-content:space-between;padding-bottom:.75rem}.summary-label{color:#a78bfa;color:var(--primary-light);font-weight:600}.summary-value{color:#e9ecef;color:var(--text-dark)}.summary-value.valid{align-items:center;color:#10b981;color:var(--success-color);display:flex;font-weight:600}.summary-value.valid svg{margin-left:.5rem}.success-actions{gap:1.5rem;justify-content:center;margin-top:2.5rem}.action-button{border-radius:50px;font-size:1rem;font-weight:600;min-width:200px;padding:.85rem 1.75rem;transition:all .3s ease}.certificate-issue-hero{background:#1e1e2e;background:var(--card-dark-bg);border:1px solid #2d2d35;border-left:5px solid #7c3aed;border:1px solid var(--border-dark);border-left:5px solid var(--primary-color);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);margin-bottom:2.5rem;padding:4.5rem 2rem;text-align:center}.certificate-issue-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c3aed,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1.25rem}.certificate-issue-hero p{color:#e9ecef;color:var(--text-dark);font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}body.light-mode .certificate-issue-container,body.light-mode .issue-description{color:#212529;color:var(--text-light)}body.light-mode .form-section{background:#fff;background:var(--card-light-bg);border:1px solid #e0e0e0;border-left:4px solid #7c3aed;border:1px solid var(--border-light);border-left:4px solid var(--primary-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light)}body.light-mode .section-title{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-light);color:#7c3aed;color:var(--primary-color)}body.light-mode .section-icon{color:#5b21b6;color:var(--primary-dark)}body.light-mode .form-label{color:#212529;color:var(--label-color-light)}body.light-mode .label-icon{color:#5b21b6;color:var(--primary-dark)}body.light-mode .label-text{color:#212529;color:var(--label-color-light)}body.light-mode .certificate-type-select,body.light-mode .form-group textarea,body.light-mode .form-input{background-color:#f8f9fa;background-color:var(--input-bg-light);border-color:#e0e0e0;border-color:var(--border-light);color:#212529;color:var(--input-text-light)}body.light-mode .form-input::placeholder{color:#0006}body.light-mode .form-group .helper-text,body.light-mode .form-group .info-text{color:#5b21b6;color:var(--primary-dark)}body.light-mode .certificate-type-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b21b6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body.light-mode .cancel-button{border-color:#5b21b6;border-color:var(--primary-dark);color:#5b21b6;color:var(--primary-dark)}body.light-mode .cancel-button:hover{background-color:#7c3aed0d}body.light-mode .success-container{background:#fff;background:var(--card-light-bg);border:1px solid #e0e0e0;border-left:5px solid #10b981;border:1px solid var(--border-light);border-left:5px solid var(--success-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light)}body.light-mode .certificate-id{background-color:#0000000d;color:#212529;color:var(--text-light)}body.light-mode .certificate-id-description,body.light-mode .summary-label{color:#5b21b6;color:var(--primary-dark)}body.light-mode .summary-value{color:#212529;color:var(--text-light)}body.light-mode .summary-item{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-light)}body.light-mode .certificate-summary{background-color:#7c3aed0d}body.light-mode .certificate-issue-hero{background:#fff;background:var(--card-light-bg);border:1px solid #e0e0e0;border-left:5px solid #7c3aed;border:1px solid var(--border-light);border-left:5px solid var(--primary-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light)}body.light-mode .certificate-issue-hero p{color:#212529;color:var(--text-light)}.loading-message{background:#1e1e2e;background:var(--card-dark-bg);border:1px solid #2d2d35;border-left:4px solid #a78bfa;border:1px solid var(--border-dark);border-left:4px solid var(--primary-light);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);color:#e9ecef;color:var(--text-dark);margin-bottom:2rem;padding:2.5rem;text-align:center}body.light-mode .loading-message{background:#fff;background:var(--card-light-bg);border:1px solid #e0e0e0;border-left:4px solid #7c3aed;border:1px solid var(--border-light);border-left:4px solid var(--primary-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light);color:#212529;color:var(--text-light)}@media (max-width:768px){.certificate-issue-container{padding:80px 1.5rem 40px}.certificate-issue-header h1{font-size:2rem}.form-actions{align-items:center;flex-direction:column}.cancel-button,.issue-button{width:100%}.success-actions{align-items:center;flex-direction:column;gap:1rem}.action-button{width:100%}.form-section{padding:1.5rem}}@media (max-width:576px){.certificate-issue-header h1{font-size:1.75rem}.issue-description{font-size:.95rem}.section-title{font-size:1.1rem}.form-section{padding:1.25rem}.success-container{padding:1.75rem}}.certificate-issue-preview{background:#f8f9fa;background:var(--form-bg-light,#f8f9fa);border-radius:12px;margin:2rem 0;overflow:hidden;transition:all .4s ease}.dark-mode .certificate-issue-preview{background:#232336;background:var(--form-bg-dark,#232336)}.certificate-issue-preview .preview-header{background:linear-gradient(135deg,#7c3aed,#9147ff);color:#fff}.certificate-issue-preview .preview-header h4{color:#fff}.certificate-issue-preview .control-btn{background:#fff3;color:#fff}.certificate-issue-preview .control-btn:hover{background:#ffffff4d;color:#fff;transform:translateY(-1px)}.success-downloader{background:#f8f9fa;background:var(--form-bg-light,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-light,#e0e0e0);border-radius:12px;margin:2rem 0;overflow:hidden}.dark-mode .success-downloader{background:#232336;background:var(--form-bg-dark,#232336);border-color:#2d2d35;border-color:var(--border-dark,#2d2d35)}.success-downloader .downloader-header{background:linear-gradient(135deg,#10b981,#059669)}.success-downloader .download-info h4,.success-downloader .download-info svg{color:#fff}.success-downloader .download-info p{color:#ffffffe6}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.certificate-issue-preview{animation:slideInFromBottom .5s ease-out}.success-downloader{animation:slideInFromBottom .6s ease-out}.form-actions{margin-top:1.5rem;transition:margin-top .4s ease}.success-container .success-downloader{margin-bottom:1.5rem;margin-top:2rem}@media (max-width:768px){.certificate-issue-preview,.success-downloader{border-radius:8px;margin:1.5rem 0}.certificate-issue-preview .certificate-wrapper{padding:.5rem}}@media (max-width:576px){.certificate-issue-preview,.success-downloader{border-radius:6px;margin:1rem 0}}:root{--primary-color:#9147ff;--primary-dark:#7434d9;--secondary-color:#2c7be5;--secondary-light:#6e9fee;--accent-color:#9d4edd;--text-light:#fff;--text-dark:#212529;--bg-light:#f8f9fa;--bg-dark:#121212;--bg-container-light:#f8f9fa;--bg-container-dark:#1c1b29;--bg-input-light:#f5f5f5;--bg-input-dark:#2d2b3a;--border-dark:#444;--success-color:#28a745;--success-bg:#28a74533;--error-color:#fc617c;--error-bg:#dc354533;--warning-color:#ffc107;--warning-bg:#ffc10733;--animation-duration:0.5s;--card-shadow-hover-light:0 10px 30px #0000001a;--card-shadow-hover-dark:0 10px 30px #0006;--placeholder-color-dark:#fff9;--placeholder-color-light:#212529b3;--overlay-bg:#000000b3;--modal-shadow:0 10px 40px #0000004d}.certificate-verify-container{color:#212529;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:90px auto 60px;max-width:1200px;padding:0 2rem}.light-mode-text{color:#333!important}.dark-mode-text{color:#fff!important}.certificate-verify-container.dark-mode{color:#fff;color:var(--text-light)}.section-card:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--card-shadow-hover-light)}.dark-mode .section-card,.section-card.dark-mode{background:#232327;background:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.dark-mode .section-card:hover,.section-card.dark-mode:hover{box-shadow:0 10px 30px #0006;box-shadow:var(--card-shadow-hover-dark)}.verify-hero{background:linear-gradient(145deg,#fff,#f8f9fa);background:linear-gradient(145deg,var(--card-light-bg) 0,var(--bg-light) 100%);margin-bottom:4rem;padding:5rem 3rem;text-align:center}.dark-mode .verify-hero,.verify-hero.dark-mode{background:linear-gradient(145deg,#232327,#121212);background:linear-gradient(145deg,var(--card-dark-bg) 0,var(--bg-dark) 100%)}.verify-title{-webkit-text-fill-color:#0000;animation:fadeInDown .8s forwards;background:linear-gradient(90deg,#9147ff,#2c7be5);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3.25rem;font-weight:800;margin-bottom:1.5rem;opacity:0}.verify-subtitle{animation:fadeInUp .8s .2s forwards;color:#333;font-size:1.25rem;font-weight:500;line-height:1.8;margin:0 auto;max-width:800px;opacity:0}.dark-mode .verify-subtitle{color:#fff}.verification-methods{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);display:flex;justify-content:center;margin:2rem auto 3rem;max-width:800px;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .verification-methods{border-bottom-color:#444;border-bottom-color:var(--border-dark)}.verification-methods.visible{opacity:1;transform:translateY(0)}.method-tab{align-items:center;border-bottom:3px solid #0000;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.dark-mode .method-tab{color:#b0b0b0}.method-tab:hover{border-color:#9d4edd80;color:#9147ff;color:var(--primary-color)}.dark-mode .method-tab:hover{color:#fff;color:var(--text-light)}.method-tab.active{border-color:#9147ff;border-color:var(--primary-color);color:#9147ff;color:var(--primary-color)}.verification-content{background-color:#fff;background-color:var(--card-light-bg);box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);opacity:0;position:relative;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .verification-content{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.verification-content.visible{opacity:1;transform:translateY(0)}.verification-content:after{background:linear-gradient(135deg,#9147ff0d,#2c7be50d);border-radius:50%;bottom:-50px;content:"";height:300px;position:absolute;right:-50px;width:300px;z-index:1}.verification-method-container{margin:0 auto;max-width:700px;position:relative;z-index:2}.verification-method-title,h2.section-title,h3.verification-method-title{align-items:center;color:#9147ff;color:var(--primary-color);display:flex;font-size:1.8rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:2rem;text-align:center}.method-icon,.verification-content h3,.verification-content h4{color:#9147ff;color:var(--primary-color)}.enhanced-label{color:#9147ff!important;color:var(--primary-color)!important;display:block;font-size:1.1rem!important;font-weight:600!important;margin-bottom:.75rem}.form-group label{color:#212529;color:var(--text-dark);font-size:1.05rem;margin-bottom:.75rem}.dark-mode .form-group label{color:#fff;color:var(--text-light)}.form-input{background-color:#f5f5f5;background-color:var(--bg-input-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);border-radius:12px;color:#000;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease;width:100%}.dark-mode .form-input{background-color:#2d2b3a;background-color:var(--bg-input-dark);border-color:#444;border-color:var(--border-dark);color:#fff}.form-input:focus{border-color:#9147ff;border-color:var(--primary-color);box-shadow:0 0 0 3px #9147ff33;outline:none}.form-input::placeholder{color:#212529b3;color:var(--placeholder-color-light);opacity:.8}.dark-mode .form-input::placeholder{color:#fff9;color:var(--placeholder-color-dark)}.info-box{align-items:flex-start;background-color:#9147ff1a;border-left:4px solid #9147ff;border-left:4px solid var(--primary-color);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.dark-mode .info-box{background-color:#9147ff26}.info-box .info-icon{color:#9147ff;color:var(--primary-color);flex-shrink:0;margin-top:.15rem}.info-box .helper-text{color:#000;font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.dark-mode .info-box .helper-text{color:#fff}.qr-scanner-container{background-color:#f8f9fa;background-color:var(--bg-container-light);border-radius:16px;box-shadow:inset 0 0 20px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.dark-mode .qr-scanner-container{background-color:#1c1b29;background-color:var(--bg-container-dark)}.qr-reader-element{border-radius:12px;margin:0 auto 1.5rem;max-width:500px;overflow:hidden}#qr-reader{border:2px solid #9147ff;border:2px solid var(--primary-color);border-radius:12px;overflow:hidden}#qr-reader video{border-radius:10px;height:auto!important;width:100%!important}#qr-reader__dashboard{background-color:initial!important}#qr-reader__dashboard_section{background-color:#f8f9fa!important;background-color:var(--bg-container-light)!important;border-radius:8px!important;padding:1rem!important}.dark-mode #qr-reader__dashboard_section{background-color:#1c1b29!important;background-color:var(--bg-container-dark)!important}#qr-reader__dashboard_section_csr button{background:linear-gradient(90deg,#9147ff,#2c7be5)!important;background:linear-gradient(to right,var(--primary-color),var(--secondary-color))!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;margin:.5rem!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}#qr-reader__dashboard_section_csr button:hover{box-shadow:0 4px 12px #9147ff66!important;transform:translateY(-2px)!important}#qr-reader__dashboard_section_swaplink{color:#9147ff!important;color:var(--primary-color)!important;font-weight:600!important;text-decoration:none!important}#qr-reader__scan_region{border:2px solid #9147ff!important;border:2px solid var(--primary-color)!important;border-radius:10px!important}#qr-reader__camera_selection{background-color:#f5f5f5!important;background-color:var(--bg-input-light)!important;border:1px solid #e0e0e0!important;border:1px solid var(--border-light)!important;border-radius:8px!important;color:#212529!important;color:var(--text-dark)!important;font-size:.95rem!important;padding:.5rem!important}.dark-mode #qr-reader__camera_selection{background-color:#2d2b3a!important;background-color:var(--bg-input-dark)!important;border-color:#444!important;border-color:var(--border-dark)!important;color:#fff!important;color:var(--text-light)!important}#qr-reader__dashboard_section_fsr{color:#212529!important;color:var(--text-dark)!important}.dark-mode #qr-reader__dashboard_section_fsr{color:#fff!important;color:var(--text-light)!important}#qr-reader__status_span{color:#000!important;font-weight:600!important;padding:.5rem!important}.dark-mode #qr-reader__status_span{color:#fff!important}#qr-reader__camera_selection_label,#qr-reader__dashboard_section_csr>span{color:#000!important;font-size:1rem!important;font-weight:600!important}.dark-mode #qr-reader__camera_selection_label,.dark-mode #qr-reader__dashboard_section_csr>span{color:#fff!important}#qr-reader__dashboard_section_fsr>span,#qr-reader__filescan_input_label{color:#000!important;font-size:1rem!important;font-weight:600!important}.dark-mode #qr-reader__dashboard_section_fsr>span,.dark-mode #qr-reader__filescan_input_label{color:#fff!important}#qr-reader__dashboard_section label,#qr-reader__dashboard_section>div,#qr-reader__dashboard_section>span{color:#000!important}.dark-mode #qr-reader__dashboard_section label,.dark-mode #qr-reader__dashboard_section>div,.dark-mode #qr-reader__dashboard_section>span{color:#fff!important}#qr-reader__header_message{color:#000!important;font-weight:600!important}.dark-mode #qr-reader__header_message{color:#fff!important}.scanner-instructions{color:#000!important;font-size:1.1rem;font-weight:600;margin:1.5rem 0}.dark-mode .scanner-instructions{color:#fff!important}.scanner-toggle{margin-bottom:2rem;text-align:center}.manual-cid-container{background-color:#f8f9fa;background-color:var(--bg-container-light);border-radius:16px;margin-top:2rem;padding:2rem}.dark-mode .manual-cid-container{background-color:#1c1b29;background-color:var(--bg-container-dark)}.manual-entry-title{color:#000!important;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.dark-mode .manual-entry-title{color:#fff!important}.manual-cid-container h4{color:#000!important;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.dark-mode .manual-cid-container h4{color:#fff!important}.file-upload-container{background-color:#f8f9fa;background-color:var(--bg-container-light);border:2px dashed #e0e0e0;border:2px dashed var(--border-light);border-radius:16px;cursor:pointer;margin-bottom:2rem;padding:3rem 2rem;text-align:center;transition:all .3s ease}.dark-mode .file-upload-container{background-color:#1c1b29;background-color:var(--bg-container-dark);border-color:#444;border-color:var(--border-dark)}.file-upload-container.has-file,.file-upload-container:hover{background-color:#9147ff0d;border-color:#9147ff;border-color:var(--primary-color)}.upload-icon{color:#9147ff;color:var(--primary-color);margin-bottom:1.5rem;opacity:.8}.instruction-text,.manual-entry-title,.scanner-instructions,.upload-prompt p{color:#333;font-size:1.1rem;font-weight:500;line-height:1.6}.dark-mode .instruction-text,.dark-mode .manual-entry-title,.dark-mode .scanner-instructions,.dark-mode .upload-prompt p{color:#d0d0d0}.drag-drop-text{color:#333;font-size:1.1rem;font-weight:500}.dark-mode .drag-drop-text{color:#d0d0d0}.file-info{align-items:center;display:flex;flex-direction:column;gap:.75rem}.file-icon{color:#28a745;color:var(--success-color);margin-bottom:.5rem}.file-name{color:#000!important;font-size:1.1rem;font-weight:600;margin:0}.dark-mode .file-name{color:#fff!important}.file-size{color:#6c757d;color:var(--text-muted-light);font-size:.9rem}.dark-mode .file-size{color:#a0a0a7;color:var(--text-muted-dark)}.verify-button{align-items:center;background:linear-gradient(90deg,#9147ff,#2c7be5);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;box-shadow:0 4px 15px #9147ff4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.verify-button:not(:disabled):hover{box-shadow:0 8px 25px #9147ff66;transform:translateY(-3px)}.verify-button:disabled{cursor:not-allowed;opacity:.7}.close-scanner-btn,.open-scanner-btn{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:0 auto;min-width:180px}.close-scanner-btn{background:#0000001a;border:1px solid #0003;color:#212529;color:var(--text-dark)}.dark-mode .close-scanner-btn{background:#ffffff1a;border-color:#fff3;color:#fff;color:var(--text-light)}.certificate-link{align-items:center;color:#9147ff;color:var(--primary-color);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.certificate-link:hover{color:#6e9fee;color:var(--secondary-light);text-decoration:underline}.verification-result{background-color:#fff;background-color:var(--card-light-bg);border-radius:20px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);margin-bottom:3rem;margin-top:3rem;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .verification-result{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.verification-result.visible{opacity:1;transform:translateY(0)}.verification-result:after{background:linear-gradient(135deg,#9147ff0d,#2c7be50d);border-radius:50%;content:"";height:300px;left:-50px;position:absolute;top:-50px;width:300px;z-index:1}.result-title{color:#9147ff;color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.result-status{margin-bottom:2.5rem;position:relative;text-align:center;z-index:2}.status-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:.75rem 1.75rem;text-transform:uppercase}.status-badge.valid{background-color:#28a74533;background-color:var(--success-bg);color:#28a745;color:var(--success-color)}.status-badge.revoked{background-color:#dc354533;background-color:var(--error-bg);color:#fc617c;color:var(--error-color)}.status-badge.not.found{background-color:#ffc10733;background-color:var(--warning-bg);color:#ffc107;color:var(--warning-color)}.certificate-details,.certificate-specific-details{position:relative;z-index:2}.details-title{color:#9147ff;color:var(--primary-color);font-size:1.4rem;font-weight:700;margin:2rem 0 1.5rem;opacity:.9}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.details-item{background-color:#f8f9fa;background-color:var(--bg-container-light);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s ease}.dark-mode .details-item{background-color:#1c1b29;background-color:var(--bg-container-dark)}.details-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.dark-mode .details-item:hover{box-shadow:0 5px 15px #0000004d}.details-label{color:#6c757d;color:var(--text-muted-light);font-size:.9rem;font-weight:500}.dark-mode .details-label{color:#a0a0a7;color:var(--text-muted-dark)}.details-value{color:#212529;color:var(--text-dark);font-size:1.1rem;font-weight:500}.dark-mode .details-value{color:#fff;color:var(--text-light)}.error-message{align-items:center;background-color:#dc354533;background-color:var(--error-bg);border-left:4px solid #fc617c;border-left:4px solid var(--error-color);border-radius:12px;color:#fc617c;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-details{background-color:#f8f9fa;background-color:var(--bg-container-light);border-radius:12px;margin-top:1.5rem;padding:2rem}.dark-mode .error-details{background-color:#1c1b29;background-color:var(--bg-container-dark)}.error-details p{color:#fc617c;color:var(--error-color);font-size:1.1rem;line-height:1.6}.revocation-reason{background-color:#dc354533;background-color:var(--error-bg);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.revocation-reason h4{color:#fc617c;color:var(--error-color);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.verification-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;background-color:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.verification-modal{animation:slideUp .4s ease;background-color:#fff;background-color:var(--card-light-bg);border-radius:20px;border-top:5px solid #9147ff;border-top:5px solid var(--primary-color);box-shadow:0 10px 40px #0000004d;box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.dark-mode .verification-modal{background-color:#232327;background-color:var(--card-dark-bg)}.verification-modal.valid{border-top-color:#28a745;border-top-color:var(--success-color)}.verification-modal.invalid{border-top-color:#fc617c;border-top-color:var(--error-color)}.modal-header{background:linear-gradient(90deg,#9147ff,#2c7be5);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);color:#fff;padding:1.5rem 2rem}.dark-mode .modal-header{border-bottom-color:#444;border-bottom-color:var(--border-dark)}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.modal-close{color:#fff;font-size:1.75rem;opacity:.8;transition:opacity .2s ease}.modal-close:hover{opacity:1}.modal-content{flex:1 1;overflow-y:auto;padding:2rem}.verification-status{margin-bottom:2rem;text-align:center}.certificate-details-container{display:flex;flex-direction:column;gap:1.5rem}.certificate-section{background-color:#f8f9fa;background-color:var(--bg-container-light);border-radius:12px;padding:1.5rem;transition:all .3s ease}.dark-mode .certificate-section{background-color:#1c1b29;background-color:var(--bg-container-dark)}.certificate-section:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.dark-mode .certificate-section:hover{box-shadow:0 5px 15px #0000004d}.certificate-header-section{align-items:center;background:linear-gradient(135deg,#9147ff1a,#2c7be51a);display:flex;gap:1rem}.certificate-title{flex:1 1}.certificate-title h4{color:#9147ff;color:var(--primary-color);font-size:1.2rem;margin:0 0 .5rem}.cert-id{color:#6c757d;color:var(--text-muted-light);font-size:.9rem;margin:0}.dark-mode .cert-id{color:#a0a0a7;color:var(--text-muted-dark)}.type-icon{align-items:center;background-color:#9147ff33;border-radius:10px;color:#9147ff;color:var(--primary-color);display:flex;height:40px;justify-content:center;width:40px}.type-icon.academic{background-color:#06b6d433;color:#06b6d4}.type-icon.professional{background-color:#f59e0b33;color:#f59e0b}.type-icon.training{background-color:#8b5cf633;color:#8b5cf6}.main-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-label{color:#fff;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.dark-mode .detail-label{color:#a0a0a7;color:var(--text-muted-dark)}.detail-value{color:#212529;color:var(--text-dark);font-weight:500}.dark-mode .detail-value{color:#fff;color:var(--text-light)}.copyable-value{align-items:center;background-color:#f5f5f5;background-color:var(--bg-input-light);border-radius:8px;display:flex;font-family:monospace;font-size:.9rem;gap:.5rem;padding:.75rem}.dark-mode .copyable-value{background-color:#2d2b3a;background-color:var(--bg-input-dark)}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn,.link-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;color:var(--text-muted-light);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.dark-mode .copy-btn,.dark-mode .link-btn{color:#a0a0a7;color:var(--text-muted-dark)}.copy-btn:hover,.link-btn:hover{background-color:#9147ff1a;color:#9147ff;color:var(--primary-color)}.certificate-actions{justify-content:center;margin-top:1.5rem}.download-btn{align-items:center;background:linear-gradient(90deg,#9147ff,#2c7be5);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:10px;box-shadow:0 4px 15px #9147ff4d;color:#fff;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.download-btn:hover{box-shadow:0 6px 20px #9147ff66;transform:translateY(-2px)}.invalid-certificate{padding:1.5rem;text-align:center}.not-found-info,.revocation-info{align-items:center;display:flex;flex-direction:column;gap:1rem}.not-found-icon,.revoked-icon{color:#fc617c;color:var(--error-color);margin-bottom:.5rem}.revoked-certificate-info{border-top:1px dashed #e0e0e0;border-top:1px dashed var(--border-light);margin-top:2rem;padding-top:1.5rem}.dark-mode .revoked-certificate-info{border-top-color:#444;border-top-color:var(--border-dark)}.modal-footer{background-color:#f8f9fa;background-color:var(--bg-container-light);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);padding:1.5rem 2rem}.dark-mode .modal-footer{background-color:#1c1b29;background-color:var(--bg-container-dark);border-top-color:#444;border-top-color:var(--border-dark)}.close-btn{min-width:120px}.success-container{align-items:center;animation:fadeIn .5s ease;display:flex;flex-direction:column;padding:1rem 0;text-align:center}.success-animation{margin-bottom:1.5rem}.success-checkmark{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#9147ff33,#2c7be533);border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.success-icon{animation:fadeIn .5s ease;color:#9147ff;color:var(--primary-color)}.success-message{margin-bottom:2rem}.success-message h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9147ff,#2c7be5);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:1.8rem;margin-bottom:.75rem}.success-message p{color:#212529;color:var(--text-dark);font-size:1.1rem;margin:0 auto;max-width:500px}.dark-mode .success-message p{color:#fff;color:var(--text-light)}.certificate-success-card{background-color:#fff;background-color:var(--card-light-bg);border:1px solid #9147ff4d;border-radius:16px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);margin-bottom:2rem;max-width:600px;overflow:hidden;width:100%}.dark-mode .certificate-success-card{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.certificate-success-header{align-items:center;background:linear-gradient(135deg,#9147ff,#2c7be5);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;gap:1rem;padding:1.5rem}.success-type-icon{background-color:#fff3;border-radius:12px;color:#fff;height:50px;padding:.75rem;width:50px}.success-type-icon.academic{background-color:#06b6d44d}.success-type-icon.professional{background-color:#f59e0b4d}.success-type-icon.training{background-color:#8b5cf64d}.certificate-type-info{display:flex;flex-direction:column}.certificate-type-label{font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.certificate-id-label{font-size:.9rem;opacity:.9}.certificate-success-details{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem}.detail-column{flex:1 1;min-width:250px}.detail-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.detail-item label{color:#6c757d;color:var(--text-muted-light);font-size:.9rem;font-weight:500}.dark-mode .detail-item label{color:#a0a0a7;color:var(--text-muted-dark)}.detail-item span{align-items:center;color:#212529;color:var(--text-dark);display:flex;font-weight:500;gap:.5rem}.dark-mode .detail-item span{color:#fff;color:var(--text-light)}.detail-icon{color:#9147ff;color:var(--primary-color)}.certificate-status{font-size:.9rem;gap:.5rem;padding:.3rem .75rem}.certificate-status.valid{background-color:#28a74533;background-color:var(--success-bg);color:#28a745;color:var(--success-color)}.status-icon{flex-shrink:0}.qr-section{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-light);display:flex;flex-direction:column;padding:1.5rem}.dark-mode .qr-section{border-top-color:#444;border-top-color:var(--border-dark)}.qr-section h4{color:#9147ff;color:var(--primary-color);font-size:1.2rem;margin-bottom:.5rem;margin-top:0}.qr-section p{color:#6c757d;color:var(--text-muted-light);font-size:.9rem;margin-bottom:1rem}.dark-mode .qr-section p{color:#a0a0a7;color:var(--text-muted-dark)}.qr-container{box-shadow:0 2px 5px #0000001a;display:inline-block}.qr-code{display:block;height:auto;max-width:150px}.success-actions{flex-direction:column;gap:1rem;max-width:350px}.details-button,.success-actions{align-items:center;display:flex;width:100%}.details-button{background:linear-gradient(90deg,#9147ff,#2c7be5);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:12px;box-shadow:0 4px 15px #9147ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;text-decoration:none;transition:all .3s ease}.details-button:hover{box-shadow:0 8px 25px #9147ff66;transform:translateY(-3px)}.browse-button{background-color:#f8f9fa;background-color:var(--bg-container-light);border:1px solid #e0e0e0;border:1px solid var(--border-light);color:#212529;color:var(--text-dark);width:100%}.dark-mode .browse-button{background-color:#1c1b29;background-color:var(--bg-container-dark);border-color:#444;border-color:var(--border-dark);color:#fff;color:var(--text-light)}.browse-button:hover{background-color:#f8f9fa;background-color:var(--bg-container-light);border-color:#9147ff;border-color:var(--primary-color)}.dark-mode .browse-button:hover{background-color:#1c1b29;background-color:var(--bg-container-dark)}.button-icon-right{margin-left:.5rem}@keyframes pulse{0%{box-shadow:0 0 0 0 #9147ff99}70%{box-shadow:0 0 0 15px #9147ff00}to{box-shadow:0 0 0 0 #9147ff00}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.verify-hero h1{font-size:2.5rem}.verify-hero{padding:4rem 2rem}.section-card{padding:2.5rem}.verification-modal{width:95%}}@media (max-width:768px){.certificate-verify-container{padding:0 1.5rem}.verify-hero{padding:3.5rem 1.5rem}.verification-methods{align-items:center;border-bottom:none;flex-direction:column;gap:.5rem}.method-tab{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);justify-content:center;padding:1rem;width:100%}.dark-mode .method-tab{border-bottom-color:#444;border-bottom-color:var(--border-dark)}.method-tab.active{border-bottom-color:#9147ff;border-bottom-color:var(--primary-color)}.section-card{padding:2rem}.verification-method-title{font-size:1.5rem}.details-grid,.main-info{grid-template-columns:1fr}.certificate-success-details{flex-direction:column}.modal-content{padding:1.5rem}}@media (max-width:576px){.certificate-verify-container{margin-top:60px;padding:0 1rem}.verify-title{font-size:2rem}.verify-subtitle{font-size:1.1rem}.section-card{padding:1.5rem}.verification-method-title{font-size:1.4rem}.file-upload-container{padding:2rem 1rem}.certificate-type-label{font-size:1.2rem}.success-message h3{font-size:1.5rem}.modal-header{padding:1.25rem 1.5rem}.modal-content{padding:1rem}}:root{--pdcert-primary-color:#7c3aed;--pdcert-primary-light:#a78bfa;--pdcert-primary-dark:#5b21b6;--pdcert-secondary-color:#9147ff;--pdcert-secondary-dark:#6a32c9;--pdcert-valid-color:#10b981;--pdcert-valid-bg:#10b9811f;--pdcert-valid-border:#10b98140;--pdcert-invalid-color:#ef4444;--pdcert-invalid-bg:#ef44441f;--pdcert-invalid-border:#ef444440;--pdcert-revoked-color:#ef4444;--pdcert-revoked-bg:#ef44441f;--pdcert-revoked-border:#ef444440;--pdcert-copy-success:#10b981;--pdcert-light-bg:#f8f9fa;--pdcert-light-card-bg:#fff;--pdcert-light-input-bg:#f1f5f9;--pdcert-light-text:#1e293b;--pdcert-light-text-secondary:#64748b;--pdcert-light-border:#e2e8f0;--pdcert-light-hover:#f1f5f9;--pdcert-light-active:#e2e8f0;--pdcert-light-shadow:0 4px 12px #0000000d;--pdcert-light-highlight-bg:#f0f9ff;--pdcert-dark-bg:#0f172a;--pdcert-dark-card-bg:#1e1e2e;--pdcert-dark-input-bg:#334155;--pdcert-dark-text:#f1f5f9;--pdcert-dark-text-secondary:#94a3b8;--pdcert-dark-border:#2d2d35;--pdcert-dark-hover:#334155;--pdcert-dark-active:#475569;--pdcert-dark-shadow:0 4px 12px #00000040;--pdcert-dark-highlight-bg:#212438;--pdcert-border-radius-sm:0.375rem;--pdcert-border-radius-md:0.75rem;--pdcert-border-radius-lg:1rem;--pdcert-border-radius-xl:1.5rem;--pdcert-border-radius-full:9999px;--pdcert-transition-fast:150ms ease;--pdcert-transition-normal:250ms ease;--pdcert-transition-slow:350ms ease;--pdcert-animation-duration:0.5s}.certificate-verification-wrapper{background-color:#0f172a;background-color:var(--pdcert-dark-bg);color:#f1f5f9;color:var(--pdcert-dark-text);margin:0;min-height:100vh;padding:0;transition:background-color .25s ease,color .25s ease;transition:background-color var(--pdcert-transition-normal),color var(--pdcert-transition-normal)}.certificate-verification-wrapper.light-mode{background-color:#f8f9fa;background-color:var(--pdcert-light-bg);color:#1e293b;color:var(--pdcert-light-text)}.certificate-verification-wrapper .verification-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:780px;min-height:100vh;padding:6rem 1.5rem 3rem;width:100%}.certificate-verification-wrapper .status-banner{align-items:center;animation:pdcert-fadeIn .5s ease-out;animation:pdcert-fadeIn var(--pdcert-animation-duration) ease-out;border-radius:9999px;border-radius:var(--pdcert-border-radius-full);box-shadow:0 2px 8px #00000026;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;max-width:700px;padding:.75rem 1rem;width:100%}.certificate-verification-wrapper .status-banner.valid{background-color:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--pdcert-valid-color)}.certificate-verification-wrapper .status-banner.invalid{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--pdcert-invalid-color)}.certificate-verification-wrapper .status-banner.revoked{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--pdcert-revoked-color)}.certificate-verification-wrapper.light-mode .status-banner{box-shadow:0 2px 8px #0000000d}.certificate-verification-wrapper.light-mode .status-banner.valid{background-color:#10b9811f;background-color:var(--pdcert-valid-bg);border-color:#10b98140;border-color:var(--pdcert-valid-border)}.certificate-verification-wrapper.light-mode .status-banner.invalid{background-color:#ef44441f;background-color:var(--pdcert-invalid-bg);border-color:#ef444440;border-color:var(--pdcert-invalid-border)}.certificate-verification-wrapper.light-mode .status-banner.revoked{background-color:#ef44441f;background-color:var(--pdcert-revoked-bg);border-color:#ef444440;border-color:var(--pdcert-revoked-border)}.certificate-verification-wrapper .cert-type-banner{align-items:center;animation:pdcert-fadeIn .5s ease-out;animation:pdcert-fadeIn var(--pdcert-animation-duration) ease-out;background:linear-gradient(135deg,#7c3aed,#9147ff);background:linear-gradient(135deg,var(--pdcert-primary-color),var(--pdcert-secondary-color));border-radius:1rem;border-radius:var(--pdcert-border-radius-lg);box-shadow:0 4px 16px #0000001a;color:#fff;display:flex;gap:.75rem;margin-bottom:1.25rem;max-width:700px;overflow:hidden;padding:1.25rem;position:relative;width:100%}.certificate-verification-wrapper .cert-type-banner:after{background:radial-gradient(circle at top right,#fff3,#0000 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.certificate-verification-wrapper .cert-type-icon-container{align-items:center;background-color:#fff3;border-radius:.375rem;border-radius:var(--pdcert-border-radius-sm);box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;padding:.5rem}.certificate-verification-wrapper .cert-type-name{flex:1 1;font-size:1.25rem;font-weight:600;text-transform:capitalize}.certificate-verification-wrapper .cert-id-display{align-items:center;background-color:#fff3;border-radius:9999px;border-radius:var(--pdcert-border-radius-full);display:inline-flex;font-size:.9rem;margin-right:.5rem;padding:.5rem 1rem}.certificate-verification-wrapper .certificate-details-container{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;max-width:700px;width:100%}.certificate-verification-wrapper .certificate-details-card{animation:pdcert-fadeIn .5s ease-out;animation:pdcert-fadeIn var(--pdcert-animation-duration) ease-out;background-color:#1e1e2e;background-color:var(--pdcert-dark-card-bg);border:1px solid #2d2d35;border-left:4px solid #7c3aed;border:1px solid var(--pdcert-dark-border);border-left:4px solid var(--pdcert-primary-color);border-radius:1rem;border-radius:var(--pdcert-border-radius-lg);box-shadow:0 4px 12px #00000040;box-shadow:var(--pdcert-dark-shadow);margin-bottom:1.25rem;max-width:700px;overflow:hidden;transition:all .25s ease;transition:all var(--pdcert-transition-normal);width:100%}.certificate-verification-wrapper.light-mode .certificate-details-card{background-color:#fff;background-color:var(--pdcert-light-card-bg);border-color:#e2e8f0;border-color:var(--pdcert-light-border);border-left:4px solid #7c3aed;border-left:4px solid var(--pdcert-primary-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--pdcert-light-shadow)}.certificate-verification-wrapper .certificate-details-card.revoked-card,.certificate-verification-wrapper.light-mode .certificate-details-card.revoked-card{border-left:4px solid #ef4444;border-left:4px solid var(--pdcert-revoked-color)}.certificate-verification-wrapper .certificate-details-card:last-child{margin-bottom:0}.certificate-verification-wrapper .certificate-details-card:hover{box-shadow:0 6px 18px #00000040;transform:translateY(-2px)}.certificate-verification-wrapper.light-mode .certificate-details-card:hover{box-shadow:0 6px 18px #00000014}.certificate-verification-wrapper .panel-section{border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--pdcert-dark-border);padding:1.25rem}.certificate-verification-wrapper.light-mode .panel-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pdcert-light-border)}.certificate-verification-wrapper .panel-section:last-child{border-bottom:none}.certificate-verification-wrapper .section-title{align-items:center;color:#a78bfa;color:var(--pdcert-primary-light);display:flex;font-size:1.15rem;font-weight:600;gap:.5rem;margin:0 0 1rem;text-align:left}.certificate-verification-wrapper.light-mode .section-title{color:#7c3aed;color:var(--pdcert-primary-color)}.certificate-verification-wrapper .section-title.revocation-title,.certificate-verification-wrapper.light-mode .section-title.revocation-title{color:#ef4444;color:var(--pdcert-revoked-color)}.certificate-verification-wrapper .section-icon{color:#a78bfa;color:var(--pdcert-primary-light);flex-shrink:0}.certificate-verification-wrapper.light-mode .section-icon{color:#7c3aed;color:var(--pdcert-primary-color)}.certificate-verification-wrapper .section-title.revocation-title .section-icon,.certificate-verification-wrapper.light-mode .section-title.revocation-title .section-icon{color:#ef4444;color:var(--pdcert-revoked-color)}.certificate-verification-wrapper .info-grid{grid-row-gap:.85rem;grid-column-gap:1rem;align-items:center;column-gap:1rem;display:grid;grid-template-columns:minmax(113px,auto) 1fr;row-gap:.85rem}.certificate-verification-wrapper .info-label{color:#94a3b8;color:var(--pdcert-dark-text-secondary);font-weight:600;padding:.35rem 0}.certificate-verification-wrapper.light-mode .info-label{color:#64748b;color:var(--pdcert-light-text-secondary)}.certificate-verification-wrapper .info-value{color:#f1f5f9;color:var(--pdcert-dark-text);padding:.5rem 0;word-break:break-word}.certificate-verification-wrapper.light-mode .info-value{color:#1e293b;color:var(--pdcert-light-text)}.certificate-verification-wrapper .highlight-value{align-items:center;color:#a78bfa;color:var(--pdcert-primary-light);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.certificate-verification-wrapper.light-mode .highlight-value{color:#7c3aed;color:var(--pdcert-primary-color)}.certificate-verification-wrapper .truncate-value{display:inline-block;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-verification-wrapper .capitalize-value{text-transform:capitalize}.certificate-verification-wrapper .revocation-reason-panel{background-color:#ef44441f;background-color:var(--pdcert-revoked-bg);border-left:4px solid #ef4444;border-left:4px solid var(--pdcert-revoked-color);border-radius:.75rem;border-radius:var(--pdcert-border-radius-md);padding:1.25rem}.certificate-verification-wrapper .revocation-reason-panel p{color:#f1f5f9;color:var(--pdcert-dark-text);line-height:1.5;margin:0}.certificate-verification-wrapper.light-mode .revocation-reason-panel p{color:#1e293b;color:var(--pdcert-light-text)}.certificate-verification-wrapper .hash-value,.certificate-verification-wrapper .ipfs-cid,.certificate-verification-wrapper .public-key,.certificate-verification-wrapper .transaction-hash{align-items:center;background-color:#334155;background-color:var(--pdcert-dark-input-bg);border:1px solid #2d2d35;border:1px solid var(--pdcert-dark-border);border-radius:.75rem;border-radius:var(--pdcert-border-radius-md);display:flex;font-family:monospace;font-size:.85rem;justify-content:space-between;padding:.5rem .75rem}.certificate-verification-wrapper.light-mode .hash-value,.certificate-verification-wrapper.light-mode .ipfs-cid,.certificate-verification-wrapper.light-mode .public-key,.certificate-verification-wrapper.light-mode .transaction-hash{background-color:#f1f5f9;background-color:var(--pdcert-light-input-bg);border-color:#e2e8f0;border-color:var(--pdcert-light-border)}.certificate-verification-wrapper .transaction-hash{background-color:#9147ff1a;border-color:#9147ff4d}.certificate-verification-wrapper.light-mode .transaction-hash{background-color:#9147ff0d;border-color:#9147ff33}.certificate-verification-wrapper .copy-button,.certificate-verification-wrapper .view-link{align-items:center;background-color:initial;border:none;border-radius:4px;color:#94a3b8;color:var(--pdcert-dark-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.35rem;position:relative;transition:all .2s ease}.certificate-verification-wrapper.light-mode .copy-button,.certificate-verification-wrapper.light-mode .view-link{color:#64748b;color:var(--pdcert-light-text-secondary)}.certificate-verification-wrapper .copy-button:hover,.certificate-verification-wrapper .view-link:hover{background-color:#7c3aed33;color:#a78bfa;color:var(--pdcert-primary-light)}.certificate-verification-wrapper.light-mode .copy-button:hover,.certificate-verification-wrapper.light-mode .view-link:hover{background-color:#7c3aed1a;color:#7c3aed;color:var(--pdcert-primary-color)}.certificate-verification-wrapper .copy-button.copy-success{color:#10b981;color:var(--pdcert-copy-success)}.certificate-verification-wrapper .copy-tooltip{background-color:#fff3;border-radius:4px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap;z-index:10}.certificate-verification-wrapper.light-mode .copy-tooltip{background-color:#000000b3}.certificate-verification-wrapper .copy-button.copy-success .copy-tooltip,.certificate-verification-wrapper .copy-button:hover .copy-tooltip{opacity:1}.certificate-verification-wrapper .action-buttons{display:flex;gap:.25rem}.certificate-verification-wrapper .verification-card{animation:pdcert-fadeIn .5s ease-out;animation:pdcert-fadeIn var(--pdcert-animation-duration) ease-out;background-color:#1e1e2e;background-color:var(--pdcert-dark-card-bg);border:1px solid #2d2d35;border-left:4px solid #ef4444;border:1px solid var(--pdcert-dark-border);border-left:4px solid var(--pdcert-invalid-color);border-radius:1rem;border-radius:var(--pdcert-border-radius-lg);box-shadow:0 4px 12px #00000040;box-shadow:var(--pdcert-dark-shadow);margin-bottom:1.5rem;max-width:700px;overflow:hidden;transition:all .25s ease;transition:all var(--pdcert-transition-normal);width:100%}.certificate-verification-wrapper.light-mode .verification-card{background-color:#fff;background-color:var(--pdcert-light-card-bg);border-color:#e2e8f0;border-color:var(--pdcert-light-border);border-left:4px solid #ef4444;border-left:4px solid var(--pdcert-invalid-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--pdcert-light-shadow)}.certificate-verification-wrapper .verification-card:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.certificate-verification-wrapper.light-mode .verification-card:hover{box-shadow:0 8px 24px #00000014}.certificate-verification-wrapper .card-header{align-items:center;border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--pdcert-dark-border);display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center}.certificate-verification-wrapper.light-mode .card-header{border-color:#e2e8f0;border-color:var(--pdcert-light-border)}.certificate-verification-wrapper .revoked-header{background-color:#ef444414}.certificate-verification-wrapper.light-mode .revoked-header{background-color:#ef44440d}.certificate-verification-wrapper .status-icon{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.certificate-verification-wrapper .error-icon,.certificate-verification-wrapper .not-found-icon{background-color:#ef44441f;background-color:var(--pdcert-invalid-bg);color:#ef4444;color:var(--pdcert-invalid-color)}.certificate-verification-wrapper .revoked-icon{background-color:#ef44441f;background-color:var(--pdcert-revoked-bg);color:#ef4444;color:var(--pdcert-revoked-color)}.certificate-verification-wrapper .card-header h2{color:#f1f5f9;color:var(--pdcert-dark-text);font-size:1.75rem;font-weight:600;margin:0}.certificate-verification-wrapper.light-mode .card-header h2{color:#1e293b;color:var(--pdcert-light-text)}.certificate-verification-wrapper .card-header p{color:#94a3b8;color:var(--pdcert-dark-text-secondary);font-size:1.1rem;margin:0;max-width:80%}.certificate-verification-wrapper.light-mode .card-header p{color:#64748b;color:var(--pdcert-light-text-secondary)}.certificate-verification-wrapper .card-content{padding:1.5rem}.certificate-verification-wrapper .card-footer{border-top:1px solid #2d2d35;border-top:1px solid var(--pdcert-dark-border);display:flex;justify-content:center;padding:1.5rem}.certificate-verification-wrapper.light-mode .card-footer{border-color:#e2e8f0;border-color:var(--pdcert-light-border)}.certificate-verification-wrapper .error-message{color:#ef4444;color:var(--pdcert-invalid-color);margin-bottom:1.5rem;padding:1rem}.certificate-verification-wrapper .error-container,.certificate-verification-wrapper .error-message{background-color:#ef44441f;background-color:var(--pdcert-invalid-bg);border-left:4px solid #ef4444;border-left:4px solid var(--pdcert-invalid-color);border-radius:.75rem;border-radius:var(--pdcert-border-radius-md)}.certificate-verification-wrapper .error-container{margin-top:1rem;padding:1.25rem}.certificate-verification-wrapper .error-container h4{color:#ef4444;color:var(--pdcert-invalid-color);font-weight:600;margin:0 0 .75rem}.certificate-verification-wrapper .error-container p{color:#f1f5f9;color:var(--pdcert-dark-text);margin:0}.certificate-verification-wrapper.light-mode .error-container p{color:#1e293b;color:var(--pdcert-light-text)}.certificate-verification-wrapper .suggestion{color:#94a3b8;color:var(--pdcert-dark-text-secondary);font-style:italic;margin-top:.75rem}.certificate-verification-wrapper.light-mode .suggestion{color:#64748b;color:var(--pdcert-light-text-secondary)}.certificate-verification-wrapper .invalid-message{color:#ef4444;color:var(--pdcert-invalid-color);font-weight:500;margin-bottom:1rem}.certificate-verification-wrapper .verification-footer{animation:pdcert-fadeIn .5s ease-out;animation:pdcert-fadeIn var(--pdcert-animation-duration) ease-out;display:flex;justify-content:center;margin-top:1.5rem;padding:1rem 0;width:100%}.certificate-verification-wrapper .btn-primary{align-items:center;background:linear-gradient(135deg,#7c3aed,#9147ff);background:linear-gradient(135deg,var(--pdcert-primary-color),var(--pdcert-secondary-color));border:none;border-radius:9999px;border-radius:var(--pdcert-border-radius-full);box-shadow:0 4px 12px #7c3aed40;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .15s ease;transition:all var(--pdcert-transition-fast)}.certificate-verification-wrapper .btn-primary:hover{box-shadow:0 6px 16px #7c3aed59;transform:translateY(-2px)}.certificate-verification-wrapper .btn-primary:active{transform:translateY(0)}.certificate-verification-wrapper .icon-btn{align-items:center;background-color:#fff3;border:none;border-radius:.375rem;border-radius:var(--pdcert-border-radius-sm);color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:relative;transition:all .15s ease;transition:all var(--pdcert-transition-fast);width:28px}.certificate-verification-wrapper .icon-btn:hover{background-color:#ffffff4d}.certificate-verification-wrapper .tooltip{animation:pdcert-fadeIn .2s ease-out;background-color:#fff3;border-radius:.375rem;border-radius:var(--pdcert-border-radius-sm);color:#fff;font-size:.75rem;left:50%;padding:.25rem .5rem;pointer-events:none;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap;z-index:10}.certificate-verification-wrapper.light-mode .tooltip{background-color:#000000bf}.certificate-verification-wrapper button:disabled{cursor:not-allowed;opacity:.6}.certificate-verification-wrapper button:disabled:hover{box-shadow:none;transform:none}@keyframes pdcert-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pdcert-pulseHighlight{0%{box-shadow:0 0 0 0 #9147ff66}70%{box-shadow:0 0 0 6px #9147ff00}to{box-shadow:0 0 0 0 #9147ff00}}@media (max-width:768px){.certificate-verification-wrapper .verification-container{padding-top:5rem}.certificate-verification-wrapper .cert-type-banner{flex-wrap:wrap;padding:1.25rem}.certificate-verification-wrapper .cert-type-icon-container{margin-bottom:.5rem}.certificate-verification-wrapper .cert-type-name{margin-bottom:.5rem;width:100%}.certificate-verification-wrapper .cert-id-display{flex:1 1}.certificate-verification-wrapper .info-grid{grid-template-columns:1fr}.certificate-verification-wrapper .card-header h2{font-size:1.5rem}.certificate-verification-wrapper .card-header p{max-width:100%}.certificate-verification-wrapper .status-icon{height:45px;width:45px}}@media (max-width:480px){.certificate-verification-wrapper .verification-container{padding:5rem .5rem 3rem}.certificate-verification-wrapper .status-banner{font-size:.9rem;padding:.6rem 1rem}.certificate-verification-wrapper .cert-type-banner{padding:1rem}.certificate-verification-wrapper .cert-type-name{font-size:1.1rem}.certificate-verification-wrapper .panel-section{padding:1rem}.certificate-verification-wrapper .section-title{font-size:1rem}.certificate-verification-wrapper .hash-value,.certificate-verification-wrapper .ipfs-cid,.certificate-verification-wrapper .public-key,.certificate-verification-wrapper .transaction-hash{font-size:.8rem;padding:.5rem}.certificate-verification-wrapper .card-header{padding:1.5rem 1rem}.certificate-verification-wrapper .card-content,.certificate-verification-wrapper .card-footer{padding:1rem}.certificate-verification-wrapper .btn-primary{font-size:.9rem;padding:.6rem 1.25rem}}:root{--primary-color:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--card-dark-bg:#1e1e2e;--card-dark-bg-alt:#232336;--border-light:#e0e0e0;--card-shadow-light:0 4px 12px #0000000d;--card-shadow-dark:0 4px 12px #0003;--success-color:#10b981;--success-light:#10b98133;--error-color:#f43f5e;--warning-color:#f43f5e;--warning-light:#f59e0b33;--danger-color:#ef4444;--danger-light:#ef444426;--animation-duration:0.4s;--form-bg-dark:#232336;--label-color-dark:#fff;--label-color-light:#212529;--input-text-dark:#fff;--input-text-light:#212529;--input-bg-dark:#ffffff14;--input-bg-light:#f8f9fa;--input-focus-bg-dark:#ffffff1f}.certificate-revoke-container{color:#e9ecef;color:var(--text-dark);margin:0 auto;max-width:780px;padding:90px 2rem 40px;position:relative}.certificate-revoke-header{margin-bottom:2rem;text-align:center}.certificate-revoke-header h1{-webkit-text-fill-color:#0000;animation:fadeInDown .8s forwards;background:linear-gradient(90deg,#7c3aed,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.revoke-description{animation:fadeInUp .6s .2s forwards;color:#e9ecef;color:var(--text-dark);font-size:1rem;line-height:1.5;margin:0 auto;max-width:600px}.certificate-revoke-container .certificate-form{display:flex;flex-direction:column;gap:1.25rem}.certificate-revoke-container .form-section{background-color:#1e1e2e;background-color:var(--card-dark-bg);border:1px solid #2d2d35;border-left:4px solid #7c3aed;border:1px solid var(--border-dark);border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);margin-bottom:1.25rem;opacity:0;padding:1.75rem;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.certificate-revoke-container .form-section.visible{opacity:1;transform:translateY(0)}.certificate-revoke-container .notice-section{background-color:#f59e0b0d;border-left:4px solid #f43f5e;border-left:4px solid var(--warning-color)}.certificate-revoke-container .section-title{align-items:center;border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--border-dark);color:#a78bfa;color:var(--primary-light);display:flex;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem;text-align:left}.certificate-revoke-container .notice-section .section-title{color:#f43f5e;color:var(--warning-color)}.certificate-revoke-container .section-icon{align-items:center;color:inherit;display:flex;justify-content:center;margin-right:.75rem}.certificate-revoke-container .notice-text{color:red;font-size:.95rem;line-height:1.6;margin:0}.certificate-revoke-container .form-group{margin-bottom:1.5rem;padding:0 .5rem}.certificate-revoke-container .form-group:last-child{margin-bottom:.5rem}.certificate-revoke-container .form-label{align-items:center;color:#fff;color:var(--label-color-dark);display:flex;font-size:1rem;font-weight:600;margin-bottom:.75rem;text-align:left}.certificate-revoke-container .label-text{color:#fff;color:var(--label-color-dark)}.certificate-revoke-container .form-input,.certificate-revoke-container .revocation-textarea{background-color:#ffffff14;background-color:var(--input-bg-dark);border:1px solid #2d2d35;border:1px solid var(--border-dark);border-radius:6px;color:#fff;color:var(--input-text-dark);font-family:inherit;font-size:.95rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.certificate-revoke-container .form-input:focus,.certificate-revoke-container .revocation-textarea:focus{background-color:#ffffff1f;background-color:var(--input-focus-bg-dark);border-color:#7c3aed;border-color:var(--primary-color);box-shadow:0 0 0 2px #7c3aed33;outline:none}.certificate-revoke-container .form-input::placeholder,.certificate-revoke-container .revocation-textarea::placeholder{color:#fff9}.certificate-revoke-container .helper-text{color:#a78bfa;color:var(--primary-light);font-size:.85rem;margin-top:.5rem;opacity:1}.certificate-revoke-container .revocation-textarea{min-height:100px;resize:vertical}.certificate-revoke-container .input-actions-row{display:flex;flex-direction:column;gap:1rem}.certificate-revoke-container .input-actions{display:flex;gap:.5rem}.certificate-revoke-container .input-actions button{font-size:.875rem;min-width:120px;padding:.5rem 1rem}@media (min-width:768px){.certificate-revoke-container .input-actions-row{flex-direction:row}.certificate-revoke-container .input-actions button{padding:.4rem .8rem}}.certificate-revoke-container .action-button{align-items:center;display:flex;gap:.5rem;justify-content:center;white-space:nowrap}.certificate-revoke-container .certificate-info-container{background-color:#2c7be51a;border-left:3px solid #6a32c9;border-radius:8px;margin-top:1rem;padding:1.25rem}.certificate-revoke-container .certificate-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.certificate-revoke-container .certificate-info-header h4{color:#6a32c9;font-size:1rem;margin:0}.certificate-revoke-container .verified-badge{align-items:center;background-color:#10b9811a;border:1px solid #10b98133;border-radius:16px;color:#10b981;color:var(--success-color);display:flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.certificate-revoke-container .certificate-info-grid{grid-gap:.75rem;display:grid;gap:.75rem}.certificate-revoke-container .info-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:100px 1fr}.certificate-revoke-container .info-label{color:#a0a0a7;color:var(--text-muted-dark);font-weight:600}.certificate-revoke-container .info-value{color:#e9ecef;color:var(--text-dark);word-break:break-word}.certificate-revoke-container .info-value.capitalize{text-transform:capitalize}.certificate-revoke-container .error-message{align-items:center;background-color:#ef444426;background-color:var(--danger-light);border-left:4px solid #f43f5e;border-left:4px solid var(--error-color);border-radius:6px;color:#f43f5e;color:var(--error-color);display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.certificate-revoke-container .form-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;margin-top:2rem}.certificate-revoke-container .cancel-button,.certificate-revoke-container .revoke-button{align-items:center;border-radius:50px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:160px;padding:.85rem 1.75rem;text-align:center;transition:all .3s ease}.certificate-revoke-container .revoke-button{background-color:#ef4444;background-color:var(--danger-color);border:none;color:#fff}.certificate-revoke-container .revoke-button:hover:not(:disabled){box-shadow:0 8px 15px #0003;transform:translateY(-3px)}.certificate-revoke-container .cancel-button{background-color:initial;border:2px solid #a78bfa;border:2px solid var(--primary-light);color:#a78bfa;color:var(--primary-light)}.certificate-revoke-container .cancel-button:hover{background-color:#7c3aed1a;box-shadow:0 8px 15px #0000001a;transform:translateY(-3px)}.certificate-revoke-container .button-icon{margin-right:.25rem}.certificate-revoke-container .success-container{animation:fadeIn .8s forwards;background-color:#1e1e2e;background-color:var(--card-dark-bg);border:1px solid #2d2d35;border-left:5px solid #10b981;border:1px solid var(--border-dark);border-left:5px solid var(--success-color);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);padding:2.5rem;text-align:center}.certificate-revoke-container .success-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.certificate-revoke-container .success-icon{align-items:center;background:#10b98133;background:var(--success-light);border-radius:50%;color:#10b981;color:var(--success-color);display:flex;height:60px;justify-content:center;margin-right:1.25rem;width:60px}.certificate-revoke-container .success-container h3{color:#10b981;color:var(--success-color);font-size:1.75rem;font-weight:600}.certificate-revoke-container .success-container p{color:#e9ecef;color:var(--text-dark);font-size:1rem;margin:0 auto 1.5rem;max-width:500px}.certificate-revoke-container .revoke-transaction-info{margin:1.5rem auto;max-width:500px;text-align:left}.certificate-revoke-container .revoke-transaction-info p{color:#e9ecef;color:var(--text-dark);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.certificate-revoke-container .revoke-transaction-hash{background-color:#7c3aed1a;border:1px solid #7c3aed33;border-radius:6px;color:#e9ecef;color:var(--text-dark);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem;margin-bottom:1.5rem;padding:.75rem 1rem;word-break:break-all}.certificate-revoke-container .certificate-revoke-hero{background:#1e1e2e;background:var(--card-dark-bg);border:1px solid #2d2d35;border-left:5px solid #7c3aed;border:1px solid var(--border-dark);border-left:5px solid var(--primary-color);border-radius:10px;box-shadow:0 4px 12px #0003;box-shadow:var(--card-shadow-dark);margin-bottom:2.5rem;padding:4.5rem 2rem;text-align:center}.certificate-revoke-container .certificate-revoke-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c3aed,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1.25rem}.certificate-revoke-container .certificate-revoke-hero p{color:#e9ecef;color:var(--text-dark);font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}body.light-mode .certificate-revoke-container,body.light-mode .certificate-revoke-container .revoke-description{color:#212529;color:var(--text-light)}body.light-mode .certificate-revoke-container .form-section{background-color:#fff;background-color:var(--card-light-bg);border:1px solid #e0e0e0;border-left:4px solid #7c3aed;border:1px solid var(--border-light);border-left:4px solid var(--primary-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light)}body.light-mode .certificate-revoke-container .notice-section{background-color:#f59e0b0d;border-left:4px solid #f43f5e;border-left:4px solid var(--warning-color)}body.light-mode .certificate-revoke-container .section-title{border-bottom-color:#e0e0e0;border-bottom-color:var(--border-light);color:#7c3aed;color:var(--primary-color)}body.light-mode .certificate-revoke-container .notice-section .section-title{color:#f43f5e;color:var(--warning-color)}body.light-mode .certificate-revoke-container .notice-text{color:#212529;color:var(--text-light)}body.light-mode .certificate-revoke-container .form-label,body.light-mode .certificate-revoke-container .label-text{color:#212529;color:var(--label-color-light)}body.light-mode .certificate-revoke-container .form-input,body.light-mode .certificate-revoke-container .revocation-textarea{background-color:#f8f9fa;background-color:var(--input-bg-light);border-color:#e0e0e0;border-color:var(--border-light);color:#212529;color:var(--input-text-light)}body.light-mode .certificate-revoke-container .form-input::placeholder,body.light-mode .certificate-revoke-container .revocation-textarea::placeholder{color:#0006}body.light-mode .certificate-revoke-container .helper-text{color:#5b21b6;color:var(--primary-dark)}body.light-mode .certificate-revoke-container .certificate-info-container{background-color:#2c7be50d;border-color:#2c7be5}body.light-mode .certificate-revoke-container .certificate-info-header h4{color:#1a68d1}body.light-mode .certificate-revoke-container .info-label{color:#6c757d;color:var(--text-muted-light)}body.light-mode .certificate-revoke-container .info-value{color:#212529;color:var(--text-light)}body.light-mode .certificate-revoke-container .cancel-button{border-color:#5b21b6;border-color:var(--primary-dark);color:#5b21b6;color:var(--primary-dark)}body.light-mode .certificate-revoke-container .success-container{background-color:#fff;background-color:var(--card-light-bg);border:1px solid #e0e0e0;border-left:5px solid #10b981;border:1px solid var(--border-light);border-left:5px solid var(--success-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light)}body.light-mode .certificate-revoke-container .revoke-transaction-info p,body.light-mode .certificate-revoke-container .success-container p{color:#212529;color:var(--text-light)}body.light-mode .certificate-revoke-container .revoke-transaction-hash{background-color:#7c3aed0d;color:#212529;color:var(--text-light)}body.light-mode .certificate-revoke-container .certificate-revoke-hero{background-color:#fff;background-color:var(--card-light-bg);border:1px solid #e0e0e0;border-left:5px solid #7c3aed;border:1px solid var(--border-light);border-left:5px solid var(--primary-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--card-shadow-light)}body.light-mode .certificate-revoke-container .certificate-revoke-hero p{color:#212529;color:var(--text-light)}@media (max-width:768px){.certificate-revoke-container{padding:80px 1.5rem 40px}.certificate-revoke-container .certificate-revoke-header h1{font-size:2rem}.certificate-revoke-container .form-actions{align-items:center;flex-direction:column}.certificate-revoke-container .cancel-button,.certificate-revoke-container .revoke-button{width:100%}.certificate-revoke-container .info-row{grid-template-columns:1fr}.certificate-revoke-container .info-label{margin-bottom:.25rem}}@media (max-width:576px){.certificate-revoke-container .certificate-revoke-header h1{font-size:1.75rem}.certificate-revoke-container .revoke-description{font-size:.95rem}.certificate-revoke-container .section-title{font-size:1.1rem}.certificate-revoke-container .form-section{padding:1.25rem}.certificate-revoke-container .success-container{padding:1.75rem}}.modal-overlay{align-items:center;animation:fade-in .2s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-index-modal)}.modal-container{animation:scale-in .2s ease;background-color:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:85vh;position:relative;width:100%}.dark-mode .modal-container{background-color:var(--dark-background-primary)}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-4)}.modal-title{color:var(--primary-color);margin:0}.modal-close,.modal-title{font-size:var(--font-size-lg)}.modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-1);transition:color var(--transition-fast)}.modal-close:hover{color:var(--error-color)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-2);justify-content:flex-end;padding:var(--spacing-4)}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-container{max-height:80vh;width:90%}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:none}}@media (max-width:480px){.modal-container{border-radius:var(--border-radius-md);height:90vh;max-height:90vh;width:95%}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.certificate-qr-container{flex-direction:column;max-width:100%}.certificate-qr-container,.qr-code-wrapper{align-items:center;display:flex;padding:1rem}.qr-code-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}.qr-actions,.qr-code-wrapper{justify-content:center;margin-bottom:1rem}.qr-actions{display:flex;margin-top:.5rem}.qr-certificate-info{background-color:#00000008;border-radius:8px;font-size:.9rem;margin-bottom:1rem;padding:1rem;width:100%}.qr-certificate-info p{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin:.5rem 0;padding-bottom:.5rem}.qr-certificate-info p:last-child{border-bottom:none}.cert-id,.cert-status{font-weight:600}.cert-status.valid{color:#10b981}.cert-status.revoked{color:#ef4444}.qr-instructions{color:#6b7280;font-size:.9rem;margin-top:.5rem;text-align:center}.verify-url{font-size:.8rem;margin-top:.5rem;word-break:break-all}.verify-url a{color:#3b82f6;text-decoration:none}.verify-url a:hover{text-decoration:underline}@media (max-width:640px){.qr-certificate-info{font-size:.8rem}.qr-certificate-info p{flex-direction:column;gap:.25rem}}.certificate-id-panel{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between}.certificate-id-panel .certificate-qr-container{border-left:1px solid #0000001a;margin-left:1rem;padding:0 0 0 1.5rem}.certificate-id-panel .qr-code-wrapper{margin-bottom:.5rem}.certificate-id-panel .qr-instructions{font-size:.8rem;text-align:center;width:200px}.certificate-id-details{flex:1 1;min-width:300px}@media (max-width:768px){.certificate-id-panel{flex-direction:column}.certificate-id-panel .certificate-qr-container{align-items:center;border-left:none;border-top:1px solid #0000001a;display:flex;flex-direction:column;margin-left:0;margin-top:1rem;padding-left:0;padding-top:1.5rem;width:100%}}:root{--gradient-start:#9147ff;--gradient-end:#9b5de5;--valid-color:#10b981;--valid-bg:#10b9811a;--valid-border:#10b98133;--revoked-color:#ef4444;--revoked-bg:#ef44441a;--revoked-border:#ef444433;--copy-success:#10b981;--light-card-bg:#fff;--light-text:#212529;--light-text-secondary:#6c757d;--light-border:#e9ecef;--light-hover:#f3f4f6;--light-shadow:0 4px 15px #0000000d;--light-highlight-bg:#f0f9ff;--dark-card-bg:#232327;--dark-text:#e9ecef;--dark-text-secondary:#a0a0a7;--dark-border:#2d2d35;--dark-hover:#2a2a30;--dark-shadow:0 4px 15px #00000040;--dark-highlight-bg:#212438}.certificate-details-container{background-color:#f8f9fa;background-color:var(--light-bg);border-radius:12px;margin:0 auto;max-width:1200px;padding:1.5rem;transition:all .3s ease}.dark-mode .certificate-details-container{background-color:#18181b;background-color:var(--dark-bg)}.certificate-details-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--light-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.dark-mode .certificate-details-header{border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--dark-border)}.header-content{align-items:center;display:flex;gap:1rem}.certificate-details-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9147ff,#9b5de5);background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#212529;color:var(--light-text);font-size:1.8rem;font-weight:700;margin:0}.dark-mode .certificate-details-header h2{color:#e9ecef;color:var(--dark-text)}.certificate-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:1.2rem;font-weight:600;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.certificate-status.valid{background-color:#10b9811a;background-color:var(--valid-bg);border:1px solid #10b98133;border:1px solid var(--valid-border);color:#10b981;color:var(--valid-color)}.certificate-status.revoked{background-color:#ef44441a;background-color:var(--revoked-bg);border:1px solid #ef444433;border:1px solid var(--revoked-border);color:#ef4444;color:var(--revoked-color)}.certificate-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button-icon{margin-right:6px}.certificate-main-content{margin-bottom:1.5rem}.certificate-details-content{display:flex;gap:1.25rem}.certificate-main-panel{background-color:#fff;background-color:var(--light-card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;box-shadow:var(--light-shadow);flex:1 1;overflow:hidden}.dark-mode .certificate-main-panel{background-color:#232327;background-color:var(--dark-card-bg);box-shadow:0 4px 15px #00000040;box-shadow:var(--dark-shadow)}.qr-section{flex:0 0 180px}.qr-container{align-items:center;background-color:#fff;background-color:var(--light-card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;box-shadow:var(--light-shadow);display:flex;justify-content:center;padding:1rem;position:-webkit-sticky;position:sticky;top:1.5rem;transition:all .3s ease}.dark-mode .qr-container{background-color:#232327;background-color:var(--dark-card-bg);box-shadow:0 4px 15px #00000040;box-shadow:var(--dark-shadow)}.qr-container:hover{box-shadow:0 6px 18px #00000014;transform:scale(1.02)}.dark-mode .qr-container:hover{box-shadow:0 6px 18px #0000004d}.panel-section{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--light-border);padding:1.25rem}.dark-mode .panel-section{border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--dark-border)}.panel-section:last-child{border-bottom:none}.panel-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9147ff,#9b5de5);background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:#212529;color:var(--light-text);display:inline-block;font-size:1.15rem;margin:0 0 1rem}.dark-mode .panel-section h3{color:#e9ecef;color:var(--dark-text)}.info-grid{grid-row-gap:.85rem;grid-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:minmax(140px,30%) 1fr;row-gap:.85rem}.info-label{color:#6c757d;color:var(--light-text-secondary);font-weight:600;padding:.35rem 0}.dark-mode .info-label{color:#a0a0a7;color:var(--dark-text-secondary)}.info-value{color:#212529;color:var(--light-text);padding:.35rem 0;word-break:break-word}.dark-mode .info-value{color:#e9ecef;color:var(--dark-text)}.highlight-value{align-items:center;color:#9147ff;color:var(--secondary-color);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.dark-mode .highlight-value{color:#a17eff}.truncate-value{display:inline-block;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capitalize-value{text-transform:capitalize}.revocation-reason{color:#ef4444;color:var(--revoked-color);font-style:italic}.address-value,.digital-signature,.hash-value,.ipfs-cid,.public-key,.transaction-hash{align-items:center;background-color:#f3f4f6;background-color:var(--light-hover);border:1px solid #e9ecef;border:1px solid var(--light-border);border-radius:6px;display:flex;font-family:monospace;font-size:.85rem;justify-content:space-between;padding:.5rem .75rem}.dark-mode .address-value,.dark-mode .digital-signature,.dark-mode .hash-value,.dark-mode .ipfs-cid,.dark-mode .public-key,.dark-mode .transaction-hash{background-color:#2a2a30;background-color:var(--dark-hover);border:1px solid #2d2d35;border:1px solid var(--dark-border)}.transaction-hash{background-color:#9147ff0d;border-color:#9147ff33}.dark-mode .transaction-hash{background-color:#9147ff1a;border-color:#9147ff4d}.copy-button,.view-link{align-items:center;background-color:initial;border:none;border-radius:4px;color:#6c757d;color:var(--light-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.35rem;position:relative;transition:all .2s ease}.dark-mode .copy-button,.dark-mode .view-link{color:#a0a0a7;color:var(--dark-text-secondary)}.copy-button:hover,.view-link:hover{background-color:#2c7be51a;color:#2c7be5;color:var(--primary-color)}.dark-mode .copy-button:hover,.dark-mode .view-link:hover{background-color:#2c7be533}.copy-button.copy-success{color:#10b981;color:var(--copy-success)}.copy-tooltip{background-color:#000000b3;border-radius:4px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;top:-30px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.copy-button.copy-success .copy-tooltip,.copy-button:hover .copy-tooltip{opacity:1}.view-link{align-items:center;display:inline-flex;gap:.35rem;text-decoration:none}.certificate-details-footer{display:flex;justify-content:flex-start;margin-top:1.5rem}.certificate-details-error{background-color:#fff;background-color:var(--light-card-bg);border-radius:12px;box-shadow:0 4px 15px #0000000d;box-shadow:var(--light-shadow);margin:3rem auto;max-width:600px;padding:2.5rem;text-align:center}.dark-mode .certificate-details-error{background-color:#232327;background-color:var(--dark-card-bg);box-shadow:0 4px 15px #00000040;box-shadow:var(--dark-shadow)}.certificate-details-error h3{color:#ef4444;color:var(--revoked-color);font-size:1.5rem;margin-bottom:1rem}.certificate-details-error p{color:#6c757d;color:var(--light-text-secondary);margin-bottom:1.5rem}.dark-mode .certificate-details-error p{color:#a0a0a7;color:var(--dark-text-secondary)}.qr-modal-content{align-items:center;display:flex;flex-direction:column;padding:1.5rem;text-align:center}.qr-modal-content p{color:#212529;color:var(--light-text);margin-bottom:1.5rem}.dark-mode .qr-modal-content p{color:#e9ecef;color:var(--dark-text)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseHighlight{0%{box-shadow:0 0 0 0 #9147ff66}70%{box-shadow:0 0 0 6px #9147ff00}to{box-shadow:0 0 0 0 #9147ff00}}.panel-section{animation:fadeIn .3s ease-out forwards}.transaction-hash{animation:pulseHighlight 2s ease-out forwards}@media (max-width:992px){.certificate-details-content{flex-direction:column-reverse}.qr-section{flex:0 0 auto;margin-bottom:1.25rem}.qr-container{margin:0 auto;max-width:220px;position:static}}@media (max-width:768px){.certificate-details-header{align-items:flex-start;flex-direction:column}.certificate-actions{justify-content:space-between;width:100%}.info-grid{grid-template-columns:1fr;row-gap:.5rem}.info-label{padding-bottom:0}.info-value{padding-top:0}}@media (max-width:576px){.certificate-details-container{padding:1rem}.certificate-details-header h2{font-size:1.5rem}.panel-section{padding:1rem}.certificate-actions{flex-direction:column}.certificate-actions button{width:100%}}.certificate-demo-container{color:#333;color:var(--text-primary,#333);margin:0 auto;max-width:1200px;padding:100px 2rem 40px}.demo-header{margin-bottom:3rem;text-align:center}.demo-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6a1b9a,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.demo-header p{color:#666;color:var(--text-secondary,#666);font-size:1.2rem}.demo-controls{margin-bottom:3rem;text-align:center}.demo-controls h3{color:#333;color:var(--text-primary,#333);margin-bottom:1rem}.type-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.type-btn{background:#0000;border:2px solid #6a1b9a;border-radius:25px;color:#6a1b9a;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.type-btn:hover{transform:translateY(-2px)}.type-btn.active,.type-btn:hover{background:#6a1b9a;box-shadow:0 4px 12px #6a1b9a4d;color:#fff}.demo-content{display:flex;flex-direction:column;gap:3rem}.download-demo-section,.preview-demo-section{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:16px;box-shadow:0 8px 25px #0000001a;padding:2rem}.download-demo-section h3,.preview-demo-section h3{color:#333;color:var(--text-primary,#333);font-size:1.5rem;margin-bottom:.5rem}.download-demo-section p,.preview-demo-section p{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin-bottom:1.5rem}.download-features{margin-bottom:2rem}.download-features ul{list-style:none;margin:0;padding:0}.download-features li{align-items:center;color:#333;color:var(--text-primary,#333);display:flex;font-size:1rem;gap:.5rem;padding:.75rem 0}.demo-note{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.demo-note p{color:#1976d2;font-size:.9rem;margin:0}.dark-mode .demo-note{background:#1a237e;border-color:#3949ab}.dark-mode .demo-note p{color:#90caf9}.demo-info{margin-top:3rem;text-align:center}.demo-info h3{color:#333;color:var(--text-primary,#333);font-size:1.8rem;margin-bottom:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{background:#fff;background:var(--background-primary,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 12px #00000014}.feature-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.feature-card h4{color:#333;color:var(--text-primary,#333);font-size:1.2rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary,#666);line-height:1.5;margin:0}.dark-mode .certificate-demo-container{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.dark-mode .demo-header p{color:#aaa;color:var(--text-secondary-dark,#aaa)}.dark-mode .demo-controls h3{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.dark-mode .type-btn{border-color:#ba68c8;color:#ba68c8}.dark-mode .type-btn.active,.dark-mode .type-btn:hover{background:#ba68c8;color:#1a1a1a}.dark-mode .download-demo-section,.dark-mode .feature-card,.dark-mode .preview-demo-section{background:#1a1a1a;background:var(--background-primary-dark,#1a1a1a);border-color:#444}.dark-mode .demo-info h3,.dark-mode .download-demo-section h3,.dark-mode .feature-card h4,.dark-mode .preview-demo-section h3{color:#e0e0e0;color:var(--text-primary-dark,#e0e0e0)}.dark-mode .download-demo-section p,.dark-mode .download-features li,.dark-mode .feature-card p,.dark-mode .preview-demo-section p{color:#aaa;color:var(--text-secondary-dark,#aaa)}@media (max-width:768px){.certificate-demo-container{padding:80px 1rem 40px}.demo-header h1{font-size:2rem}.demo-header p{font-size:1rem}.type-buttons{align-items:center;flex-direction:column}.type-btn{width:200px}.download-demo-section,.preview-demo-section{padding:1.5rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}}@media (max-width:480px){.demo-header h1{font-size:1.8rem}.download-demo-section,.feature-card,.preview-demo-section{padding:1rem}}.card{margin-bottom:var(--spacing-4)}.dark-mode .card{background-color:var(--dark-background-primary)}.card-hoverable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-title{color:var(--primary-color);font-size:var(--font-size-lg);margin:0}.card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}.card-no-padding .card-body{padding:0}.card-footer{align-items:center;display:flex;justify-content:space-between}.card-image{height:200px;object-fit:cover;width:100%}.card-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-list .card{align-items:center;display:flex;flex-direction:row}.card-list .card-image{border-radius:0;height:120px;margin-right:var(--spacing-4);width:120px}.card-list .card-body{flex:1 1}@media (max-width:768px){.card-list .card{flex-direction:column}.card-list .card-image{height:200px;margin-bottom:var(--spacing-4);margin-right:0;width:100%}}.profile-container{margin:0 auto;max-width:800px;padding:var(--spacing-4)}.profile-content{margin-top:var(--spacing-4)}.profile-card{padding:var(--spacing-4)}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.profile-image-container{background-color:var(--background-secondary);border-radius:50%;height:100px;overflow:hidden;position:relative;width:100px}.profile-image{height:100%;object-fit:cover;width:100%}.profile-image-placeholder{background-color:#6a1b9a1a;color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.profile-image-overlay,.profile-image-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-image-overlay{background-color:#00000080;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-fast)}.profile-image-container:hover .profile-image-overlay{opacity:1}.profile-image-upload-label{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-sm)}.profile-image-upload-label i{font-size:var(--font-size-lg);margin-bottom:var(--spacing-1)}.profile-image-upload{display:none}.profile-info{flex:1 1}.profile-info h3{color:var(--text-primary);margin-bottom:var(--spacing-1)}.profile-email{color:var(--text-secondary);margin-bottom:var(--spacing-2)}.profile-roles{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.profile-role{background-color:#6a1b9a1a;border-radius:var(--border-radius-full);color:var(--primary-color);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);text-transform:capitalize}.edit-profile-btn{margin-left:auto}.profile-error{background-color:#f443361a;color:var(--error-color)}.profile-error,.profile-success{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.profile-success{background-color:#4caf501a;color:var(--success-color)}.profile-form{margin-top:var(--spacing-4)}.form-row{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.form-row .form-group{flex:1 1}.form-actions{gap:var(--spacing-2);justify-content:flex-end;margin-top:var(--spacing-6)}.profile-details{margin-top:var(--spacing-4)}.profile-section{margin-bottom:var(--spacing-6)}.profile-section h4{border-bottom:1px solid var(--border-color);color:var(--primary-color);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2)}.profile-detail-row{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.profile-detail-label{color:var(--text-secondary);font-weight:var(--font-weight-medium);width:150px}.profile-detail-value{flex:1 1;min-width:0;word-break:break-word}.wallet-connected{align-items:center;color:var(--success-color);display:inline-flex}.wallet-connected:before{background-color:var(--success-color);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:var(--spacing-2);width:8px}.wallet-disconnected{align-items:center;color:var(--error-color);display:inline-flex}.wallet-disconnected:before{background-color:var(--error-color);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:var(--spacing-2);width:8px}.wallet-address{background-color:var(--background-secondary);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);padding:var(--spacing-2)}.copy-button{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;justify-content:center;margin-left:var(--spacing-2);padding:var(--spacing-1)}.copy-button:hover{color:var(--primary-dark)}.profile-unauthorized{padding:var(--spacing-6);text-align:center}@media (max-width:768px){.profile-header{align-items:flex-start;flex-direction:column}.profile-image-container{margin-bottom:var(--spacing-4)}.edit-profile-btn{margin-left:0;margin-top:var(--spacing-4)}.form-row{gap:0}.form-row,.profile-detail-row{flex-direction:column}.profile-detail-label{margin-bottom:var(--spacing-1);width:100%}}.settings-container{margin:0 auto;max-width:900px;padding:2rem}.settings-title{color:var(--color-text-primary);font-size:1.8rem;font-weight:600;margin-bottom:2rem}.settings-tabs{border-bottom:1px solid var(--color-border);display:flex;margin-bottom:2rem;overflow-x:auto}.settings-tab{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.settings-tab.active,.settings-tab:hover{color:var(--color-primary)}.settings-tab.active{border-bottom:2px solid var(--color-primary)}.settings-alert{align-items:center;border-radius:4px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.settings-alert.error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.settings-alert.success{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.settings-section{margin-bottom:2rem}.settings-section h2{color:var(--color-text-primary);font-size:1.4rem;font-weight:600;margin-bottom:1.5rem}.settings-section h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:500;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:4px;font-size:1rem;padding:.75rem;transition:border .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group input:disabled{background-color:var(--color-bg-disabled);cursor:not-allowed}.security-form{border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;padding-bottom:2rem}.security-form:last-child{border-bottom:none;margin-bottom:0}.wallet-connect{border:1px dashed var(--color-border);border-radius:8px;gap:1.5rem;padding:2rem;text-align:center}.wallet-connect,.wallet-info{align-items:center;display:flex;flex-direction:column}.wallet-info{gap:1rem}.wallet-info p{color:var(--color-text-secondary);max-width:400px}.wallet-connected{background-color:var(--color-bg-secondary);border-radius:8px;padding:1.5rem}.wallet-details{margin:1.5rem 0}.wallet-address{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.wallet-address .label{font-weight:500;min-width:100px}.wallet-address .value{background-color:var(--color-bg-tertiary);border-radius:4px;font-family:monospace;font-size:.9rem;padding:.5rem;word-break:break-all}.wallet-note{color:var(--color-text-secondary);font-size:.9rem}.notification-options{margin-bottom:2rem}.notification-option{align-items:flex-start;background-color:var(--color-bg-secondary);border-radius:4px;display:flex;margin-bottom:1rem;padding:1rem}.notification-option input[type=checkbox]{margin-right:1rem;margin-top:.25rem}.notification-option label{cursor:pointer;display:flex;flex-direction:column}.option-title{color:var(--color-text-primary);font-weight:500;margin-bottom:.25rem}.option-description{color:var(--color-text-secondary);font-size:.9rem}@media (max-width:768px){.settings-container{padding:1rem}.settings-tabs{gap:.5rem}.settings-tab{padding:.75rem 1rem}.wallet-address{align-items:flex-start;flex-direction:column}}.role-management{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.role-management-title{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.user-info{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.info-row{margin-bottom:.75rem}.info-label,.info-row{align-items:center;display:flex}.info-label{color:var(--color-text-secondary);font-weight:500;gap:.5rem;width:120px}.info-value{color:var(--color-text-primary)}.public-key{background-color:var(--color-bg-secondary);border-radius:4px;font-family:monospace;padding:.25rem .5rem}.role-badge{border-radius:50px;display:inline-block;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.role-badge,.role-badge.role-admin{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.role-badge.role-issuer{background-color:var(--color-success-light);color:var(--color-success-dark)}.role-badge.role-holder{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.role-badge.role-verifier{background-color:var(--color-info-light);color:var(--color-info-dark)}.role-badge.role-guest{background-color:var(--color-muted-light);color:var(--color-muted-dark)}.role-form{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;font-size:1rem;max-width:300px;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group select:focus{border-color:var(--color-primary);outline:none}.form-group select.disabled,.form-group select:disabled{background-color:var(--color-bg-disabled);cursor:not-allowed;opacity:.7}.error-message,.success-message{align-items:center;border-radius:4px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.error-message{background-color:var(--color-error-bg);border-left:4px solid var(--color-error);color:var(--color-error)}.success-message{background-color:var(--color-success-bg);border-left:4px solid var(--color-success);color:var(--color-success)}.form-actions{display:flex;gap:1rem}.role-button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.update-button{background-color:var(--color-primary);color:#fff}.update-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.update-button.loading,.update-button:disabled{cursor:not-allowed;opacity:.6}.role-descriptions{background-color:var(--color-bg-secondary);border-radius:6px;padding:1.25rem}.role-descriptions h4{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:1rem}.role-description{border-bottom:1px solid var(--color-border);margin-bottom:1.25rem;padding-bottom:1.25rem}.role-description:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.role-description h5{color:var(--color-text-primary);font-size:1rem;margin-bottom:.5rem}.role-admin-title{color:var(--color-primary)}.role-issuer-title{color:var(--color-success)}.role-holder-title{color:var(--color-warning)}.role-verifier-title{color:var(--color-info)}.role-description p{font-size:.9rem;line-height:1.5}.no-user,.role-description p{color:var(--color-text-secondary)}.no-user{font-style:italic;padding:2rem 0;text-align:center}@media (max-width:768px){.info-row{align-items:flex-start;flex-direction:column;margin-bottom:1rem}.info-label{margin-bottom:.25rem;width:100%}.role-form{padding-bottom:1rem}.form-group select{max-width:100%}}.about-container{margin:90px auto 60px;max-width:1200px;padding:0 1.5rem;position:relative}.section-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.section-icon{margin-bottom:1rem}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#2c7be5;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-bg-shape.alt{bottom:auto;left:-50px;right:auto;top:-50px}.about-hero{background:linear-gradient(145deg,#fff,#f8f9fa);background:linear-gradient(145deg,var(--card-light-bg) 0,var(--light-bg) 100%);box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);margin-bottom:4rem;padding:5rem 3rem;text-align:center}.dark-mode .about-hero{background:linear-gradient(145deg,#232327,#18181b);background:linear-gradient(145deg,var(--card-dark-bg) 0,var(--dark-bg) 100%);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.about-hero h1{-webkit-text-fill-color:#0000;animation:fadeInDown .8s forwards;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:3.25rem;font-weight:800;margin-bottom:1.5rem;opacity:0}.hero-description{animation:fadeInUp .8s .2s forwards;color:#212529;color:var(--text-light);font-size:1.25rem;line-height:1.8;margin:0 auto;max-width:800px;opacity:0}.dark-mode .hero-description{color:#e9ecef;color:var(--text-dark)}.about-mission{text-align:center}.about-mission p{color:#212529;color:var(--text-light);font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:900px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .about-mission p{color:#e9ecef;color:var(--text-dark)}.about-mission.visible p{opacity:1;transform:translateY(0)}.about-features{margin-bottom:4rem}.features-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:3rem}.feature-card{background-color:var(--card-light-bg);border-radius:16px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);opacity:0;overflow:hidden;position:relative;transform:translateY(30px);transition:all .4s ease}.dark-mode .feature-card{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.feature-card.visible{animation:fadeInUp .6s ease forwards;animation-delay:calc(.1s*var(--delay))}.feature-card.active,.feature-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-10px);z-index:2}.dark-mode .feature-card.active,.dark-mode .feature-card:hover{box-shadow:0 15px 35px #0000004d}.feature-card:after{background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.feature-card.active:after,.feature-card:hover:after{transform:scaleX(1)}.feature-icon{color:var(--primary-color);height:70px;transition:all .3s ease;width:70px}.feature-card.active .feature-icon,.feature-card:hover .feature-icon{background-color:#2c7be533;transform:scale(1.1)}.feature-card h3{color:#212529;color:var(--text-light);font-size:1.25rem;font-weight:600;transition:color .3s ease}.dark-mode .feature-card h3{color:#e9ecef;color:var(--text-dark)}.feature-card p{color:#6c757d;color:var(--text-muted-light);transition:color .3s ease}.dark-mode .feature-card p{color:#a0a0a7;color:var(--text-muted-dark)}.feature-card.active h3,.feature-card:hover h3{color:#2c7be5;color:var(--primary-color)}.technology-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:3fr 2fr;margin-top:2rem}.technology-text p{color:#212529;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem;opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.dark-mode .technology-text p{color:#e9ecef;color:var(--text-dark)}.about-technology.visible .technology-text p{opacity:1;transform:translateY(0);transition-delay:.2s}.technology-stack-wrapper{position:relative}.technology-stack{background-color:#2c7be50d;border-radius:16px;box-shadow:0 8px 20px #0000000d;padding:2rem;position:-webkit-sticky;position:sticky;top:100px}.dark-mode .technology-stack{background-color:#2c7be51a;box-shadow:0 8px 20px #0003}.technology-stack h3{color:#2c7be5;color:var(--primary-color);font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.stack-list{list-style-type:none;margin:0;padding:0}.stack-list li{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light);color:#212529;color:var(--text-light);display:flex;opacity:0;padding:.85rem 0;transform:translateX(20px);transition:all .3s ease}.dark-mode .stack-list li{border-bottom:1px solid #2d2d35;border-bottom:1px solid var(--border-dark);color:#e9ecef;color:var(--text-dark)}.stack-list li.visible{opacity:1;transform:translateX(0);transition-delay:calc(var(--delay) + .3s)}.stack-list li:last-child{border-bottom:none}.stack-list li:hover{color:#2c7be5;color:var(--primary-color);padding-left:.5rem}.stack-list li:before{color:#2c7be5;color:var(--primary-color);content:"•";font-weight:700;margin-right:.75rem}.about-team{margin-bottom:4rem}.team-intro{color:#212529;color:var(--text-light);font-size:1.15rem;line-height:1.7;margin:0 auto 3rem;max-width:800px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .team-intro{color:#e9ecef;color:var(--text-dark)}.about-team.visible .team-intro{opacity:1;transform:translateY(0)}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.team-member{background-color:#fff;background-color:var(--card-light-bg);border-radius:16px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);opacity:0;overflow:hidden;transform:translateY(30px);transition:all .4s ease}.dark-mode .team-member{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.team-member.visible{opacity:1;transform:translateY(0);transition-delay:calc(var(--delay)*1s)}.team-member:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-10px)}.dark-mode .team-member:hover{box-shadow:0 15px 35px #0000004d}.member-photo{align-items:center;background-color:#f0f4f8;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.dark-mode .member-photo{background-color:#2a2a33}.profile-avatar{align-items:center;background:linear-gradient(135deg,#2c7be5,#9147ff);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;height:100px;justify-content:center;transition:transform .3s ease;width:100px}.team-member:hover .profile-avatar{transform:scale(1.1)}.member-info{padding:1.5rem;text-align:center}.team-member h3{color:#212529;color:var(--text-light);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.dark-mode .team-member h3{color:#e9ecef;color:var(--text-dark)}.member-title{color:#2c7be5;color:var(--primary-color);font-weight:500;margin-bottom:1rem}.member-bio{color:#6c757d;color:var(--text-muted-light);font-size:.95rem;line-height:1.6}.dark-mode .member-bio{color:#a0a0a7;color:var(--text-muted-dark)}.about-cta{background-color:#fff;background-color:var(--card-light-bg);text-align:center}.dark-mode .about-cta{background-color:#232327;background-color:var(--card-dark-bg)}.cta-text{color:#212529;color:var(--text-light);font-size:1.2rem;line-height:1.8;margin:0 auto 2.5rem;max-width:800px;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .cta-text{color:#e9ecef;color:var(--text-dark)}.about-cta.visible .cta-text{opacity:1;transform:translateY(0)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.cta-button{border-radius:50px;box-shadow:0 4px 12px #0000001a;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.dark-mode .cta-button{box-shadow:0 4px 12px #0000004d}.register-button{background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff}.register-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.contact-button{background-color:initial;border:2px solid #2c7be5;border:2px solid var(--primary-color)}.dark-mode .contact-button{border-color:#2c7be5;border-color:var(--primary-color);color:#fff}.contact-button:hover{background-color:#2c7be50d;box-shadow:0 8px 20px #00000026}@media (max-width:992px){.technology-content{gap:2rem;grid-template-columns:1fr}.about-hero h1{font-size:2.5rem}.about-hero{padding:4rem 2rem}.section-card{padding:2.5rem}.section-header h2{font-size:2.2rem}}@media (max-width:768px){.about-hero{padding:3.5rem 1.5rem}.section-card{padding:2rem}.section-header h2{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column;gap:1rem}.cta-button{max-width:250px;width:100%}}@media (max-width:576px){.about-hero h1{font-size:1.8rem}.hero-description{font-size:1.1rem}.section-header h2{font-size:1.75rem}.features-grid,.team-grid{grid-template-columns:1fr}.section-card{padding:1.5rem}.cta-text{font-size:1.1rem}}:root{--form-bg-light:#f8f9fa;--form-bg-dark:#2a2a33}.contact-container{margin:90px auto 60px;max-width:1200px;padding:0 1.5rem;position:relative}.contact-section-card{background:#fff;background:var(--card-light-bg);border-radius:20px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);margin-bottom:3rem;opacity:0;overflow:hidden;padding:3rem;position:relative;transform:translateY(30px);transition:transform .3s ease,box-shadow .3s ease}.contact-section-card.contact-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.dark-mode .contact-section-card{background:#232327;background:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.contact-section-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.dark-mode .contact-section-card:hover{box-shadow:0 15px 35px #0000004d}.contact-section-content{position:relative;z-index:2}.contact-section-header{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem;text-align:center}.contact-section-icon{align-items:center;background:linear-gradient(135deg,#2c7be533,#9147ff33);border-radius:50%;color:#2c7be5;color:var(--primary-color);display:flex;height:70px;justify-content:center;margin:0 auto 1rem;width:70px}.contact-section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#2c7be5;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-section-bg-shape{background:linear-gradient(135deg,#2c7be50d,#9147ff0d);border-radius:50%;bottom:-50px;height:300px;position:absolute;right:-50px;width:300px;z-index:1}.contact-section-bg-shape.contact-alt{bottom:auto;left:-50px;right:auto;top:-50px}.contact-header{margin-bottom:3rem;padding:5rem 3rem;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:3.25rem;font-weight:800;margin-bottom:1.5rem}.contact-header-description{color:#212529;color:var(--text-light);font-size:1.25rem;line-height:1.8;margin:0 auto;max-width:800px}.dark-mode .contact-header-description{color:#e9ecef;color:var(--text-dark)}.contact-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr;margin-bottom:3rem}.contact-info{height:-webkit-fit-content;height:fit-content}.contact-info-item{display:flex;gap:1rem;margin-bottom:2rem;opacity:0;transform:translateX(-20px)}.contact-info.contact-visible .contact-info-item{opacity:1;transform:translateX(0);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(.1s*var(--delay))}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{align-items:center;background:linear-gradient(135deg,#2c7be51a,#9147ff1a);border-radius:50%;color:#2c7be5;color:var(--primary-color);display:flex;height:42px;justify-content:center;min-width:42px}.contact-info-content h3{color:#212529;color:var(--text-light);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dark-mode .contact-info-content h3{color:#e9ecef;color:var(--text-dark)}.contact-info-content p{color:#6c757d;color:var(--text-muted-light);line-height:1.5;margin:.25rem 0}.dark-mode .contact-info-content p{color:#a0a0a7;color:var(--text-muted-dark)}.contact-form-section{padding:3rem}.contact-form-feedback{border-radius:12px;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.contact-form-feedback.contact-success{background-color:#00a6501a;border:1px solid #00a65033;color:#00a650}.dark-mode .contact-form-feedback.contact-success{background-color:#00a65033;color:#2ecc71}.contact-form-feedback.contact-error{background-color:#dc35451a;border:1px solid #dc354533;color:#dc3545}.dark-mode .contact-form-feedback.contact-error{background-color:#dc354533;color:#f06678}.contact-form-feedback.contact-loading{background-color:#2c7be51a;border:1px solid #2c7be533;color:#2c7be5;color:var(--primary-color)}.dark-mode .contact-form-feedback.contact-loading{background-color:#2c7be533;color:#2c7be5;color:var(--primary-color)}.contact-form{margin-top:2rem}.contact-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.contact-form-group,.contact-form-row{margin-bottom:1.5rem}.contact-form-group label{align-items:center;color:#212529;color:var(--text-light);display:flex;font-weight:500;gap:.5rem;margin-bottom:.75rem}.dark-mode .contact-form-group label{color:#e9ecef;color:var(--text-dark)}.contact-form-group label svg{color:#2c7be5;color:var(--primary-color)}.contact-form-group input,.contact-form-group textarea{background-color:#f8f9fa;background-color:var(--form-bg-light);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:8px;color:#212529;color:var(--text-light);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.dark-mode .contact-form-group input,.dark-mode .contact-form-group textarea{background-color:#2a2a33;background-color:var(--form-bg-dark);border-color:#2d2d35;border-color:var(--border-dark);color:#e9ecef;color:var(--text-dark)}.contact-form-group input:focus,.contact-form-group textarea:focus{border-color:#2c7be5;border-color:var(--primary-color);box-shadow:0 0 0 3px #2c7be51a;outline:none}.contact-submit-button{align-items:center;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.contact-submit-button:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-3px)}.contact-submit-button:active{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.contact-map-section{margin-bottom:3rem;text-align:center}.contact-map-container{border-radius:16px;height:400px;margin-top:2rem;overflow:hidden;position:relative}.contact-map-frame{background-color:#f8f9fa;background-color:var(--form-bg-light);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:12px;height:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.dark-mode .contact-map-frame{background-color:#2a2a33;background-color:var(--form-bg-dark);border-color:#2d2d35;border-color:var(--border-dark)}.contact-google-map{border:none;border-radius:12px;height:100%;width:100%}.contact-map-frame:hover{box-shadow:0 10px 30px #0000001a}.dark-mode .contact-map-frame:hover{box-shadow:0 10px 30px #0000004d}.contact-faq-section{margin-bottom:3rem;text-align:center}.contact-faq-description{color:#212529;color:var(--text-light);font-size:1.2rem;line-height:1.7;margin:0 auto 2rem;max-width:700px}.dark-mode .contact-faq-description{color:#e9ecef;color:var(--text-dark)}.contact-faq-buttons{display:flex;justify-content:center}.contact-faq-button{background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.contact-faq-button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}@media (max-width:992px){.contact-content{gap:2rem;grid-template-columns:1fr}.contact-header h1{font-size:2.5rem}.contact-header{padding:4rem 2rem}.contact-section-card{padding:2.5rem}.contact-section-header h2{font-size:2.2rem}}@media (max-width:768px){.contact-header{padding:3.5rem 1.5rem}.contact-header h1{font-size:2.2rem}.contact-header-description{font-size:1.1rem}.contact-section-card{padding:2rem}.contact-section-header h2{font-size:1.75rem}.contact-form-row{gap:1rem;grid-template-columns:1fr}.contact-map-container{height:300px}}@media (max-width:576px){.contact-header h1{font-size:1.8rem}.contact-header-description{font-size:1rem}.contact-section-card{padding:1.5rem}.contact-info-item{align-items:center;flex-direction:column;gap:.5rem;text-align:center}.contact-info-content h3{font-size:1.1rem}.contact-map-container{height:250px}}:root{--primary-color:#2c7be5;--primary-dark:#1a68d1;--secondary-color:#9147ff;--secondary-dark:#6a32c9;--light-bg:#f8f9fa;--dark-bg:#18181b;--card-light-bg:#fff;--card-dark-bg:#232327;--text-light:#212529;--text-dark:#e9ecef;--text-muted-light:#6c757d;--text-muted-dark:#a0a0a7;--border-light:#e9ecef;--border-dark:#2d2d35;--card-shadow-light:0 8px 25px #0000000d;--card-shadow-dark:0 8px 25px #00000040;--animation-duration:0.6s}.faq-container{margin:90px auto 60px;max-width:1000px;padding:0 1.5rem;position:relative}.section-card{background:#fff;background:var(--card-light-bg);border-radius:20px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.dark-mode .section-card{background:#232327;background:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.section-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.dark-mode .section-card:hover{box-shadow:0 15px 35px #0000004d}.section-content{position:relative;text-align:center;z-index:2}.section-icon{align-items:center;background:linear-gradient(135deg,#2c7be533,#9147ff33);border-radius:50%;color:#2c7be5;color:var(--primary-color);display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.section-bg-shape{background:linear-gradient(135deg,#2c7be50d,#9147ff0d);border-radius:50%;bottom:-50px;height:300px;position:absolute;right:-50px;width:300px;z-index:1}.faq-header{margin-bottom:3rem;opacity:0;padding:5rem 3rem;text-align:center;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.faq-header.visible{opacity:1;transform:translateY(0)}.faq-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:3.25rem;font-weight:800;margin-bottom:1.5rem}.faq-header p{color:#212529;color:var(--text-light);font-size:1.25rem;line-height:1.8;margin:0 auto;max-width:700px}.dark-mode .faq-header p{color:#e9ecef;color:var(--text-dark)}.faq-search{margin-bottom:3rem;padding:1.5rem}.search-container{margin:0 auto;max-width:800px;position:relative}.search-icon{color:#6c757d;color:var(--text-muted-light);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode .search-icon{color:#a0a0a7;color:var(--text-muted-dark)}.faq-search-input{background-color:#fff;background-color:var(--card-light-bg);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:50px;color:#212529;color:var(--text-light);font-size:1.1rem;padding:1.2rem 1rem 1.2rem 3rem;transition:all .3s ease;width:100%}.dark-mode .faq-search-input{background-color:#232327;background-color:var(--card-dark-bg);border-color:#2d2d35;border-color:var(--border-dark);color:#e9ecef;color:var(--text-dark)}.faq-search-input:focus{border-color:#2c7be5;border-color:var(--primary-color);box-shadow:0 0 0 3px #2c7be533;outline:none}.faq-categories-section{margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.faq-categories-section.visible{opacity:1;transform:translateY(0)}.faq-categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-button{background-color:#fff;background-color:var(--card-light-bg);border:1px solid #e9ecef;border:1px solid var(--border-light);border-radius:50px;cursor:pointer;font-size:1rem;font-weight:500;opacity:0;padding:.8rem 1.5rem;transform:translateY(20px);transition:all .3s ease}.dark-mode .category-button{background-color:#232327;background-color:var(--card-dark-bg);border-color:#2d2d35;border-color:var(--border-dark);color:#e9ecef;color:var(--text-dark)}.faq-categories-section.visible .category-button{opacity:1;transform:translateY(0);transition-delay:calc(var(--delay)*1s)}.category-button.active{background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;box-shadow:0 4px 15px #0000001a;color:#fff}.category-button:hover:not(.active){box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.dark-mode .category-button:hover:not(.active){box-shadow:0 5px 15px #00000026}.faq-questions-section{margin-bottom:3rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.faq-questions-section.visible{opacity:1;transform:translateY(0)}.faq-list{margin:0 auto;max-width:900px}.faq-item{background-color:#fff;background-color:var(--card-light-bg);border-radius:12px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);margin-bottom:1.5rem;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:all .3s ease}.dark-mode .faq-item{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark)}.faq-questions-section.visible .faq-item{opacity:1;transform:translateY(0);transition-delay:calc(var(--delay)*1s)}.faq-item:after{background:linear-gradient(180deg,#2c7be5,#9147ff);background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:5px}.faq-item.active:after{opacity:1}.faq-item:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.dark-mode .faq-item:hover{box-shadow:0 10px 25px #0003}.faq-question{align-items:center;color:#212529;color:var(--text-light);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.dark-mode .faq-question{color:#e9ecef;color:var(--text-dark)}.faq-item.active .faq-question{color:#2c7be5;color:var(--primary-color)}.faq-icon{color:#6c757d;color:var(--text-muted-light);transition:all .3s ease}.dark-mode .faq-icon{color:#a0a0a7;color:var(--text-muted-dark)}.faq-item.active .faq-icon{color:#2c7be5;color:var(--primary-color)}.faq-answer{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(0,1,0,1)}.faq-item.active .faq-answer{max-height:1000px;transition:all .5s cubic-bezier(1,0,1,0)}.faq-answer p{color:#6c757d;color:var(--text-muted-light);line-height:1.7;padding:0 1.5rem 1.5rem}.dark-mode .faq-answer p{color:#a0a0a7;color:var(--text-muted-dark)}.no-results{background-color:#fff;background-color:var(--card-light-bg);border-radius:12px;box-shadow:0 8px 25px #0000000d;box-shadow:var(--card-shadow-light);color:#6c757d;color:var(--text-muted-light);padding:3rem;text-align:center}.dark-mode .no-results{background-color:#232327;background-color:var(--card-dark-bg);box-shadow:0 8px 25px #00000040;box-shadow:var(--card-shadow-dark);color:#a0a0a7;color:var(--text-muted-dark)}.contact-section{margin-bottom:3rem;opacity:0;text-align:center;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) ease}.contact-section.visible{opacity:1;transform:translateY(0)}.contact-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.contact-text{color:#212529;color:var(--text-light);font-size:1.2rem;line-height:1.7;margin:0 auto 2rem;max-width:700px}.dark-mode .contact-text{color:#e9ecef;color:var(--text-dark)}.contact-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.contact-button{background:linear-gradient(90deg,#2c7be5,#9147ff);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.contact-button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){.faq-header h1{font-size:2.5rem}.faq-header{padding:4rem 2rem}.section-card{padding:2.5rem}.contact-section h2{font-size:2.2rem}}@media (max-width:768px){.faq-header{padding:3.5rem 1.5rem}.faq-header h1{font-size:2rem}.faq-header p{font-size:1.1rem}.section-card{padding:2rem}.contact-section h2{font-size:1.75rem}.faq-categories{justify-content:center}.category-button{font-size:.9rem;padding:.7rem 1.2rem}}@media (max-width:576px){.faq-container{padding:0 1rem}.faq-header h1{font-size:1.75rem}.faq-header p{font-size:1rem}.section-card{padding:1.5rem}.contact-section h2{font-size:1.5rem}.contact-text{font-size:1rem}.contact-button{max-width:250px;padding:.8rem 1.5rem;width:100%}.faq-question{font-size:1rem;padding:1.25rem}}.features-container{margin:0 auto;max-width:1200px;padding:3rem 2rem}.features-header{margin-bottom:3rem;text-align:center}.features-header h1{color:#333;font-size:2.5rem;margin-bottom:1rem}.features-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:800px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:4rem}.feature-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-10px)}.feature-icon{align-items:center;background-color:#2c7be51a;border-radius:50%;color:#2c7be5;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.feature-card h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.feature-highlight{align-items:center;background-color:#f8f9fa;border-radius:12px;display:flex;margin-bottom:4rem;overflow:hidden}.highlight-content{flex:1 1;padding:3rem}.highlight-content h2{color:#333;font-size:2rem;margin-bottom:1.5rem}.highlight-content p{color:#666;line-height:1.6;margin-bottom:1.5rem}.highlight-list{margin-bottom:2rem;padding-left:1.5rem}.highlight-list li{margin-bottom:.75rem;padding-left:1.5rem;position:relative}.highlight-list li:before{color:#2c7be5;content:"✓";font-weight:700;left:0;position:absolute}.learn-more-btn{background-color:#2c7be5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.learn-more-btn:hover{background-color:#1a68d1}.highlight-image{flex:1 1;min-height:400px}.highlight-image,.image-placeholder{align-items:center;display:flex;justify-content:center}.image-placeholder{background-color:#e9ecef;color:#adb5bd;font-weight:700;height:100%;width:100%}.features-comparison{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;padding:3rem;text-align:center}.features-comparison h2{color:#333;font-size:2rem;margin-bottom:2rem}.comparison-table{border-collapse:collapse;margin-bottom:2rem;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #e9ecef;padding:1rem;text-align:left}.comparison-table th{background-color:#f8f9fa;color:#333;font-weight:600}.comparison-table tr:last-child td{border-bottom:none}.comparison-features{padding:.5rem 0}.feature-available{color:#2c7be5;font-weight:700}.feature-not-available{color:#dc3545}.cta-button{background-color:#2c7be5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;margin-top:1rem;padding:1rem 2rem;transition:background-color .3s ease}.cta-button:hover{background-color:#1a68d1}@media (max-width:992px){.feature-highlight{flex-direction:column}.highlight-image{min-height:300px;width:100%}}@media (max-width:768px){.features-header h1{font-size:2rem}.highlight-content{padding:2rem}.highlight-content h2{font-size:1.5rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);height:100%;line-height:1.5;line-height:var(--line-height-normal);scroll-behavior:smooth;width:100%}body{background-color:#fff;background-color:var(--background-primary);color:#212121;color:var(--text-primary);transition:background-color .3s,color .3s;transition:background-color var(--transition-normal),color var(--transition-normal)}.dark-mode{--primary-color:var(--dark-primary-color);--primary-light:var(--dark-primary-light);--primary-dark:var(--dark-primary-dark);--secondary-color:var(--dark-secondary-color);--secondary-light:var(--dark-secondary-light);--secondary-dark:var(--dark-secondary-dark);--accent-color:var(--dark-accent-color);--success-color:var(--dark-success-color);--warning-color:var(--dark-warning-color);--error-color:var(--dark-error-color);--info-color:var(--dark-info-color);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-hint:var(--dark-text-hint);--background-primary:var(--dark-background-primary);--background-secondary:var(--dark-background-secondary);--background-tertiary:var(--dark-background-tertiary);--border-color:var(--dark-border-color);--shadow-color:var(--dark-shadow-color)}h1,h2,h3,h4,h5,h6{color:#6a1b9a;color:var(--primary-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-secondary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:1rem;margin-bottom:var(--spacing-4)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-md)}p{margin-bottom:1rem;margin-bottom:var(--spacing-4)}a{color:#6a1b9a;color:var(--primary-color);text-decoration:none;transition:color .15s;transition:color var(--transition-fast)}a:hover{color:#9c4dcc;color:var(--primary-light);text-decoration:underline}.container{margin-left:auto;margin-right:auto;max-width:1280px;max-width:var(--container-xl);padding-left:1rem;padding-left:var(--spacing-4);padding-right:1rem;padding-right:var(--spacing-4);width:100%}.main-content{min-height:calc(100vh - 200px);padding-bottom:2rem;padding-bottom:var(--spacing-8);padding-top:2rem;padding-top:var(--spacing-8)}.section{padding-bottom:3rem;padding-bottom:var(--spacing-12);padding-top:3rem;padding-top:var(--spacing-12)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem;gap:var(--spacing-2)}.gap-4{gap:1rem;gap:var(--spacing-4)}.gap-8{gap:2rem;gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-4)}label{display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.input,input,label,select,textarea{color:#212121;color:var(--text-primary)}.input,input,select,textarea{background-color:#fff;background-color:var(--background-primary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-md);padding:.75rem;padding:var(--spacing-3);transition:border-color .15s,box-shadow .15s;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input:focus,input:focus,select:focus,textarea:focus{border-color:#6a1b9a;border-color:var(--primary-color);box-shadow:0 0 0 3px #6a1b9a33;outline:none}.input-error{border-color:#f44336;border-color:var(--error-color)}.input-error:focus{box-shadow:0 0 0 3px #f4433633}.error-message{color:#f44336;color:var(--error-color);font-size:.875rem;font-size:var(--font-size-sm);margin-top:.5rem;margin-top:var(--spacing-2)}.btn{align-items:center;border:none;border-radius:.25rem;border-radius:var(--border-radius-md);box-shadow:0 1px 2px 0 #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);text-align:center;transition:all .15s;transition:all var(--transition-fast)}.btn-primary{background-color:#6a1b9a;background-color:var(--primary-color);color:#fff}.btn-primary:focus,.btn-primary:hover{background-color:#38006b;background-color:var(--primary-dark);text-decoration:none}.btn-secondary{background-color:#3949ab;background-color:var(--secondary-color);color:#fff}.btn-secondary:focus,.btn-secondary:hover{background-color:#00227b;background-color:var(--secondary-dark);text-decoration:none}.btn-success{background-color:#4caf50;background-color:var(--success-color);color:#fff}.btn-danger{background-color:#f44336;background-color:var(--error-color);color:#fff}.btn-danger:focus,.btn-danger:hover{background-color:#d32f2f;text-decoration:none}.btn-outlined{background-color:initial;border:2px solid #6a1b9a;border:2px solid var(--primary-color);color:#6a1b9a;color:var(--primary-color)}.btn-outlined:focus,.btn-outlined:hover{background-color:#6a1b9a1a;text-decoration:none}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.65}.card{background-color:#fff;background-color:var(--background-primary);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s,box-shadow .3s;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:1rem;padding:var(--spacing-4)}.card-footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color)}.badge{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;line-height:1;padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2);text-transform:uppercase}.badge-primary{background-color:#6a1b9a;background-color:var(--primary-color);color:#fff}.badge-secondary{background-color:#3949ab;background-color:var(--secondary-color);color:#fff}.badge-success{background-color:#4caf50;background-color:var(--success-color);color:#fff}.badge-warning{background-color:#ff9800;background-color:var(--warning-color);color:#fff}.badge-error{background-color:#f44336;background-color:var(--error-color);color:#fff}.badge-info{background-color:#2196f3;background-color:var(--info-color);color:#fff}.alert{border-radius:.25rem;border-radius:var(--border-radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.alert-success{background-color:#4caf501a;border-left:4px solid #4caf50;border-left:4px solid var(--success-color);color:#4caf50;color:var(--success-color)}.alert-warning{background-color:#ff98001a;border-left:4px solid #ff9800;border-left:4px solid var(--warning-color);color:#ff9800;color:var(--warning-color)}.alert-error{background-color:#f443361a;border-left:4px solid #f44336;border-left:4px solid var(--error-color);color:#f44336;color:var(--error-color)}.alert-info{background-color:#2196f31a;border-left:4px solid #2196f3;border-left:4px solid var(--info-color);color:#2196f3;color:var(--info-color)}table{border-collapse:collapse;margin-bottom:1rem;margin-bottom:var(--spacing-4);width:100%}td,th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:.75rem;padding:var(--spacing-3);text-align:left}th{font-weight:600;font-weight:var(--font-weight-semibold)}tbody tr:hover,th{background-color:#f5f5f5;background-color:var(--background-secondary)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #6a1b9a33;border-radius:50%;border-top:3px solid var(--primary-color);display:inline-block;height:30px;width:30px}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in .3s forwards;animation:fade-in var(--transition-normal) forwards}.animate-slide-up{animation:slide-up .3s forwards;animation:slide-up var(--transition-normal) forwards}.animate-slide-down{animation:slide-down .3s forwards;animation:slide-down var(--transition-normal) forwards}.animate-slide-left{animation:slide-left .3s forwards;animation:slide-left var(--transition-normal) forwards}.animate-slide-right{animation:slide-right .3s forwards;animation:slide-right var(--transition-normal) forwards}.animate-zoom-in{animation:zoom-in .3s forwards;animation:zoom-in var(--transition-normal) forwards}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#6a1b9a;color:var(--primary-color)}.text-secondary{color:#757575;color:var(--text-secondary)}.text-success{color:#4caf50;color:var(--success-color)}.text-warning{color:#ff9800;color:var(--warning-color)}.text-error{color:#f44336;color:var(--error-color)}.text-info{color:#2196f3;color:var(--info-color)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-2)}.mt-4{margin-top:1rem;margin-top:var(--spacing-4)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.ml-2{margin-left:.5rem;margin-left:var(--spacing-2)}.mr-2{margin-right:.5rem;margin-right:var(--spacing-2)}.p-2{padding:.5rem;padding:var(--spacing-2)}.p-4{padding:1rem;padding:var(--spacing-4)}.rounded{border-radius:.25rem;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:.5rem;border-radius:var(--border-radius-lg)}.rounded-full{border-radius:9999px;border-radius:var(--border-radius-full)}.shadow{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:root{--primary-color:#6a1b9a;--primary-light:#9c4dcc;--primary-dark:#38006b;--secondary-color:#3949ab;--secondary-light:#6f74dd;--secondary-dark:#00227b;--accent-color:#6abf69;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--info-color:#2196f3;--text-primary:#212121;--text-secondary:#757575;--text-hint:#9e9e9e;--background-primary:#fff;--background-secondary:#f5f5f5;--background-tertiary:#e0e0e0;--border-color:#e0e0e0;--shadow-color:#0000001a;--dark-primary-color:#9c4dcc;--dark-primary-light:#cf78ff;--dark-primary-dark:#6a1b9a;--dark-secondary-color:#6f74dd;--dark-secondary-light:#a4a6ff;--dark-secondary-dark:#3949ab;--dark-accent-color:#80e27e;--dark-success-color:#66bb6a;--dark-warning-color:#ffb74d;--dark-error-color:#e57373;--dark-info-color:#64b5f6;--dark-text-primary:#fff;--dark-text-secondary:#b0b0b0;--dark-text-hint:#757575;--dark-background-primary:#121212;--dark-background-secondary:#1e1e1e;--dark-background-tertiary:#2c2c2c;--dark-border-color:#424242;--dark-shadow-color:#0006;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-secondary:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-family-mono:"JetBrains Mono","SF Mono","Courier New",Courier,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--border-radius-sm:0.125rem;--border-radius-md:0.25rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color);--shadow-xl:0 20px 25px -5px var(--shadow-color);--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-fixed:1200;--z-index-modal-backdrop:1300;--z-index-modal:1400;--z-index-popover:1500;--z-index-tooltip:1600;--z-index-toast:1700;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--transition-timing-ease:cubic-bezier(0.4,0,0.2,1);--transition-timing-bounce:cubic-bezier(0.34,1.56,0.64,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}
/*# sourceMappingURL=main.fc587b3d.css.map*/