@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-100:#CAF0F8;--primary-200:#ADE8F4;--primary-300:#90E0EF;--primary-400:#48CAE4;--primary-500:#00B4D8;--primary-600:#0096C7;--primary-700:#0077B6;--primary-800:#023E8A;--primary-900:#03045E;--primary-gradient-v1: linear-gradient(90deg, #CAF0F8, #48CAE4, #0077B6);--primary-gradient-v2: linear-gradient(90deg, #ADE8F4, #00B4D8, #023E8A);--primary-gradient-v3: linear-gradient(90deg, #90E0EF, #0096C7, #03045E);--bg-1: #0B1B2A;--bg-2: #071521;--bg-3: #0F1F33;--bg-4: #121A26;--bg-gradient-v1: linear-gradient(90deg, var(--bg-3) 0%, var(--bg-4) 100%);--bg-gradient-v2: linear-gradient( 180deg, rgba(0,180,216,.035) 0%, rgba(7,21,33,.06) 60%, rgba(3,4,94,.02) 100% );--white-:#ffffff;--black-:#000000;--neutral-100:#F8FAFC;--neutral-200:#F1F5F9;--neutral-300:#E2E8F0;--neutral-400:#CBD5E1;--neutral-500:#94A3B8;--neutral-600:#64748B;--neutral-700:#475569;--neutral-800:#334155;--neutral-900:#1E293B;--neutral-1000:#111721;--danger:#DC143C;--danger-v2:#c81035ee;--warning:#e2b41e;--success:#59AC77;--info:#7093f9;--font-primary:"Poppins";--round-sm:.4rem;--round-mid:1rem;--round-lg:1.4rem;--transition-fast: all .15s ease-in-out;--transition-medium: all .25s cubic-bezier(.4, 0, .2, 1);--transition-soft: all .3s ease;--shadow-sm: 0 1px 2px rgba(0,0,0,.18);--shadow-md: 0 6px 18px rgba(0,0,0,.32);--shadow-lg: 0 20px 50px rgba(0,0,0,.48);--zindex-sm:2;--zindex-md:3;--zindex-lg:4}*{box-sizing:border-box;font-family:var(--font-primary)}html{font-size:10px}body{width:100%;height:auto;margin:0;padding:0;color:var(--white-);background:var(--bg-1);position:relative}input,button{border:none;outline:none}button{cursor:pointer}a{text-decoration:none!important;color:var(--white-)}ul,ol{list-style:none;margin:0;padding:0}li{text-decoration:none}p{margin:0rem}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}h1,h2,h3,h4,h5,h6{margin:0}.section-header{font-size:clamp(3rem,3.8vw,4.2rem);font-weight:600;color:var(--neutral-200)}.section-caption{font-size:clamp(1.2rem,1.5vw,1.8rem);font-weight:500;color:var(--neutral-400)}.section-padding{padding:3rem 0rem}.section-content{padding:1rem;text-align:center}.section-width{width:80%}.web-section-btn{margin-top:3rem;width:auto;padding:0rem 3rem;height:40px;background:transparent;border:1px solid var(--primary-700);color:var(--primary-700);font-size:1.6rem;font-weight:500;border-radius:var(--round-mid);transition:var(--transition-fast)}.web-section-btn:hover{color:var(--primary-400);border-color:var(--primary-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}hr.separator{width:100%;height:1px;border:0;margin:12px 0;background:linear-gradient(90deg,#fff0,#7dd3fc59,#fff0);opacity:.9}.activation-code-grid{width:100%;height:var(--page-content-max-height);display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:60px}.activation-code-grid .activation-code-card{background:var(--neutral-300);color:var(--black-);border-radius:var(--round-sm);border:2px solid var(--primary-600);display:flex;align-items:center;justify-content:space-between;position:relative;padding:0rem 1.6rem;cursor:pointer;transition:var(--transition-fast)}.activation-code-grid .activation-code-card:hover{background:var(--primary-600);color:var(--neutral-300);border-color:var(--neutral-300);transform:translateY(-2px)}.activation-code-grid .activation-code-card:hover .generated-time{color:var(--white-)}.activation-code-grid .activation-code-card .generated-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;color:var(--neutral-800)}.activation-code-grid .activation-code-card header{font-size:2rem;font-weight:500}.activation-code-grid .activation-code-card .controls{display:flex;gap:1rem}.activation-code-grid .activation-code-card .controls .control{width:30px;height:30px;background:#0000001a;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--neutral-500)}.activation-code-grid .activation-code-card .controls .control svg{font-size:1.4rem}.studio-cards-container{width:100%;max-height:80vh;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:400px;gap:1.2rem;padding:.2rem 0rem;margin-bottom:1.6rem}.studio-cards-container .studio-card{background:var(--neutral-1000);border:1px solid var(--primary-600);padding:1.5rem;border-radius:var(--round-lg);transition:var(--transition-fast)}.studio-cards-container .studio-card .card-header{margin-bottom:1.4rem}.studio-cards-container .studio-card .card-header .profile-pic{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-bottom:1.2rem}.studio-cards-container .studio-card .card-header .profile-pic img{width:100%;height:auto}.studio-cards-container .studio-card .card-header .info{display:flex;justify-content:space-between;align-items:center}.studio-cards-container .studio-card .card-header .info header{font-size:1.8rem;font-weight:500;color:var(--neutral-300)}.studio-cards-container .studio-card .card-header .info:nth-child(3) header{font-size:1.5rem}.studio-cards-container .card-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.4rem}.studio-cards-container .card-info p{font-size:1.3rem;display:flex;align-items:center;gap:.6rem}.studio-cards-container .card-info p svg{color:var(--primary-600)}.studio-cards-container .action-buttons{margin-top:1.2rem;display:flex;align-items:center;gap:1.2rem;border-top:1px solid var(--neutral-600);padding-top:1.2rem}.studio-cards-container .action-buttons button{padding:.4rem 1.6rem;display:flex;align-items:center;justify-content:center;background:var(--primary-600);color:var(--neutral-100);border-radius:var(--round-sm);font-size:1.4rem;border:1px solid var(--neutral-500)}.studio-cards-container .action-buttons button:hover{background:var(--primary-700)}.studio-clients-container hr.separator{margin:2rem 0rem}.studio-clients-container .pagination{margin-bottom:1rem}.studio-clients{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:300px;gap:1.6rem}.studio-details-modal{max-height:90vh;overflow-y:auto}.studio-overview{width:100%}.studio-overview .studio-overview-header{width:100%;display:flex;margin-bottom:1.5rem}.studio-overview .studio-overview-header .avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex:0 0 auto;cursor:pointer;border:3px dotted var(--primary-400)}.studio-overview .studio-overview-header .avatar:hover{border-style:solid}.studio-overview .studio-overview-header .avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.studio-overview .studio-overview-header .header-content{width:100%;padding:0rem 2rem}.studio-overview .studio-overview-header .header-content .title-row{width:100%;display:flex;justify-content:space-between;align-items:center}.studio-overview .studio-overview-header .header-content .title-row header{font-size:1.8rem;font-weight:600;color:var(--neutral-300)}.studio-overview .studio-overview-header .header-content p.desc{font-size:1.4rem;color:var(--neutral-400)}.studio-overview .information-container{display:flex;flex-direction:column;gap:1.4rem;margin-top:1.5rem}.studio-overview .information-container .info-row{display:flex;align-items:center;gap:1rem}.studio-overview .information-container .info-row .label{font-size:1.6rem;color:var(--primary-600)}.studio-overview .information-container .info-row .value{width:100%;font-size:1.4rem;display:flex;align-items:center;gap:1rem}.studio-overview .information-container .info-row .value svg{font-size:1.6rem}.studio-storage{width:100%;display:flex;flex-direction:column;height:auto}.studio-storage .storage-summary{width:100%;display:flex;justify-content:center;align-items:start;gap:1.6rem;margin-bottom:1.2rem}.studio-storage .storage-summary .summary-row{display:flex;align-items:center;flex-direction:column;gap:.6rem;padding:.6rem 3rem;border-radius:var(--round-mid);background:var(--primary-700);border:1px solid var(--neutral-400);cursor:pointer;transition:var(--transition-fast)}.studio-storage .storage-summary .summary-row:hover{transform:translateY(-1px)}.studio-storage .storage-summary .summary-row .label{font-size:1.5rem;color:var(--neutral-100)}.studio-storage .storage-summary .summary-row .value{font-size:1.5rem;font-weight:600}.studio-storage .progress-container{margin:1rem 0rem}.studio-storage .control-storage{margin-top:1rem;margin-bottom:2.4rem}.studio-security{width:100%;height:auto}.studio-security .studio-security-header{display:flex;align-items:center;flex-direction:column;gap:.5rem;margin:1rem 0rem}.studio-security .studio-security-header header{font-size:2rem;font-weight:500}.studio-security .studio-security-header p{font-size:1.4rem;color:var(--neutral-300)}.studio-security .studio-security-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.studio-security .studio-security-actions .actions-section{padding:1.5rem 2rem;background:transparent;border:2px solid var(--primary-700);border-radius:var(--round-mid)}.studio-security .studio-security-actions .actions-section header{font-size:1.6rem;font-weight:500;margin-bottom:1.2rem}.studio-security .studio-security-actions .actions-section .actions{display:flex;gap:1.2rem}.studio-security .studio-security-actions .actions-section .actions button{padding:.5rem 1rem;background:var(--primary-700);color:var(--neutral-300);border-radius:var(--round-sm)}.studio-security .studio-security-actions .actions-section .actions button:hover{color:var(--white)}.profile-page .profile-container{width:100%;height:auto}.profile-page .profile-container .banner-container{width:100%;border-radius:var(--round-sm);overflow:hidden;border:2px double var(--neutral-600)}.profile-page .profile-container .banner-container .banner-img{width:100%;height:120px;object-fit:cover;border-radius:var(--round-sm)}.profile-page .profile-container .profile-img-container{margin-top:2rem;display:flex;justify-content:center;align-items:center}.profile-page .profile-container .profile-img-container .profile-img{width:270px;height:432px;object-fit:cover;border-radius:var(--round-mid);border:2px double var(--neutral-600)}.profile-page .profile-container .action-container{width:100%;margin-top:2rem;display:flex;justify-content:center;align-items:center}.profile-page .profile-container .action-container button{height:35px;padding:0rem 1.4rem;font-size:1.5rem;font-weight:600;background:var(--primary-800);color:var(--neutral-300);border-radius:var(--round-sm);border:1px solid var(--neutral-200);transition:var(--transition-soft);box-shadow:var(--shadow-sm)}.profile-page .profile-container .action-container button:hover{background:var(--neutral-300);border-color:transparent;color:var(--primary-800);box-shadow:var(--shadow-md)}.profile-page .profile-container .action-container button:active{scale:.97}.profile-page .profile-container .action-container button:nth-child(1){margin-right:1rem}.client-cards-container{width:100%;max-height:76vh;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:1.4rem;margin-bottom:2rem}.client-card{padding:2rem;background:var(--bg-2);border-radius:var(--round-mid);display:flex;justify-content:space-between;flex-direction:column;box-shadow:var(--shadow-sm);border:1px solid var(--neutral-700);transition:var(--transition-fast)}.client-card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-500)}.client-card .client-card-header{display:flex;align-items:center;justify-content:space-between}.client-card .client-card-header header{font-size:2.4rem;font-weight:600}.client-card .client-card-body{display:flex;flex-direction:column;gap:.6rem}.client-card .client-card-body .info{font-size:1.4rem;display:flex;align-items:center;gap:1rem;color:var(--neutral-300)}.client-card .client-card-body .info svg{color:var(--primary-600)}.client-card .client-card-actions{display:flex;flex-direction:column;gap:1rem}.client-card .client-card-actions .action-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--neutral-800)}.client-card .client-card-actions .action-row .toggle-button{margin-bottom:.5rem}.client-card .client-card-actions .action-row .label{font-size:1.4rem}.client-card .client-card-actions .action-row .label:hover{text-decoration:underline}.client-card .client-card-actions .client-card-btn{width:40px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:var(--round-lg);margin-top:.6rem;background:var(--primary-600);color:var(--neutral-300);transition:var(--transition-fast);outline:1px solid transparent;outline-offset:2px}.client-card .client-card-actions .client-card-btn svg{font-size:1.4rem}.client-card .client-card-actions .client-card-btn:hover{background:var(--neutral-300);color:var(--primary-600);outline-color:var(--neutral-300)}.client-card .client-card-actions .client-card-btn:active{scale:.98}.modal-body{display:flex;flex-direction:column;padding-right:1rem}.modal-body .client-details-header{width:100%;height:auto;margin-bottom:1.4rem}.modal-body .client-details-header .back-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--neutral-800);color:var(--primary-600);border:1px solid var(--primary-600);margin-bottom:1rem}.modal-body .client-details-header .back-btn svg{font-size:1.5rem}.modal-body .client-details-header .client-identity{display:flex;justify-content:space-between}.modal-body .client-details-header .client-identity header{font-size:2.6rem}.modal-body .client-details-header .secure-code header{font-size:1.6rem;margin-bottom:.8rem;color:var(--neutral-400)}.modal-body .client-details-header .secure-code header strong{color:var(--primary-600)}.modal-body .client-stats{display:flex;flex-direction:column;margin-bottom:1.4rem}.modal-body .client-stats .stat{display:flex;justify-content:space-between;align-items:center;padding:1rem 0rem;border-top:1px solid var(--neutral-600)}.modal-body .client-stats .stat.end{border-bottom:1px solid var(--neutral-600)}.modal-body .client-stats .stat header{font-size:1.6rem}.modal-body .client-stats .stat p{font-size:1.5rem}.modal-body .client-stats .stat.watermark-stat{gap:1rem}.modal-body .client-stats .stat.watermark-stat p{display:flex;align-items:center;gap:.8rem}.modal-body .folders-section{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.4rem}.modal-body .folders-section .folder-header header{font-size:2rem}.modal-body .folders-section .folder-header{display:flex;justify-content:space-between}.modal-body .folders-section header.breadcrumb{font-size:1.5rem;cursor:pointer}.modal-body .folders-section header.breadcrumb strong{padding:.2rem 1rem;background:var(--primary-700);font-weight:500;border-radius:var(--round-mid)}.modal-body .folders-section .folders{display:flex;flex-direction:column;gap:1.4rem;max-height:30vh;overflow-y:auto}.modal-body .folders-section .folders .no-folder-found{font-size:1.5rem;color:var(--neutral-400);display:flex;justify-content:start;align-items:center;gap:.8rem}.modal-body .folders-section .folders .folder{padding:1rem;background:var(--neutral-800);border-radius:var(--round-mid);font-size:1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:var(--transition-fast);border:1px solid var(--neutral-600)}.modal-body .folders-section .folders .folder .content{display:flex;align-items:center;justify-content:center;gap:1rem}.modal-body .folders-section .folders .folder:hover{background:var(--neutral-900)}.modal-body .folders-section .folders .folder:hover .actions{opacity:1}.modal-body .folders-section .folders .folder svg{color:var(--primary-600)}.modal-body .folders-section .folders .folder .actions{display:flex;gap:1rem;transition:var(--transition-fast);opacity:0}.modal-body .folders-section .folders .folder .actions button{width:26px;height:26px;display:flex;align-items:center;justify-items:center;border-radius:50%;background:var(--neutral-700);outline:1px solid var(--neutral-600);outline-offset:2px;transition:var(--transition-fast);margin:0 3px}.modal-body .folders-section .folders .folder .actions button:hover{outline-color:var(--neutral-400)}.modal-body .folders-section .folders .folder .actions button svg{color:var(--neutral-200)}.modal-body .add-folder-btn{width:100%;height:35px;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.5rem;background:var(--neutral-800);color:var(--neutral-200);border-radius:var(--round-mid);transition:var(--transition-fast)}.modal-body .add-folder-btn:hover{background:var(--primary-700)}.modal-body .add-folder-btn:active{scale:.98;background:var(--primary-800)}.modal-body .pagination{margin-bottom:2rem}.inline-edit-container{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.inline-edit-container input{width:100%;height:40px;background:var(--neutral-700);color:var(--neutral-200);border-radius:var(--round-sm);padding:0rem 1.6rem;font-size:1.4rem;font-weight:500;transition:var(--transition-fast);border:1px solid var(--neutral-500)}.inline-edit-container input::placeholder{color:var(--neutral-400)}.inline-edit-container input:focus{background:var(--neutral-800);border-color:var(--neutral-400)}.inline-edit-container .icons{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);display:flex;gap:1.4rem}.inline-edit-container .icons svg{font-size:1.6rem;cursor:pointer}.folder-content{width:100%;height:auto;overflow-y:auto;display:flex;flex-direction:column;gap:1.8rem;border-top:1px solid var(--neutral-600);padding:2rem 0rem}.folder-content .folder-header{display:flex;align-items:center;justify-content:space-between;position:relative}.folder-content .folder-header .back{width:30px;height:30px;background:var(--neutral-800);display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--neutral-600);cursor:pointer}.folder-content .folder-header .back:hover{background:var(--neutral-700);border-color:var(--neutral-500)}.folder-content .folder-header .back svg{font-size:1.4rem}.folder-content .folder-header header{font-size:2rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%);color:var(--neutral-200)}.folder-content .folder-header .actions{display:flex;gap:1rem;padding:0rem 1rem}.folder-content .folder-header .action-btn{padding:.4rem 1.2rem;background:var(--neutral-700);color:var(--neutral-200);border-radius:var(--round-sm);font-size:1.4rem;font-weight:500;outline:1px solid transparent;outline-offset:2px;transition:var(--transition-fast)}.folder-content .folder-header .action-btn:hover{outline-color:var(--primary-500);background:var(--primary-600);color:var(--neutral-100)}.folder-content .folder-images{display:grid;grid-auto-rows:100px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.4rem;padding-right:1rem}.folder-content .folder-images .image{width:100%;overflow:hidden;border-radius:var(--round-mid);border:1px solid var(--neutral-700);position:relative}.folder-content .folder-images .image:hover{border-color:var(--neutral-500)}.folder-content .folder-images .image img{width:100%;height:100%;object-fit:cover;min-height:100px}.folder-content .folder-images .image .actions{position:absolute;bottom:.8rem;right:1rem;opacity:0;transition:var(--transition-fast)}.folder-content .folder-images .image:hover .actions{opacity:1}.folder-content .folder-images .image .actions .icon{background:var(--danger);padding:.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.folder-content .folder-images .image .actions .icon svg{font-size:1.4rem;color:var(--white-)}.folder-content .no-photos{font-size:1.6rem;font-weight:500;font-style:italic;display:flex;align-items:center;gap:.8rem;opacity:.8}.folder-content .no-photos svg{color:var(--primary-500);font-size:1.8rem}.photo-preview-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0009;transition:var(--transition-fast);z-index:var(--zindex-lg)}.photo-preview-container .stats{position:absolute;bottom:1rem;left:auto;display:flex;justify-content:center;gap:3rem;width:100%;height:auto;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem 1.6rem;border-radius:12px}.photo-preview-container .stats p{font-size:1.8rem;font-style:italic;font-weight:500;color:var(--neutral-300);display:flex;align-items:center;gap:.8rem}.photo-preview-container .close-preview{position:absolute;top:2rem;right:2rem;background:#2c2c2c99;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--neutral-800);transition:var(--transition-fast);cursor:pointer}.photo-preview-container .close-preview:hover{background:#2c2c2ccc;border-color:var(--neutral-700)}.photo-preview-container .close-preview svg{font-size:1.8rem}@media screen and (max-width:1600px){.client-cards-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1200px){.client-cards-container{grid-template-columns:repeat(1,1fr)}}.client-dashboard{padding:0rem 1.6rem}.client-folder-page{width:100%;height:auto}.client-folder-page .client-folder-page-header{display:flex;justify-content:space-between;align-items:center;padding:0rem 6rem;margin-top:2rem;margin-bottom:1.2rem}.client-folder-page .client-folder-page-header header{font-size:1.8rem;font-weight:500;color:var(--neutral-200)}.client-folder-page .client-folder-page-header .actions{display:flex;gap:1.2rem}.client-folder-page .pagination{margin:2rem 0rem}.client-navbar{display:flex;justify-content:space-between;align-items:center;width:100%;height:56px;background:var(--bg-2);padding:0rem 2rem;box-shadow:var(--shadow-md)}.client-navbar .navbar-left{width:auto;height:100%;display:flex;align-items:center;gap:1.6rem}.client-navbar .navbar-left .back-btn{width:32px;height:32px;background:var(--neutral-800);display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--neutral-700);transition:var(--transition-fast)}.client-navbar .navbar-left .back-btn svg{font-size:1.4rem;color:var(--neutral-200)}.client-navbar .navbar-left .back-btn:hover{color:var(--white-);border-color:var(--primary-600);background:var(--neutral-900)}.client-navbar .navbar-left .studio{width:auto;height:100%;display:flex;align-items:center;justify-content:center;gap:1rem;border-left:1px solid var(--primary-600);padding-left:1.6rem}.client-navbar .navbar-left .studio .avatar{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--neutral-800)}.client-navbar .navbar-left .studio header{font-size:1.4rem;font-weight:600;color:var(--neutral-200)}.client-navbar .navbar-left .studio .avatar{overflow:hidden}.client-navbar .navbar-left .studio .avatar img{width:100%;height:auto;object-fit:cover}.client-navbar .navbar-right .action-buttons{display:flex;align-items:center;justify-items:center;gap:1rem}.client-navbar .navbar-right .action-buttons button{padding:.4rem 1.4rem;color:var(--neutral-200);background:transparent;border:1px solid var(--primary-600);border-radius:var(--round-sm);transition:var(--transition-fast)}.client-navbar .navbar-right .action-buttons button.logout-btn{border-color:var(--danger);color:var(--white-)}.client-navbar .navbar-right .action-buttons button.logout-btn:hover{background:var(--danger)}.client-folders{width:100%;height:auto;margin:1.4rem 0rem}.client-folders header.folders-header{font-size:2rem;font-weight:600;margin-bottom:1rem}.client-folders .folders-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.client-folders .folders-container .folder-card{padding:1.5rem;background:var(--neutral-900);border:1px solid var(--primary-700);border-radius:var(--round-sm);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;gap:1rem}.client-folders .folders-container .folder-card:hover{transform:translateY(-1px);background:var(--neutral-1000)}.client-folders .folders-container .folder-card header{font-size:1.8rem;display:flex;align-items:center;gap:1rem}.client-folders .folders-container .folder-card header svg{color:var(--primary-700)}.client-folders .folders-container .folder-card .folder-stats{display:flex;flex-direction:column;gap:.2rem}.client-folders .folders-container .folder-card .folder-stats p{font-size:1.2rem}.client-folders .folders-container .folder-card button{padding:.3rem 0rem;font-size:1.4rem;background:var(--primary-700);color:var(--neutral-200);border-radius:var(--round-mid);border:1px solid transparent;transition:var(--transition-fast)}.client-folders .folders-container .folder-card button:hover{background:transparent;border-color:var(--primary-700)}.photos-container{display:grid;grid-template-columns:repeat(3,460px);grid-auto-rows:360px;gap:2rem;justify-content:center;margin:1.6rem 0}.photo-card{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;overflow:hidden;background:var(--neutral-900);padding:1.2rem;border-radius:var(--round-mid);cursor:pointer;border:1px solid var(--neutral-800);transition:var(--transition-fast)}.photo-card.selected{border-color:var(--success)}.photo-card.selected:hover{scale:1.01;border-color:var(--success)}.photo-card:hover{border-color:var(--neutral-700);scale:1.01}.image-wrapper{width:100%;flex:1;position:relative;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:var(--round-mid)}.photo-card header.photo-name{font-size:1.6rem;font-weight:500;color:var(--neutral-200)}.photo-card .action-buttons{display:flex;gap:.8rem}.photo-card .action-buttons button{padding:.3rem 1.2rem;background:var(--primary-600);color:var(--neutral-100);border-radius:var(--round-sm);font-size:1.4rem;transition:var(--transition-medium);border:1px solid transparent}.photo-card .action-buttons button:hover{color:var(--primary-600);background:var(--neutral-300);border-color:var(--primary-600)}.watermark-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#0000001a}.watermark-text{font-size:3rem;font-weight:700;color:#fff6;transform:rotate(-30deg);-webkit-user-select:none;user-select:none;white-space:nowrap}.client-layout{width:100%;height:auto}@keyframes toastAnimation{0%{transform:translate(470px)}to{transform:translate(0)}}@keyframes closeToastAnimation{0%{transform:translate(0)}to{transform:translate(470px)}}@keyframes fadeInFromTop{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalClosingAnimation{0%{transform:translateY(0);opacity:1}to{transform:translateY(-4px);opacity:0}}@keyframes resultModalAnimation{0%{transform:translate(-50%,-60%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes resultModalAnimationClosing{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,-60%);opacity:0}}@keyframes enterUploadQueueAnimation{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes closeUploadQueueAnimation{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes successPulse{0%{box-shadow:0 0 #59ac7700}50%{box-shadow:0 0 16px #59ac7799}to{box-shadow:0 0 #59ac7700}}@keyframes progressWidthAnimation{0%{width:0%}to{width:var(--progressWidth)}}.web-navbar{position:relative;width:100%;background:var(--bg-2);color:var(--white-);display:grid;grid-template-rows:60px;grid-template-columns:1fr auto 1fr;padding:0rem 3rem;border-bottom:1px solid var(--neutral-800)}.web-navbar .mobile-nav{width:100%;height:60px;background:var(--bg-1);padding:0rem 3rem;position:absolute;top:-60px;left:0;transition:var(--transition-soft);opacity:0;z-index:var(--zindex-sm);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--neutral-600);box-shadow:var(--shadow-sm)}.web-navbar .mobile-nav.active{top:50px;opacity:1}.web-navbar .toggle-mobile-navbar{font-size:2.2rem;color:var(--neutral-200);cursor:pointer;display:none}.web-navbar .toggle-mobile-navbar:hover{color:var(--white-)}.web-navbar .links{display:flex;align-items:center;justify-content:start;gap:2.4rem}.web-navbar .links li a{font-size:clamp(1.4rem,1vw,1.6rem);font-weight:600;color:var(--neutral-300);position:relative}.web-navbar .links li a:after{content:"";position:absolute;inset:26px 0 0;width:0%;height:3px;background:var(--primary-600);border-radius:var(--round-sm);opacity:0;transition:var(--transition-medium);margin:auto}.web-navbar .links li a.active:after{opacity:1;width:70%}.web-navbar .links li a:hover:after{opacity:1;width:70%}.web-navbar .links li a:hover{color:var(--white-)}.web-navbar .split-text-container{font-size:clamp(1.8rem,1.4vw,2.4rem);font-weight:600;display:flex;align-items:center}.web-navbar .navbar-buttons{display:flex;align-items:center;justify-content:end}.web-navbar .navbar-buttons button{width:clamp(100px,10vw,120px);height:32px;font-size:clamp(1.2rem,1.2vw,1.4rem);font-weight:600;margin:0rem .6rem;border-radius:var(--round-sm);background:transparent;border:1px solid var(--primary-800);color:var(--neutral-300);transition:var(--transition-fast)}.web-navbar .navbar-buttons button:hover{color:var(--white-);border:1px solid var(--primary-600)}.web-container{width:100%;height:auto}.hero-section{width:100%;height:calc(100vh - 60px);padding:6rem;background:var(--bg-gradient-v1);position:relative;overflow:hidden;display:flex;align-items:start;justify-content:center;flex-direction:column}.hero-section header.header{font-size:clamp(3.8rem,4vw,6rem);font-weight:500}.hero-section header.header.faded-header{color:var(--primary-100);opacity:.6}.hero-section p{font-size:clamp(1.5rem,1.4vw,1.8rem);font-weight:400;max-width:640px;color:var(--neutral-300)}.hero-section p strong{color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-image:var(--primary-gradient-v1)}.hero-section .buttons{display:flex;gap:1rem;margin-top:1.6rem}.hero-section .buttons button{width:140px;height:37px;font-size:1.6rem;font-weight:500;background:var(--primary-800);color:var(--neutral-200);border-radius:var(--round-sm);border:1px solid var(--neutral-600);transition:var(--transition-fast)}.hero-section .buttons button.outline-btn{background:transparent}.hero-section .buttons button:hover{border-color:var(--neutral-400)}.hero-section .buttons button:active{scale:.98}.features-section{width:100%;height:auto;background:var(--bg-2);padding:3rem 0rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.features-section .features-cards{margin-top:3rem;display:grid;grid-template-rows:240px;grid-template-columns:repeat(4,1fr);gap:2rem}.features-section .features-cards .feature-card{background:var(--bg-4);display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid var(--neutral-900);border-radius:var(--round-mid);cursor:pointer;transition:var(--transition-soft);box-shadow:var(--shadow-md)}.features-section .features-cards .feature-card:hover,.features-section .features-cards .feature-card:hover div.icon{border-color:var(--primary-500)}.features-section .features-cards .feature-card div.icon{width:clamp(60px,6vw,80px);height:clamp(60px,6vw,80px);display:flex;justify-content:center;align-items:center;background:transparent;border:1px solid var(--neutral-900);border-radius:50%;margin-bottom:1rem;transition:var(--transition-soft)}.features-section .features-cards .feature-card div.icon svg{font-size:clamp(2.4rem,3vw,4rem)}.features-section .features-cards .feature-card header{font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:600}.features-section .features-cards .feature-card p{margin-top:.8rem;font-size:clamp(1.1rem,1.1vw,1.3rem);max-width:90%;text-align:center;color:var(--neutral-200)}.timeline-section{width:100%;height:auto;background:var(--bg-gradient-v1);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:3rem 0rem}.timeline-section .timeline-section-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.timeline-section .timelines{margin-top:3rem;display:grid;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(1,1fr);gap:1.8rem;position:relative}.timeline-section .timelines:after{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--primary-400);border-radius:var(--round-sm)}.timeline-section .timelines .timeline{background:var(--bg-2);padding:1.2rem 2.4rem;border-radius:var(--round-lg);cursor:pointer;border:1px solid var(--neutral-900);transition:var(--transition-soft);box-shadow:var(--shadow-sm)}.timeline-section .timelines .timeline:hover{border-color:var(--primary-600)}.timeline-section .timelines .timeline .step-number{position:absolute;left:-15px;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--primary-600);display:flex;justify-content:center;align-items:center;cursor:pointer}.timeline-section .timelines .timeline .step-number header{font-size:clamp(1.2rem,1.4vw,1.6rem);font-weight:700}.timeline-section .timelines .timeline .timeline-content header{font-size:clamp(1.4rem,1.6vw,1.9rem);font-weight:700;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;background-image:var(--primary-gradient-v1)}.timeline-section .timelines .timeline .timeline-content p{font-size:clamp(1.1rem,1vw,1.4rem);font-weight:500;margin-top:.4rem;color:var(--neutral-300)}.scroll-to-top{width:35px;height:35px;display:flex;align-items:center;justify-content:center;position:fixed;left:20px;bottom:20px;z-index:var(--zindex-lg);background:var(--bg-gradient-v2);border-radius:50%;border:1px solid var(--neutral-900);transition:var(--transition-fast);cursor:pointer;opacity:0}.scroll-to-top.active{opacity:1}.scroll-to-top:hover{border-color:var(--neutral-700)}.scroll-to-top svg{font-size:1.6rem;color:var(--neutral-200)}.pricing-container{display:grid;grid-auto-rows:480px;grid-template-columns:repeat(3,1fr);width:80%;gap:2rem}.pricing-container .price-card{background:var(--bg-3);padding:clamp(1.8rem,1.8vw,2.4rem);position:relative;border-radius:var(--round-lg);border:1px solid var(--neutral-800);transition:var(--transition-fast);cursor:pointer}.pricing-container .price-card:hover{border-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-container .price-card header.tag{font-size:clamp(1.8rem,1.6vw,2.2rem);font-weight:600;color:var(--neutral-400)}.pricing-container .price-card header.price{font-size:clamp(3rem,2.6vw,3.6rem);font-weight:600;margin:.8rem 0rem;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-image:var(--primary-gradient-v3)}.pricing-container .price-card .pricing-caption{font-size:clamp(1.2rem,1.25vw,1.4rem);font-weight:400;color:var(--neutral-300);margin-bottom:2rem}.pricing-container .price-card .pricing-features{display:flex;flex-direction:column;gap:1.6rem}.pricing-container .price-card .pricing-features .price-feature{display:flex;align-items:center;gap:.6rem}.pricing-container .price-card .pricing-features .price-feature svg{font-size:clamp(1.6rem,1.45vw,1.8rem);color:var(--primary-500)}.pricing-container .price-card .pricing-features .price-feature header{font-size:clamp(1.2rem,.8vw,1.4rem);color:var(--neutral-300)}.pricing-container .price-card button{width:90%;height:30px;background:var(--primary-700);color:var(--neutral-200);position:absolute;bottom:2rem;left:50%;transform:translate(-50%);border-radius:var(--round-mid);transition:var(--transition-fast);font-size:clamp(1.2rem,.8vw,1.4rem)}.pricing-container .price-card button:hover{background:var(--primary-800);color:var(--white-)}.pricing-section{width:100%;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.pricing-section .pricing-section-content{text-align:center;margin-bottom:3rem}.contact-section{display:flex;justify-content:center;align-items:center;background:var(--bg-4)}.contact-section .content-wrapper{height:480px;display:grid;grid-template-rows:100%;grid-template-columns:20% 80%;border-radius:var(--round-lg);background:var(--bg-2)}.contact-section .left-side{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:100%}.contact-section .left-side .info{display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-section .left-side .info svg{font-size:clamp(2.6rem,2.2vw,3rem);color:var(--primary-700)}.contact-section .left-side .info header{font-size:2rem;font-weight:600;margin-top:.8rem;margin-bottom:.4rem}.contact-section .left-side .info p.value{color:var(--neutral-300);font-size:1.3rem;font-weight:500}.contact-section .right-side{padding:2rem 3rem;overflow-y:auto}.contact-section .right-side header{font-size:clamp(2.8rem,2.6vw,3.4rem);font-weight:500}.contact-section .right-side p{font-size:clamp(1.4rem,1.5vw,1.8rem);margin-top:.6rem;color:var(--neutral-400);margin-bottom:2rem}.contact-section .right-side form{display:flex;flex-direction:column;gap:1.4rem}.contact-section .right-side form .contact-input{background:var(--bg-3);color:var(--neutral-300);font-size:clamp(1.4rem,1.2vw,1.5rem);font-weight:500;padding:0rem 2rem;border-radius:var(--round-sm);border:1px solid var(--neutral-800)}.contact-section .right-side form .contact-input:focus{border-color:var(--primary-400)}.contact-section .right-side form textarea{border:none;outline:none}.contact-section .right-side form textarea.contact-input{padding:1rem 2rem}.contact-section .right-side form .contact-input::placeholder{color:var(--neutral-300)}.contact-section .right-side form input.contact-input{height:40px}.contact-section .right-side .buttons{display:flex;gap:1rem}.contact-section .right-side .buttons button{width:auto;height:clamp(28px,4vh,35px);font-size:clamp(1.2rem,1.2vw,1.5rem);font-weight:500;padding:0rem 2.4rem;color:var(--neutral-200);background:var(--primary-700);border-radius:var(--round-sm);transition:var(--transition-fast)}.contact-section .right-side .buttons button:hover{background:var(--primary-800)}.footer{width:100%;height:auto;display:flex;justify-content:center;align-items:center;background:var(--bg-1);border-top:1px solid var(--neutral-800)}.footer .footer-wrapper{display:flex;align-items:center;justify-content:space-between}.footer .footer-wrapper .footer-left header{font-size:clamp(2rem,2.4vw,2.6rem);font-weight:500;color:var(--neutral-300)}.footer .footer-wrapper .footer-left .icons-container{display:flex;gap:.8rem;margin:.8rem 0rem}.footer .footer-wrapper .footer-left .icons-container .icon{width:clamp(30px,3.2vw,35px);height:clamp(30px,3.2vw,35px);display:flex;justify-content:center;align-items:center;border-radius:50%;background:transparent;border:1px solid var(--neutral-800);cursor:pointer;transition:var(--transition-medium)}.footer .footer-wrapper .footer-left .icons-container .icon:hover{border-color:var(--primary-600)}.footer .footer-wrapper .footer-left .icons-container .icon svg{font-size:1.6rem}.footer .footer-wrapper .footer-left .footer-description{color:var(--neutral-300);font-size:clamp(1.1rem,1.4vw,1.5rem);margin-top:1.4rem;width:80%}.footer .footer-wrapper .footer-left .footer-description strong{color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;background-image:var(--primary-gradient-v1)}.footer .footer-wrapper .footer-right .footer-links{display:flex;flex-direction:column;gap:.8rem}.footer .footer-wrapper .footer-right .footer-links li a{font-size:1.4rem;font-weight:500;color:var(--neutral-300)}.footer .footer-wrapper .footer-right .footer-links li a:hover{color:var(--white-)}.login-section{width:100%;height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background:var(--bg-3)}.login-section .login-container{width:75%;height:80%;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0b1b2a59;border:1px solid rgba(255,255,255,.08);border-radius:var(--round-lg);display:grid;grid-template-rows:100%;grid-template-columns:repeat(2,1fr);transition:var(--transition-soft);box-shadow:0 0 25px #00b4d826}.login-section .login-container .left-content{display:flex;align-items:center;justify-content:center;flex-direction:column}.login-section .login-container .left-content .content{text-align:center}.login-section .login-container .left-content .content header{font-size:clamp(3rem,2.2vw,4.4rem);font-weight:500;color:var(--neutral-200)}.login-section .login-container .left-content .content header strong{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-image:var(--primary-gradient-v1)}.login-section .login-container .left-content .content p{font-size:clamp(1.4rem,.9vw,1.8rem);color:var(--neutral-300)}.login-section .login-container .left-content .inputs-container{margin-top:2rem;width:80%}.login-section .login-container .left-content .inputs-container .input-field{display:flex;flex-direction:column;gap:1rem;margin:2rem 0rem}.login-section .login-container .left-content .inputs-container .input-field label{font-size:clamp(1.5rem,1vw,1.6rem);font-weight:600}.login-section .login-container .left-content .inputs-container .input-field input{width:100%;height:36px;padding:0rem 2rem;font-size:1.5rem;font-weight:500;background:transparent;border:1px solid var(--neutral-800);color:var(--neutral-200);border-radius:var(--round-sm);transition:var(--transition-soft)}.login-section .login-container .left-content .inputs-container .input-field input:focus{color:var(--white-);border-color:var(--primary-700);box-shadow:var(--shadow-md)}.login-section .login-container .left-content .inputs-container .input-field input::placeholder{color:var(--neutral-200)}.login-section .login-container .left-content .inputs-container .input-field input:hover{border-color:var(--primary-700)}.login-section .login-container .left-content .login-options{width:80%;display:flex;align-items:center;justify-content:end;margin-bottom:3rem}.login-section .login-container .left-content .login-options p{color:var(--primary-400);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500}.login-section .login-container .left-content .login-options p:hover{color:var(--primary-500)}.login-section .login-container .left-content button.login-btn{width:80%;height:35px;background:var(--primary-700);color:var(--neutral-200);border-radius:var(--round-lg);transition:var(--transition-medium);border:1px solid transparent;font-size:1.4rem}.login-section .login-container .left-content button.login-btn:hover{background:transparent;border:1px solid var(--primary-700);box-shadow:var(--shadow-md);scale:1.01}.login-section .login-container .right-content{display:flex;justify-content:center;align-items:center;padding:4rem;border-left:1px solid var(--neutral-800)}.login-section .login-container .right-content img{width:100%;height:auto}.toasts-container{position:fixed;bottom:2rem;right:2rem;width:auto;height:auto;display:flex;flex-direction:column;gap:1.4rem;z-index:var(--zindex-lg)}.toasts-container .toast{position:relative;width:450px;min-height:70px;height:auto;border:1px solid var(--neutral-600);border-radius:var(--round-mid);background:var(--neutral-800);display:flex;transform:translate(470px)}.toasts-container .toast.enter{animation:toastAnimation .55s cubic-bezier(.4,0,.2,1) 0s 1 forwards}.toasts-container .toast.closing{animation:closeToastAnimation .85s cubic-bezier(.4,0,.2,1) 0s 1 forwards}.toasts-container .toast div.icon{width:15%;display:flex;justify-content:center;align-items:center;border-right:1px solid var(--neutral-500)}.toasts-container .toast div.icon svg{font-size:2.4rem}.toasts-container .toast .content{display:flex;flex-direction:column;justify-content:center;margin-left:1rem}.toasts-container .toast .content header{font-size:1.6rem;font-weight:600}.toasts-container .toast .content p{font-size:1.2rem;color:var(--neutral-100);margin-top:.2rem}.toasts-container .toast .close-svg{position:absolute;top:1rem;right:1rem;font-size:1.8rem;opacity:0;transition:var(--transition-fast);cursor:pointer}.toasts-container .toast:hover .close-svg{opacity:1}.toasts-container .toast.danger .icon{background:var(--danger);border-top-left-radius:var(--round-mid);border-bottom-left-radius:var(--round-mid)}.toasts-container .toast.success .icon{background:var(--success);border-top-left-radius:var(--round-mid);border-bottom-left-radius:var(--round-mid)}.toasts-container .toast.info .icon{background:var(--info);border-top-left-radius:var(--round-mid);border-bottom-left-radius:var(--round-mid)}.toasts-container .toast.warning .icon{background:var(--warning);border-top-left-radius:var(--round-mid);border-bottom-left-radius:var(--round-mid)}.toasts-container .toast.warning:hover{border-color:var(--warning)}.toasts-container .toast.info:hover{border-color:var(--info)}.toasts-container .toast.danger:hover{border-color:var(--danger)}.toasts-container .toast.success:hover{border-color:var(--success)}.loader-container{position:fixed;inset:0;width:100%;height:100vh;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:calc(var(--zindex-lg) + 1)}.loader-container.active{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader{width:64px;height:64px;position:relative;background:#fff;border-radius:4px;overflow:hidden;cursor:pointer}.loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:var(--primary-600);box-shadow:32px -34px 0 5px var(--primary-400);animation:slide 2s infinite ease-in-out alternate}.loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:var(--primary-600);transform:rotate(0);transform-origin:35px 145px;animation:rotate 2s infinite ease-in-out}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}.dashboard-sidebar{overflow-x:auto;overflow-y:hidden;display:flex;justify-content:space-between;flex-direction:column;background:var(--neutral-900);border-right:1px solid var(--neutral-500);padding:0rem 2rem}.dashboard-sidebar .sidebar-top{display:flex;flex-direction:column;gap:0rem}.dashboard-sidebar .sidebar-top .sidebar-content{width:100%;padding:2rem 0rem;display:flex;justify-content:space-between;align-items:center}.dashboard-sidebar .sidebar-top .sidebar-content header{font-size:2rem;font-weight:700}.dashboard-sidebar .sidebar-top .sidebar-content .toggle-sidebar{width:30px;height:30px;background:var(--neutral-900);border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid var(--neutral-500);cursor:pointer}.dashboard-sidebar .sidebar-top .sidebar-content .toggle-sidebar:hover{background:var(--neutral-800);border-color:var(--neutral-400)}.dashboard-sidebar .sidebar-top .sidebar-content .toggle-sidebar svg{font-size:1.6rem;color:var(--primary-400)}.dashboard-sidebar .sidebar-links{display:flex;flex-direction:column;gap:2rem}.dashboard-sidebar .sidebar-links .search-container{width:100%;height:auto;position:relative;border-radius:var(--round-sm)}.dashboard-sidebar .sidebar-links .search-container svg{position:absolute;top:50%;transform:translateY(-50%);left:.8rem;font-size:1.6rem;color:var(--primary-600);transition:var(--transition-fast)}.dashboard-sidebar .sidebar-links .search-container input{width:100%;height:36px;padding:0rem 3rem;background:var(--neutral-300);border-radius:var(--round-sm);transition:var(--transition-fast);box-shadow:var(--shadow-sm);color:var(--primary-800);font-size:1.4rem;font-weight:600;border:1px solid var(--primary-800)}.dashboard-sidebar .sidebar-links .search-container:has(input:focus) svg{color:var(--primary-800)}.dashboard-sidebar .sidebar-links .search-container input::placeholder{color:var(--primary-600)}.dashboard-sidebar .sidebar-links .search-container input:focus{box-shadow:var(--shadow-md)}.dashboard-sidebar .sidebar-links .search-container:has(input:focus) input::placeholder{color:var(--primary-800)}.dashboard-sidebar .sidebar-links .links{display:flex;flex-direction:column;gap:1rem}.dashboard-sidebar .sidebar-links .links .link{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.8rem 1rem;background:var(--neutral-900);border-radius:var(--round-sm);transition:var(--transition-fast);border:1px solid var(--neutral-700)}.dashboard-sidebar .sidebar-links .links .link:hover{background:var(--neutral-800);border-color:var(--neutral-400);border-radius:var(--round-mid)}.dashboard-sidebar .sidebar-links .links .link.active{background:var(--neutral-800);border-color:var(--neutral-400)}.dashboard-sidebar .sidebar-links .links .link svg{font-size:2rem}.dashboard-sidebar .sidebar-links .links .link.dropdown-parent-link svg{font-size:2rem}.dashboard-sidebar .sidebar-links .links .link header{font-size:1.4rem;font-weight:500}.dashboard-sidebar .sidebar-links .links .dropdown-parent ul.dropdown{overflow:hidden;max-height:0px;opacity:0;transition:all ease-out .5s}.dashboard-sidebar .sidebar-links .links .dropdown-parent .dropdown.active{opacity:1;max-height:400px}.dashboard-sidebar .sidebar-links .links .dropdown-parent .dropdown .dropdown-inner{display:flex;flex-direction:column;gap:1.4rem;margin-top:1.2rem;padding:0rem .8rem}.dashboard-sidebar .sidebar-bottom .bottom-buttons{margin-bottom:1.6rem;display:flex;flex-direction:column;gap:1rem}.dashboard-sidebar .sidebar-bottom .bottom-buttons button{width:100%;height:32px;font-size:1.3rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.6rem;border-radius:var(--round-sm);background:var(--neutral-900);color:var(--neutral-300);border:1px solid var(--neutral-700);transition:var(--transition-fast)}.dashboard-sidebar .sidebar-bottom .bottom-buttons button svg{font-size:1.4rem}.dashboard-sidebar .sidebar-bottom .bottom-buttons button:hover{background:var(--neutral-800);border-color:var(--primary-400);color:var(--primary-400);transform:translateY(-2px)}.dashboard-sidebar.collapse .sidebar-top .sidebar-content header{display:none}.dashboard-sidebar.collapse .sidebar-top .sidebar-content{justify-content:center}.dashboard-sidebar.collapse .sidebar-links .search-container{display:none}.dashboard-sidebar.collapse .sidebar-links .links .link header{display:none}.dashboard-sidebar.collapse .sidebar-bottom{display:none}.dashboard-sidebar.collapse .sidebar-links .links .dropdown-parent .dropdown .dropdown-inner{padding:1rem 0rem;border-top:1px solid var(--neutral-500);border-bottom:1px solid var(--neutral-500)}.dashboard-sidebar .stats-wrapper{margin-bottom:2.6rem;display:flex;flex-direction:column;gap:1.4rem}.user-profile{width:100%;height:auto;display:flex;gap:1rem;margin-bottom:2rem;border-top:1px solid var(--neutral-700);padding-top:1.6rem;position:relative}.user-profile .profile-pic{width:40px;height:40px;border-radius:50%;background:var(--neutral-800);display:flex;justify-content:center;align-items:center;border:1px solid var(--primary-600);cursor:pointer}.user-profile .profile-pic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-profile .content header{font-size:1.4rem;font-weight:600;color:var(--neutral-300)}.user-profile .content p{font-size:1.3rem;color:var(--neutral-200)}.user-profile .logout-svg{position:absolute;top:2.5rem;right:2rem;font-size:1.8rem;color:var(--primary-400);cursor:pointer}.dashboard-navbar{width:100%;background:var(--neutral-900);border-bottom:1px solid var(--neutral-500);box-shadow:var(--shadow-mid);display:flex;justify-content:center;align-items:center}.dashboard-navbar header{font-size:2.4rem;font-weight:600}.modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;overflow-x:hidden;overflow-y:auto;background:#0006;z-index:var(--zindex-md);animation:fadeInFromTop .4s ease-in-out 0s 1 forwards;display:flex;align-items:center;justify-content:center}.modal-wrapper.closing{animation:modalClosingAnimation .4s ease-in-out 0s 1 forwards}.modal-wrapper .close-modal{position:absolute;top:2rem;right:2rem;background:#2c2c2c99;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid var(--neutral-800);transition:var(--transition-fast);cursor:pointer}.modal-wrapper .close-modal:hover{background:#2c2c2ccc;border-color:var(--neutral-700)}.modal-wrapper .close-modal svg{font-size:1.8rem}.modal-wrapper .modal-container{width:90%;min-height:20%;background:var(--bg-2);padding:3rem;border-radius:var(--round-mid);border:1px solid var(--neutral-600);transition:var(--transition-fast)}.modal-wrapper .modal-container.sm{max-width:700px}.modal-wrapper .modal-container.md{max-width:900px}.modal-wrapper .modal-container.lg{max-width:1140px}.modal-wrapper .modal-container:hover{border-color:var(--neutral-500)}.modal-container .modal-header{font-size:3rem;font-weight:500;text-align:center}.modal-form{display:grid;gap:3rem;margin-top:3rem}.modal-form.two-col{grid-template-columns:1fr 1fr}.modal-form.two-col .base-dropdown-wrapper .base-dropdown .visible-dropdown .toggle-dropdown{width:8%}.modal-form .full-col{grid-column:1 / -1}.base-input{width:100%;height:auto;display:flex;flex-direction:column;gap:.6rem}.base-input label{font-size:1.6rem;font-weight:500}.base-input label svg{font-size:1.3rem;margin-right:.4rem}.base-input .input-container{width:100%;position:relative}.base-input .input-container svg{position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-size:1.2rem;color:var(--primary-700)}.base-input input{width:100%;font-size:1.6rem;height:40px;padding:0rem 3rem;background:var(--neutral-900);color:var(--neutral-200);border-radius:var(--round-sm);border:1px solid var(--neutral-700)}.base-input input::placeholder{color:var(--neutral-500)}.base-input input:focus{border-color:var(--primary-700)}.base-input .search-container:hover svg{color:var(--primary-700)}.base-submit-btn{width:100%;height:40px;font-size:1.6rem;font-weight:600;background:var(--primary-600);color:var(--neutral-300);border:1px solid var(--primary-800);border-radius:var(--round-lg);transition:var(--transition-medium)}.base-submit-btn.disabled{background:var(--danger);opacity:.5;border:1px solid var(--neutral-600)}.base-submit-btn.disabled:hover{border-color:var(--neutral-300);background:var(--danger);cursor:not-allowed}.base-submit-btn:hover{background:var(--primary-800);border-color:var(--neutral-500);color:var(--white-)}.base-submit-btn:active{scale:.99}.base-dropdown-wrapper{width:100%;height:auto;display:flex;flex-direction:column;gap:.8rem}.base-dropdown-wrapper.disabled{-webkit-user-select:none;user-select:none;cursor:not-allowed;opacity:.7}.base-dropdown-wrapper.disabled .base-dropdown .visible-dropdown{cursor:not-allowed}.base-dropdown-wrapper header.label{font-size:1.7rem;font-weight:500}.base-dropdown-wrapper .base-dropdown{width:100%;height:42px;position:relative;background:var(--neutral-900);border-radius:var(--round-sm);border:1px solid var(--neutral-700);cursor:pointer;transition:var(--transition-fast)}.base-dropdown-wrapper .base-dropdown .visible-dropdown{width:100%;height:100%;padding:.8rem 0rem .8rem 1.8rem;display:flex;justify-content:space-between;align-items:center}.base-dropdown-wrapper .base-dropdown:hover{background:var(--neutral-900);border-color:var(--primary-700)}.base-dropdown-wrapper .base-dropdown:hover .visible-dropdown header{color:var(--white-)}.base-dropdown-wrapper .base-dropdown .visible-dropdown .toggle-dropdown{width:5%;height:100%;border-left:1px solid var(--neutral-800);display:flex;justify-content:center;align-items:center}.base-dropdown-wrapper .base-dropdown .visible-dropdown .toggle-dropdown svg{transition:var(--transition-fast)}.base-dropdown-wrapper .base-dropdown .visible-dropdown .toggle-dropdown.rotate svg{rotate:180deg}.base-dropdown-wrapper .base-dropdown .visible-dropdown header{font-size:1.6rem;color:var(--neutral-500);transition:var(--transition-fast)}.base-dropdown-wrapper .base-dropdown .visible-dropdown .toggle-dropdown:hover svg{color:var(--neutral-100)}.base-dropdown-wrapper .base-dropdown .visible-dropdown .toggle-dropdown svg{font-size:2rem;color:var(--neutral-400)}.base-dropdown-wrapper .base-dropdown .dropdown-options{position:absolute;width:100%;height:auto;background:var(--neutral-900);display:flex;flex-direction:column;gap:1.2rem;border:1px solid var(--neutral-700);border-radius:var(--round-sm);padding:1rem;transition:var(--transition-fast);max-height:40vh;overflow-y:scroll;z-index:var(--zindex-md);opacity:0;visibility:hidden;top:30px}.base-dropdown-wrapper .base-dropdown .dropdown-options.active{opacity:1;visibility:visible;top:50px}.base-dropdown-wrapper .base-dropdown .dropdown-options:hover{border-color:var(--primary-700)}.base-dropdown-wrapper .base-dropdown .dropdown-options .dropdown-option{width:100%;display:flex;align-items:center;padding:.6rem 2rem;font-size:1.4rem;background:var(--neutral-800);border-radius:var(--round-sm);border-left:2px solid transparent;transition:var(--transition-fast)}.base-dropdown-wrapper .base-dropdown .dropdown-options .dropdown-option.active{border-left:2px solid var(--primary-700);background:var(--bg-3)}.result-modal{width:min(540px,90vw);height:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--neutral-800);border:1px solid var(--neutral-700);z-index:var(--zindex-lg);padding:2rem 1.2rem;display:flex;border-radius:var(--round-mid);box-shadow:var(--shadow-lg);transition:var(--transition-fast);animation:resultModalAnimation .4s ease-in 0s 1 forwards}.result-modal.closing{animation:resultModalAnimationClosing .4s ease-in 0s 1 forwards}.result-modal .icon-container{width:10%;display:flex;align-items:center;justify-content:center}.result-modal .icon-container svg{font-size:3rem}.result-modal .result-modal-content{width:80%;padding:0rem .8rem}.result-modal .close-icon{position:absolute;right:2rem;font-size:2.4rem;color:var(--neutral-400);cursor:pointer}.result-modal .result-modal-content header{font-size:2rem;font-weight:600;color:var(--neutral-200)}.result-modal .result-modal-content p{font-size:1.4rem;margin:1rem 0rem}.result-modal .result-modal-content button{width:120px;height:30px;font-size:1.4rem;font-weight:500;border-radius:var(--round-sm);margin-top:1rem}.result-modal.success{background:radial-gradient(circle at top right,var(--success),var(--neutral-900) 20%)}.result-modal.success:hover{background:radial-gradient(circle at top right,var(--success),var(--neutral-1000) 20%);border-color:var(--success)}.result-modal.success .icon-container svg{color:var(--success)}.result-modal.success .result-modal-content button{background:var(--success);color:var(--neutral-200)}.result-modal.info{background:radial-gradient(circle at top right,var(--info),var(--neutral-900) 20%)}.result-modal.info:hover{background:radial-gradient(circle at top right,var(--info),var(--neutral-1000) 20%);border-color:var(--info)}.result-modal.info .icon-container svg{color:var(--info)}.result-modal.info .result-modal-content button{background:var(--info);color:var(--neutral-200)}.result-modal.danger{background:radial-gradient(circle at top right,var(--danger),var(--neutral-900) 20%)}.result-modal.danger:hover{background:radial-gradient(circle at top right,var(--danger),var(--neutral-1000) 20%);border-color:var(--danger)}.result-modal.danger .icon-container svg{color:var(--danger)}.result-modal.danger .result-modal-content button{background:var(--danger);color:var(--neutral-200)}.page-header{width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;margin-bottom:2.4rem}.page-header .left-content{display:flex;align-items:center;gap:2.4rem}.page-header .left-content .page-actions-wrapper{display:flex;align-items:center;gap:1.2rem}.page-header .left-content header{font-size:2.2rem;text-decoration:underline;text-decoration-color:var(--neutral-200);text-underline-offset:.8rem;font-weight:600;color:var(--neutral-200);transition:var(--transition-soft)}.page-header .left-content header:hover{text-decoration-color:var(--primary-600)}.page-header .right-content{display:flex;align-items:center;justify-content:end}.page-header .right-content button{width:auto;padding:.5rem 1.4rem;background:var(--neutral-300);color:var(--primary-800);border-radius:var(--round-mid);font-size:1.4rem;font-weight:500;transition:var(--transition-fast);border:1px solid var(--primary-200)}.page-header .right-content button:hover{background:var(--primary-800);color:var(--neutral-300)}.page-header .right-content button:active{scale:.98}.dashboard-input{width:100%;height:auto}.dashboard-input label{font-size:1.6rem;font-weight:500}.dashboard-input .input-container{position:relative;margin-top:1.4rem}.dashboard-input .input-container svg{position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-size:1.4rem;color:var(--primary-700)}.dashboard-input .input-container input{width:100%;height:40px;padding:0rem 3rem;background:var(--bg-2);color:var(--neutral-200);font-size:1.5rem;font-weight:500;border-radius:var(--round-mid);border:1px solid var(--neutral-700);outline:1px solid var(--neutral-900);outline-offset:2px;transition:var(--transition-fast)}.dashboard-input .input-container input:focus{border-color:var(--primary-700);outline-color:var(--primary-700);outline-offset:2px}.dashboard-input .input-container input:focus::placeholder{color:var(--neutral-500)}.dashboard-input .input-container input::placeholder{color:var(--neutral-600)}.dashboard-submit-btn{width:100%;height:32px;background:var(--primary-700);color:var(--neutral-100);border-radius:var(--round-sm);transition:var(--transition-fast);font-size:1.4rem;font-weight:500}.dashboard-submit-btn.disabled{opacity:.8;background:transparent;border:1px solid var(--primary-700);cursor:not-allowed}.dashboard-submit-btn.disabled:hover{border-color:var(--primary-500);background:transparent}.dashboard-submit-btn:hover{background:var(--primary-600)}.dashboard-submit-btn:active{background:var(--primary-800)}.dashboard-file-input{width:100%}.dashboard-file-input input{display:none}.dashboard-file-input .file-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--neutral-900);padding:3rem 0rem;border:3px dotted var(--neutral-700);border-radius:var(--round-mid);transition:var(--transition-medium);cursor:pointer}.dashboard-file-input .file-container .file-svg{font-size:3rem;transition:var(--transition-medium)}.dashboard-file-input .file-container .file-title{font-size:1.8rem;margin-top:2rem;margin-bottom:.6rem}.dashboard-file-input .file-container .file-caption{font-size:1.4rem;margin-bottom:1rem;color:var(--neutral-400)}.dashboard-file-input .file-container .browse-btn{width:125px;height:35px;background:var(--neutral-700);color:var(--neutral-200);font-size:1.5rem;border-radius:var(--round-sm);border:1px solid var(--neutral-600);display:flex;justify-content:center;align-items:center;gap:.8rem;transition:var(--transition-medium)}.dashboard-file-input .file-container:hover{border-color:var(--primary-700)}.dashboard-file-input .file-container:hover .file-svg{color:var(--primary-700);scale:1.1}.dashboard-file-input .file-container:hover .browse-btn{background:var(--neutral-800)}.dashboard-file-input .file-container.selected{border-color:var(--primary-700);background:var(--bg-gradient-v1)}.dashboard-file-input .file-container.selected .file-svg{color:var(--primary-600);color:var(--white-)}.dashboard-file-input .file-container.selected .file-title{color:var(--neutral-100)}.dashboard-file-input .file-container.selected .browse-btn{background:var(--primary-700);border-color:var(--neutral-700);color:var(--white-)}.upload-queue-container{width:auto;height:auto;position:fixed;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:1.6rem;z-index:var(--zindex-lg)}.upload-queue-task{width:340px;height:auto;color:var(--white-);background:linear-gradient(180deg,#334155eb,#1e293bf5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-fast);border:1px solid rgba(0,180,216,.25);outline:1px solid transparent;outline-offset:4px;border-radius:var(--round-mid);position:relative;cursor:pointer;opacity:0;transform:translateY(-20px);box-shadow:var(--shadow-lg);overflow:hidden;animation:enterUploadQueueAnimation .3s ease-out forwards}.upload-queue-task.closing{animation:closeUploadQueueAnimation .6s ease-in forwards}.upload-queue-task.animate-success{border-color:var(--success);animation:successPulse .6s ease-out 1}.upload-queue-task:hover{outline-color:var(--primary-600);border-color:var(--primary-500)}.upload-queue-task.error .progress{background:linear-gradient(90deg,#dc143c,#ff6b6b)}.upload-queue-task .progress{position:absolute;top:0;left:0;width:var(--progress);height:100%;background:linear-gradient(90deg,#0096c78c,#00b4d8d9);border-radius:var(--round-mid);z-index:var(--zindex-md);transition:var(--transition-medium)}.upload-queue-task .content{position:relative;z-index:10;padding:1.5rem}.upload-queue-task .content header{font-size:1.7rem;font-weight:500;color:var(--white-)}.upload-queue-task p{font-size:1.4rem;color:var(--neutral-300)}.dashboard-stats-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.dashboard-stats-container .stat{flex:1 1 250px;height:120px;background:var(--primary-800);border-radius:var(--round-mid);border:1px solid var(--neutral-500);display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:var(--transition-fast);animation:fadeInFromTop .6s ease 0s 1 alternate}.dashboard-stats-container .stat:hover{border-color:var(--neutral-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-stats-container .stat .icon-container{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-700);margin-left:2.4rem;margin-right:.4rem}.dashboard-stats-container .stat .icon-container svg{font-size:2rem}.dashboard-stats-container .stat .content header{font-size:3rem;font-weight:500}.dashboard-stats-container .stat .content p{font-size:1.4rem;color:var(--neutral-300)}.progress-container{width:100%;height:auto}.progress-container header{font-size:1.5rem;font-weight:500}.progress-container .progress-outer{width:100%;height:20px;background:var(--neutral-800);margin-top:.8rem;border-radius:var(--round-sm)}.progress-container .progress{border-radius:var(--round-sm);height:100%;background:var(--primary-500);animation:progressWidthAnimation .9s ease-in 0s 1 forwards;transition:var(--transition-fast)}.progress-container .progress.danger{background:var(--danger)}.progress-container .progress.warning{background:var(--warning)}.toggle-button{width:60px;height:25px;border-radius:var(--round-lg);background:var(--neutral-100);position:relative;transition:var(--transition-fast)}.toggle-button .round{width:18px;height:18px;border-radius:50%;background:var(--primary-600);position:absolute;top:50%;left:5px;transform:translateY(-50%);transition:var(--transition-fast)}.toggle-button.active .round{left:35px;background:var(--neutral-100)}.toggle-button.active{background:var(--primary-600)}.pagination{width:100%;height:auto;display:flex;justify-content:center;align-items:center;gap:1.6rem}.pagination .control-btn{padding:.5rem 1.2rem;height:36px;background:transparent;color:var(--primary-400);border-radius:var(--round-lg);font-size:2rem;font-weight:600;border:1px solid var(--primary-600);transition:var(--transition-fast);display:flex;justify-content:center;align-items:center}.pagination .control-btn:active{scale:.97}.pagination .control-btn:hover{background:var(--primary-600);color:var(--neutral-100);border-color:var(--primary-600);box-shadow:var(--shadow-md)}.pagination .paginate-btn{width:40px;height:32px;border-radius:var(--round-mid);font-size:1.4rem;font-weight:600;background:var(--neutral-100);color:var(--primary-600);outline:1px solid var(--primary-600);outline-offset:3px;transition:var(--transition-medium)}.pagination .paginate-btn.active,.pagination .paginate-btn:hover{color:var(--white-);background:var(--primary-600);outline-color:var(--primary-600)}.search-input{width:250px;height:34px;position:relative}.search-input svg{position:absolute;top:50%;transform:translateY(-50%);left:1rem;font-size:1.4rem}.search-input input{width:100%;height:100%;background:var(--neutral-800);border-radius:var(--round-sm);padding:0rem 3rem;color:var(--neutral-300);font-size:1.4rem;transition:var(--transition-medium);border:1px solid transparent}.search-input input:focus{border-color:var(--neutral-300);background:var(--neutral-900)}.search-input input::placeholder{color:var(--neutral-500)}.action-dropdown{width:80px;height:32px;position:relative}.action-dropdown .action-dropdown-content{position:absolute;width:80px;height:32px;display:flex;justify-content:space-between;align-items:center;background:var(--neutral-800);border:1px solid transparent;border-radius:var(--round-sm);padding:0rem 1rem;transition:var(--transition-fast);cursor:pointer;z-index:var(--zindex-sm)}.action-dropdown .action-dropdown-content p{font-size:1.2rem}.action-dropdown .action-dropdown-content svg{font-size:1.2rem;transition:var(--transition-medium)}.action-dropdown .action-dropdown-content svg.rotate-180{rotate:180deg}.action-dropdown .action-dropdown-content:hover{border-color:var(--neutral-300)}.action-dropdown .action-dropdown-content:active{scale:.98}.action-dropdown .action-items{position:absolute;top:0;opacity:0;scale:0;width:80px;border-radius:var(--round-sm);transition:var(--transition-fast);overflow:hidden}.action-dropdown.md .action-items{width:130px}.action-dropdown.lg .action-items{width:160px}.action-dropdown .action-items.active{top:32px;opacity:1;scale:1}.action-dropdown .action-items .action-item{padding:.9rem;background:var(--neutral-700)}.action-dropdown .action-items .action-item p{font-size:1.2rem}.action-dropdown .action-items .action-item:hover,.action-dropdown .action-items .action-item.active{background:var(--neutral-800)}.action-dropdown .action-items .action-item.disabled{cursor:not-allowed}.badge{font-size:1.4rem;padding:.2rem 1rem;border-radius:30px;background:var(--bg-3);border:2px solid transparent;outline:1px solid transparent;outline-offset:2px;transition:var(--transition-fast);cursor:pointer;display:flex;justify-content:center;align-items:center}.badge.activated:hover{outline-color:var(--success)}.badge.deactivated:hover{outline-color:var(--danger-v2)}.badge.activated{background:var(--success)}.badge.deactivated{background:var(--danger)}.tabs{width:100%;height:40px;background:var(--neutral-1000);display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.tabs .tab{flex-grow:1;height:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid transparent;cursor:pointer}.tabs .tab.active,.tabs .tab:hover{background:var(--neutral-900);border-bottom:1px solid var(--primary-500)}.tabs .tab header{font-size:1.3rem;font-weight:500}:root{--page-content-max-height:82vh}.dashboard-layout{width:100%;height:100vh;display:grid;grid-template-rows:56px 1fr;grid-template-columns:260px 1fr;grid-template-areas:"sidebar navbar" "sidebar content"}.dashboard-layout.sidebar-closed{grid-template-columns:80px 1fr}.dashboard-layout .layout-content{grid-area:content;padding:2rem}.dashboard-layout .dashboard-navbar{grid-area:navbar}.dashboard-layout .dashboard-sidebar{grid-area:sidebar}.dashboard-layout .layout-content header.no-content{font-size:2.2rem;font-weight:500;color:var(--neutral-200);margin-top:1rem}.home-container{width:100%;height:auto}.lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.line{position:absolute;width:2px;height:100%;top:0;left:50%;background:#ffffff0d;overflow:hidden}.line:after{content:"";position:absolute;height:40vh;width:100%;top:-40%;left:0;background:linear-gradient(to bottom,#fff0,#fff3 60%,#ffffff73);animation:drop 6s infinite cubic-bezier(.4,.26,0,.97)}.line:nth-child(1){left:25%}.line:nth-child(2){left:50%}.line:nth-child(3){left:75%}.line:nth-child(1):after{animation-delay:1s}.line:nth-child(2):after{animation-delay:2.3s}.line:nth-child(3):after{animation-delay:3.8s}@keyframes drop{0%{top:-50%;opacity:0}10%{opacity:1}to{top:110%;opacity:0}}.split-text-container{display:flex;align-items:center;font-weight:700;color:#fff;overflow:hidden}.text-part{display:inline-block;position:relative;transform:translate(0);animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.text-part.left{transform:translate(-200%);animation-name:slide-in-left}.text-part.right{transform:translate(200%);animation-name:slide-in-right}@keyframes slide-in-left{0%{transform:translate(-200%)}to{transform:translate(0)}}@keyframes slide-in-right{0%{transform:translate(200%)}to{transform:translate(0)}}@media screen and (max-width:1000px){.web-navbar .outer-element{display:none}.web-navbar{grid-template-columns:auto auto;grid-template-rows:50px;align-items:center;justify-content:space-between}.web-navbar .toggle-mobile-navbar{display:block}}@media screen and (max-width:600px){.web-navbar .mobile-nav{top:-150px;height:auto;padding:2rem}.web-navbar .mobile-nav.active{top:50px}.web-navbar .mobile-nav .links{flex-direction:column;gap:2.4rem}.web-navbar .mobile-nav .navbar-buttons{flex-direction:column;gap:1.4rem}}@media screen and (max-width:700px){.hero-section{padding:0rem 3rem}.hero-section .buttons button{width:120px;font-size:1.5rem}}@media screen and (max-width:1600px){.features-section .features-cards{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,200px)}}@media screen and (max-width:800px){.features-section .features-cards{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,180px)}}@media screen and (max-width:640px){.features-section .features-cards{grid-template-rows:repeat(4,190px)}}@media screen and (max-width:1100px){.pricing-container{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1400px){.section-width{width:90%!important}}@media screen and (max-width:1400px){.contact-section .content-wrapper{height:auto;grid-template-rows:auto 1fr;grid-template-columns:100%}.contact-section .left-side{grid-template-rows:100%;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--neutral-800)}.contact-section .left-side .info{padding:2rem 0rem}}@media screen and (max-width:740px){.contact-section .left-side{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}}@media screen and (max-width:1300px){.login-section .login-container .right-content{display:none}.login-section .login-container{grid-template-columns:repeat(1,1fr)}.login-section .login-container .left-content .content header{font-size:clamp(3rem,4.4vw,4.4rem)}.login-section .login-container .left-content .content p{font-size:clamp(1.4rem,2vw,2rem)}}@media screen and (max-width:700px){.login-section .login-container{width:90%}}@media screen and (max-width:550px){.login-section .login-container .left-content .content{display:flex;align-items:center;flex-direction:column}.login-section .login-container .left-content .content p{max-width:80%;margin-top:.6rem}}@media screen and (max-width:460px){.login-section .login-container .left-content .content header{font-size:clamp(2rem,6.4vw,3rem)}.login-section .login-container .left-content .content p{font-size:1.2rem}.login-section .login-container .left-content .inputs-container .input-field input{font-size:1.4rem;padding:0rem 1.6rem;height:34px}}@media screen and (max-width:1400px){.dashboard-sidebar .sidebar-top .sidebar-content header{font-size:1.8rem}.dashboard-sidebar .sidebar-top .sidebar-content .toggle-sidebar{width:28px;height:28px}.dashboard-sidebar .sidebar-top .sidebar-content .toggle-sidebar svg{font-size:1.5rem}.dashboard-sidebar .sidebar-links .search-container input{height:32px;font-size:1.3rem}.dashboard-sidebar .sidebar-links .links .link{padding:.6rem .8rem}.dashboard-sidebar .sidebar-links .links .link svg{font-size:1.6rem}.dashboard-sidebar .sidebar-links .links .link header{font-size:1.3rem}.dashboard-sidebar .progress-container header{font-size:1.3rem}.dashboard-sidebar .sidebar-bottom .bottom-buttons button{height:30px;font-size:1.2rem}.dashboard-sidebar .sidebar-bottom .bottom-buttons button svg{font-size:1.2rem}.dashboard-sidebar .user-profile .profile-pic{width:38px;height:38px}.dashboard-sidebar .user-profile .profile-pic .content header{font-size:1.2rem}.dashboard-sidebar .user-profile .profile-pic .content p{font-size:1.2rem}}@media screen and (max-width:1040px){.dashboard-layout{grid-template-columns:240px 1fr}}@media screen and (max-width:1300px){.dashboard-stats-container{flex-direction:column}.dashboard-stats-container .stat{width:100%;flex:1 1 100px}.dashboard-stats-container .stat .content header{font-size:2.6rem}.dashboard-stats-container .stat .content p{font-size:1.3rem}.dashboard-stats-container .stat .icon-container svg{font-size:2.4rem}}@media screen and (max-width:1440px){.page-header{margin-bottom:1.8rem}.page-header .left-content header{font-size:2rem}.search-input input{font-size:1.2rem}}@media screen and (max-width:1200px){.page-header .right-content button{padding:.4rem 1rem;font-size:1.3rem}.page-header{flex-direction:column;gap:2rem}}