@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}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)}.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}.text-center{text-align:center}.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:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-size:.85rem;font-weight:500;line-height:1.5;padding:.65rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;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);color:#fff}.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;border:1px solid var(--border-color);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#334155;background-color:var(--bg-tertiary)}.btn-danger{background-color:#ef4444;background-color:var(--error-color);color:#fff}.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:#ef4444;color:var(--error-color);font-size:.75rem;margin-top:.25rem}.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)}.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{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;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;border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;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-avatar-container{display:flex;justify-content:center;margin-bottom:20px}.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;align-items:center;border-bottom:1px solid var(--border-color);display:grid;font-size:.95rem;gap:1rem;grid-template-columns:120px 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}.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{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:12px;padding:10px 16px;text-align:left;text-decoration:none;width:100%}.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;color:var(--navbar-text-color);display:flex;font-size:1.25rem;font-weight:700;text-decoration:none}.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;padding:0 1rem}.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{align-items:center;display:flex;font-size:1.125rem;justify-content:center;margin-right:.75rem;width:20px}.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,.user-info{align-items:center;display:flex}.user-avatar{background:var(--avatar-bg);border-radius:50%;color:var(--surface-color);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;font-weight:600;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{padding:0 .5rem}.sidebar.expanded .sidebar-nav{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:.795rem}.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);display:grid;gap:var(--spacing-sm)}.info-item{align-items:center;display:flex;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}@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)}}.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;color:var(--white-color);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:var(--primary-color);transform:scale(1.05)}.brand-icon{color:var(--primary-color);font-size:2rem}.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;gap:.75rem;margin-bottom:1rem}.footer-brand-icon{color:var(--primary-color);font-size:2rem}.footer-brand-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.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{color:var(--text-primary);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;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.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{color:var(--text-secondary);font-size:.79rem;font-weight:500;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}}.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}}.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;display:grid;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;color:var(--text-primary);display:flex;font-size:2rem;font-weight:700;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))}}.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}}.dossiers-loading,.files-loading{color:var(--text-secondary);padding:3rem;text-align:center}.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}.dossiers-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.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;overflow:hidden}.pdf-preview-container,.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;text-align:center}.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}.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;padding:2rem;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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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);margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-body,.modal-description{margin-bottom:1.5rem}.modal-description{color:var(--text-secondary);line-height:1.5}.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{color:var(--text-secondary);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}.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:300px 1fr}}.modal-image-container{margin:0 auto;max-width:300px;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 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%}}.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}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.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{color:var(--text-primary);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}.dossiers-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.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:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.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,.pdf-preview-container,.shared-file-preview{align-items:center;display:flex;justify-content:center;position:relative}.image-preview-container,.pdf-preview-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);-webkit-user-select:none;user-select:none;white-space:nowrap}.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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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}.admin-dashboard{background-color:var(--background-color);color:var(--text-color);padding:2rem}.admin-dashboard h1{border-bottom:2px solid var(--border-color);font-size:2rem;margin-bottom:2rem;padding-bottom:1rem}.dashboard-section{background-color:var(--surface-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.dashboard-section h2{font-size:1.5rem;margin-bottom:1rem}.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.d79476ec.css.map*/