@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{min-width:410px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e293b;background-color:var(--bg-secondary);color:#f8fafc;color:var(--text-primary);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--white-color:#fff;--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-color-light:#1e40af;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--surface-color:#1e293b;--background-color:#0f172a;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-gray:#2c3e50;--border-color:#334155;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--navbar-brand-gradient:linear-gradient(135deg,#3b82f6,#8b5cf6);--navbar-bg:#1e293b;--navbar-text-color:#f8fafc;--navbar-text-secondary-color:#cbd5e1;--navbar-hover-bg:#ffffff1a;--navbar-active-bg:#ffffff26;--navbar-active-color:#60a5fa;--navbar-border-color:#ffffff1a;--logout-btn-bg:#0000;--logout-btn-text:#ef4444;--logout-btn-border:#ef444480;--logout-btn-hover-bg:#ef44441a;--logout-btn-hover-text:#f87171;--avatar-bg:#3b82f6;--placeholder-color:#757575;--input-bg:#374151;--input-bg-dark:#374151;--card-bg:#1e293b;--card-bg-dark:#1e293b;--border-color-dark:#374151;--text-primary-dark:#f8fafc;--text-secondary-dark:#cbd5e1;--bg-secondary-dark:#334155}a{font-size:.85rem}a,button,input,p,span{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family)}select{background-color:#374151;background-color:var(--input-bg);border:1px solid #334155;border:1px solid var(--border-color)}select,select option{color:#f8fafc;color:var(--text-primary)}select option{background-color:#1e293b;background-color:var(--card-bg)}.dark-theme select,body.dark-theme select{background-color:#374151!important;border-color:#4b5563!important;color:#f8fafc!important}.dark-theme select option,body.dark-theme select option{background-color:#1f2937!important;color:#f8fafc!important}.container{margin:0 auto;max-width:1200px;padding:20px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.has-more{padding:16px 0!important}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#2563eb;color:var(--primary-color)}.text-secondary{color:#cbd5e1;color:var(--text-secondary)}.text-success{color:#10b981;color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:#f59e0b;color:var(--warning-color)}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}@media (max-width:800px){.my-space-title{font-size:15px}.my-space-title p{font-size:12px}}.mobile-hamburger-menu{display:none}@media (max-width:600px){.title-content p{display:none!important}.text-page{display:flex!important}.my-space-title{align-items:center}.mobile-hamburger-menu{align-items:center;background:none;border:none;border-radius:4px;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex!important;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s ease}.mobile-hamburger-menu:hover{background-color:#64748b;background-color:var(--secondary-color);color:var(--primary-dark)}}.btn{border-radius:8px;display:inline-block;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:.85rem;line-height:1.5;padding:.65rem 1rem;text-align:center}.btn:disabled{opacity:.5}.btn-primary,.btn-secondary{align-items:center;display:inline-flex;gap:.5rem;justify-content:center}.btn-primary{background-color:#2563eb;background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-hover)}.btn-secondary{background-color:#1e293b;background-color:var(--surface-color);border:1px solid #334155;color:#f8fafc}.btn-secondary:hover:not(:disabled){background-color:#334155;background-color:var(--bg-tertiary)}.btn-danger{background-color:#ef4444;background-color:var(--error-color)}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-sm{font-size:.75rem;padding:.5rem 1rem}.btn-lg{font-size:1rem;padding:1rem 2rem}h1,h2,h3,h4,h5,h6{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:600;line-height:1.2;margin-bottom:.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-label{color:#f8fafc;color:var(--text-primary)}.form-input{background-color:#1e293b;background-color:var(--surface-color);border:1px solid #334155;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-family);font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input.error{border-color:#ef4444;border-color:var(--error-color)}.form-error{color:var(--error-color)}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container .form-input{padding-right:3rem}.password-toggle{align-items:center;color:#cbd5e1;display:flex;font-size:1.125rem;justify-content:center;padding:.25rem;right:.75rem}.password-toggle:hover{color:#2563eb;color:var(--primary-color)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.alert{border:1px solid #0000;border-radius:8px;margin-bottom:1rem;padding:1rem}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#10b981}.alert-error{background-color:#fef2f2;background-color:var(--error-bg-color,#fef2f2);border-color:#fecaca;border-color:var(--error-border-color,#fecaca);color:#ef4444;color:var(--error-text-color,var(--error-color))}.alert-warning{background-color:#fffbeb;border-color:#fed7aa;color:#f59e0b;color:var(--warning-color)}.blocked-message{line-height:1.5;text-align:center}.blocked-message strong{display:block;font-size:1.1em;margin-bottom:8px}.blocked-message small{display:block;font-size:.9em;margin-top:8px;opacity:.8}.loading{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#2563eb;border-top:3px solid var(--primary-color);display:inline-block;height:20px;width:20px}.table{background-color:#1e293b;background-color:var(--surface-color);border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.table th{color:#f8fafc;color:var(--text-primary);font-weight:600}.table th,.table tr:hover{background-color:#f8fafc}.modal-header{border-bottom:1px solid #334155;padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{background-color:#1e293b;background-color:var(--bg-secondary);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #334155;gap:.75rem;padding:1rem 1.5rem}.file-upload{border:2px dashed #334155;border:2px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;padding:2rem;text-align:center;transition:var(--transition)}.file-upload:hover{background-color:#f8fafc}.file-upload.dragover,.file-upload:hover{border-color:#2563eb;border-color:var(--primary-color)}.file-upload.dragover{background-color:#eff6ff}.search-input-container{position:relative;width:260px}.search-input-container .form-input{padding-left:2.5rem;width:100%}.search-input-container .search-icon{color:#cbd5e1;color:var(--text-secondary);left:.85rem;position:absolute;top:50%;transform:translateY(-50%)}.breadcrumb{margin-bottom:1.5rem}.breadcrumb-link{color:#2563eb;color:var(--primary-color)}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--text-color)}.breadcrumb-separator{color:var(--text-color-light)}@media (max-width:768px){.container{padding:15px}.modal{margin:1rem;width:calc(100% - 2rem)}.table{font-size:.875rem}.btn{font-size:.8125rem;padding:.625rem 1.25rem}}.profil-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profil-modal-content{animation:scaleUp .3s ease-out;background:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:500px;padding:30px;position:relative;width:90%}.profil-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.profil-modal-header h2{font-size:1.5rem;margin:0}.profil-modal-close-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.8rem}.profil-modal-body .info-group{grid-gap:1rem;gap:1rem;grid-template-columns:120px 1fr}.user-menu-container{position:relative}.user-drop{padding:0 10px}.user-drop,.user-menu-trigger{display:flex;justify-content:center}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;flex-direction:row;gap:12px;padding:12px 16px;width:100%}.sidebar.expanded .user-menu-trigger{justify-content:flex-start}.user-menu-trigger:hover{background-color:#ffffff0d}.user-menu-trigger .user-menu-chevron{margin-left:auto}.user-menu-chevron{color:var(--text-muted);height:20px;transition:transform .2s ease;width:20px}.user-menu-chevron.compact{display:none}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;bottom:120%;box-shadow:var(--shadow-lg);padding:8px 0;position:absolute;right:15px;width:220px;z-index:1000}@media (max-width:1024px){.user-menu-dropdown{left:15%;margin-top:8px}}.dropdown-header{border-bottom:1px solid var(--border-color);margin-bottom:8px;padding:8px 16px}.dropdown-user-name{color:var(--text-secondary);font-size:.9rem;font-weight:700;margin:0}.dropdown-user-email{color:var(--text-secondary);font-size:.87rem;margin:0}.dropdown-item{gap:12px;padding:10px 16px;text-decoration:none}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-divider{background-color:var(--border-color);height:1px;margin:8px 0}.mode-theme{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 1rem}.mode-theme .theme{color:var(--text-secondary)}.mode-theme .switch-theme{align-items:center;background-color:var(--bg-tertiary);border-radius:20px;display:flex;gap:.5rem;padding:4px}.switch-theme .moon,.switch-theme .sun{align-items:center;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .3s,color .3s}.switch-theme .sun.active{background-color:#f59e0b;color:#fff}.switch-theme .moon.active{background-color:#4f46e5;color:#fff}.logout{color:var(--error-color)}.sidebar{background:var(--navbar-bg);box-shadow:var(--shadow-lg);color:var(--navbar-text-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:250px;z-index:1000}.sidebar-brand{border-bottom:1px solid var(--navbar-border-color);padding:1.5rem}.brand-link{align-items:center;border-radius:8px;display:flex;justify-content:center;text-decoration:none;transition:all .2s ease}.brand-logo{font-weight:500;height:50px;max-width:150px;object-fit:contain;width:auto}.brand-logo-icon{color:var(--primary-color);font-size:2rem}.brand-icon{color:var(--white-color);font-size:1.5rem;margin-right:.75rem}.brand-text{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--white-color)!important;letter-spacing:1px;text-transform:uppercase}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;padding:1rem 0}.sidebar-nav{flex:1 1;max-height:calc(100vh - 200px);overflow-y:auto;padding:0 1rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.nav-link{align-items:center;border-radius:8px;color:var(--navbar-text-secondary-color);display:flex;font-weight:500;height:45px;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--navbar-hover-bg);color:var(--navbar-text-color);transform:translateX(4px)}.nav-link.active{background:var(--navbar-active-bg);border-left:3px solid var(--navbar-active-color);color:var(--navbar-active-color);height:45px}.nav-icon{font-size:1.125rem;margin-right:.75rem;position:relative;width:20px}.nav-icon,.notification-badge{align-items:center;display:flex;justify-content:center}.notification-badge{background-color:var(--success-color);border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;height:16px;line-height:1;min-width:16px;padding:2px 5px;position:absolute;right:-8px;top:-6px}.nav-text{font-size:.875rem}.sidebar-user{border-top:1px solid var(--navbar-border-color);display:flex;justify-content:center;padding-top:1rem}.user-info{background:var(--navbar-hover-bg);border-radius:8px;margin-bottom:1rem;padding:.75rem}.user-avatar{align-items:center;background:var(--avatar-bg);border-radius:50%;color:var(--surface-color);display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-right:.75rem;width:40px}.user-details{flex:1 1;min-width:0}.user-name{font-size:.875rem;margin-bottom:.125rem}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--navbar-text-secondary-color);font-size:.75rem}.logout-btn{align-items:center;background:var(--logout-btn-bg);border:1px solid var(--logout-btn-border);border-radius:8px;color:var(--logout-btn-text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.logout-btn:hover{background:var(--logout-btn-hover-bg);color:var(--logout-btn-hover-text)}.logout-icon{font-size:1rem;margin-right:.5rem}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;left:1rem;padding:0;position:fixed;top:1rem;transition:all .3s ease;width:30px;z-index:1002}.hamburger-menu span{background:var(--primary-color);border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sidebar-overlay{animation:fadeIn .3s ease-out forwards;background:#00000080;display:block;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:999}.sidebar-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;position:fixed;right:1rem;top:1rem;width:30px;z-index:1001}.sidebar-toggle span{background:var(--primary-color);border-radius:2px;height:3px;transition:all .3s ease;width:100%}@media (max-width:1024px){.sidebar{width:70px}.sidebar.expanded{width:250px}.sidebar-brand{display:flex;justify-content:center;padding:1rem}.sidebar.expanded .sidebar-brand{justify-content:flex-start;padding:1rem}.brand-icon{margin-right:0}.sidebar.expanded .brand-icon{margin-right:.75rem}.sidebar-nav{max-height:calc(100vh - 180px);padding:0 .5rem}.sidebar.expanded .sidebar-nav{max-height:calc(100vh - 200px);padding:0 1rem}.nav-link{height:45px;justify-content:center;padding:.75rem}.sidebar.expanded .nav-link{height:45px;justify-content:flex-start;padding:.75rem}.nav-icon{margin-right:0}.sidebar.expanded .nav-icon{margin-right:.75rem}.sidebar-user{padding-left:.5rem;padding-right:.5rem}.sidebar.expanded .sidebar-user{padding-left:1rem;padding-right:1rem}}@media (max-width:600px){.sidebar.mobile-hidden{height:100vh;left:0;opacity:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:250px;z-index:1000}.sidebar.mobile-hidden.expanded{opacity:1;transform:translateX(0);visibility:visible}}@media (max-width:768px){.sidebar{display:flex}.sidebar.active{transform:translateY(0)}.user-info{flex-direction:column;text-align:center}.user-avatar{margin-bottom:.5rem;margin-right:0}.user-details{text-align:center}}.auth-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;max-width:550px;padding:2rem;position:relative;width:100%}.back-to-home{align-items:center;border-radius:6px;color:var(--primary-color);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-to-home:hover{background:#6366f11a;transform:translateX(-4px)}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.9rem}.auth-form{margin-bottom:1.5rem}.auth-footer p{font-size:.85rem}.auth-footer{border-top:1px solid var(--border-color);padding-top:1.5rem;text-align:center}.auth-link{color:var(--primary-color);font-size:.85rem;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}label{font-size:.85rem}.password-toggle svg,::placeholder{font-size:.8rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.form-grid .form-group{margin-bottom:0}.form-options{justify-content:space-between;margin-bottom:1.5rem}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;font-size:.75rem;gap:.3rem}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;height:10px;width:10px}.checkbox-label span{font-size:.85rem;-webkit-user-select:none;user-select:none}.password-strength-full-width{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1rem}.strength-header{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.strength-label{color:var(--text-primary)}.strength-label,.strength-text{font-size:.75rem;font-weight:600}.strength-bar{background-color:var(--border-color);border-radius:3px;height:.1rem;margin-bottom:.75rem;overflow:hidden;width:100%}.strength-fill{border-radius:3px;height:100%;transition:width .3s ease,background-color .3s ease}.password-criteria-compact{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:space-between}.criteria-badge{align-items:center;border-radius:16px;cursor:help;display:flex;flex:1 1;font-size:.5rem;font-weight:500;gap:.25rem;justify-content:center;min-width:0;padding:.12rem .5rem;transition:all .2s ease}.criteria-badge.valid{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.criteria-badge.invalid{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.criteria-badge .criteria-icon{align-items:center;display:flex;flex-shrink:0;font-size:.875rem}.criteria-badge .criteria-text{font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-input.password-mismatch{border-color:var(--error-color)!important;box-shadow:0 0 0 2px #ef44441a}.password-mismatch-message{color:var(--error-color);font-size:.6875rem;font-weight:500;margin-top:.25rem}.oauth-m{align-items:center;border-top:1px solid var(--border-color);margin-bottom:16px;padding-top:15px}.label-oauth{font-size:.85rem;text-align:center}.oauth-s{gap:1rem;margin-top:.5rem}.btn-oauth,.oauth-s{align-items:center;display:flex;justify-content:center}.btn-oauth{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);gap:.5rem;padding:8px}.btn-oauth:hover{background-color:var(--border-color);color:var(--text-primary);cursor:pointer;transform:scale(1.01);transition:all .2s ease-in-out}@media(max-width:625px){.oauth-m{display:block;justify-content:center}.oauth-m .label-oauth{text-align:center}.oauth-s{align-items:center;display:flex;justify-content:center;margin-top:8px}}@media(max-width:490px){.oauth-s{flex-direction:column;gap:.75rem}.btn-oauth{justify-content:center;width:100%}}.auth-status{padding:2rem 0;text-align:center}.auth-status p{color:var(--text-primary);margin:.5rem 0}.auth-status.success p{color:#10b981;color:var(--success-color,#10b981)}.auth-status.error p{color:#ef4444;color:var(--error-color,#ef4444)}.loading-spinner{border-top:4px solid var(--border-color);border:4px solid var(--border-color);margin:0 auto 1rem}.error-icon,.success-icon{font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.auth-container{margin:1rem;width:calc(100% - 2rem)}.form-grid{grid-template-columns:1fr}.password-strength-full-width{margin:.75rem 0;padding:.75rem}.password-criteria-compact{flex-wrap:wrap;gap:.25rem}.criteria-badge{flex-basis:calc(50% - 0.125rem);flex-grow:1;flex-shrink:1;font-size:.75rem;min-width:calc(50% - .125rem);padding:.25rem .5rem}.criteria-badge .criteria-text{font-size:.6875rem}}.recovery-info{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg)}.account-info,.recovery-info{margin-bottom:var(--spacing-lg)}.account-info{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.info-grid{grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.info-item{justify-content:space-between;padding:var(--spacing-sm) 0}.info-label{color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.countdown-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid var(--warning-color);border-radius:var(--border-radius);color:#92400e;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);text-align:center}.countdown-header{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.countdown-header h3{color:#92400e;font-size:1.125rem;font-weight:600;margin:0}.countdown-value{color:var(--warning-color);font-size:3rem;font-weight:700;margin:var(--spacing-md) 0;text-shadow:0 2px 4px #0000001a}.countdown-date{color:#92400e;font-size:.875rem;font-weight:500}.recovery-warning{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:#0c4a6e;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.recovery-warning h4{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.recovery-warning ul{list-style:none;margin:0;padding-left:var(--spacing-lg)}.recovery-warning li{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-sm);position:relative}.recovery-actions{margin:var(--spacing-xl) 0;text-align:center}.recovery-btn{align-items:center;background:linear-gradient(135deg,var(--success-color) 0,#059669 100%);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);transition:all .2s ease;width:100%}.recovery-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.recovery-btn:disabled{cursor:not-allowed;opacity:.7}.loading-spinner{align-items:center;color:var(--primary-color);display:flex;font-size:2rem;justify-content:center;padding:var(--spacing-xl)}.spin{animation:spin 1s linear infinite}.terms-checkbox{margin:1.5rem 0}.checkbox-container{align-items:flex-start;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5}.checkbox-container input[type=checkbox]{display:none}.checkmark{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:4px;display:flex;flex-shrink:0;height:15px;justify-content:center;margin-top:2px;transition:all .2s ease;width:15px}.checkbox-container:hover .checkmark{border-color:var(--primary-color)}.checkbox-container input:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-container input:checked+.checkmark:after{color:#fff;content:"✓";font-size:9px;font-weight:700}.checkbox-container input.error+.checkmark{border-color:#ef4444}.form-help{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:6px;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem;padding:.5rem .75rem}.form-help:before{content:"ℹ️";font-size:.875rem}.form-error{color:#ef4444;color:var(--error-color,#ef4444);font-size:.75rem;font-weight:500;margin-top:.25rem}.input-with-icon{align-items:center;display:flex;position:relative}.input-error-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;cursor:help;display:flex;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px;z-index:2}.input-error-icon:hover{background:#ef444433;transform:translateY(-50%) scale(1.1)}.input-error-icon svg{height:14px;width:14px}.input-with-icon .form-input.error{padding-right:45px}.password-error-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;cursor:help;display:flex;height:20px;justify-content:center;position:absolute;right:50px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px;z-index:2}.password-error-icon:hover{background:#ef444433;transform:translateY(-50%) scale(1.1)}.password-error-icon svg{height:14px;width:14px}.password-input-container .form-input.error{padding-right:80px}.checkbox-with-icon{align-items:flex-start;display:flex;gap:.5rem;position:relative}.checkbox-error-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;cursor:help;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s ease;width:20px}.checkbox-error-icon:hover{background:#ef444433;transform:scale(1.1)}.checkbox-error-icon svg{height:14px;width:14px}.checkbox-text{color:var(--text-secondary);flex:1 1}.terms-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.terms-link:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:768px){.countdown-value{font-size:2.5rem}.recovery-info{padding:var(--spacing-md)}.info-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.checkbox-container{font-size:.85rem;gap:.5rem}.checkmark{height:18px;width:18px}}.public-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid var(--border-color);left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar-brand{align-items:center;display:flex;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand-logo{font-weight:500;height:50px;max-width:150px;object-fit:contain;width:auto}.public-navbar .brand-text{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:var(--white-color)!important;letter-spacing:1px;text-transform:uppercase}.navbar-menu{gap:1rem}.navbar-link,.navbar-menu{align-items:center;display:flex}.navbar-link{border-radius:.5rem;color:var(--text-secondary);font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-link:hover{background:#3b82f61a;color:var(--primary-color)}.nav-cta{background:var(--primary-color);border-radius:2rem;color:#fff!important;font-weight:600;padding:.75rem 1.5rem}.nav-cta:hover{background:#2563eb!important;background:var(--primary-dark,#2563eb)!important;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.mobile-menu-button{background:none;border:none;border-radius:.25rem;color:var(--white-color);cursor:pointer;display:none;padding:.5rem;transition:all .3s ease}.mobile-menu-button:hover{background:#ffffff1a}.mobile-menu{background:#0f172afa;border-bottom:1px solid var(--border-color);display:none;flex-direction:column;left:0;opacity:0;padding:1rem 0;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;z-index:-1}.mobile-menu.open{margin:.5rem .5rem 0 50%;opacity:1;transform:translateY(0);z-index:1000}.mobile-menu-link{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:.75rem;text-decoration:none;transition:all .2s ease}.mobile-menu-link:hover{background:#3b82f61a;color:var(--primary-color)}@media (max-width:822px){.navbar-container{padding:1rem}.navbar-menu{display:none}.mobile-menu{background:#0f172afa;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;display:flex;flex-direction:column;gap:1rem;padding:1rem}.mobile-menu-button{align-items:center;background:#ffffff1a;border-radius:8px;color:var(--white-color);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.navbar-link{font-size:.9rem;padding:.5rem .75rem}.nav-cta{padding:.6rem 1.2rem}.brand-text{font-size:1.3rem}}.footer{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-top:1px solid var(--border-color);margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-top{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:3rem 0}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-brand{align-items:center;display:flex;margin-bottom:1rem}.footer-brand-logo{font-weight:500;height:50px;max-width:150px;object-fit:contain;width:auto}.footer-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:var(--primary-color);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.footer-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-links a,.footer-links span{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);padding:2rem 0}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-copyright{color:var(--text-secondary);font-size:.9rem;margin:0}.footer-legal-links{align-items:center;display:flex;gap:.75rem;margin:.5rem 0}.legal-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .3s ease}.legal-link:hover{color:var(--primary-color);text-decoration:underline}.separator{color:var(--text-secondary);font-size:.8rem;opacity:.5}.footer-made-with{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin:0}.heart-icon{animation:heartbeat 2s ease-in-out infinite;color:#ef4444}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1024px){.footer-top{gap:2rem;grid-template-columns:2fr 1fr 1fr}.footer-top .footer-section:last-child{grid-column:1/-1;grid-row:2}}@media (max-width:768px){.footer-container{padding:0 1rem}.footer-top{gap:2rem;grid-template-columns:1fr;padding:2rem 0}.footer-bottom-content{flex-direction:column;gap:.5rem;text-align:center}.footer-legal-links,.footer-social{justify-content:center}}@media (max-width:480px){.footer-brand{justify-content:center}.footer-description{text-align:center}.footer-links{align-items:center}}@media (max-width:460px){.footer-section{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}}.home-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;min-height:100vh;padding-top:80px}.hero-section{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.hero-content{flex:1 1;max-width:600px}.hero-title{color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{color:var(--primary-color);position:relative}.highlight:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;right:0}.hero-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:460px){.hero-actions{align-items:center;display:inline-flex;flex-direction:column;gap:1rem;justify-content:center}}.btn-large{font-weight:600;gap:.5rem;min-width:180px;padding:.65rem 1rem}.btn-large,.hero-visual{align-items:center;display:flex;justify-content:center}.hero-visual{flex:1 1}.security-badge{align-items:center;animation:float 3s ease-in-out infinite;background:#0000;border-radius:50%;display:flex;flex-direction:column;gap:1rem;padding:2rem}.hifadhui-logo{filter:drop-shadow(0 10px 30px rgba(30,144,255,.3));height:200px;width:200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features-section{background:var(--bg-secondary);padding:5rem 2rem}.container-home{margin:0 auto;max-width:1200px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.icon-feature{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;color:#fff;display:inline-flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.feature-title{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.feature-description{color:var(--text-secondary);line-height:1.6}.stats-section{background:var(--bg-primary);padding:4rem 2rem}.stats-grid{grid-gap:2rem;gap:2rem}.stat-card{background:var(--bg-tertiary);border-radius:1rem;padding:2rem}.stat-icon{background:var(--primary-color);border-radius:50%;color:#fff;display:inline-flex;font-size:1.5rem;height:60px;margin-bottom:1rem;width:60px}.stat-number{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.79rem;letter-spacing:1px;text-transform:uppercase}.cta-section{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:5rem 2rem;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}@media (max-width:768px){.hero-section{flex-direction:column;gap:2rem;min-height:auto;padding:2rem 1rem;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.btn-large{flex:1 1;min-width:auto}.security-badge{padding:2rem}.features-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}}.contact-container{max-width:600px}.form-row{display:flex;gap:1rem;width:100%}.form-row .form-group{flex:1 1}.form-textarea{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;min-height:120px;padding:.875rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea:disabled{cursor:not-allowed;opacity:.6}.form-textarea::placeholder{color:var(--text-secondary)}.contact-info{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1.5rem}.contact-note{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;text-align:center}.contact-note strong{color:var(--primary-color)}@media (max-width:768px){.contact-container{margin:1rem;padding:1.5rem}.form-textarea{min-height:100px}.success-icon{font-size:1.5rem;height:60px;width:60px}.form-row{flex-direction:column;gap:0}}.privacy-notice{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border:1px solid #007bff;border:1px solid var(--primary-color,#007bff);border-radius:12px;margin:1.5rem 0;margin:var(--spacing-lg,1.5rem) 0;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative}.privacy-notice:before{background:#007bff;background:var(--primary-color,#007bff);border-radius:2px 0 0 2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.privacy-notice p{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;line-height:1.6;margin:0}.privacy-highlight{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:2px solid #28a745;border:2px solid var(--success-color,#28a745);border-radius:16px;box-shadow:0 8px 25px #28a74526;margin:2rem 0;margin:var(--spacing-xl,2rem) 0;padding:2rem;padding:var(--spacing-xl,2rem);position:relative}.privacy-highlight:before{background:#28a745;background:var(--success-color,#28a745);border-radius:3px 0 0 3px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.privacy-highlight h4{align-items:center;color:#28a745;color:var(--success-color,#28a745);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);margin-top:0}.privacy-highlight ul{margin-bottom:0}.privacy-highlight li{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem)}.legal-content h4 .section-icon{color:#007bff;color:var(--primary-color,#007bff);margin-right:.5rem;margin-right:var(--spacing-sm,.5rem)}.legal-page{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);font-family:var(--font-family);min-height:100vh;padding:var(--spacing-xl) var(--spacing-md)}.legal-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;margin:0 auto;max-width:1200px;overflow:hidden}.legal-header{background:var(--bg-tertiary);color:var(--white-color);padding:var(--spacing-xl);position:relative}.back-link{align-items:center;color:#ffffffe6;display:inline-flex;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--white-color)}.legal-title{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.legal-icon{font-size:2.5rem;opacity:.9}.legal-title h1{font-family:var(--font-family);font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.legal-subtitle{font-size:1rem;font-weight:400;margin:0;opacity:.8}.legal-content{color:var(--text-primary);line-height:1.7;padding:var(--spacing-xl) var(--spacing-xl)}.legal-section{margin-bottom:var(--spacing-xl)}.legal-section:last-child{margin-bottom:0}.section-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.section-icon{color:var(--primary-color);font-size:1.5rem}.legal-section h2{border-bottom:2px solid var(--border-color);font-size:1.75rem;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.legal-section h2,.legal-section h3{color:var(--text-primary);font-family:var(--font-family);font-weight:600}.legal-section h3{font-size:1.25rem;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.legal-section p{color:var(--text-secondary);margin-bottom:var(--spacing-md);text-align:justify}.legal-section ul{margin:var(--spacing-md) 0;padding-left:1.5rem}.legal-section li{color:var(--text-secondary);margin-bottom:var(--spacing-sm);position:relative}.legal-section li strong{color:var(--text-primary);font-weight:600}.prohibited-content{background:var(--bg-tertiary);border:1px solid var(--error-color);border-radius:var(--border-radius);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.prohibited-content p{color:var(--error-color);font-weight:600;margin-bottom:var(--spacing-md)}.prohibited-content ul{margin:0}.prohibited-content li{color:var(--text-secondary)}.rights-actions{background:var(--bg-tertiary);border:1px solid var(--primary-color);border-radius:var(--border-radius);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.rights-actions h3{color:var(--primary-color);margin-top:0}.contact-info{background:var(--bg-tertiary);border-radius:var(--border-radius);margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.contact-item{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.contact-item:last-child{margin-bottom:0}.contact-item strong{color:var(--text-primary);min-width:120px}.contact-item a{color:var(--primary-color);font-weight:500;text-decoration:none}.contact-item a:hover{text-decoration:underline}.legal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl);text-align:center}.legal-footer p{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md)}.legal-links{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.legal-links a{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.legal-links a:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:768px){.legal-page{padding:var(--spacing-md) var(--spacing-sm)}.legal-header{padding:var(--spacing-lg)}.legal-icon,.legal-title h1{font-size:2rem}.legal-content{padding:var(--spacing-xl) var(--spacing-lg)}.legal-section h2{font-size:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.contact-item{flex-direction:column;gap:var(--spacing-xs)}.contact-item strong{min-width:auto}.legal-links{flex-direction:column;gap:var(--spacing-md)}}@media (max-width:480px){.legal-page{padding:var(--spacing-sm)}.legal-container{border-radius:var(--border-radius)}.legal-header{padding:var(--spacing-md)}.legal-title{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.legal-title h1{font-size:1.75rem}.legal-content{padding:var(--spacing-lg) var(--spacing-md)}.legal-section{margin-bottom:var(--spacing-xl)}.contact-info,.prohibited-content,.rights-actions{padding:var(--spacing-md)}.legal-footer{padding:var(--spacing-lg) var(--spacing-md)}}.legal-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.legal-section{animation:fadeIn .8s ease-out;animation-fill-mode:both}.legal-section:first-child{animation-delay:.1s}.legal-section:nth-child(2){animation-delay:.2s}.legal-section:nth-child(3){animation-delay:.3s}.legal-section:nth-child(4){animation-delay:.4s}.legal-section:nth-child(5){animation-delay:.5s}.back-link:focus,.legal-page a:focus{border-radius:4px}.back-link:focus,.legal-page a:focus,.legal-section h2:focus,.legal-section h3:focus{outline:2px solid #3b82f6;outline-offset:2px}.legal-content{font-size:1rem}@media (prefers-reduced-motion:reduce){.legal-container,.legal-section{animation:none}}.dashboard .metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}@media (max-width:1024px){.dashboard .metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard .metrics-grid{grid-template-columns:1fr}}.recent-files-list{display:flex;flex-direction:column;gap:1rem}.recent-file-item{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.recent-file-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.recent-file-info{align-items:center;display:flex;flex-grow:1;gap:1.5rem}.recent-file-icon{color:var(--primary-color);font-size:1.75rem}.recent-file-details{flex-grow:1}.recent-file-name{color:var(--text-primary);font-weight:600}.recent-file-meta{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.recent-file-actions{display:flex;gap:.75rem}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-secondary)}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .2s ease-in-out}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-icon{align-items:center;border-radius:8px;display:flex;font-size:1.25rem;height:40px;justify-content:center;margin:0!important;width:40px}.stat-icon.primary{background:#eff6ff;color:var(--primary-color)}.stat-icon.success{background:#f0fdf4;color:var(--success-color)}.stat-icon.warning{background:#fffbeb;color:var(--warning-color)}.stat-icon.info{background:#f0f9ff;color:#0ea5e9}.stat-value{align-items:center;display:flex;font-size:2rem;height:40px;justify-content:center;margin-bottom:.25rem}.stat-change{font-size:.75rem;font-weight:500}.stat-change.positive{color:var(--success-color)}.stat-change.negative{color:var(--danger-color)}.dashboard-content{margin-top:2rem}.card-actions{align-items:center;display:flex;gap:1rem}@media (max-width:532px){.card-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.admin-dashboard{background:var(--bg-primary);min-height:100vh;padding:20px}.dashboard-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:30px}.dashboard-header-top{align-items:center;display:flex;gap:1rem;justify-content:space-between}.dashboard-header h1{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:24px;font-weight:600;gap:.75rem;margin:0}.dashboard-controls{align-items:center;display:flex;gap:16px}.time-range-selector{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;padding:4px;width:-webkit-fit-content;width:fit-content}.refresh-btn{border-radius:6px;font-size:14px;font-weight:500}.status-blocked{background:#dc26261a;border:1px solid #dc262633;border-radius:4px;color:#dc2626!important;font-weight:600;padding:4px 8px}.status-normal{color:#10b981;font-weight:600}.status-warning{color:#f59e0b;font-weight:600}.status-suspended{color:#ef4444;font-weight:600}.profil-modal-content.reported-user-modal-wide{max-width:1000px!important;width:99vw!important}.report-type.specified{color:#10b981;font-weight:600}.report-type.unspecified{color:#6b7280;font-style:italic}.report-file.specified{color:#3b82f6;font-weight:500}.report-file.unspecified{color:#6b7280;font-style:italic}.report-source{color:#8b5cf6;font-weight:500}.report-reason{background:#ffffff1a;border-radius:4px;color:#fff;font-weight:500;line-height:1.4;padding:4px 8px}.evidence-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.evidence-item{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:12px;padding:4px 8px}.report-detail-item{margin-bottom:8px}.report-detail-item strong{color:#374151;display:inline-block;width:120px}.btn-secondary{background:#6b7280;border:1px solid #6b7280;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#4b5563;border-color:#4b5563}.btn-secondary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.profil-modal-content.reported-user-modal-wide h2{font-size:1.5rem;margin:0}.reported-user-two-columns{grid-column-gap:55px!important;column-gap:55px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.reported-user-two-columns .info-group{border-bottom:1px solid var(--border-color)!important;padding-bottom:8px!important}.reported-user-two-columns .info-group:last-child{border-bottom:none!important;margin-bottom:0!important}.modal-actions-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:1rem;padding-top:20px}.actions-header{margin-bottom:12px}.actions-header label{color:var(--text-primary);font-size:14px;font-weight:600}.moderation-actions{flex-wrap:wrap;gap:12px}.moderation-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;height:30px;justify-content:center;min-width:90px;padding:4px;transition:all .2s ease}.moderation-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.action-btn{border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.moderation-btn.warn-btn{background-color:#f59e0b;color:#fff}.moderation-btn.warn-btn:hover{background-color:#d97706}.moderation-btn.suspend-btn{background-color:#ef4444;color:#fff}.moderation-btn.suspend-btn:hover{background-color:#dc2626}.moderation-btn.delete-btn{background-color:#dc2626;color:#fff}.moderation-btn.delete-btn:hover{background-color:#b91c1c}.action-btn.warn-btn{background-color:#f59e0b;color:#fff}.action-btn.warn-btn:hover{background-color:#d97706}.action-btn.suspend-btn{background-color:#ef4444;color:#fff}.action-btn.delete-btn,.action-btn.suspend-btn:hover{background-color:#dc2626}.action-btn.delete-btn{color:#fff}.action-btn.delete-btn:hover{background-color:#b91c1c}@media (max-width:768px){.profil-modal-content.reported-user-modal-wide{max-width:95vw!important;width:95vw!important}.reported-user-two-columns{column-gap:0!important;gap:0!important;grid-template-columns:1fr!important}.modal-actions-section{padding:15px}.moderation-actions{flex-direction:column;gap:10px}.moderation-btn{min-width:0;min-width:auto}.action-btn,.moderation-btn{justify-content:center;width:100%}}.refresh-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.refresh-btn .spinning{animation:spin 1s linear infinite}.time-range-selector button{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.time-range-selector button:hover{background:var(--bg-secondary);color:var(--text-primary)}.time-range-selector button.active{background:var(--primary-color);color:#fff}.loading-container{min-height:400px}.metric-icon{font-size:1.5rem}.metric-icon.unread{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-icon.read{background:linear-gradient(135deg,#10b981,#047857)}.metric-icon.sent{background:linear-gradient(135deg,#3b82f6,#1e40af)}.metric-icon.total{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-icon.alerts{background:linear-gradient(135deg,#ef4444,#dc2626)}.metric-icon.info{background:linear-gradient(135deg,#06b6d4,#0891b2)}.metric-content h3,.metric-subtitle{font-size:.875rem}.messages-page{background:var(--background-color);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.messages-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.header-title{align-items:center;display:flex;flex:1 1;gap:1rem}.title-content{display:flex;flex-direction:column;gap:.25rem}.header-title h1{align-items:center;color:var(--text-primary);display:flex;font-size:24px;font-weight:700;gap:.75rem;margin:0}.page-icon{color:var(--primary-color);font-size:24px}.header-title p{color:var(--text-secondary);font-size:1rem;margin:0}.header-actions{flex-shrink:0;gap:1rem}.messages-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.tab-btn{background:none;white-space:nowrap}.tab-btn.active,.tab-btn:hover{background:var(--surface-color);color:var(--primary-color)}.tab-btn.active{border-bottom:2px solid var(--primary-color);margin-bottom:-2px}.tab-notification-badge{align-items:center;background-color:var(--success-color);border-radius:10px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;line-height:1;margin-left:6px;min-width:18px;padding:2px 6px}.messages-toolbar{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.messages-list{display:flex;flex-direction:column;gap:1rem}.message-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.message-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.message-card.unread{background:linear-gradient(90deg,#f59e0b0d 0,var(--surface-color) 100%);border-left:4px solid var(--warning-color)}.message-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.message-meta{align-items:center;display:flex;flex:1 1;gap:1rem}.message-type-icon{border-radius:8px;flex-shrink:0;font-size:1.25rem;padding:.5rem}.message-type-icon.contact{background:#3b82f61a;color:var(--primary-color)}.message-type-icon.sent{background:#10b9811a;color:var(--success-color)}.message-type-icon.notification{background:#f59e0b1a;color:var(--warning-color)}.notification-type-icon{border-radius:8px;flex-shrink:0;font-size:1.25rem;padding:.5rem}.notification-type-icon.alert{background:#ef44441a;color:#ef4444}.notification-type-icon.warning{background:#f59e0b1a;color:#f59e0b}.notification-type-icon.info{background:#06b6d41a;color:#06b6d4}.notification-type-icon.success{background:#10b9811a;color:#10b981}.source-icon{color:var(--text-muted);font-size:.75rem}.notification-metadata{background:var(--background-color);border-radius:6px;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding:.75rem}.metadata-item{color:var(--text-secondary);font-size:.75rem}.unread-indicator{animation:pulse 2s infinite;background:var(--warning-color);border-radius:50%;height:8px;position:absolute;right:1rem;top:1rem;width:8px}.message-info{flex:1 1}.message-from{color:var(--text-primary);font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.message-date,.message-from{align-items:center;display:flex}.message-date{color:var(--text-muted);font-size:.75rem;gap:.25rem}.message-actions{display:flex;flex-shrink:0;gap:.5rem}.action-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem}.action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-btn.danger:hover{background:var(--error-color);border-color:var(--error-color)}.message-content{margin-left:3.25rem}.message-subject{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .5rem}.message-preview{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.empty-state{color:var(--text-muted);padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:var(--text-secondary);font-size:1.25rem;margin:0 0 .5rem}.btn,.empty-state p{font-size:.875rem}.btn{display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-color)}.btn-secondary:hover{background:var(--border-color)}.btn-outline{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{background:var(--surface-color);color:var(--text-primary)}.error-message{align-items:center;background:#ef44441a;border-radius:var(--border-radius);display:flex;gap:.5rem;margin-bottom:1rem}.pagination-container{align-items:center;justify-content:space-between;margin-top:2rem;padding:1rem 0}.pagination-controls{gap:.5rem}.pagination-controls .btn{font-size:.875rem;padding:.5rem 1rem}.pagination-controls .btn:disabled{cursor:not-allowed;opacity:.5}.pagination-controls .btn:disabled:hover{background:var(--surface-color);color:var(--text-secondary);transform:none}.modal-overlay{background:#00000080;padding:2rem}.modal-content{background:var(--surface-color);border-radius:var(--border-radius);max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{padding:1.5rem}.modal-header h2{border-radius:6px;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.message-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto}.modal-icon{color:var(--primary-color);margin-right:.5rem}.loading-detail{align-items:center;display:flex;justify-content:center;min-height:200px}.message-detail-content{display:flex;flex-direction:column;gap:1.5rem}.message-detail-header{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.message-type-badge{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.message-type-text{font-size:.875rem}.message-status-badge .status-indicator{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.status-indicator.unread{background:#f59e0b1a;border:1px solid #f59e0b;color:#f59e0b}.status-indicator.read{background:#10b9811a;border:1px solid #10b981;color:#10b981}.status-indicator.replied{background:#3b82f61a;border:1px solid #3b82f6;color:#3b82f6}.message-detail-info{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{flex-direction:column;gap:.25rem}.info-item label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:var(--text-primary);font-size:.875rem}.priority-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.priority-badge.high{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.priority-badge.urgent{background:#dc26261a;border:1px solid #dc2626;color:#dc2626}.priority-badge.normal{background:#6b72801a;border:1px solid #6b7280;color:#6b7280}.priority-badge.low{background:#10b9811a;border:1px solid #10b981;color:#10b981}.message-detail-content-section{display:flex;flex-direction:column;gap:.75rem}.message-detail-content-section label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.message-content-display{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;max-height:300px;overflow-y:auto;padding:1.5rem}.html-content,.text-content{color:var(--text-primary);line-height:1.6}.text-content{font-family:inherit;white-space:pre-wrap}.message-metadata-section{display:flex;flex-direction:column;gap:.75rem}.message-metadata-section label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metadata-grid{grid-gap:.75rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.metadata-item{flex-direction:column;gap:.25rem}.metadata-key{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.metadata-value{background:var(--surface-color);border-radius:4px;color:var(--text-primary);font-size:.875rem;padding:.25rem .5rem;word-break:break-all}.message-attachments-section{display:flex;flex-direction:column;gap:.75rem}.message-attachments-section label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.attachments-list{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem}.attachment-item{border-radius:6px;gap:.75rem;padding:.75rem}.attachment-icon{color:var(--primary-color);font-size:1.25rem}.attachment-name{flex:1 1}.attachment-size{color:var(--text-muted)}.message-detail-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.btn.danger{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn.danger:hover{background:#ef4444;color:#fff}.gmail-messages-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.gmail-messages-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.gmail-toolbar{align-items:center;display:flex;gap:.75rem}.gmail-select-all{cursor:pointer;height:16px;margin:0;width:16px}.gmail-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:.5rem;transition:all .2s ease}.gmail-action-btn:hover{background:var(--border-color);color:var(--text-primary)}.gmail-action-btn.delete-btn{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444;padding:8px 12px}.gmail-action-btn.delete-btn:hover{background-color:#ef444433;color:#dc2626}.gmail-pagination-info{color:var(--text-secondary);font-size:.875rem}.gmail-messages-list{max-height:600px;overflow-y:auto}.gmail-messages-list::-webkit-scrollbar{width:8px}.gmail-messages-list::-webkit-scrollbar-track{background:#0000}.gmail-messages-list::-webkit-scrollbar-thumb{background-color:#566573;border:2px solid var(--bg-secondary);border-radius:10px}.gmail-messages-list::-webkit-scrollbar-thumb:hover{background-color:#808b96}.pagination-container{border-top:1px solid var(--border-color);display:flex;justify-content:center;margin-top:10px;padding:20px 0}.admin-delete-modal-overlay{background-color:#00000080;z-index:1000}.admin-delete-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow:hidden}.admin-delete-header{background:var(--bg-secondary);padding:20px 24px}.admin-delete-title{gap:12px}.admin-delete-icon{font-size:24px}.admin-delete-title h3{font-size:18px}.admin-delete-close{font-size:20px;padding:8px;transition:all .2s ease}.admin-delete-close:hover{background:var(--bg-hover)}.admin-delete-close:disabled{cursor:not-allowed;opacity:.5}.admin-delete-body{padding:24px}.admin-delete-body p{font-size:16px;margin:0 0 16px}.admin-delete-warning{color:var(--text-secondary)!important;font-size:14px!important}.admin-delete-actions{background:var(--bg-secondary);gap:12px;padding:20px 24px}.admin-delete-actions .btn{align-items:center;display:flex;gap:8px;justify-content:center;min-width:100px}.admin-delete-actions .btn:disabled{cursor:not-allowed;opacity:.6}.gmail-message-row{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:grid;grid-template-columns:40px 40px 200px 1fr 100px 80px;padding:.75rem 1rem;position:relative;transition:all .2s ease}.gmail-message-row:hover{background:var(--background-color);box-shadow:inset 2px 0 0 var(--primary-color)}.gmail-message-row.unread{background:#3b82f605;font-weight:600}.gmail-message-row.unread .gmail-subject{color:var(--text-primary);font-weight:700}.gmail-message-checkbox{align-items:center;display:flex;justify-content:center}.gmail-message-checkbox input{cursor:pointer;height:16px;margin:0;width:16px}.gmail-message-star{align-items:center;display:flex;justify-content:center}.star-btn{background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:.25rem;transition:all .2s ease}.star-btn:hover{color:#fbbf24}.gmail-message-sender{color:var(--text-primary);font-size:.875rem;font-weight:500;overflow:hidden;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap}.gmail-message-row.unread .gmail-message-sender{font-weight:700}.gmail-message-content{flex:1 1;min-width:0;padding-right:1rem}.gmail-message-subject-line{align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-subject{color:var(--text-primary);flex-shrink:0;font-size:.875rem;margin-right:.5rem}.gmail-preview{color:var(--text-secondary);flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gmail-message-date{font-size:.75rem;padding-right:.5rem;text-align:right;white-space:nowrap}.gmail-message-row.unread .gmail-message-date{color:var(--text-primary);font-weight:600}.gmail-message-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.gmail-message-row:hover .gmail-message-actions{opacity:1}.gmail-unread-indicator{background:var(--primary-color);border-radius:0 2px 2px 0;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.gmail-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.gmail-empty-state .empty-icon{color:var(--text-muted);font-size:3rem;margin-bottom:1rem}.gmail-empty-state h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem}.gmail-empty-state p{color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.gmail-message-row{gap:.5rem;grid-template-columns:40px 1fr 80px}.gmail-message-sender,.gmail-message-star{display:none}.gmail-message-content{padding-right:.5rem}.gmail-message-subject-line{align-items:flex-start;flex-direction:column;gap:.25rem}.gmail-subject{margin-right:0}}.gmail-message-modal{background:var(--surface-color);border-radius:8px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-width:900px;overflow:hidden;width:70vw}.gmail-modal-loading{align-items:center;display:flex;justify-content:center;min-height:300px;padding:2rem}.gmail-modal-header{align-items:flex-start;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:25px 25px 15px}.gmail-modal-subject h1{color:var(--text-primary);font-size:1.5rem;font-weight:400;line-height:1.3;margin:0 0 .5rem}.gmail-modal-labels{display:flex;gap:.5rem}.gmail-label{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.gmail-label.contact_received{background:#10b9811a;border:1px solid #10b981;color:#10b981}.gmail-label.email_sent{background:#3b82f61a;border:1px solid #3b82f6;color:#3b82f6}.gmail-label.notification{background:#f59e0b1a;border:1px solid #f59e0b;color:#f59e0b}.gmail-label.alert{background:#ef44441a;border:1px solid #ef4444;color:#ef4444}.gmail-modal-actions{display:flex;gap:.5rem}.gmail-header-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.gmail-header-btn:hover{background:var(--border-color);color:var(--text-primary)}.gmail-close-btn{color:var(--text-muted)}.gmail-modal-content{flex:1 1;overflow-y:auto;padding:0 2rem 2rem}.gmail-message-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.gmail-sender-info{align-items:flex-start;display:flex;gap:1rem}.gmail-sender-avatar{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:40px;justify-content:center;width:40px}.gmail-sender-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.gmail-sender-name-line{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.gmail-sender-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.gmail-sender-email{color:var(--text-secondary);font-size:.813rem;font-weight:400}.gmail-recipient-info{align-items:center;display:flex;gap:.25rem;position:relative}.gmail-dropdown-arrow,.gmail-to-me{color:var(--text-secondary);font-size:.75rem}.gmail-dropdown-arrow{align-items:center;background:none;border:none;border-radius:2px;cursor:pointer;display:flex;justify-content:center;padding:.125rem;transition:all .2s ease}.gmail-dropdown-arrow:hover{background:var(--border-color);color:var(--text-primary)}.gmail-tooltip{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;font-size:.75rem;left:0;line-height:1.4;min-width:300px;padding:1rem;position:absolute;top:100%;z-index:1000}.gmail-tooltip-header{color:var(--text-primary);margin-bottom:.5rem}.gmail-tooltip-row{color:var(--text-primary);margin-bottom:.25rem}.gmail-tooltip-row:last-child{margin-bottom:0}.gmail-tooltip strong{color:var(--text-secondary);font-weight:600}.gmail-message-meta{align-items:center;display:flex;gap:1rem}.gmail-message-date{color:var(--text-secondary);font-size:.875rem}.gmail-dropdown-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .2s ease}.gmail-dropdown-btn:hover{background:var(--border-color);color:var(--text-primary)}.gmail-message-body{line-height:1.6;margin-bottom:2rem}.gmail-html-content,.gmail-text-content{color:var(--text-primary);font-size:.875rem;white-space:pre-wrap}.gmail-attachments{border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;overflow:hidden}.gmail-attachments-header{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem}.gmail-attachments-list{padding:1rem}.gmail-attachment-item{align-items:center;border:1px solid var(--border-color);border-radius:6px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem}.gmail-attachment-item:last-child{margin-bottom:0}.attachment-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.attachment-name{font-size:.875rem}.attachment-size{font-size:.75rem}.attachment-download{background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;padding:.5rem;transition:all .2s ease}.attachment-download:hover{background:var(--border-color)}.gmail-technical-details{margin-bottom:2rem}.gmail-details-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 0}.gmail-details-toggle:hover{color:var(--text-primary)}.gmail-details-content{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;padding:1rem}.gmail-detail-item{display:flex;font-size:.75rem;gap:1rem;margin-bottom:.5rem}.detail-key{color:var(--text-secondary);font-weight:600;min-width:120px}.detail-value{font-family:Courier New,monospace;word-break:break-all}.gmail-modal-footer{background:var(--background-color);border-top:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem 2rem}.gmail-reply-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.gmail-reply-primary{background:var(--primary-color);color:#fff}.gmail-reply-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.gmail-reply-secondary{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary)}.gmail-reply-secondary:hover{background:var(--background-color);border-color:var(--text-secondary);color:var(--text-primary)}@media (max-width:768px){.gmail-message-modal{height:95vh;max-height:none;width:95vw}.gmail-modal-content,.gmail-modal-footer,.gmail-modal-header{padding-left:1rem;padding-right:1rem}.gmail-message-header-info{flex-direction:column;gap:1rem}.gmail-modal-footer{flex-direction:column}.gmail-reply-btn{justify-content:center}}.alerts-section{margin-bottom:30px}.alerts-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin-bottom:20px}.alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.alert-card{border-radius:12px;padding:20px;position:relative}.alert-card.warning{background:#f59e0b1a;border-left-color:var(--warning-color)}.alert-card.error{background:#ef44441a;border-left-color:var(--error-color)}.alert-card.info{background:#3b82f61a;border-left-color:var(--primary-color)}.alert-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.alert-card p{color:var(--text-secondary);font-size:.875rem;margin:0 0 16px}.alert-action{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.alert-action:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.charts-section{margin-bottom:30px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.chart-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:24px}.chart-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0 0 20px}.realtime-section{margin-bottom:30px}.realtime-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.realtime-card{border-radius:12px;padding:24px}.realtime-header{align-items:center;display:flex;justify-content:space-between}.realtime-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.online-indicator,.realtime-header h3{align-items:center;display:flex;gap:8px}.online-indicator{color:var(--text-secondary);font-size:.875rem}.online-dot{animation:pulse 2s infinite;background:var(--success-color);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.dashboard-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.dashboard-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:8px;margin-bottom:20px}.chart-fallback{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.chart-fallback h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 16px}.chart-placeholder{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center}.chart-placeholder svg{color:var(--primary-color);opacity:.6}.chart-placeholder p{color:var(--text-primary);font-weight:500;margin:0}.chart-placeholder small{color:var(--text-secondary);font-size:.875rem}.refresh-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.last-update{color:var(--text-secondary);font-size:.875rem}.header-actions{align-items:center;display:flex;gap:16px}.status-indicator{align-items:center;display:flex;font-size:1.5rem}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.resource-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.resource-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:8px;margin:0 0 16px}.progress-bar{border-radius:4px;height:8px;margin:12px 0}.progress-text{color:var(--text-secondary);font-size:.875rem;text-align:center}.resource-value{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:8px 0}.resource-label{color:var(--text-secondary);font-size:.875rem}.errors-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.errors-list{display:flex;flex-direction:column;gap:12px}.error-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px}.error-header{gap:12px;margin-bottom:8px}.error-header,.error-severity{align-items:center;display:flex}.error-type{color:var(--text-primary);font-weight:600}.error-time{margin-left:auto}.error-message,.error-time{color:var(--text-secondary);font-size:.875rem}.error-user{color:var(--text-primary);font-weight:500}.no-errors{align-items:center;color:var(--success-color);display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center}.no-errors svg{font-size:2rem}.filters-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:20px}.filter-group{gap:8px}.filter-group label{color:var(--text-primary);font-size:.875rem;font-weight:600}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;background:var(--bg-primary);border-radius:8px;display:flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:var(--bg-hover)}.date-inputs{align-items:center;display:flex;gap:12px}.date-inputs input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:8px 12px}.date-inputs span{color:var(--text-secondary);font-size:.875rem}.report-actions{gap:12px;margin-bottom:20px}.export-btn{align-items:center;background:var(--success-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:8px 16px;transition:all .2s ease}.export-btn:hover{background:var(--success-hover);transform:translateY(-1px)}.data-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.data-table{border-collapse:collapse;table-layout:fixed;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:12px 16px;text-align:left;vertical-align:middle}.data-table th{background:var(--bg-primary);color:var(--text-primary);font-weight:600;white-space:nowrap}.data-table th svg{margin-right:6px;vertical-align:middle}.data-table td{color:var(--text-secondary);white-space:nowrap}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table.usage-report td:first-child,.data-table.usage-report td:nth-child(2),.data-table.usage-report th:first-child,.data-table.usage-report th:nth-child(2){width:20%}.data-table.usage-report td:nth-child(3),.data-table.usage-report th:nth-child(3){width:25%}.data-table.usage-report td:nth-child(4),.data-table.usage-report th:nth-child(4){width:20%}.data-table.usage-report td:nth-child(5),.data-table.usage-report th:nth-child(5){width:15%}.data-table.users-report td:first-child,.data-table.users-report td:nth-child(2),.data-table.users-report th:first-child,.data-table.users-report th:nth-child(2){width:25%}.data-table.users-report td:nth-child(3),.data-table.users-report th:nth-child(3){width:20%}.data-table.users-report td:nth-child(4),.data-table.users-report td:nth-child(5),.data-table.users-report th:nth-child(4),.data-table.users-report th:nth-child(5){width:15%}.data-table.files-report td:first-child,.data-table.files-report th:first-child{width:20%}.data-table.files-report td:nth-child(2),.data-table.files-report td:nth-child(3),.data-table.files-report td:nth-child(4),.data-table.files-report th:nth-child(2),.data-table.files-report th:nth-child(3),.data-table.files-report th:nth-child(4){width:15%}.data-table.files-report td:nth-child(5),.data-table.files-report th:nth-child(5){width:20%}.data-table.files-report td:nth-child(6),.data-table.files-report th:nth-child(6){width:15%}.data-table.storage-report td:first-child,.data-table.storage-report th:first-child{width:20%}.data-table.storage-report td:nth-child(2),.data-table.storage-report td:nth-child(3),.data-table.storage-report th:nth-child(2),.data-table.storage-report th:nth-child(3){width:25%}.data-table.storage-report td:nth-child(4),.data-table.storage-report td:nth-child(5),.data-table.storage-report th:nth-child(4),.data-table.storage-report th:nth-child(5){width:15%}.insights-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.reports-list{display:flex;flex-direction:column;gap:20px}.report-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.report-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.report-header{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.report-header,.report-type{align-items:center;display:flex}.report-type{color:var(--text-primary);font-weight:600;gap:8px}.report-type svg{color:var(--warning-color)}.status-badge{color:#fff;font-size:.875rem;padding:4px 12px}.report-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr auto;margin-bottom:20px}.report-details{display:flex;flex-direction:column;gap:20px}.file-section,.report-section,.user-section{background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;padding:16px}.file-header,.report-header,.user-header{align-items:center;color:#64b5f6;display:flex;font-weight:600;gap:8px;margin-bottom:12px}.section-icon{font-size:1.1rem}.file-info,.report-info,.user-info{display:flex;flex-direction:column;gap:8px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.info-row .label{color:#b0bec5;font-size:.875rem;font-weight:500;min-width:120px}.info-row .value{color:#fff;flex:1 1;font-size:.875rem;text-align:right}.auto-badge{align-items:center;background:#4caf5033;border-radius:12px;color:#4caf50;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:2px 8px}.report-info{display:flex;flex-direction:column;gap:8px}.info-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px}.info-item svg{color:var(--primary-color);flex-shrink:0}.report-description h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:8px}.report-description p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.report-preview{align-items:center;display:flex;justify-content:center;max-width:200px;min-width:120px}.preview-image{border-radius:8px;max-height:120px;max-width:100%;object-fit:cover}.preview-file{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.preview-file svg{color:var(--primary-color);font-size:2rem}.report-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;padding-top:15px}.action-btn{font-size:.875rem;font-weight:500;gap:6px;padding:8px 12px}.action-btn.view{background:var(--primary-color);color:#fff}.action-btn.view:hover{background:var(--primary-hover)}.action-btn.warn{background:var(--warning-color);color:#fff}.action-btn.warn:hover{background:#d97706}.action-btn.hide{background:#6b7280;color:#fff}.action-btn.hide:hover{background:#4b5563}.action-btn.delete{background:var(--danger-color);color:#fff}.action-btn.delete:hover{background:#dc2626}.action-btn.ban{background:#7c2d12;color:#fff}.action-btn.ban:hover{background:#991b1b}.action-btn.dismiss{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn.dismiss:hover{background:var(--bg-hover);border-color:var(--primary-color)}.report-resolution{border-top:1px solid var(--border-color);padding-top:15px}.report-resolution h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:8px}.report-resolution p{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}.report-resolution small{color:var(--text-muted);font-size:.75rem}.no-data{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-data svg{color:var(--success-color);font-size:4rem;margin-bottom:20px}.no-data h3{color:var(--text-primary);margin-bottom:10px}@media (max-width:768px){.report-content{grid-template-columns:1fr}.report-preview{justify-content:flex-start;max-width:100%}.report-actions{flex-direction:column}.action-btn{justify-content:center}}.platform-analysis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.platform-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.platform-card h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:15px}.platform-list{display:flex;flex-direction:column;gap:12px}.platform-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto 100px;padding:8px 0}.platform-icon{font-size:1.2rem}.platform-name{color:var(--text-primary);font-weight:500}.platform-count{color:var(--text-secondary);font-size:.875rem;text-align:right}.platform-bar{background:var(--bg-primary);border-radius:3px;height:6px;overflow:hidden}.platform-fill{background:var(--primary-color);height:100%;transition:width .3s ease}.search-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.search-input svg{color:var(--text-secondary);flex-shrink:0}.search-input input{background:#0000;border:none;color:var(--text-primary);font-size:.875rem;outline:none;width:200px}.search-input input::placeholder{color:var(--text-muted)}.connections-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;overflow-x:auto}.connections-table{background:#0000;border-collapse:collapse;min-width:1200px;width:100%}.connections-table thead{background:var(--bg-primary)}.connections-table th{color:var(--text-primary);font-weight:600;padding:15px 20px;text-align:left;white-space:nowrap}.connections-table td,.connections-table th{border-bottom:1px solid var(--border-color);font-size:.875rem}.connections-table td{display:table-cell;padding:12px 20px;vertical-align:middle}.connections-table tbody tr:hover{background:var(--bg-hover)}.connections-table tbody tr:last-child td{border-bottom:none}.connections-table td.user-cell,.connections-table th:first-child{min-width:200px;width:200px}.connections-table td.ip-cell,.connections-table th:nth-child(2){display:table-cell!important;flex-direction:row!important;min-width:150px;width:150px}.connections-table td.location-cell,.connections-table th:nth-child(3){min-width:180px;width:180px}.connections-table td.browser-cell,.connections-table th:nth-child(4){min-width:160px;width:160px}.connections-table td.os-cell,.connections-table th:nth-child(5){min-width:140px;width:140px}.connections-table td.time-cell,.connections-table th:nth-child(6){min-width:160px;width:160px}.connections-table td.actions-cell,.connections-table th:nth-child(7){min-width:100px;text-align:center;width:100px}.connections-table .browser-info,.connections-table .ip-info,.connections-table .location-info,.connections-table .os-info,.connections-table .time-info,.connections-table .user-info{align-items:center;display:flex;gap:8px}.connections-table .time-info svg,.connections-table .user-info svg{color:var(--primary-color);flex-shrink:0}.connections-table .ip-info code{background:var(--bg-primary);border-radius:4px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.75rem;padding:2px 6px}.connections-table .suspicious-icon{color:var(--warning-color);font-size:1rem}.connections-table .flag{font-size:1.2rem}.connections-table .browser-icon,.connections-table .os-icon{font-size:1rem}.connections-table .browser-info,.connections-table .location-info,.connections-table .os-info{color:var(--text-secondary)}.connections-table .action-buttons{display:flex;gap:8px;justify-content:center}.connections-table .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.connections-table .action-btn.view{background:var(--primary-color);color:#fff}.connections-table .action-btn.view:hover{background:var(--primary-hover)}.connections-table .action-btn.block{background:var(--danger-color);color:#fff}.connections-table .action-btn.block:hover{background:var(--danger-hover)}.connections-table .no-data{color:var(--text-secondary);padding:40px 20px;text-align:center}.connections-table .no-data h4{color:var(--text-primary);margin:0 0 5px}.connections-table .no-data p{color:var(--text-secondary);margin:0}.user-info{color:var(--text-secondary);gap:8px}.user-info svg{color:var(--primary-color);flex-shrink:0}.ip-info{align-items:center;display:flex;gap:8px}.ip-info code{background:var(--bg-primary);border-radius:4px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.75rem;padding:2px 6px}.suspicious-icon{color:var(--warning-color);font-size:1rem}.location-info{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.flag{font-size:1.2rem}.browser-info,.os-info{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.browser-icon,.os-icon{font-size:1rem}.time-info{align-items:center;color:var(--text-secondary);display:flex;gap:8px}.time-info svg{color:var(--primary-color);flex-shrink:0}.action-buttons{gap:8px}.compliance-notice{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:8px;display:flex;gap:15px;padding:20px}.compliance-notice svg{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:2px}.compliance-notice h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.compliance-notice p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.no-data-text{color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}@media (max-width:1024px){.platform-analysis,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:10px}.table-cell{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:5px 0}.table-cell:last-child{border-bottom:none}}@media (max-width:768px){.search-input input{width:150px}.platform-item{gap:8px;grid-template-columns:auto 1fr auto}.platform-bar{display:none}}.insight-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.insight-card h3{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.insight-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}@media (max-width:1200px){.charts-grid,.insights-container,.resources-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard{padding:15px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:20px}.metric-value{font-size:1.75rem}.charts-grid{grid-template-columns:1fr}.chart-card{padding:20px}.alerts-grid{grid-template-columns:1fr}}@media (max-width:1024px){.header-title h1,.page-icon{font-size:16px!important}}@media (max-width:600px){.header-title h1,.page-icon{font-size:16px!important}.dashboard-header-top{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.dashboard-header h1{flex:1 1;font-size:16px!important}.dashboard-header .refresh-btn{font-size:.875rem;padding:6px 12px;white-space:nowrap}.time-range-selector{justify-content:space-between;width:100%}.time-range-selector button{flex:1 1;font-size:.875rem;padding:8px 12px}}@media (max-width:480px){.time-range-selector{width:100%}.time-range-selector button{flex:1 1;font-size:.8rem;padding:10px 8px}.metric-card{flex-direction:column;gap:12px}.metric-card,.metric-content{text-align:center}}.quick-stats-section{margin-top:30px}.quick-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.quick-stat-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.quick-stat-header{margin-bottom:16px}.quick-stat-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.quick-stat-content{display:flex;flex-direction:column;gap:12px}.stat-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{font-size:.875rem}.stat-value{font-weight:600}.stat-value.positive{color:var(--success-color)}.stat-value.negative{color:var(--error-color)}@media (max-width:768px){.quick-stats-grid,.unauthorized-stats .stats-grid{grid-template-columns:1fr}.unauthorized-stat-item{align-items:flex-start;flex-direction:column;gap:4px}}.tabs-container{gap:8px;margin-bottom:20px}.tab-btn{border-radius:8px 8px 0 0;gap:8px;padding:12px 20px}.tab-btn:hover{background:var(--bg-secondary)}.tab-btn.active:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{padding:20px 0}.unauthorized-stats h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px;margin-bottom:16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.stats-layout-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 400px}.stats-right-column{display:flex;flex-direction:column;gap:20px}.stats-right-column .stats-card{padding:1rem}.stats-right-column .stats-card h3{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.stats-right-column .big-stat{color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:.5rem 0}.stats-right-column .stat-description{color:var(--text-muted);font-size:.8rem;margin:0}.usage-rate-card .usage-rate-content{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center}.usage-rate-card .big-stat{font-size:3rem;margin:.5rem 0}.usage-rate-card .stat-description{font-size:.85rem;margin-top:.5rem}.stats-right-column .empreintes-table{font-size:.8rem}.stats-right-column .empreintes-table td,.stats-right-column .empreintes-table th{padding:.5rem}.compact-date-display{display:flex;flex-direction:column;gap:.5rem}.date-item{align-items:center;background:var(--bg-tertiary);border-left:3px solid var(--primary-color);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.date-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.date-count{color:var(--primary-color);font-size:1.5rem;font-weight:700}.text-center{text-align:center}.text-muted{color:var(--text-muted);font-style:italic}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-align:center}.badge.success{background:#22c55e26;color:#22c55e}.badge.warning{background:#fb923c26;color:#fb923c}.badge.danger{background:#ef444426;color:#ef4444}.badge.primary{background:#3b82f626;color:#3b82f6}@media (max-width:1200px){.stats-layout-grid{grid-template-columns:1fr}.stats-right-column .stats-card{padding:1.5rem}}.unauthorized-stat-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.stat-label{color:var(--text-secondary);font-weight:500}.stat-value{color:var(--text-primary);font-size:1rem;margin-bottom:12px}.domains-list{display:flex;flex-direction:column;gap:8px}.domain-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.domain-name{color:var(--text-primary);font-family:Courier New,monospace;font-weight:500}.domain-count{color:var(--error-color);font-size:.875rem;font-weight:600}.unauthorized-attempts h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;gap:8px;margin-bottom:16px}.attempts-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.attempts-table th{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:.875rem;padding:12px}.attempts-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;padding:12px}.attempts-table tr:hover{background:var(--bg-secondary)}.email-attempted{color:var(--text-primary);font-family:Courier New,monospace;font-weight:500}.domain-badge{background:var(--error-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px}.action-attempted{color:var(--text-primary);text-transform:capitalize}.admin-table .user-agent,.table-cell .user-agent{font-family:Courier New,monospace;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.no-data-row{background:var(--bg-secondary);border-radius:8px;margin-top:8px}.no-data-row .table-cell{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){.tabs-container{flex-direction:column}.tab-btn{border-radius:8px;justify-content:center}.stats-grid{grid-template-columns:1fr}.unauthorized-stat-item{align-items:flex-start;flex-direction:column;gap:4px}.attempts-table-container{font-size:.75rem}.attempts-table td,.attempts-table th{padding:8px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 10px 40px #0000004d;max-height:85vh;max-width:700px}.modal-content::-webkit-scrollbar-thumb{background-color:#566573}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#808b96}.modal-header{align-items:center;background:var(--bg-primary);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s}.modal-close-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{background:var(--bg-secondary);padding:24px}.notification-detail-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.notification-detail-header,.notification-type-badge{align-items:center;display:flex}.type-label{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.type-label.security{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.type-label.system{background-color:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.type-label.user_activity{background-color:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.priority-badge{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.priority-badge.urgent{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444}.priority-badge.high{background-color:#f9731626;border:1px solid #f973164d;color:#f97316}.priority-badge.normal{background-color:#eab30826;border:1px solid #eab3084d;color:#eab308}.priority-badge.low{background-color:#6b728026;border:1px solid var(--border-color);color:var(--text-secondary)}.notification-title{color:var(--text-primary);font-size:22px;font-weight:600;line-height:1.3;margin:0 0 16px}.notification-message{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px}.notification-metadata{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px}.notification-details{grid-gap:8px 16px;align-items:start;display:grid;gap:8px 16px;grid-template-columns:auto 1fr;margin:0}.notification-details dt{color:var(--text-primary);font-weight:600;margin:0;padding:4px 0}.notification-details dd{color:var(--text-secondary);line-height:1.5;margin:0;padding:4px 0}.users-list{color:var(--text-secondary);margin:4px 0 0;padding-left:20px}.users-list li{line-height:1.4;margin-bottom:4px}.metadata-item{align-items:flex-start;gap:8px;margin-bottom:12px}.metadata-item:last-child{margin-bottom:0}.metadata-item strong{color:var(--text-primary);font-size:14px;font-weight:600;min-width:80px}.status-badge{border-radius:4px}.status-badge.read{background-color:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.status-badge.unread{background-color:#eab3081a;border:1px solid #eab30833;color:#eab308}.metadata-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.metadata-list-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;justify-content:space-between;padding:8px 12px}.metadata-list-item.multiline{align-items:stretch;flex-direction:column}.metadata-list-item.multiline .metadata-label{margin-bottom:8px}.metadata-label{color:var(--text-primary);flex-shrink:0;font-size:13px;font-weight:600;min-width:120px}.metadata-value{color:var(--text-secondary);font-family:Courier New,monospace;font-size:13px;text-align:right;word-break:break-word}.multiline-value{font-size:12px;white-space:pre-wrap}.json-value,.multiline-value{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;line-height:1.4;margin:0;padding:8px;text-align:left}.json-value{font-size:11px;max-height:200px;overflow-y:auto;white-space:pre}.modal-footer{background:var(--bg-primary);border-radius:0 0 12px 12px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:24px}.btn{border-radius:6px;font-size:14px;gap:8px;padding:10px 20px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.actions-menu-container{display:inline-block;position:relative}.actions-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:220px;padding:8px 0;position:absolute;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:var(--bg-primary)}.dropdown-item svg{color:var(--text-secondary);font-size:1rem}.attempts-table .avatar-cell{text-align:center;width:60px}.attempts-table .username-cell{white-space:nowrap}.attempts-table .username-cell .username{color:var(--text-primary);font-size:.9rem;font-weight:600}.attempts-table .username-cell .user-id{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem;margin-left:4px}.attempts-table .email-cell{color:var(--text-primary);font-family:Courier New,monospace;font-size:.85rem;font-weight:500}.attempts-table .provider-cell{text-align:center;width:80px}.attempts-table .role-cell{text-align:center;width:100px}.attempts-table .date-cell{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.attempts-table .role-badge{border-radius:4px;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.attempts-table .role-badge.role-user{background:var(--success-color);color:#fff}.attempts-table .role-badge.role-admin{background:var(--error-color);color:#fff}.attempts-table .role-badge.role-moderator{background:var(--warning-color);color:#fff}.attempts-table .actions-cell{text-align:center;width:80px}.attempts-table .action-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.attempts-table .action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.attempts-table .action-btn.view:hover{background:var(--primary-color);color:#fff}.attempts-table .action-btn svg{font-size:1rem}.action-history-container{margin-top:1rem}.attempts-table .reason-cell{word-wrap:break-word;font-size:.9rem;line-height:1.4;max-width:300px}.attempts-table .admin-cell{color:var(--text-secondary);font-weight:500;text-align:center}.attempts-table .status-cell{text-align:center}.attempts-table .details-cell{color:var(--text-secondary);font-size:.85rem}.status-badge{display:inline-block;font-size:.75rem}.status-badge.sent{background:var(--success-color);color:#fff}.status-badge.pending{background:var(--warning-color);color:#fff}.status-badge.recovered{background:var(--success-color);color:#fff}.details-info{color:var(--text-secondary);font-style:italic}.profil-modal-content{max-width:650px!important;width:90%!important}.profil-avatar-container{display:flex;justify-content:center;margin-bottom:20px}.profil-modal-body .info-group{grid-gap:1.5rem;align-items:center;border-bottom:1px solid var(--border-color);display:grid;font-size:.95rem;gap:1.5rem;grid-template-columns:160px 1fr;padding:1rem 0}.profil-modal-body .info-group:last-of-type{border-bottom:none;padding-bottom:0}.profil-modal-body .info-group label{color:var(--text-secondary);font-weight:500;justify-self:start}.profil-modal-body .info-group p{color:var(--text-primary);font-weight:500;justify-self:start;margin:0}.profil-modal-body .info-group p.status-normal{color:var(--success-color)}.profil-modal-body .info-group p.status-suspended{color:var(--error-color)}.action-page{padding:1rem 0}.user-summary{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.user-summary h3{color:var(--text-primary);margin:0}.user-summary p{color:var(--text-secondary);font-size:.9rem;margin:0}.action-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.form-group label{display:block}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:.75rem;resize:vertical;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.danger-message,.success-message,.warning-message{border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.warning-message{background:#fbbf241a;border:1px solid #fbbf244d;color:var(--warning-color)}.danger-message{background:#ef44441a;border:1px solid #ef44444d;color:var(--error-color)}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--success-color)}.danger-message svg,.success-message svg,.warning-message svg{flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.danger-message h4,.success-message h3,.warning-message h4{color:inherit;margin:0 0 .5rem}.danger-message p,.success-message p,.warning-message p{color:inherit;margin:0;opacity:.9}.danger-message ul{color:inherit;margin:.5rem 0;padding-left:1.5rem}.storage-info{font-weight:600;margin-top:1rem!important}.tabs-container{border-bottom:2px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.tab-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.tab-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.tab-btn.active{background:var(--primary-color);box-shadow:0 2px 4px #3b82f633;color:#fff}.tab-btn svg{font-size:1.1rem}.tab-content{margin-top:1.5rem}.moderation-tabs{background:var(--bg-secondary);border-radius:8px;display:flex;gap:0;margin-bottom:2rem;padding:4px}.tab-badge{background:#ef4444e6;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;margin-left:.25rem;min-width:18px;padding:.2rem .5rem;text-align:center}.tab-btn.active .tab-badge{background:#fff3}.moderation-action-modal{max-width:600px;width:90%}.modal-title-section{align-items:flex-start;display:flex;gap:1rem}.action-icon{font-size:2rem;margin-top:.25rem}.modal-description{font-size:.9rem;margin:.5rem 0 0}.report-info-section,.user-info-section{background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.report-info-section h3,.user-info-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.report-details,.user-details{display:flex;flex-direction:column;gap:.5rem}.report-detail-item,.user-detail-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.report-detail-item:last-child,.user-detail-item:last-child{border-bottom:none}.report-detail-item strong,.user-detail-item strong{color:var(--text-primary);min-width:100px}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.form-group select,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.reason-textarea{height:20rem}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.btn-danger,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--danger-color)}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-danger:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.info-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.info-banner-content{align-items:flex-start;display:flex;gap:1rem}.info-icon{color:#f59e0b;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.info-banner h4{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 .5rem}.info-banner p{color:#92400e;font-size:.9rem;line-height:1.5;margin:0}.moderation-list{display:flex;flex-direction:column;gap:1rem}.moderation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease}.moderation-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #3b82f61a}.moderation-card.warning{border-left:4px solid var(--warning-color)}.moderation-card.suspension{border-left:4px solid var(--error-color)}.moderation-card.deletion{background:#6b72800d;border-left:4px solid #6b7280}.moderation-header{justify-content:space-between;margin-bottom:1rem}.moderation-header,.user-info{align-items:center;display:flex}.user-info{gap:.5rem}.user-info span{color:var(--text-primary);font-weight:600}.user-info small{color:var(--text-secondary);font-size:.85rem}.deletion-date,.moderation-date,.suspension-status{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.moderation-content h4{color:var(--text-primary);font-size:.95rem;margin:0 0 .5rem}.moderation-content p{color:var(--text-secondary);line-height:1.5;margin:0 0 1rem}.deletion-details,.suspension-details{grid-gap:.75rem;background:var(--bg-secondary);border-radius:6px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item strong{color:var(--text-primary);font-size:.85rem;font-weight:600}.moderation-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.moderation-footer small{color:var(--text-secondary);font-size:.85rem}.moderation-actions{display:flex;gap:.5rem}.moderation-actions .action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.moderation-actions .action-btn:hover{background:var(--bg-secondary)}.moderation-actions .action-btn.escalate{border-color:var(--warning-color);color:var(--warning-color)}.moderation-actions .action-btn.escalate:hover{background:#fbbf241a}.moderation-actions .action-btn.lift{border-color:var(--success-color);color:var(--success-color)}.moderation-actions .action-btn.lift:hover{background:#22c55e1a}.deletion-badge{align-items:center;background:#6b72801a;border:1px solid #6b72804d;border-radius:6px;color:#6b7280;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-badge.active{background:var(--error-color);color:#fff}.status-badge.expired{background:var(--text-secondary);color:#fff}@media (max-width:768px){.moderation-tabs{flex-direction:column;gap:.5rem}.tab-btn{justify-content:center;padding:1rem}.moderation-header{align-items:flex-start;flex-direction:column;gap:.5rem}.deletion-details,.suspension-details{grid-template-columns:1fr}.moderation-footer{align-items:flex-start;flex-direction:column;gap:1rem}.moderation-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}}.admin-actions-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.admin-actions-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0 0 15px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.action-buttons .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn.btn-warning{background:#ffc107;color:#212529}.btn.btn-warning:hover:not(:disabled){background:#e0a800}.btn.btn-suspend{background:#dc3545;color:#fff}.btn.btn-suspend:hover:not(:disabled){background:#c82333}.btn.btn-danger{background:#dc3545;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#c82333}.btn:disabled{cursor:not-allowed;opacity:.6}.admin-protection-notice{align-items:center;background:#007bff1a;border:1px solid #007bff4d;border-radius:6px;color:var(--primary-color);display:flex;font-size:.9rem;gap:8px;margin:0;padding:12px}@media (max-width:768px){.profil-modal-content{margin:1rem;max-width:none!important;padding:25px!important;width:95%!important}.profil-modal-body .info-group{gap:.5rem;grid-template-columns:1fr;padding:.75rem 0}.profil-modal-body .info-group label{font-size:.9rem;margin-bottom:.25rem}.action-buttons{flex-direction:column}.action-buttons .btn{justify-content:center}}.alerts-container{display:flex;flex-direction:column;gap:12px;margin-top:16px}.alert-card{align-items:flex-start;background:var(--surface-color);border-left:4px solid;border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.alert-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.alert-card.alert-critical{background:linear-gradient(135deg,#dc35450d 0,var(--surface-color) 100%);border-left-color:#dc3545}.alert-card.alert-warning{background:linear-gradient(135deg,#fd7e140d 0,var(--surface-color) 100%);border-left-color:#fd7e14}.alert-card.alert-info{background:linear-gradient(135deg,#17a2b80d 0,var(--surface-color) 100%);border-left-color:#17a2b8}.alert-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.alert-critical .alert-icon{background:#dc35451a;color:#dc3545}.alert-warning .alert-icon{background:#fd7e141a;color:#fd7e14}.alert-info .alert-icon{background:#17a2b81a;color:#17a2b8}.alert-content{flex:1 1}.alert-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.alert-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 8px}.alert-meta{color:var(--text-muted);display:flex;font-size:.8rem;gap:16px}.alert-meta span{align-items:center;display:flex;gap:4px}.metric-card.risk-level{background:linear-gradient(135deg,var(--surface-color) 0,rgba(var(--primary-rgb),.02) 100%);background-clip:padding-box}.metric-card .metric-icon.activity{background:linear-gradient(135deg,#17a2b8,#20c997)}.metric-card .metric-icon.warning{background:linear-gradient(135deg,#fd7e14,#ffc107)}.realtime-section{margin-top:24px}.realtime-section h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 16px}.realtime-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.realtime-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.realtime-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.realtime-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:8px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.realtime-content{flex:1 1}.realtime-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.realtime-label{color:var(--text-secondary);font-size:.85rem;margin:2px 0 0}.bar-value{color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:40px;text-align:right}.risky-users-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.risky-user-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.risky-user-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.user-rank{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-info{flex:1 1}.user-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.user-email{color:var(--text-secondary);font-size:.85rem;margin:0}.user-risk{margin:0 16px;text-align:center}.risk-score{font-size:1.2rem;font-weight:700;margin:0 0 4px}.risk-reasons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.risk-reason{background:rgba(var(--primary-rgb),.1);border-radius:4px;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:2px 6px}.user-actions{display:flex;gap:8px}.btn-action,.btn-view{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-view{background:#17a2b81a;color:#17a2b8}.btn-view:hover{background:#17a2b833}.btn-action{background:#fd7e141a;color:#fd7e14}.btn-action:hover{background:#fd7e1433}.no-risky-users{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-risky-users svg{color:var(--success-color);font-size:3rem;margin-bottom:16px}.system-health{display:flex;justify-content:center;margin:24px 0}.health-indicator{text-align:center}.health-circle{align-items:center;border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 12px;position:relative;width:120px}.health-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.health-label{font-weight:500}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64b5f6,#42a5f5);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.1rem;font-weight:700}.config-section{text-align:center}.config-placeholder{align-items:center;border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;margin-top:24px;padding:40px}.config-placeholder svg{opacity:.5}@media (max-width:768px){.realtime-grid{grid-template-columns:1fr}.risky-user-card{flex-direction:column;gap:12px;text-align:center}.user-actions{justify-content:center}.distribution-bar{align-items:stretch;flex-direction:column;gap:8px}.bar-label,.bar-value{min-width:auto;text-align:center}.alert-card{flex-direction:column;text-align:center}.alert-meta{justify-content:center}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:200px}.loading-container.fullscreen{background:#ffffffe6;bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#2563eb;border-top:3px solid var(--primary-color,#2563eb)}.loading-spinner.small{border-width:2px;height:24px;width:24px}.loading-spinner.medium{border-width:3px;height:40px;width:40px}.loading-spinner.large{border-width:4px;height:60px;width:60px}.loading-message{color:#64748b;color:var(--text-secondary,#64748b);font-size:.95rem;font-weight:500;margin:0;text-align:center}.loading-container.success .loading-spinner{border-top-color:#10b981;border-top-color:var(--success-color,#10b981)}.loading-container.warning .loading-spinner{border-top-color:#f59e0b;border-top-color:var(--warning-color,#f59e0b)}.loading-container.error .loading-spinner{border-top-color:#ef4444;border-top-color:var(--error-color,#ef4444)}@media (prefers-color-scheme:dark){.loading-container.fullscreen{background:#000000e6}.loading-message{color:#94a3b8;color:var(--text-secondary-dark,#94a3b8)}.loading-spinner{border-color:#2563eb #374151 #374151;border-top-color:var(--primary-color,#2563eb)}}@media (max-width:768px){.loading-container{min-height:150px;padding:1.5rem}.loading-message{font-size:.9rem}}.animated-progress-container{margin:.5rem 0;width:100%}.animated-progress-track{background-color:#ffffff1a;border:1px solid var(--border-color);border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.animated-progress-fill{border-radius:4px;height:100%;overflow:hidden;position:relative;transition:width .3s ease}.animated-progress-fill.primary{background:linear-gradient(90deg,var(--primary-color),#3b82f6)}.animated-progress-fill.success{background:linear-gradient(90deg,var(--success-color),#34d399)}.animated-progress-fill.warning{background:linear-gradient(90deg,var(--warning-color),#fbbf24)}.animated-progress-fill.danger{background:linear-gradient(90deg,var(--danger-color),#f87171)}.animated-progress-fill.info{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.progress-shimmer{animation:shimmer-bounce 1s ease-in-out infinite;animation:shimmer-bounce var(--animation-duration,1s) ease-in-out infinite;background:linear-gradient(90deg,#0000,#0000 40%,#ffffff4d 50%,#0000 60%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes shimmer-bounce{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(-100%)}}.animated-progress-fill.fast .progress-shimmer{animation-duration:1s}.animated-progress-fill.slow .progress-shimmer{animation-duration:3s}.animated-progress-fill:not(.animated) .progress-shimmer{display:none}@media (max-width:768px){.animated-progress-track{height:6px}}@media (max-width:480px){.animated-progress-track{height:4px}}.progress-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.progress-modal{animation:progressModalIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;min-width:400px;padding:0;position:relative}@keyframes progressModalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.progress-bar-inline{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0}.progress-bar-content{padding:1.5rem}.progress-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progress-icon{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.progress-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:600;margin:0}.progress-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.progress-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.progress-info{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem}.progress-message{color:var(--text-secondary);flex:1 1}.progress-stats{color:var(--text-primary);font-weight:500;margin-left:1rem}.progress-track{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:var(--primary-color);position:relative}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-completed{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:var(--success-color);font-weight:500;margin-top:.5rem;padding:1rem;text-align:center}.progress-error{text-align:center}.progress-error p{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:var(--error-color);margin-bottom:1rem;padding:1rem}.progress-error .btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.progress-error .btn-primary{background:var(--primary-color);color:#fff}.progress-error .btn-primary:hover{background:var(--primary-color-dark)}.progress-bar-content[data-type=upload] .progress-icon{color:var(--primary-color)}.progress-bar-content[data-type=download] .progress-icon{color:var(--success-color)}.progress-bar-content[data-type=delete] .progress-icon{color:var(--error-color)}.progress-bar-content[data-type=extract] .progress-icon{color:var(--warning-color)}.progress-bar-content::-webkit-scrollbar{width:4px}.progress-bar-content::-webkit-scrollbar-track{background:#0000}.progress-bar-content::-webkit-scrollbar-thumb{background-color:#566573;border-radius:4px}.progress-bar-content::-webkit-scrollbar-thumb:hover{background-color:#808b96}@media (max-width:480px){.progress-modal{margin:20px;min-width:300px}.progress-bar-content{padding:1rem}.progress-header{gap:.75rem}.progress-title{font-size:1rem}.progress-info{align-items:flex-start;flex-direction:column;gap:.5rem}.progress-stats{margin-left:0}}.quota-notification{background:linear-gradient(135deg,#667eea,#764ba2)}.dossiers-error,.files-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:var(--error-color);margin:1rem 0;padding:3rem;text-align:center}.upload-page{margin:0 auto;max-width:800px}.upload-header,.upload-zone{margin-bottom:2rem;text-align:center}.upload-zone{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;padding:3rem 2rem;transition:all .2s ease-in-out}.upload-zone.dragover,.upload-zone:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.upload-icon{color:var(--text-secondary);font-size:3rem;margin-bottom:1rem}.upload-text{color:var(--text-primary);font-size:1.125rem;margin-bottom:.5rem}.upload-subtext{color:var(--text-secondary);font-size:.875rem}.upload-progress{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;height:24px;margin:1rem 0;overflow:hidden;position:relative}.upload-progress-bar{background:var(--primary-color);border-radius:8px;height:100%;transition:width .3s ease}.upload-progress-text{color:#1e293b;font-size:.75rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.history-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:1rem}.history-item{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);justify-content:space-between;padding:.75rem 1rem}.history-info,.history-item{align-items:center;display:flex}.history-info{gap:1rem}.version-tag{background-color:var(--text-secondary);border-radius:12px;color:var(--background-primary);font-size:.8rem;font-weight:600;padding:.25rem .6rem}.version-tag.latest{background-color:var(--primary-color);color:#fff}.history-date{color:var(--text-secondary);font-size:.9rem}.image-card-modern .image-preview-modern{background-color:var(--bg-tertiary);height:150px}.image-card-modern .file-icon-container,.image-card-modern .pdf-preview-container{height:100%}.file-icon-container{align-items:center;display:flex;font-size:4rem;justify-content:center}.image-card-modern .pdf-preview-container .react-pdf__Document,.image-card-modern .pdf-preview-container .react-pdf__Page{height:100%!important;width:100%!important}.image-card-modern .pdf-preview-container .react-pdf__Page canvas{border-top-left-radius:16px;border-top-right-radius:16px;height:100%!important;object-fit:cover;width:100%!important}.image-details{min-width:0}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.file-item-link{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:box-shadow .2s,border-color .2s}.file-item-link:hover{border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.list .file-actions{margin-left:auto}.grid .dossier-actions-container{opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s ease-in-out;z-index:5}.menu-btn{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;padding:.5rem}.menu-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.menu-dropdown{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:10}.menu-dropdown button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;width:100%}.menu-dropdown button:hover{background-color:var(--bg-tertiary)}.menu-dropdown button.text-danger{color:#ef4444}.menu-dropdown button.text-danger:hover{background-color:#fee2e2}.security-feature-item{align-items:center;background-color:var(--surface-color);border-radius:8px;display:flex;gap:.75rem;margin-top:1rem;padding:1rem}@media (max-width:768px){.file-item{align-items:flex-start;flex-direction:column;gap:1rem}.file-actions{align-self:flex-end}.upload-zone{padding:2rem 1rem}}@media (max-width:600px){.container{padding:8px}.my-space-title h1{font-size:1.5rem}.my-space-title p{font-size:.8rem}.file-list-header{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 0}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.btn{font-size:.85rem;padding:8px 12px}.btn-primary{padding:10px 16px}.dossiers-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.image-card-modern{border-radius:12px}.image-card-modern .image-preview-modern{height:120px}.image-info{padding:.5rem .75rem}.image-details .image-name{font-size:.8rem;max-width:120px}.image-details .image-date{font-size:.7rem}.content-item.list{gap:8px;padding:8px 12px}.item-name{font-size:13px}.item-details{font-size:11px}.inline-toolbar{flex-wrap:wrap;gap:4px}.inline-toolbar .btn{font-size:.75rem;padding:6px 8px}.text-center.py-4{padding:1rem 0}.text-center.py-4 div{font-size:.8rem;padding:8px 12px}.files-error,.files-loading{font-size:.9rem;padding:2rem 1rem}}.pdf-preview-container{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);height:140px}.pdf-preview-container .react-pdf__Document{align-items:center;display:flex;justify-content:center}.pdf-preview-container .react-pdf__Page__canvas{height:auto!important;max-width:100%}.pdf-error,.pdf-loading{color:var(--text-secondary);font-size:.8rem;padding:1rem}.actions-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;position:absolute;right:0;width:180px;z-index:9999}.actions-menu.position-bottom{top:100%}.actions-menu.position-top{bottom:100%}.actions-menu .menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s ease}.actions-menu .menu-item:hover{background-color:var(--bg-tertiary);border-radius:var(--border-radius)}.actions-menu .menu-item.danger{color:var(--error-color)}.actions-menu .menu-item.danger:hover{background-color:#ef44441a}.image-card-modern.menu-open{z-index:1000}.image-card-modern.menu-open .image-actions-menu{overflow:visible!important;z-index:10000}.pdf-preview-wrapper{align-items:flex-start;display:flex;justify-content:center;position:relative}.pdf-error,.pdf-loading{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:.875rem;padding:2rem;text-align:center}.pdf-error{color:#ef4444;color:var(--error-color,#ef4444)}.admin-filters-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.filter-icon{color:var(--primary-color);height:16px;width:16px}.filter-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select option{background:var(--input-bg);color:var(--text-primary);padding:.5rem}.filter-select option:hover{background:var(--primary-color);color:#fff}.admin-content-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 0}.content-header-left{display:flex;flex-direction:column;gap:.25rem}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.items-count{font-size:.875rem;font-weight:500}.content-header-right{align-items:center;display:flex;gap:1rem}.admin-grid-view{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:1rem 0}.admin-list-view{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.admin-list-item{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:.875rem;position:relative;transition:all .2s ease}.admin-list-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.list-item-thumbnail{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.list-image-thumb{cursor:pointer;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.list-image-thumb:hover{transform:scale(1.05)}.pdf-preview-small{align-items:center;display:flex;justify-content:center;position:relative}.list-pdf-thumb,.pdf-preview-small{background:#fff;height:100%;width:100%}.list-pdf-thumb{object-fit:contain}.file-type-badge-small{background:var(--primary-color);border-radius:3px;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;position:absolute;right:.25rem;text-transform:uppercase;top:.25rem}.file-icon-small{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--card-bg) 100%);border-radius:8px;color:var(--text-secondary);display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.list-item-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-width:0}.list-file-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-user-info{align-items:center;display:flex;gap:.5rem}.list-user-name{color:var(--text-secondary);font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-meta-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.list-file-size{font-weight:600}.list-file-date{font-style:italic}.list-item-actions{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.selection-checkbox-list{align-items:center;display:flex;margin-right:.75rem}.selection-checkbox-list input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}.admin-file-card,.admin-image-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .2s ease}.admin-file-card:hover,.admin-image-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.image-preview{background:var(--bg-secondary);height:180px;width:100%}.admin-image-thumbnail{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.image-preview:hover .admin-image-thumbnail{transform:scale(1.05)}.file-preview{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--card-bg) 100%);cursor:pointer;flex-direction:column;height:180px!important;transition:background .2s ease}.file-preview:hover{background:linear-gradient(135deg,var(--primary-color-light) 0,var(--card-bg) 100%)}.file-icon-large{font-size:3rem;margin-bottom:.5rem;opacity:.8}.file-type-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem}.pdf-preview-container{align-items:center;background:#fff;display:flex;height:180px!important;justify-content:center;overflow:hidden;position:relative;width:100%}.admin-pdf-thumbnail{background:#fff;border:none;height:100%;object-fit:contain;pointer-events:none;width:100%}.pdf-badge{background:#dc2626!important;color:#fff;font-weight:700}.admin-file-footer{background:var(--card-bg);display:flex;flex-direction:column;gap:.625rem;min-height:110px;padding:.875rem}.file-name{display:block;font-size:.875rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.375rem;transition:all .2s ease}.action-btn-icon:hover{background:var(--bg-secondary);color:var(--primary-color)}.user-info-row{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;gap:.5rem;padding:.5rem}.user-name-text{color:var(--text-primary);flex:1 1;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.file-size-text{font-weight:600}.file-date-text{font-style:italic}.selection-overlay{left:.5rem;position:absolute;top:.5rem;z-index:10}.selection-checkbox{accent-color:var(--primary-color);cursor:pointer;height:20px;width:20px}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.admin-content-header{align-items:flex-start;flex-direction:column;gap:1rem}.content-header-right{justify-content:flex-end;width:100%}.admin-grid-view{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.admin-list-item{gap:.75rem}.list-item-thumbnail{height:50px;width:50px}.list-item-content{flex:1 1;min-width:150px}.list-meta-info{flex-direction:row;gap:.5rem}}@media (max-width:480px){.admin-grid-view{grid-template-columns:1fr}.admin-filters-section{padding:1rem}.file-preview,.image-preview{height:120px}}.dark-theme .admin-filters-section{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-theme .filter-select{background:var(--input-bg-dark);border-color:var(--border-color-dark);color:var(--text-primary-dark)}.dark-theme .filter-select:hover{border-color:var(--primary-color)}.dark-theme .filter-select option{background:#1f2937;background:var(--card-bg-dark,#1f2937);border:none;color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}.dark-theme .filter-select option:checked{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.dark-theme .filter-select{background-color:#374151!important;background-color:var(--input-bg-dark,#374151)!important;color:#f9fafb!important;color:var(--text-primary-dark,#f9fafb)!important}.dark-theme select.filter-select{background:#374151!important;color:#f9fafb!important}.dark-theme select.filter-select option{background:#1f2937!important;color:#f9fafb!important}.dark-theme .admin-content-header{border-bottom-color:var(--border-color-dark)}.dark-theme .section-title{color:var(--text-primary-dark)}.dark-theme .items-count{color:var(--text-secondary-dark)}.dark-theme .admin-file-card,.dark-theme .admin-image-card,.dark-theme .admin-list-item{background:var(--card-bg-dark);border-color:var(--border-color-dark)}.dark-theme .admin-file-footer{background:var(--card-bg-dark)}.dark-theme .file-name,.dark-theme .list-file-name{color:var(--text-primary-dark)}.dark-theme .user-info-row{background:var(--bg-secondary-dark)}.dark-theme .list-user-name,.dark-theme .user-name-text{color:var(--text-primary-dark)}.dark-theme .action-btn-icon,.dark-theme .file-date-text,.dark-theme .file-size-text,.dark-theme .list-file-date,.dark-theme .list-file-size{color:var(--text-secondary-dark)}.dark-theme .action-btn-icon:hover{background:var(--bg-secondary-dark);color:var(--primary-color)}.dark-theme .file-preview{background:linear-gradient(135deg,var(--bg-secondary-dark) 0,var(--card-bg-dark) 100%)}.dark-theme .file-preview:hover{background:linear-gradient(135deg,var(--primary-color-light) 0,var(--card-bg-dark) 100%)}.dark-theme .list-item-thumbnail{background:var(--bg-secondary-dark)}.dark-theme .list-item-content .list-file-name{color:var(--text-primary-dark)}.dark-theme .list-meta-info .list-file-date,.dark-theme .list-meta-info .list-file-size{color:var(--text-secondary-dark)}.modal-overlay{align-items:center!important;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:10000!important}.modal-content{animation:slideIn .4s ease-out;background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-primary);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;text-align:left;width:90%}.modal-close-button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:color .2s;width:40px}.modal-close-button:hover{background-color:var(--text-gray);border-radius:50%;color:var(--text-primary);padding:5px}#modal-root{position:relative!important;z-index:10000!important}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background-color:var(--gray-600);border:2px solid var(--bg-secondary);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--gray-500)}.modal-overlay.rename-modal .modal-content{max-width:450px;padding:1.5rem}.modal-overlay.rename-modal .form-group{margin-bottom:1rem}.modal-overlay.rename-modal .form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.modal-overlay.rename-modal .form-control{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.modal-overlay.rename-modal .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-overlay.rename-modal .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-overlay.rename-modal .btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.modal-overlay.rename-modal .btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);color:var(--text-primary)}.modal-overlay.rename-modal .btn-primary{background-color:var(--primary-color);color:#fff}.modal-overlay.rename-modal .btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark)}.modal-overlay.rename-modal .btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay.rename-modal .error-message{color:var(--error-color);font-size:.85rem;margin-bottom:0;margin-top:.5rem}.modal-overlay.delete-modal .modal-content{max-width:550px;min-height:auto;padding:2rem}.modal-overlay.delete-modal p{color:var(--text-primary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.modal-overlay.delete-modal .delete-step{margin-bottom:1rem}.modal-overlay.delete-modal ul{margin:1.5rem 0;padding-left:0}.modal-overlay.delete-modal li{font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.modal-overlay.delete-modal .modal-actions{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-overlay.delete-modal .modal-actions button{align-items:center;border-radius:8px;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-width:140px;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.modal-overlay.copy-modal .modal-actions,.modal-overlay.move-modal .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-overlay.delete-modal .btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.modal-overlay.delete-modal .btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);color:var(--text-primary)}.modal-overlay.delete-modal .btn-danger{background-color:var(--error-color);color:#fff}.modal-overlay.delete-modal .btn-danger:hover:not(:disabled){background-color:#dc2626}.modal-overlay.delete-modal .btn-primary{background-color:var(--primary-color);border:none;color:#fff}.modal-overlay.delete-modal .btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.modal-overlay.delete-modal .btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay.delete-modal .error-message{color:var(--error-color);font-size:.85rem;margin-bottom:0;margin-top:.5rem}.modal-overlay.delete-modal .warning-box,.modal-overlay.delete-modal div[style*=background]{border-radius:10px;margin:1.5rem 0}.modal-overlay.delete-modal input{border-radius:8px;font-size:.95rem;padding:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.modal-overlay.delete-modal input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-overlay.create-modal-content .modal-content{max-width:450px;padding:1.5rem}.modal-overlay.create-modal-content .form-group{margin-bottom:1rem}.modal-overlay.create-modal-content .form-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.modal-overlay.create-modal-content .form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem;transition:border-color .2s ease;width:100%}.modal-overlay.create-modal-content .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-overlay.create-modal-content .modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-overlay.create-modal-content .btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.modal-overlay.create-modal-content .btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);color:var(--text-primary)}.modal-overlay.create-modal-content .btn-primary{background-color:var(--primary-color);color:#fff}.modal-overlay.create-modal-content .btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark)}.modal-overlay.create-modal-content .btn:disabled{cursor:not-allowed;opacity:.6}.modal-overlay.create-modal-content .form-error{color:var(--error-color);font-size:.85rem;margin-bottom:0;margin-top:.5rem}.modal-overlay.copy-modal .modal-content,.modal-overlay.move-modal .modal-content{max-width:600px;padding:1.5rem}.modal-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-description{color:var(--text-secondary);line-height:1.5;margin-bottom:1.5rem}.folder-selector{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;max-height:300px;overflow-y:auto}.folder-tree{max-height:220px;overflow-y:auto;padding:.5rem 0}.folder-tree::-webkit-scrollbar{width:4px}.folder-tree::-webkit-scrollbar-track{background:#0000}.folder-tree::-webkit-scrollbar-thumb{background-color:#566573;border-radius:4px}.folder-tree::-webkit-scrollbar-thumb:hover{background-color:#808b96}.folder-tree-item{margin:0}.folder-toggle{margin-right:4px;min-width:16px}.folder-chevron{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;min-width:16px;padding:2px;transition:color .2s ease}.folder-chevron:hover{color:var(--text-primary)}.folder-chevron svg{height:12px;width:12px}.folder-toggle-placeholder{display:inline-block;height:16px;width:16px}.folder-item{margin:0 .5rem;padding:.75rem 1rem;transition:background-color .2s ease}.folder-item:hover{background-color:var(--bg-tertiary)}.folder-item.selected{background-color:var(--primary-color)}.folder-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;margin-right:.5rem;padding:0;width:16px}.folder-icon{color:var(--text-secondary);margin-right:.75rem}.folder-item.selected .folder-icon{color:#fff}.folder-name{font-size:.9rem}.selected-destination{background-color:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.9rem;margin-top:1rem;padding:.75rem}.empty-state,.loading-state{font-style:italic;padding:2rem;text-align:center}.modal-title-with-icon{align-items:center;display:flex;gap:.75rem}.modal-icon{font-size:1.5rem}.text-danger{color:var(--error-color)}.warning-section{background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.warning-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.warning-content{flex:1 1}.warning-message{color:var(--text-primary);line-height:1.5;margin:0 0 .5rem}.warning-note{color:var(--error-color);font-size:.85rem;margin:0}.items-preview{background-color:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem;padding:1rem}.items-preview h4{color:var(--text-primary);font-size:.9rem;font-weight:500;margin:0 0 .5rem}.items-count{color:var(--text-secondary);font-size:.85rem}.certificate-badge-icon{align-items:center;background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:10}.certificate-badge-icon:hover{background:#1d4ed8;background:var(--primary-hover,#1d4ed8);box-shadow:0 4px 12px #2563eb66;transform:scale(1.1)}.certificate-badge-icon svg{font-size:16px}.images-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.image-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.image-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-preview{background:var(--bg-tertiary);cursor:pointer;height:200px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.image-preview:hover img{transform:scale(1.05)}.image-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.image-preview:hover .image-overlay{opacity:1}.image-info{flex:1 1;padding:1rem}.image-name{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-date{color:var(--text-muted);font-size:.75rem;margin:0 0 .25rem}.image-status{font-size:.75rem;margin:0}.image-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:0 1rem 1rem}@media (max-width:768px){.images-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:.5rem}.image-preview{height:180px}}@media (max-width:480px){.images-grid{grid-template-columns:1fr}}.images-container{padding:1rem}.images-grid-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-card-modern:not(.menu-open):hover{transform:translateY(-.5px)}.image-action.hash-text{background-color:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:.85rem;padding:.2rem .4rem;word-break:break-all}.kebab-menu-btn{padding:.5rem}.kebab-menu-btn:hover{background:var(--bg-tertiary)}.kebab-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem}.kebab-menu-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}@media (max-width:768px){.images-grid-modern{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.image-card-modern .image-preview-modern{height:200px}}@media (max-width:480px){.images-grid-modern{gap:1rem;grid-template-columns:1fr}.images-container{padding:.5rem}}.file-list-header{justify-content:space-between;padding:1rem 0}.modal-content-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.modal-content-grid{gap:2rem;grid-template-columns:400px 1fr}}.modal-image-container{margin:0 auto;max-height:600px;max-width:400px;overflow:auto;padding:1.5rem;position:relative;width:100%}.modal-image-preview{border:1px solid var(--border-color);border-radius:8px;display:block;height:auto;width:100%}.watermark{color:#00000026;font-size:1.75rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:1px 1px 2px hsla(0,0%,100%,.685);top:50%;transform:translate(-50%,-50%) rotate(-30deg)}.modal-details-container{padding:1.5rem}.modal-details-container h4{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem}.detail-section:not(:last-child){margin-bottom:1.5rem}.details-list{grid-gap:.6rem 1rem;display:grid;font-size:.9rem;gap:.6rem 1rem;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr}.details-list dt{color:var(--text-secondary);font-weight:500}.details-list dd{color:var(--text-primary);word-break:break-word}.details-list dd.hash-text{font-size:.8rem;max-width:100%;overflow-wrap:break-word}.selection-header{align-items:center;background-color:var(--primary-color-light);border-radius:var(--border-radius);color:var(--primary-color-dark);display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.image-card-modern.selected .image-preview-modern:after{background:rgba(var(--primary-color-rgb),.1)}.image-card-modern.selected .image-preview-modern:after,.image-preview-modern:after{border-radius:16px 16px 0 0;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.image-preview-modern:after{background-color:#0000;transition:background-color .3s ease}.image-card-modern:hover .image-preview-modern:after{background-color:#0003}.watermark-grid{color:#fff6;font-size:1.1rem;font-weight:600;left:50%;opacity:1;pointer-events:none;position:absolute;text-shadow:1px 1px 3px #00000080;top:50%;transform:translate(-50%,-50%) rotate(-30deg);transition:color .3s ease;white-space:nowrap;z-index:1}.image-card-modern:hover .watermark-grid{color:#ffffffb3}@media (max-width:600px){.container{padding:8px}.my-space-title h1{font-size:1rem;margin-bottom:0!important}.my-space-title p{font-size:.8rem}.file-list-header{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 0}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.btn{font-size:.85rem;padding:8px 12px}.btn-primary{padding:10px 16px}.dossiers-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.image-card-modern{border-radius:12px}.image-card-modern .image-preview-modern{height:120px}.image-info{padding:.5rem .75rem}.image-details .image-name{font-size:.8rem;max-width:120px}.image-details .image-date{font-size:.7rem}.inline-toolbar{flex-wrap:wrap;gap:4px}.inline-toolbar .btn{font-size:.75rem;padding:6px 8px}.card-image{margin:1rem 0;padding:1rem}.card-image .text-center{padding:2rem 1rem}.card-image h3{font-size:1.1rem}.card-image p{font-size:.85rem}.loading-container{padding:2rem 1rem}.text-center.py-4{padding:1rem 0}.text-center.py-4 div{font-size:.8rem;padding:8px 12px}}@media (max-width:768px) and (min-width:601px){.file-list-header{align-items:flex-start;flex-direction:column;gap:12px}.dossiers-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.modal-overlay.share-modal .modal-content{max-width:500px;padding:1.5rem}.share-modal-content{text-align:center}.share-create-section{padding:1rem 0}.share-info{margin-bottom:2rem}.share-icon{color:var(--primary-color);margin-bottom:1rem}.share-info h3{color:var(--text-primary);margin-bottom:.5rem}.file-info{background:var(--bg-tertiary);border-radius:8px;margin-bottom:1.5rem;padding:1rem;text-align:left}.file-info h4{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{color:var(--text-primary);font-weight:600}.file-type{color:var(--text-secondary);font-size:.85rem}.share-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem;text-align:left}.feature-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.75rem}.feature-icon{color:var(--primary-color);flex-shrink:0}.share-success-section{padding:1rem 0}.share-success-info{margin-bottom:2rem}.success-icon{color:#10b981;color:var(--success-color,#10b981);margin-bottom:1rem}.share-success-info h3{color:var(--text-primary);margin-bottom:.5rem}.share-link-container{margin-bottom:1.5rem;text-align:left}.share-link-container label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.share-link-input{display:flex;gap:.5rem}.share-link-input .form-control{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:.85rem;padding:.75rem}.share-link-input .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.copy-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-width:44px;padding:.75rem;transition:all .2s ease}.copy-btn:hover{background:var(--bg-tertiary)}.copy-btn.copied{background:#10b981;background:var(--success-color,#10b981);border-color:#10b981;border-color:var(--success-color,#10b981);color:#fff}.expiration-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.clock-icon{color:#f59e0b;color:var(--warning-color,#f59e0b)}.share-warning{background:#fef3c7;background:var(--warning-bg,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--warning-border,#f59e0b);border-radius:6px;margin-bottom:2rem;padding:1rem}.share-warning p{color:#92400e;color:var(--warning-text,#92400e);font-size:.9rem;line-height:1.4;margin:0}.share-modal .error-message{background:#fee2e2;background:var(--error-bg,#fee2e2);border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.share-modal .modal-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.share-modal .btn-secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.share-modal .btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);color:var(--text-primary)}.share-modal .btn-primary{background-color:var(--primary-color);color:#fff}.share-modal .btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-dark,#2563eb);box-shadow:0 4px 8px #3b82f64d}.share-modal .btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-overlay.share-modal .modal-content{max-width:90%;padding:1rem}.share-link-input{flex-direction:column}.copy-btn{justify-content:center;width:100%}.share-modal .modal-actions{flex-direction:column}.share-modal .btn{width:100%}}.certificate-badge{background:#334155;background:var(--bg-tertiary,#334155);border:1px solid #2563eb;border:1px solid var(--primary-color,#2563eb);border-radius:8px;margin-top:12px;padding:12px 16px}.certificate-badge-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.certificate-icon{color:#2563eb;color:var(--primary-color,#2563eb);flex-shrink:0;font-size:18px}.certificate-text{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:13px;font-weight:500}.certificate-actions{display:flex;flex-wrap:wrap;gap:8px}.certificate-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.certificate-btn:disabled{cursor:not-allowed;opacity:.6}.certificate-btn-preview{background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #2563eb;border:1px solid var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.certificate-btn-preview:hover:not(:disabled){background:#334155;background:var(--bg-tertiary,#334155);border-color:#1d4ed8;border-color:var(--primary-hover,#1d4ed8)}.certificate-btn-download{background:#2563eb;background:var(--primary-color,#2563eb);color:#fff;color:var(--white-color,#fff)}.certificate-btn-download:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover,#1d4ed8);box-shadow:0 2px 8px #2563eb4d;transform:translateY(-1px)}.certificate-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);border-radius:4px;color:#ef4444;color:var(--error-color,#ef4444);font-size:12px;margin-top:8px;padding:8px}.certificate-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.certificate-modal{background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #334155;border:1px solid var(--bg-tertiary,#334155);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.certificate-modal-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--bg-tertiary,#334155);display:flex;justify-content:space-between;padding:20px 24px}.certificate-modal-title{align-items:center;color:#f8fafc;color:var(--text-primary,#f8fafc);display:flex;font-size:18px;font-weight:600;gap:12px}.certificate-modal-title svg{color:#2563eb;color:var(--primary-color,#2563eb);font-size:24px}.certificate-modal-close{background:none;border:none;color:#cbd5e1;color:var(--text-secondary,#cbd5e1);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s}.certificate-modal-close:hover{color:#f8fafc;color:var(--text-primary,#f8fafc)}.certificate-modal-body{padding:24px}.certificate-info-section{margin-bottom:24px}.certificate-info-section:last-child{margin-bottom:0}.certificate-section-title{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.certificate-info-grid{grid-gap:12px;display:grid;gap:12px}.certificate-table{border-collapse:collapse;margin-bottom:16px;width:100%}.certificate-table-row{border-bottom:1px solid #334155;border-bottom:1px solid var(--bg-tertiary,#334155)}.certificate-table-row:last-child{border-bottom:none}.certificate-table-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:12px;font-weight:500;padding:12px 16px;vertical-align:top;width:35%}.certificate-table-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:13px;padding:12px 16px;word-break:break-all}.certificate-table-value.mono{background:#334155;background:var(--bg-tertiary,#334155);border-radius:4px;font-family:Courier New,monospace;font-size:11px;padding:12px 16px}.certificate-info-item{display:flex;flex-direction:column;gap:4px}.certificate-info-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:12px;font-weight:500}.certificate-info-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:14px;word-break:break-all}.certificate-info-value.mono{border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:8px}.certificate-info-value.mono,.certificate-qr-container{background:#334155;background:var(--bg-tertiary,#334155)}.certificate-qr-container{border-radius:8px;padding:20px;text-align:center}.certificate-qr-code{height:auto;margin:0 auto 12px;max-width:200px}.certificate-verify-link{color:#2563eb;color:var(--primary-color,#2563eb);font-size:12px;text-decoration:none;word-break:break-all}.certificate-verify-link:hover{text-decoration:underline}.certificate-modal-footer{border-top:1px solid #334155;border-top:1px solid var(--bg-tertiary,#334155);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.certificate-modal-btn{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.certificate-modal-btn-secondary{background:#334155;background:var(--bg-tertiary,#334155);border:1px solid #94a3b8;border:1px solid var(--text-muted,#94a3b8);color:#f8fafc;color:var(--text-primary,#f8fafc)}.certificate-modal-btn-secondary:hover{background:#0f172a;background:var(--bg-primary,#0f172a)}.certificate-modal-btn-primary{background:#2563eb;background:var(--primary-color,#2563eb);border:none;color:#fff;color:var(--white-color,#fff)}.certificate-modal-btn-primary:hover{background:#1d4ed8;background:var(--primary-hover,#1d4ed8)}.certificate-modal-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.certificate-badge{padding:10px 12px}.certificate-text{font-size:12px}.certificate-btn{font-size:11px;padding:5px 10px}.certificate-modal{margin:10px;max-width:100%}.certificate-modal-body{padding:16px}.certificate-modal-footer{flex-direction:column}.certificate-modal-btn{justify-content:center;width:100%}}.content-toolbar{align-items:center;background:var(--card-bg);border-bottom:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.content-toolbar.inline-toolbar{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.toolbar-left{align-items:center;display:flex;gap:.5rem;padding:4px}.toolbar-left-menu{display:none}.toolbar-right{align-items:center;display:flex;gap:1rem}@media (max-width:768px){.toolbar-left,.toolbar-right{justify-content:center;width:100%}.toolbar-right{order:-1}}@media (max-width:600px){.toolbar-left-menu{display:flex}.menu{display:none}.content-toolbar{border-right:0!important}}.content-toolbar.compact{margin-bottom:1rem;padding:.75rem 1rem}.content-toolbar.borderless{background:#0000;border:none;box-shadow:none;padding:.5rem 0}.file-list-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;margin-bottom:1.5rem;padding:2px!important;position:-webkit-sticky;position:sticky;top:.5rem;width:100%;z-index:100}.header-left{display:flex;flex:1 1;padding-left:1rem}.header-left h2{margin:0!important}.header-right{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:0 1rem}.header-right .content-toolbar{border-left:1px solid var(--border-color);border-radius:0;border-right:1px solid var(--border-color);padding:0 .25rem}@media (max-width:600px){.header-right .content-toolbar{border:0!important}.header-right{padding-right:0}}.check,.download,.menu,.trash{align-items:center;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.check:hover,.download:hover,.menu:hover,.trash:hover{background-color:var(--bg-primary);color:var(--primary-color)}.download.enabled,.trash.enabled{cursor:pointer}.download.disabled,.trash.disabled{cursor:not-allowed;opacity:.5}.check.active{background-color:var(--bg-primary);color:var(--primary-color)}.trash.enabled{color:var(--error-color);cursor:pointer}.trash.enabled:hover{background-color:var(--error-color);color:#fff}.trash.disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}@media (max-width:480px){.header-right{align-items:center;display:flex;justify-content:center;margin-top:10px;padding-left:0}}.view-mode-switcher{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:.5rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.view-mode-btn:hover{background-color:var(--bg-primary);color:var(--primary-color)}.view-mode-btn.active{background:var(--bg-primary);color:var(--primary-color)}.view-mode-btn svg{transition:transform .2s ease}.view-mode-btn.active svg{transform:scale(1.05)}@media (max-width:768px){.view-mode-switcher{gap:.25rem;padding:2px}.view-mode-btn{font-size:.8rem;height:32px;min-width:36px;padding:6px 10px}}.bulk-actions-bar{align-items:center;animation:slideUp .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;bottom:20px;box-shadow:var(--shadow-lg);display:flex;gap:1.5rem;left:50%;min-width:400px;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);z-index:999}.bulk-actions-info{align-items:center;display:flex;gap:.5rem}.selected-count{color:var(--text-primary);font-size:.9rem;font-weight:500}.bulk-actions-buttons{align-items:center;display:flex;gap:.75rem}.bulk-action-btn{align-items:center;border-radius:8px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.bulk-action-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.bulk-action-btn svg{height:16px;width:16px}@media (max-width:768px){.bulk-actions-bar{flex-direction:column;gap:1rem;left:10px;min-width:auto;padding:1rem;right:10px;transform:none}.bulk-actions-buttons{justify-content:space-between;width:100%}.bulk-action-btn{flex:1 1;justify-content:center;padding:.75rem .5rem}}.folder-tree-view{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:100%}.tree-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;padding:16px}.tree-header h2{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.tree-content{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:8px 0}.folder-tree-item{width:100%}.folder-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin:2px 8px;padding:8px 12px 8px 2px!important;transition:all .2s ease}.folder-item:hover{background:var(--bg-hover)}.folder-item.selected{background:var(--primary-color);color:#fff}.folder-content{flex:1 1;position:relative;width:100%}.expand-button,.folder-content{align-items:center;display:flex}.expand-button{background:none;border:none;border-radius:3px;cursor:pointer;height:20px;justify-content:center;padding:2px;transition:background .2s ease;width:20px}.expand-button:hover{background:#ffffff1a}.chevron-container{position:relative}.chevron-container,.chevron-icon{align-items:center;display:flex;justify-content:center}.chevron-icon{color:var(--text-secondary);font-size:14px;height:14px;transition:transform .2s ease;width:14px}.folder-item.selected .chevron-icon{color:#fffc}.chevron-container.double{align-items:center;display:flex;justify-content:center;width:16px}.chevron-container.double .chevron-icon{font-size:14px}.chevron-container.single{align-items:center;display:flex;justify-content:center;width:16px}.chevron-container.single .chevron-icon{font-size:14px}.no-chevron{height:20px;width:20px}.folder-icon{flex-shrink:0;font-size:16px;margin-right:8px!important}.folder-item.selected .folder-icon{color:#ffffffe6}.folder-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item.selected .folder-name{color:#fff}.content-indicators{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.folder-item.selected .content-indicators{color:#ffffffb3}.file-count{color:var(--text-secondary);font-weight:500;padding:2px 6px}.subfolder-count{color:var(--text-secondary);font-style:italic}.folder-item.selected .subfolder-count{color:#fff9}.subfolder-container{border-left:1px solid var(--border-color);margin-left:20px}@media (max-width:768px){.folder-item{padding:12px 8px}.folder-name{font-size:13px}.content-indicators{font-size:11px}}.folder-menu-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1;margin-left:auto;opacity:1;padding:4px 8px;transition:all .2s ease}.folder-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.folder-item.selected .folder-menu-btn{color:#fffc;opacity:1}.folder-item.selected .folder-menu-btn:hover{background:#ffffff1a;color:#fff}.folder-actions-container{margin-left:auto;position:relative}.folder-actions-container .action-menu{min-width:150px;position:absolute;right:0;z-index:1000}.menu-overlay{background:#0000;bottom:0;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:1000}.menu-container{pointer-events:auto;position:absolute}:root{--folder-color:#4a90e2;--success-color:#28a745}.folder-content-view{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:100%}.folder-content-view.empty{align-items:center;justify-content:center}.empty-state{color:var(--text-secondary);text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;margin:0 0 8px}.empty-state p{font-size:14px;margin:0}.content-header{align-items:center;background:var(--surface-color);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;display:flex;gap:16px;justify-content:space-between}.check,.content-header,.menu,.trash,.view-mode-btn{padding:3.5px 12px!important}.content-header .header-right{padding-right:0!important}.content-header .header-left{align-items:center;display:flex}.content-header .header-left h2{font-size:16px}.content-header .check.active,.content-header .download.active,.content-header .menu.active,.content-header .trash.active,.content-header .view-mode-btn.active{background:var(--bg-primary)!important;color:var(--primary-color)!important}.content-header .check:hover,.content-header .download:hover,.content-header .menu:hover,.content-header .trash:hover,.content-header .view-mode-btn:hover{background-color:var(--bg-primary)!important;color:var(--primary-color)!important}.header-info{margin:0!important}.header-info h2{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 4px;margin:0!important}.header-info p{color:var(--text-secondary);font-size:13px!important}.content-body{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:16px}.content-body::-webkit-scrollbar{width:4px}.content-body::-webkit-scrollbar-track{background:#0000}.content-body::-webkit-scrollbar-thumb{background-color:#566573;border-radius:4px}.content-body::-webkit-scrollbar-thumb:hover{background-color:#808b96}.image-card-modern{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 4px #0000000d;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.image-card-modern:not(.menu-open):hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.image-card-modern .image-preview-modern{border-top-left-radius:16px;border-top-right-radius:16px;cursor:pointer;height:145px;overflow:hidden;position:relative}.image-card-modern img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.image-card-modern:not(.menu-open):hover img{transform:scale(1.05)}.image-info{align-items:center;background:var(--bg-secondary);border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;justify-content:space-between;padding:.75rem 1rem}.image-details .image-name{font-size:.9rem;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-details .image-date{color:var(--text-muted);font-size:.75rem}.image-actions-menu{position:relative}.image-card-modern.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color);transform:translateY(-2px)}.image-card-modern .selection-checkbox{left:10px;position:absolute;top:10px;z-index:5}.image-card-modern .selection-checkbox input{cursor:pointer;height:20px;width:20px}.content-item.grid{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.content-item.grid:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.content-item.grid.selected{background:var(--primary-light);border-color:var(--primary-color)}.selection-checkbox{position:absolute;right:8px;top:8px;z-index:2}.selection-checkbox input{cursor:pointer;height:16px;width:16px}.item-preview{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;height:120px;justify-content:center;margin-bottom:12px}.folder-icon-large{color:#4a90e2;color:var(--folder-color,#4a90e2);font-size:48px}.file-preview{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-preview img{border-radius:4px;max-height:100%;max-width:100%;object-fit:cover}.file-icon{font-size:32px}.file-icon.image{color:#28a745}.file-icon.pdf{color:#dc3545}.file-icon.document{color:var(--text-secondary)}.pdf-thumbnail{border-radius:4px;color:#fff;font-size:14px;font-weight:700}.item-info{text-align:center}.item-name{color:var(--text-primary);font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-details{color:var(--text-secondary);font-size:12px;margin:0}.item-menu-btn{align-items:center;background:#00000080;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;left:8px;opacity:0;position:absolute;top:8px;transition:opacity .2s ease;width:24px}.content-item.grid:hover .item-menu-btn{opacity:1}.content-item.list{align-items:center;background:var(--bg-primary);border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.content-item.list:hover{background:var(--bg-hover);border-color:var(--border-color)}.content-item.list.selected{background:var(--primary-light);border-color:var(--primary-color)}.content-item.list .selection-checkbox{position:static}.item-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.folder-icon{font-size:18px}.content-item.list .item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;text-align:left}.content-item.list .item-name{overflow:visible;text-overflow:clip;white-space:normal}.content-item.list .item-menu-btn{background:#0000;border-radius:50%;color:var(--text-secondary);height:32px;opacity:1;position:static;width:32px}.content-item.list .item-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.empty-folder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center}.empty-folder .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}@media (max-width:600px){.content-header{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 12px!important}.content-header .header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.content-body{padding:8px}.dossiers-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.image-card-modern{border-radius:12px}.image-card-modern .image-preview-modern{border-top-left-radius:12px;border-top-right-radius:12px;height:120px}.image-info{border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:.5rem .75rem}.image-details .image-name{font-size:.8rem;max-width:120px}.image-details .image-date{font-size:.7rem}.content-item.list{gap:8px;padding:8px 12px}.content-item.list .item-info{gap:1px}.item-name{font-size:13px}.item-details{font-size:11px}.content-header .check,.content-header .download,.content-header .menu,.content-header .trash,.content-header .view-mode-btn{font-size:.8rem;padding:6px 8px!important}.text-sm{font-size:.75rem}}@media (max-width:768px) and (min-width:601px){.content-header{align-items:flex-start;flex-direction:column;gap:12px}.dossiers-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.content-body{padding:12px}.item-preview{height:100px}}.dossier-actions-container{position:absolute;right:.5rem;top:.5rem}.btn-menu{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem}.dossiers-loading{color:var(--text-secondary);padding:3rem;text-align:center}.dossiers-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);color:var(--error-color);margin:1rem 0;padding:3rem;text-align:center}.folders-split-view{display:flex;gap:1rem;height:calc(100vh - 300px);min-height:500px}.folders-tree-panel{background:var(--card-bg);border-radius:var(--border-radius);flex:0 0 225px;overflow:hidden}.folders-content-panel{background:var(--card-bg);flex:1 1}.mobile-tree-toggle{display:none}@media (max-width:600px){.folders-split-view{position:relative}.mobile-tree-toggle{align-items:center;display:flex;gap:.5rem}.folders-tree-panel{background:var(--card-bg);box-shadow:2px 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1001}.folders-tree-panel.mobile-visible{transform:translateX(0)}.folders-content-panel{min-height:400px;width:100%}.tree-overlay{animation:fadeIn .3s ease-out forwards;background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:1000}}.my-space-title{align-items:center;display:flex;gap:1rem}.title-content{flex:1 1}.folder-bar{margin:1rem 0}.dossiers-list{display:flex;flex-direction:column;gap:.75rem}.dossier-list-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:1rem;position:relative;transition:background-color .2s}.dossier-list-item,.dossier-list-item-link{align-items:center;color:inherit;display:flex;text-decoration:none}.dossier-list-item-link{flex:1 1;gap:1rem}.dossier-list-item .dossier-icon{color:var(--secondary-color);font-size:1.75rem;margin:0 1.5rem 0 0}.dossier-list-item .dossier-info{flex-grow:1;padding:0;text-align:left}.dossier-list-item .dossier-name{font-weight:500;margin-bottom:.1rem}.dossier-list-item .dossier-file-count{margin-bottom:0}.dossier-list-item .dossier-actions-container{margin-left:auto;position:static}.dossiers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:1rem 0}.dossier-card{align-items:center;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;position:relative;text-decoration:none;transition:transform .2s,box-shadow .2s}.dossier-card:hover{box-shadow:var(--shadow-md);transform:translateY(-.5px)}.dossier-icon{align-self:center;color:var(--secondary-color);font-size:3rem;margin-bottom:1rem;margin-top:0}.dossier-info{flex-grow:1;padding:.5rem;text-align:center}.dossier-link{color:inherit;text-decoration:none}.dossier-link,.dossier-selection{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.dossier-selection{cursor:pointer}.dossier-selection input[type=checkbox]{left:.5rem;position:absolute;top:.5rem;z-index:2}.dossier-list-selection{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:0;position:relative;width:100%}.dossier-list-selection input[type=checkbox]{margin-right:.5rem;position:static;z-index:1}.dossier-card.selected,.dossier-list-item.selected{border-color:var(--primary-color)}.dossier-name{font-weight:700;margin-bottom:.25rem}.dossier-file-count{color:var(--text-secondary);font-size:.8rem;margin-bottom:1rem}.breadcrumb{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.breadcrumb-link{border-radius:.25rem;color:#007bff;color:var(--primary-color,#007bff);padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.breadcrumb-link:hover{background-color:#f8f9fa;background-color:var(--hover-bg,#f8f9fa);color:#0056b3;color:var(--primary-dark,#0056b3)}.breadcrumb-current{font-weight:500;padding:.25rem .5rem}.breadcrumb-current,.breadcrumb-separator{color:#6c757d;color:var(--text-muted,#6c757d)}.breadcrumb-separator{font-size:.75rem}.breadcrumb-dropdown{display:inline-block;position:relative}.breadcrumb-ellipsis{align-items:center;background:#0000;border:1px solid #0000;border-radius:.25rem;color:#3182ce;color:var(--primary-color,#3182ce);cursor:pointer;display:flex;justify-content:center;margin:0 .25rem;padding:.25rem .5rem;transition:all .2s ease}.breadcrumb-ellipsis:focus,.breadcrumb-ellipsis:hover{background-color:#f7fafc;background-color:var(--hover-bg,#f7fafc);border-color:#cbd5e0;border-color:var(--border-color,#cbd5e0);color:#2c5282;color:var(--primary-dark,#2c5282);outline:none}[data-theme=dark] .breadcrumb-ellipsis:focus,[data-theme=dark] .breadcrumb-ellipsis:hover{background-color:#4a5568;background-color:var(--hover-bg,#4a5568);border-color:#4a5568;border-color:var(--border-color,#4a5568);color:#63b3ed;color:var(--primary-light,#63b3ed)}.breadcrumb-dropdown-menu{background:#fff;background:var(--bg-color,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:.5rem;min-width:200px;opacity:0;padding:.5rem 0;pointer-events:none;position:absolute;top:100%;transform:translateY(5px);transition:all .2s ease;visibility:hidden;z-index:1000}.breadcrumb-dropdown-menu[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.breadcrumb-dropdown-item{align-items:center;background:#0000;border:none;color:#1a202c;color:var(--text-color,#1a202c);display:flex;font-size:.9rem;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.breadcrumb-dropdown-item:focus,.breadcrumb-dropdown-item:hover{background-color:#f7fafc;background-color:var(--hover-bg,#f7fafc);color:#3182ce;color:var(--primary-color,#3182ce);outline:none}.breadcrumb-dropdown-menu{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 10px 25px #0000004d}.breadcrumb-dropdown-item{color:var(--text-primary)}.breadcrumb-dropdown-item:focus,.breadcrumb-dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--primary-color)}@media (max-width:768px){.breadcrumb{font-size:.8rem;gap:.25rem}.breadcrumb-current,.breadcrumb-ellipsis,.breadcrumb-link{padding:.2rem .4rem}.breadcrumb-dropdown-menu{min-width:120px}.breadcrumb-dropdown-item{font-size:.85rem;padding:.4rem .8rem}}.shared-file-page{background:var(--bg-primary);min-height:100vh;padding:2rem 1rem}.shared-file-container{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.shared-file-header{background:linear-gradient(135deg,var(--primary-color),#2563eb);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark,#2563eb));color:#fff;padding:2rem}.header-info{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.shield-icon{font-size:2.5rem;opacity:.9}.header-info h1{font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.header-info p{font-size:1rem;margin:0;opacity:.9}.share-metadata{display:flex;flex-wrap:wrap;gap:2rem}.metadata-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.metadata-icon{opacity:.8}.shared-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px;padding:2rem}.file-details-section h3,.file-preview-section h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.shared-file-preview{background:var(--bg-tertiary);border-radius:8px;min-height:400px;overflow:hidden}.image-preview-container,.shared-file-preview,.shared-pdf-container{align-items:center;display:flex;justify-content:center;position:relative}.image-preview-container,.shared-pdf-container{height:100%;width:100%}.shared-image{border-radius:8px;object-fit:contain}.shared-image,.shared-pdf-preview{max-height:500px;max-width:100%}.watermark-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.watermark-text{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:#fffc;font-size:2rem;font-weight:700;letter-spacing:.2em;text-shadow:2px 2px 4px #000c,-2px -2px 4px #000c,2px -2px 4px #000c,-2px 2px 4px #000c;text-transform:uppercase;transform:rotate(-45deg);white-space:nowrap}.watermark-logo,.watermark-text{-webkit-user-select:none;user-select:none}.watermark-logo{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5)) drop-shadow(-2px -2px 4px rgba(0,0,0,.5));height:auto;pointer-events:none;transform:rotate(-40deg);width:300px}.no-preview{color:var(--text-secondary);flex-direction:column;gap:1rem}.file-icon-large{color:var(--text-secondary);font-size:4rem}.file-details-grid{grid-gap:1rem;display:grid;gap:1rem}.detail-item{grid-gap:.5rem;border-bottom:1px solid var(--border-color);display:grid;gap:.5rem;grid-template-columns:140px 1fr;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-item label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.detail-item span{color:var(--text-primary);word-break:break-word}.hash-value,.signature-value{background:var(--bg-tertiary);border-radius:4px;cursor:help;font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.security-notice{background:#fef3c7;background:var(--warning-bg,#fef3c7);border-top:3px solid #f59e0b;border-top:3px solid var(--warning-color,#f59e0b);display:flex;gap:1rem;padding:1.5rem 2rem}.notice-icon{color:#f59e0b;color:var(--warning-color,#f59e0b);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.notice-content h4{font-size:1.1rem;margin:0 0 1rem}.notice-content h4,.notice-content ul{color:#92400e;color:var(--warning-text,#92400e)}.notice-content ul{margin:0;padding-left:1.2rem}.notice-content li{line-height:1.4;margin-bottom:.5rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.error-icon{color:var(--error-color)}.error-container h2{color:var(--text-primary);margin:0}.error-container p{color:var(--text-secondary);margin:0}@media (max-width:768px){.shared-file-page{padding:1rem .5rem}.shared-content{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.shared-file-header{padding:1.5rem}.header-info{flex-direction:column;gap:.5rem;text-align:center}.header-info h1{font-size:1.5rem}.share-metadata{gap:1rem;justify-content:center}.detail-item{gap:.25rem;grid-template-columns:1fr}.watermark-text{font-size:1.5rem}.security-notice{flex-direction:column;padding:1rem}}.provider-badge{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:6px;width:-webkit-fit-content;width:fit-content}.provider-icon-small .provider-icon{height:16px;width:16px}.provider-icon-medium .provider-icon{height:25px;width:25px}.provider-icon-large .provider-icon{height:32px;width:32px}.provider-google{color:#4285f4}.provider-facebook{color:#1877f2}.provider-github{color:#333}.provider-local{color:#3b82f6}.google-svg,.hifadhui-svg{border-radius:50%}.facebook-icon,.github-icon{font-size:inherit}.provider-label{font-size:.75rem;font-weight:500}.provider-badge.with-background{border-radius:12px;padding:4px 8px}.provider-badge.with-background.provider-google{background:#4285f41a;border:1px solid #4285f433}.provider-badge.with-background.provider-facebook{background:#1877f21a;border:1px solid #1877f233}.provider-badge.with-background.provider-github{background:#3333331a;border:1px solid #3333}.provider-badge.with-background.provider-local{background:#3b82f61a;border:1px solid #3b82f633}@media (prefers-color-scheme:dark){.provider-github{color:#f0f6fc}.provider-badge.with-background.provider-github{background:#f0f6fc1a;border:1px solid #f0f6fc33}}.settings-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 4rem);padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.settings-header p{color:var(--text-secondary);font-size:1rem}.settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;min-height:600px}.settings-nav{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);height:-webkit-fit-content;height:fit-content;padding:1rem}.settings-nav-item{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;text-align:left;transition:all .2s ease;width:100%}.settings-nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.settings-nav-item.active{background-color:var(--primary-color);color:#fff}.settings-nav-item:last-child{margin-bottom:0}.settings-nav-icon{flex-shrink:0;font-size:1.125rem}.settings-content{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.settings-section{padding:2rem}.section-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:.875rem}.profile-info{align-items:flex-start;display:flex;gap:2rem}.profile-avatar{align-items:center;display:flex;flex-shrink:0;height:100px;justify-content:center;width:100px}.settings-avatar{border:3px solid var(--border-color)!important;border-radius:50%}.profile-details{flex:1 1}.account-type{margin-top:.5rem}.security-options{display:flex;flex-direction:column;gap:1.5rem}.security-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1.5rem}.security-item-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.security-item-info p{color:var(--text-secondary);font-size:.875rem;margin:0}.danger-section{border-top:3px solid var(--error-color)}.danger-item{background-color:#ef44440d;border:2px solid var(--error-color);border-radius:var(--border-radius);padding:1.5rem}.danger-item-info{margin-bottom:1.5rem}.danger-item-info h3{color:var(--error-color);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.danger-item-info p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.danger-list{list-style:none;margin:1rem 0;padding:0}.danger-list li{color:var(--text-secondary);font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.danger-list li:before{content:"⚠️";left:0;position:absolute;top:.5rem}.delete-step{padding:1rem 0}.warning-box{background-color:#ef44441a;border:1px solid var(--error-color);border-radius:var(--border-radius);margin:1rem 0;padding:1.5rem}.warning-icon{font-size:2rem}.warning-box h3,.warning-icon{color:var(--error-color);margin-bottom:1rem}.warning-box h3{font-size:1.125rem;font-weight:600}.warning-box p{color:var(--text-secondary);margin-bottom:1rem}.warning-box ul{list-style:none;margin:1rem 0;padding:0}.warning-box li{color:var(--text-secondary);padding:.25rem 0 .25rem 1.5rem;position:relative}.warning-box li:before{color:var(--error-color);content:"•";font-weight:700;left:0;position:absolute}.warning-text{color:var(--error-color)!important;font-weight:600}.confirm-text-display{background-color:var(--bg-tertiary);border:2px solid var(--primary-color);border-radius:var(--border-radius);color:var(--primary-color);font-family:monospace;font-size:1.25rem;font-weight:600;letter-spacing:2px;margin:1rem 0;padding:1rem;text-align:center}.loading-container{padding:2rem;text-align:center}.loading-container h3{color:var(--text-primary);margin:1rem 0}.loading-container p{color:var(--text-secondary);margin-bottom:2rem}.progress-steps{align-items:center;flex-direction:column;gap:.5rem}.progress-step{background-color:var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:.875rem;padding:.5rem;text-align:center;width:100%}@media (max-width:768px){.settings-page{padding:1rem}.settings-container{gap:1rem;grid-template-columns:1fr}.settings-nav{display:flex;gap:.5rem;overflow-x:auto;padding:.75rem}.settings-nav-item{flex-shrink:0;margin-bottom:0;margin-right:.5rem;white-space:nowrap}.settings-nav-item:last-child{margin-right:0}.settings-section{padding:1.5rem}.profile-info{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}.security-item{align-items:flex-start;flex-direction:column;gap:1rem}.danger-item{padding:1rem}.modal{margin:.5rem;width:calc(100% - 1rem)}}@media (max-width:480px){.settings-header h1{font-size:1.5rem}.avatar-image,.avatar-placeholder{height:80px;width:80px}.avatar-placeholder{font-size:1.5rem}.modal-body{padding:1rem}.modal-footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.modal-footer .btn{width:100%}}.danger-item,.security-item,.settings-nav-item{transition:all .2s ease}.warning-box{animation:fadeIn .3s ease-out}.delete-step{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-nav-item:focus{outline:2px solid var(--primary-color);outline-offset:2px}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.alert{border-radius:var(--border-radius);font-size:.875rem}.alert-error{background-color:#ef44441a;border:1px solid #ef44444d;color:var(--error-color)}.alert-success{background-color:#10b9811a;border:1px solid #10b9814d;color:var(--success-color)}.wizard-progress-section{padding:var(--spacing-lg)}.wizard-progress-section,.wizard-step-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.wizard-step-content{padding:var(--spacing-xl)}.step-progress-bar{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:100%}.progress-line{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:4px;transition:width .5s ease}.progress-numbers{left:0;pointer-events:none;right:0}.progress-numbers,.step-number{height:24px;position:absolute;top:0}.step-number{background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-muted);font-size:.8rem;transform:translateX(-50%);width:24px;z-index:2}.progress-numbers[data-steps="3"] .step-number:first-child{left:33.33%}.progress-numbers[data-steps="3"] .step-number:nth-child(2){left:66.66%}.progress-numbers[data-steps="3"] .step-number:nth-child(3){left:100%;transform:translateX(-100%)}.progress-numbers[data-steps="4"] .step-number:first-child{left:25%}.progress-numbers[data-steps="4"] .step-number:nth-child(2){left:50%}.progress-numbers[data-steps="4"] .step-number:nth-child(3){left:75%}.progress-numbers[data-steps="4"] .step-number:nth-child(4){left:100%;transform:translateX(-100%)}.step-number.active{background:var(--success-color);border-color:var(--success-color);box-shadow:0 0 0 3px #22c55e33;color:#fff}.step-header{margin-bottom:var(--spacing-xl)}.step-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.step-subtitle{color:var(--text-secondary);line-height:1.5;margin:0}.step-icon{height:48px;margin-bottom:var(--spacing-md);width:48px}.step-icon.warning{color:var(--warning-color)}.step-icon.primary{color:var(--primary-color)}.step-icon.danger{color:var(--error-color)}.step-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.primary-actions,.progress-steps{display:flex;gap:var(--spacing-md)}.progress-steps{justify-content:space-between}.progress-step{flex:1 1;position:relative}.step-indicator{gap:var(--spacing-sm)}.step-indicator,.step-number{align-items:center;display:flex}.step-number{border-radius:50%;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.pending .step-number{background:var(--border-color);color:var(--text-muted)}.progress-step.active .step-number{background:var(--primary-color);box-shadow:0 0 0 3px #3b82f64d;color:#fff}.progress-step.completed .step-number{background:var(--success-color);color:#fff}.step-info{flex:1 1;min-width:0}.step-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs)}.step-description{color:var(--text-secondary);font-size:.8rem}.step-connector{background:var(--border-color);height:2px;position:absolute;right:-.5rem;top:20px;transition:background .3s ease;width:1rem}.step-connector.completed{background:var(--success-color)}.progress-header{margin-bottom:var(--spacing-lg)}.progress-text{color:var(--text-primary);display:block;font-size:.9rem;margin-bottom:var(--spacing-sm);opacity:.8}.progress-bar{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--success-color),#34d399);border-radius:2px;height:100%;transition:width .3s ease}.confirmation-field,.password-field input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:var(--spacing-sm);transition:border-color .2s ease;width:100%}.confirmation-field:focus,.password-field input:focus{border-color:var(--primary-color);outline:none}.confirmation-field.valid{border-color:var(--success-color)}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:3rem}.password-toggle{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);transition:color .2s ease}.password-toggle:hover{color:var(--text-primary)}@media (max-width:768px){.wizard-progress-section,.wizard-step-content{padding:var(--spacing-md)}.progress-numbers{height:24px;left:0;pointer-events:none;position:absolute;right:0;top:30%}.step-number{font-size:.7rem;height:30px;top:0;transform:translateX(-50%);width:30px}.progress-numbers[data-steps="3"] .step-number:nth-child(3),.progress-numbers[data-steps="4"] .step-number:nth-child(4){top:0;transform:translateX(-100%)}.step-actions{flex-direction:column;gap:var(--spacing-md)}.primary-actions{flex-direction:column;width:100%}}.pagination{list-style:none;padding:0}.page-item .page-link{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .85rem;transition:background-color .2s,color .2s}.page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600}.page-item:not(.active) .page-link:hover{background-color:var(--primary-color-light);border-color:#dbeafe;color:var(--primary-hover)}.page-item.disabled .page-link{background-color:initial;border:none;color:var(--text-secondary);cursor:default;padding:.5rem .85rem}.admin-container{background-color:var(--surface-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 2rem 2rem;padding:2rem}.admin-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.75rem}.table-responsive{overflow-x:auto}.user-table{border-collapse:collapse;font-size:.9rem;width:100%}.user-table td,.user-table th{border-bottom:1px solid var(--border-color);padding:.75rem 1rem;text-align:left;vertical-align:middle}.user-table th{background-color:var(--background-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.user-table tbody tr:hover{background-color:var(--surface-hover)}.role-badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.role-admin{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.role-user{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.error-message{background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger-color,#ef4444);border-radius:8px;color:#ef4444;color:var(--danger-color,#ef4444);padding:1rem}.activity-list table{border-collapse:collapse;margin-top:1rem;width:100%}.activity-list td,.activity-list th{border-bottom:1px solid var(--border-color);padding:.75rem;text-align:left}.activity-list th{background-color:var(--secondary-background-color);font-weight:600}.activity-list tbody tr:hover{background-color:var(--hover-color)}.user-activity-details{padding:1rem}.stats-container{display:flex;gap:1rem;margin-bottom:2rem}.stat-card{background-color:#2c3e50;border-radius:8px;flex-grow:1;padding:1rem;text-align:center}.stat-card h5{color:#bdc3c7;font-size:.9rem;margin-top:0}.stat-card p{font-size:1.5rem;font-weight:700;margin-bottom:0}.recent-activities h4{margin:0}.info-bar-activity{align-items:center;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.info-bar-activity>span{color:var(--error-color);font-size:.9rem;font-weight:500}.activities-table{border-collapse:collapse;width:100%}.activities-table td,.activities-table th{border-bottom:1px solid #34495e;padding:.75rem;text-align:left}.activities-table th{color:#ecf0f1;font-weight:700}.action-type-badge{background-color:#3498db;border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;padding:.25rem .5rem}.action-type-badge.delete-action{background-color:var(--error-color)}.action-type-badge.upload-action{background-color:var(--success-color)}.activities-table-container{border:1px solid #34495e;border-radius:4px;max-height:300px;overflow-y:auto;padding:0 .5rem}.activities-table tr:last-child td{border-bottom:none}.activities-table-container::-webkit-scrollbar{width:4px}.activities-table-container::-webkit-scrollbar-track{background:#0000}.activities-table-container::-webkit-scrollbar-thumb{background-color:#566573;border-radius:4px}.activities-table-container::-webkit-scrollbar-thumb:hover{background-color:#808b96}.toast{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:500px;min-width:300px;padding:12px 16px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:10000}.toast-visible{opacity:1;transform:translateX(0)}.toast-hidden{opacity:0;transform:translateX(100%)}.toast-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border-color:#10b9814d;color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-color:#ef44444d;color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border-color:#f59e0b4d;color:#fff}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center}.toast-message{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:#fff3;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.toast-close:hover{background:#ffffff4d}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast{left:10px;max-width:none;min-width:0;min-width:auto;right:10px;top:10px}}.failed-login-attempts-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;padding:0}.attempts-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid var(--border-color);gap:16px;padding:20px 24px}.attempts-header,.header-icon{align-items:center;display:flex}.header-icon{background:#f59e0b33;border-radius:12px;color:#d97706;font-size:24px;height:48px;justify-content:center;width:48px}.header-content{flex:1 1}.header-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.header-content p{color:var(--text-secondary);font-size:14px;margin:0}.severity-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.attempts-details-grid{grid-gap:1px;background:var(--border-color);display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0}.detail-card{background:var(--card-bg);gap:12px;padding:16px 20px}.detail-card,.detail-icon{align-items:center;display:flex}.detail-icon{background:var(--primary-color-light);border-radius:8px;color:var(--white-color);font-size:16px;height:36px;justify-content:center;width:36px}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:14px;font-weight:600}.attempts-table-container{overflow-x:auto;padding:0}.attempts-table{border-collapse:collapse;font-size:14px;width:100%}.attempts-table thead{background:var(--bg-secondary)}.attempts-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.attempts-table td{border-bottom:1px solid var(--border-light);padding:16px;vertical-align:top}.attempts-table tbody tr:hover{background:var(--hover-bg)}.email-cell{display:flex;flex-direction:column;gap:2px}.email-address{color:var(--text-primary);font-weight:600}.email-domain{color:var(--text-secondary);font-size:12px}.date-cell{display:flex;flex-direction:column;gap:2px}.date-primary{color:var(--text-primary);font-weight:500}.date-relative{color:var(--text-secondary);font-size:12px}.failed-login-table .ip-cell{display:flex;flex-direction:column;gap:2px}.failed-login-table .ip-address{color:var(--text-primary);font-family:Courier New,monospace;font-weight:600}.failed-login-table .ip-type{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.attempts-cell{align-items:center;display:flex;gap:4px}.attempts-count{font-size:18px;font-weight:700}.attempts-threshold{color:var(--text-secondary);font-size:14px}.status-cell{display:flex;flex-direction:column;gap:4px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.blocked{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.status-badge.resolved{background:#10b9811a;border:1px solid #10b98133;color:#059669}.status-badge.dismissed{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.status-duration{color:var(--text-secondary);font-size:12px}.recommended-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:20px 24px}.recommended-actions h4{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.actions-list{display:flex;flex-direction:column;gap:8px}.action-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.action-item svg{color:var(--primary-color);flex-shrink:0;font-size:14px}@media (max-width:768px){.attempts-details-grid{grid-template-columns:1fr}.attempts-header{padding:16px 20px}.header-content h3{font-size:16px}.attempts-table-container{overflow-x:scroll}.attempts-table{min-width:600px}}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn.view{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.action-btn.view:hover{background:#3b82f633;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.attempts-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.header-icon{background:#f59e0b1a}}:root{--gray-600:#6b7280;--gray-500:#9ca3af}.session-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.session-modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.session-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:24px}.session-modal-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.session-modal-header h2 svg{color:var(--primary-color)}.session-modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s ease}.session-modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.session-modal-body{flex:1 1;overflow-y:auto;padding:24px}.session-modal-body::-webkit-scrollbar{width:8px}.session-modal-body::-webkit-scrollbar-track{background:#0000}.session-modal-body::-webkit-scrollbar-thumb{background-color:#6b7280;background-color:var(--gray-600);border:2px solid var(--bg-secondary);border-radius:10px}.session-modal-body::-webkit-scrollbar-thumb:hover{background-color:#9ca3af;background-color:var(--gray-500)}.session-section{margin-bottom:32px}.session-section:last-child{margin-bottom:0}.session-section h3{align-items:center;border-bottom:2px solid var(--primary-color);color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 16px;padding-bottom:8px}.session-section h3 svg{color:var(--primary-color);font-size:1.1rem}.session-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.session-modal-content .info-item{align-items:center!important;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex!important;flex-direction:row!important;justify-content:space-between!important;min-height:48px;padding:12px 16px}.info-item.full-width{align-items:flex-start;flex-direction:column;grid-column:1/-1;min-height:auto}.session-modal-content .info-item label{color:var(--text-secondary);display:block;flex-shrink:0;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0!important;text-transform:uppercase}.session-modal-content .info-item p{color:var(--text-primary);font-size:.95rem;line-height:1.4;margin:0;word-break:break-word}.session-modal-content .info-item.full-width{align-items:center!important;flex-direction:row!important;grid-column:1/-1!important;min-height:48px}.session-modal-content .info-item.full-width label{flex-shrink:0;margin-bottom:0!important;margin-right:16px!important}.session-id{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:6px 8px}.ip-address,.session-id{font-family:Courier New,monospace}.ip-address{color:var(--primary-color)!important;font-weight:600}.session-modal-content .user-agent{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-family:Courier New,monospace;font-size:.8rem!important;line-height:1.3;padding:8px}.session-status{border-radius:4px;font-size:.85rem;font-weight:600;margin-left:0!important;padding:4px 8px;text-align:center!important}.session-modal-content .session-status.active,.session-status.active{background:#22c55e1a!important;border:1px solid #22c55e4d!important;color:#22c55e!important}.session-status.inactive{background:#9ca3af1a;border:1px solid #9ca3af4d;color:#9ca3af}.suspicious-status{align-items:center;border-radius:4px;display:flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;margin-left:0!important;padding:4px 8px;text-align:center!important}.suspicious-status.suspicious{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.suspicious-status.safe{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.suspicious-reason{background:#ef44441a;border:1px solid #ef44444d;border-radius:4px;color:#ef4444;font-weight:500;padding:8px}.security-section{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;padding:16px}.security-section h3{border-bottom-color:#ef4444;color:#ef4444}.undefined-value{color:var(--text-secondary);font-style:italic;opacity:.7}.active-status,.session-modal-content .active-status{color:#22c55e!important;font-weight:600;text-align:right!important}@media (max-width:768px){.session-modal-overlay{padding:10px}.session-modal-content{max-height:95vh}.session-modal-body,.session-modal-footer,.session-modal-header{padding:16px}.session-info-grid{gap:12px;grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;min-height:auto}.info-item label{margin-bottom:6px}.info-item p{margin-left:0;text-align:left}.session-modal-content .info-item.full-width{align-items:flex-start!important;flex-direction:column!important}.session-modal-content .info-item.full-width label{margin-bottom:8px!important;margin-right:0!important}.session-modal-content .info-item.full-width p,.session-modal-content .user-agent{margin-left:0!important;text-align:left!important}.session-modal-content .user-agent{white-space:normal!important}.session-modal-header h2{font-size:1.3rem}}.pagination-controls{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;font-family:inherit;justify-content:space-between;margin-top:20px;padding:16px 20px}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:8px}.pagination-btn{font-family:inherit;font-weight:500;min-width:40px;outline:none;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);opacity:.8;transform:translateY(-1px)}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn.active{font-weight:600}.pagination-btn.active:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;opacity:.9;transform:translateY(-1px)}.pagination-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);transform:none}.pagination-btn:disabled:hover{opacity:.5;transform:none}.pagination-ellipsis{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:700;opacity:.7;padding:0 8px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:12px;padding:12px 16px;text-align:center}.pagination-buttons{flex-wrap:wrap;gap:6px;justify-content:center}.pagination-btn{font-size:.8rem;min-width:36px;padding:6px 10px}.pagination-info{font-size:.8rem}}@media (max-width:480px){.pagination-buttons{gap:4px}.pagination-btn{font-size:.75rem;min-width:32px;padding:6px 8px}.pagination-btn:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)){display:none}}.pagination-controls{animation:fadeIn .3s ease-out}.pagination-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.pagination-btn:focus:not(:focus-visible){outline:none}.pagination-controls.loading{opacity:.6;pointer-events:none}.pagination-controls.loading .pagination-btn{cursor:wait}.email-composer-overlay{bottom:0;direction:ltr;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;right:20px;z-index:9999}.email-composer-overlay *{direction:ltr}.email-composer-overlay.fullscreen{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;right:0;top:0}.email-composer{background:var(--surface-color);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -5px 25px #00000026;display:flex;flex-direction:column;max-height:600px;transition:all .3s ease;width:500px}.email-composer.minimized{height:40px;overflow:hidden}.email-composer.fullscreen-mode{border:1px solid var(--border-color);border-radius:8px;height:90vh;max-height:none;max-width:1000px;width:90vw}.email-composer.fullscreen-mode .composer-content{flex:1 1;max-height:none}.composer-header{align-items:center;background:var(--primary-color);border-radius:8px 8px 0 0;color:#fff;cursor:default;display:flex;justify-content:space-between;padding:12px 16px}.composer-title{font-size:.875rem;font-weight:500}.composer-controls{display:flex;gap:4px}.composer-control-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s ease}.composer-control-btn:hover{background:#ffffff1a}.composer-close:hover{background:#f003}.composer-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.composer-recipients{border-bottom:1px solid var(--border-color);padding:12px 16px}.recipient-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.recipient-row:last-child{margin-bottom:0}.recipient-row label{color:var(--text-secondary);font-size:.875rem;font-weight:500;min-width:40px}.recipient-row input{background:#0000;border:none;border-bottom:1px solid #0000;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none;padding:6px 0;transition:border-color .2s ease}.recipient-row input:focus{border-bottom-color:var(--primary-color)}.recipient-row input::placeholder{color:var(--text-muted)}.input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.input-wrapper input{flex:1 1}.input-wrapper input.error{color:#ef4444}.input-wrapper input.error,.input-wrapper input.error:focus{border-bottom-color:#ef4444!important}.error-indicator{align-items:center;color:#ef4444;cursor:help;display:flex;right:8px}.error-indicator,.error-tooltip{position:absolute;top:50%;transform:translateY(-50%)}.error-tooltip{background:#ef4444;border-radius:4px;color:#fff;font-size:.75rem;opacity:0;padding:4px 8px;pointer-events:none;right:25px;transition:opacity .2s ease;white-space:nowrap;z-index:10}.error-indicator:hover .error-tooltip{opacity:1}.cc-bcc-toggle{background:none;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:.75rem;padding:4px 8px;transition:background .2s ease}.cc-bcc-toggle:hover{background:var(--border-color)}.sender-email{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;font-weight:600;outline:none;padding:6px 0}.composer-toolbar{background:var(--background-color);border-bottom:1px solid var(--border-color);padding:8px 16px}.toolbar-row{gap:4px}.toolbar-btn,.toolbar-row{align-items:center;display:flex}.toolbar-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.toolbar-btn:hover{background:var(--border-color);color:var(--text-primary)}.format-btn{align-items:center;background:none;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:6px;transition:all .2s ease}.format-btn:hover{background:var(--border-color);color:var(--text-primary)}.format-btn.active,.format-btn:active{background:var(--primary-color);color:#fff}.content-wrapper{display:flex;flex:1 1;flex-direction:column;position:relative}.composer-content{background:var(--surface-color);border:none;color:var(--text-primary);direction:ltr!important;flex:1 1;font-family:inherit;font-size:.875rem;line-height:1.5;max-height:400px;min-height:200px;outline:none;overflow-y:auto;padding:16px;resize:none;text-align:left!important;transition:border-color .2s ease;unicode-bidi:normal!important;writing-mode:horizontal-tb!important}.composer-content.error{border:2px solid #ef4444;border-radius:4px}.content-error-indicator{align-items:center;background:var(--surface-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#ef4444;cursor:help;display:flex;padding:4px;position:absolute;right:16px;top:16px}.content-error-indicator .error-tooltip{right:30px;top:50%}.composer-content::placeholder{color:var(--text-muted);opacity:.7}.composer-content p{margin:0 0 1em}.composer-content p:last-child{margin-bottom:0}.composer-content ol,.composer-content ul{margin:0 0 1em 20px;padding:0}.composer-content a{color:var(--primary-color);text-decoration:underline}.composer-content *,.composer-content:after,.composer-content:before{direction:ltr!important;text-align:left!important;unicode-bidi:normal!important;writing-mode:horizontal-tb!important}.composer-content br{content:"";display:block;margin-top:.5em}.composer-content[contenteditable=true]{cursor:text;-webkit-user-select:text;user-select:text}.composer-content[contenteditable=true]:focus{direction:ltr!important;text-align:left!important}.composer-attachments{background:var(--background-color);border-top:1px solid var(--border-color);padding:12px 16px}.attachments-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-bottom:8px}.attachments-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-item{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;display:flex;font-size:.75rem;gap:8px;padding:6px 12px}.attachment-name{color:var(--text-primary);font-weight:500}.attachment-size{color:var(--text-secondary)}.attachment-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.attachment-remove:hover{background:var(--border-color);color:var(--text-primary)}.composer-footer{background:var(--background-color);border-top:1px solid var(--border-color);justify-content:space-between;padding:12px 16px}.composer-footer,.footer-left{align-items:center;display:flex}.footer-left{gap:12px}.send-btn{align-items:center;background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.general-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#ef4444;display:flex;font-size:.75rem;gap:6px;padding:6px 12px}.composer-shortcuts{color:var(--text-muted);font-size:.75rem}@media (max-width:768px){.email-composer{border-radius:0;bottom:0;height:100vh;max-height:none;right:0;width:100vw}.email-composer.minimized{height:50px}.composer-content{min-height:150px}.recipient-row{align-items:stretch;flex-direction:column;gap:4px}.recipient-row label{min-width:auto}.composer-footer{flex-direction:column;gap:8px}.send-btn{justify-content:center;width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.email-composer{animation:slideUp .3s ease-out}@media (prefers-color-scheme:dark){.composer-content{caret-color:var(--text-primary)}.composer-content::selection{background:var(--primary-color);color:#fff}}.empreintes-page{background-color:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:1.75rem}.empreinte-card-section{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:30px}.empreinte-card-section .section-title{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:10px;margin-bottom:20px}.empreintes-header{margin-bottom:2rem}.header-content h1{align-items:center;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.header-content h1 svg{color:var(--primary-color)}.subtitle{color:var(--text-secondary);font-size:1rem}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.metric-card{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:16px;padding:24px;transition:all .2s ease}.metric-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.375rem;height:48px;justify-content:center;width:48px}.metric-icon.files{background:linear-gradient(135deg,#10b981,#047857)}.metric-icon.shares{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.metric-icon.users{background:linear-gradient(135deg,#3b82f6,#1e40af)}.metric-icon.storage{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-content h3{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 4px}.metric-subtitle{color:var(--text-secondary);font-size:.75rem}.checkbox-cell{text-align:center;width:40px}.checkbox-cell .checkbox-container{align-items:center;cursor:pointer;display:flex;justify-content:center}.checkbox-cell input[type=checkbox]{display:none}.checkbox-cell .checkmark{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:4px;display:flex;flex-shrink:0;height:15px;justify-content:center;transition:all .2s ease;width:15px}.checkbox-cell .checkbox-container:hover .checkmark{border-color:var(--primary-color)}.checkbox-cell input:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-cell input:checked+.checkmark:after{color:#fff;content:"✓";font-size:9px;font-weight:700}.empreintes-table tbody tr.selected{background:#007bff1a}.btn-delete-batch{align-items:center;background:#ef4444;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:.4rem 1rem;transition:all .2s}.btn-delete-batch:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.generate-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.75rem}.generate-section h2{color:var(--text-primary);font-size:1.375rem;margin-bottom:1.25rem}.generate-form{grid-gap:1.25rem;align-items:end;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr auto}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.form-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:.55rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-color);outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-group small{color:var(--text-muted);font-size:.75rem}.btn-generate{align-items:center;background:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.4rem;padding:.55rem 2rem;transition:background .2s;white-space:nowrap}.btn-generate:hover:not(:disabled){background:var(--primary-hover)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:space-between;margin-bottom:1.25rem}.filters{display:flex;gap:.4rem}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;padding:.4rem 1rem;transition:all .2s}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.export-buttons{display:flex;gap:.4rem}.btn-export,.btn-refresh{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:.8125rem;gap:.4rem;padding:.4rem 1rem;transition:all .2s}.btn-export:hover,.btn-refresh:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.empreintes-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.empreintes-table{border-collapse:collapse;width:100%}.empreintes-table thead{background:var(--bg-tertiary)}.empreintes-table th{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.8125rem;font-weight:600;padding:.85rem;text-align:left}.empreintes-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.empreintes-table tbody tr:hover{background:var(--bg-tertiary)}.empreintes-table td{color:var(--text-secondary);font-size:.8125rem;padding:.85rem}.empreintes-table td code{background:var(--bg-primary);border-radius:4px;color:var(--text-primary);font-family:Courier New,monospace;font-size:.6875rem;padding:.25rem .5rem}.empreintes-table td.product-id code{color:var(--primary-color);font-weight:600}.empreintes-table td.date{color:var(--text-muted);font-size:.6875rem}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.6875rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.status-badge svg{font-size:1rem}.status-disponible{background:#10b9811a;border:1px solid #10b9814d;color:var(--success-color)}.status-utilise{background:#f59e0b1a;border:1px solid #f59e0b4d;color:var(--warning-color)}.status-expire{background:#ef44441a;border:1px solid #ef44444d;color:var(--error-color)}.empty-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-state svg,.loading-state svg{color:var(--text-muted);font-size:3rem;margin-bottom:.85rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.info-footer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-top:2rem;padding:1.25rem}.info-footer p{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.4rem;margin:0}.info-footer strong{color:var(--text-primary)}@media (max-width:768px){.empreintes-page{padding:.85rem}.generate-form,.stats-grid{grid-template-columns:1fr}.actions-bar{align-items:stretch;flex-direction:column}.export-buttons,.filters{justify-content:center}.empreintes-table-container{overflow-x:auto}.empreintes-table{min-width:800px}.info-footer p{align-items:flex-start;flex-direction:column;gap:.25rem}.separator{display:none}}.empreintes-table td.actions{display:flex;gap:.4rem;justify-content:center}.btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.4rem;transition:all .2s}.btn-view{background:#3b82f61a;color:#3b82f6}.btn-view:hover{background:#3b82f633;transform:translateY(-2px)}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433;transform:translateY(-2px)}.modal-detail-empreinte.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:.85rem;position:fixed;right:0;top:0;z-index:1000}.modal-detail-empreinte .modal-content{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-detail-empreinte .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.modal-detail-empreinte .modal-header h2{color:var(--text-primary);font-size:1.375rem;margin:0}.modal-detail-empreinte .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-detail-empreinte .modal-close:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-detail-empreinte .modal-body{padding:1.25rem}.detail-row{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;padding-bottom:.85rem}.detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-row strong{color:var(--text-muted);font-size:.6875rem;letter-spacing:.5px;text-transform:uppercase}.detail-row code{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.8125rem;padding:.55rem;word-break:break-all}.detail-row .hash-full{font-size:.6875rem;line-height:1.6}.copy-container{align-items:center;display:flex;gap:.4rem;width:100%}.copy-container code{flex:1 1}.btn-copy{align-items:center;background:#3b82f61a;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;padding:.4rem;transition:all .2s}.btn-copy:hover{background:#3b82f633;transform:scale(1.05)}.admin-delete-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.admin-delete-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%}.admin-delete-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.admin-delete-title{align-items:center;display:flex;gap:.75rem}.admin-delete-icon{color:#f59e0b;font-size:1.375rem}.admin-delete-title h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.admin-delete-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.375rem;justify-content:center;padding:.25rem;transition:all .2s}.admin-delete-close:hover{background:var(--hover-bg);color:var(--text-primary)}.admin-delete-body{padding:1.25rem}.admin-delete-body p{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0 0 1rem}.admin-delete-body p:last-child{margin-bottom:0}.product-id-highlight{background:#3b82f61a;border-radius:4px;color:#3b82f6;font-family:Courier New,monospace;font-size:.8125rem;font-weight:600;padding:.25rem .5rem}.admin-delete-warning{color:#f59e0b!important;font-size:.75rem!important;font-style:italic}.admin-delete-actions{border-top:1px solid var(--border-color);display:flex;gap:.85rem;justify-content:flex-end;padding:1.25rem}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:.55rem 1.5rem;transition:all .2s}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--hover-bg)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.qr-code-container{align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.85rem;padding:.85rem}.qr-code-image{background:#fff;border-radius:8px;height:200px;padding:.4rem;width:200px}.btn-copy-qr{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:var(--success-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.4rem;padding:.55rem 1.5rem;transition:all .2s}.btn-copy-qr:hover{background:#10b98133;box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.qr-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.75rem;padding:1.75rem}.qr-loading svg{color:var(--primary-color);font-size:2rem}.qr-loading p{font-size:.8125rem;margin:0}.verify-page{background:#0f172a;background:var(--bg-primary,#0f172a);font-family:var(--font-family);min-height:100vh;padding:40px 20px}.verify-container{background:#1e293b;background:var(--bg-secondary,#1e293b);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:12px;box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;overflow:hidden}.verify-header{background:#334155;background:var(--bg-tertiary,#334155);border-bottom:1px solid #334155;border-bottom:1px solid var(--border-color,#334155);color:#f8fafc;color:var(--text-primary,#f8fafc);padding:40px 20px;text-align:center}.verify-header-icon{color:#2563eb;color:var(--primary-color,#2563eb);font-size:48px;margin-bottom:16px}.verify-title{font-size:32px;font-weight:700;margin:0 0 12px}.verify-subtitle{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:16px;margin:0 auto;max-width:600px;opacity:.9}.verify-tabs{background:#1e293b;background:var(--bg-secondary,#1e293b);border-bottom:2px solid #334155;border-bottom:2px solid var(--border-color,#334155);display:flex}.verify-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#94a3b8;color:var(--text-muted,#94a3b8);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s}.verify-tab:hover{color:#f8fafc;color:var(--text-primary,#f8fafc)}.verify-tab.active,.verify-tab:hover{background:#334155;background:var(--bg-tertiary,#334155)}.verify-tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.verify-content{background:#1e293b;background:var(--bg-secondary,#1e293b);padding:40px}.verify-method{margin-bottom:32px}.verify-method-title{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:20px;font-weight:600;margin:0 0 8px}.verify-method-description{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:14px;line-height:1.6;margin:0 0 24px}.verify-upload-zone{margin-bottom:24px}.verify-upload-label{align-items:center;background:#334155;background:var(--bg-tertiary,#334155);border:2px dashed #334155;border:2px dashed var(--border-color,#334155);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;transition:all .2s}.verify-upload-label:hover{background:#0f172a;background:var(--bg-primary,#0f172a);border-color:#2563eb;border-color:var(--primary-color,#2563eb)}.verify-upload-icon{color:#2563eb;color:var(--primary-color,#2563eb);font-size:48px;margin-bottom:16px}.verify-upload-text{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:16px;font-weight:500;text-align:center}.verify-upload-size{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:14px;margin-top:8px}.verify-hash-input{background:#334155;background:var(--bg-tertiary,#334155);border:2px solid #334155;border:2px solid var(--border-color,#334155);border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);font-family:Courier New,monospace;font-size:14px;margin-bottom:24px;padding:14px 16px;transition:all .2s;width:100%}.verify-hash-input:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb33;outline:none}.verify-hash-input::placeholder{font-family:inherit}.verify-submit-btn{align-items:center;background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s;width:100%}.verify-submit-btn:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover,#1d4ed8);box-shadow:0 8px 24px #2563eb66;transform:translateY(-2px)}.verify-submit-btn:disabled{cursor:not-allowed;opacity:.6}.verify-reset-btn{background:#334155;background:var(--bg-tertiary,#334155);border:1px solid #334155;border:1px solid var(--border-color,#334155);border-radius:8px;color:#f8fafc;color:var(--text-primary,#f8fafc);cursor:pointer;font-size:14px;font-weight:500;margin-top:16px;padding:12px 24px;transition:all .2s;width:100%}.verify-reset-btn:hover{background:#0f172a;background:var(--bg-primary,#0f172a)}.verify-error{align-items:center;background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error-color,#ef4444);border-radius:8px;color:#ef4444;color:var(--error-color,#ef4444);display:flex;font-size:14px;gap:8px;margin-bottom:24px;padding:16px}.verify-result{border-radius:12px;margin-top:32px;padding:24px}.verify-result.verified{background:#10b9811a;border:2px solid #10b981;border:2px solid var(--success-color,#10b981)}.verify-result.not-verified{background:#ef44441a;border:2px solid #ef4444;border:2px solid var(--error-color,#ef4444)}.verify-result-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.verify-result-icon{font-size:32px}.verify-result-icon.success{color:#10b981;color:var(--success-color,#10b981)}.verify-result-icon.error{color:#ef4444;color:var(--error-color,#ef4444)}.verify-result-title{font-size:24px;font-weight:700;margin:0}.verify-result.verified .verify-result-title{color:#10b981;color:var(--success-color,#10b981)}.verify-result.not-verified .verify-result-title{color:#ef4444;color:var(--error-color,#ef4444)}.verify-result-details{grid-gap:16px;display:grid;gap:16px}.verify-result-item{display:flex;flex-direction:column;gap:4px}.verify-result-label{color:#94a3b8;color:var(--text-muted,#94a3b8);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.verify-result-value{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:14px;word-break:break-all}.verify-result-value.mono{border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:8px}.verify-result-message,.verify-result-value.mono{background:#334155;background:var(--bg-tertiary,#334155)}.verify-result-message{border-radius:6px;color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:14px;margin-top:16px;padding:12px}.verify-info{background:#334155;background:var(--bg-tertiary,#334155);border-top:1px solid #334155;border-top:1px solid var(--border-color,#334155);padding:32px 40px}.verify-info h4{color:#f8fafc;color:var(--text-primary,#f8fafc);font-size:16px;font-weight:600;margin:0 0 16px}.verify-info ul{list-style:none;margin:0;padding-left:20px}.verify-info li{color:#cbd5e1;color:var(--text-secondary,#cbd5e1);font-size:14px;line-height:1.6;margin-bottom:12px;padding-left:24px;position:relative}.verify-info li:before{color:#2563eb;color:var(--primary-color,#2563eb);content:"✓";font-weight:700;left:0;position:absolute}.verify-info li:last-child{margin-bottom:0}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.verify-page{padding:20px 10px}.verify-header{padding:30px 20px}.verify-title{font-size:24px}.verify-subtitle{font-size:14px}.verify-content{padding:24px 20px}.verify-tab{font-size:13px;padding:12px 16px}.verify-info{padding:24px 20px}.verify-result-header{flex-direction:column;text-align:center}.verify-result-title{font-size:20px}}.qrcode-display-container{align-items:center;display:flex;flex-direction:column;gap:12px}.qrcode-display-canvas-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-block;padding:16px}.qrcode-display-canvas{border-radius:4px;display:block}.qrcode-display-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qrcode-display-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.qrcode-display-btn:disabled{cursor:not-allowed;opacity:.5}.qrcode-display-btn-copy{background:#2563eb;background:var(--primary-color,#2563eb);color:#fff}.qrcode-display-btn-copy:hover:not(:disabled){background:#1d4ed8;background:var(--primary-hover,#1d4ed8);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.qrcode-display-btn-download{background:#10b981;background:var(--success-color,#10b981);color:#fff}.qrcode-display-btn-download:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.qrcode-display-error{background:#dc26261a;border-radius:8px;color:#dc2626;color:var(--error-color,#dc2626);font-size:14px;padding:20px;text-align:center}@media (prefers-color-scheme:dark){.qrcode-display-canvas-wrapper{background:#1e293b;box-shadow:0 2px 8px #0000004d}.qrcode-display-error{background:#dc262633}}@media (max-width:480px){.qrcode-display-canvas-wrapper{padding:12px}.qrcode-display-btn{font-size:12px;padding:6px 12px}}.empreinte-card-container{background:#0000;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px}.empreinte-card-preview{align-items:center;background:linear-gradient(135deg,#5a6c7d,#4a5c6d 50%,#3a4c5d);border:1px solid #000;box-shadow:0 10px 30px #0000004d;display:flex;height:170px;justify-content:center;margin:0 auto;max-width:410px;overflow:hidden;padding:10px;width:100%}.empreinte-card-preview:before{border:30px solid #ffffff0d;border-radius:50%;bottom:-10px;content:"";height:130px;pointer-events:none;position:absolute;right:-50px;width:130px}.empreinte-card-preview:after{border:35px solid #ffffff08;border-radius:50%;bottom:-50px;content:"";height:200px;pointer-events:none;position:absolute;right:-35px;width:200px}.card-content-horizontal{align-items:center;display:flex;gap:20px;z-index:1}.card-qr-canvas{display:block;height:140px;width:140px}.card-product-section{display:flex;flex-direction:column;gap:12px;z-index:1}.product-id-label{color:#ffffffb3;font-size:14px;letter-spacing:1px;text-transform:uppercase}.product-id-value{color:#fffffff2;font-size:16px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0003;word-break:break-all}.download-card-btn{align-items:center;align-self:center;background:#007bff;border:none;border-radius:8px;box-shadow:0 2px 8px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;transition:all .3s ease}.download-card-btn:hover{background:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.download-card-btn:active{box-shadow:0 2px 6px #007bff4d;transform:translateY(0)}.card-usage-info{background:#007bff1a;border-left:4px solid #007bff;border-radius:8px;display:flex;gap:15px;margin-top:10px;padding:20px}.info-content{flex:1 1}.info-content strong{color:#ffffffe6;display:block;font-size:16px;margin-bottom:8px}.info-content p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 0 12px}.info-content ul{list-style:none;margin:0;padding-left:20px}.info-content ul li{color:#ffffffb3;font-size:14px;line-height:1.5;margin:6px 0}.info-content ul li:before{background:#007bff;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:10px;vertical-align:middle;width:6px}@media (max-width:768px){.empreinte-card-preview{height:auto;max-width:100%;padding:20px}.card-content-horizontal{gap:20px}.card-qr-canvas{height:120px;width:120px}.product-id-value{font-size:14px}.download-card-btn{font-size:14px;padding:12px 20px;width:100%}.card-usage-info{flex-direction:column;gap:10px}}@media (max-width:480px){.empreinte-card-container,.empreinte-card-preview{padding:15px}.card-content-horizontal{flex-direction:column;gap:15px}.card-qr-canvas{height:100px;width:100px}.product-id-value{font-size:12px}.info-content strong{font-size:14px}.info-content p,.info-content ul li{font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empreinte-card-container{animation:fadeIn .5s ease}.empreinte-card-preview{position:relative}.empreinte-card-preview:hover:after,.empreinte-card-preview:hover:before{opacity:.8;transition:opacity .3s ease}.App,.main-content{min-height:100vh}.main-content{background:var(--bg-primary);margin-left:250px;padding:20px;transition:margin-left .3s ease}@media (max-width:1024px){.main-content{margin-left:70px}}@media (max-width:600px){.main-content{margin-left:0!important;padding:15px}}.landing-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh}.landing-content{max-width:600px;padding:2rem;text-align:center}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.landing-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.landing-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:3rem 0}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.feature-description{font-size:.875rem;opacity:.8}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:#f8fafc}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:1024px){.main-content{margin-left:70px;padding:1rem}.sidebar.expanded~.main-content{margin-left:250px}}@media (max-width:768px){.landing-title{font-size:2.5rem}.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ce05b56c.css.map*/