body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#171717;--foreground:#fff}body{background:#171717;background:var(--background);color:#fff;color:var(--foreground);font-family:Arial,Helvetica,sans-serif}@layer utilities{.text-balance{text-wrap:balance}}.signin-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}@media (max-width:768px){.signin-container{flex-direction:column;height:auto;padding:20px}}@media (max-width:480px){.signin-container{height:auto;padding:10px}}.background-overlay{background:linear-gradient(159deg,#393c3f,#00000040 59%,#000);height:100%;position:absolute;width:100%;z-index:-1}.signin-box{width:400px}@media (max-width:768px){.signin-box{max-width:350px;width:90%}}@media (max-width:480px){.signin-box{max-width:300px;width:95%}}.signin-title{color:#fff;font-size:30px;font-weight:350;margin-bottom:20px;margin-right:70px}.signin-subtitle{color:#fff;font-size:14px;font-weight:500;margin-bottom:40px;margin-right:70px}@media (max-width:768px){.signin-title{font-size:24px;margin-right:30px}.signin-subtitle{font-size:12px;margin-right:30px}}@media (max-width:480px){.signin-title{font-size:20px;margin-right:10px}.signin-subtitle{font-size:10px;margin-right:10px}}.input-container{margin-bottom:20px;text-align:left}.input-label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:5px}@media (max-width:768px){.input-label{font-size:12px;margin-bottom:4px}}@media (max-width:480px){.input-label{font-size:10px;margin-bottom:3px}.input-container{margin-bottom:15px}}.input-field{background-color:#ffffff0a;background:linear-gradient(#000,#000) padding-box,linear-gradient(-159deg,#393c3f,#00000040,#000,#00000040,#393c3f) border-box;border:1px solid #0000;border-radius:20px;color:#fff;font-size:14px;font-weight:500;padding:10px;width:100%}@media (max-width:768px){.input-field{font-size:12px;padding:8px}}@media (max-width:480px){.input-field{font-size:10px;padding:6px}}.remember-me-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px}.remember-checkbox{margin-right:10px}.remember-label{color:#fff;font-size:12px;font-weight:500}@media (max-width:768px){.remember-label{font-size:11px}}@media (max-width:480px){.remember-label{font-size:10px}.remember-me-container{margin-bottom:15px}}.signin-button{background-color:#393c3f;border:.5px solid #151515;border-radius:12px;color:#fff;cursor:pointer;font-size:10px;font-weight:350;padding:10px;width:100%}@media (max-width:768px){.signin-button{font-size:9px;padding:8px}}.dna-portal-container{display:flex;flex-direction:column;margin-bottom:-28px;max-width:100%;width:992px}@media (max-width:768px){.dna-portal-container{margin-bottom:-20px;width:100%}}@media (max-width:480px){.signin-button{font-size:8px;padding:6px}.dna-portal-container{margin-bottom:-15px}}.header-wrapper{border-radius:20px;display:flex;flex-wrap:wrap;font-family:Avenir,sans-serif;gap:20px;justify-content:space-between;padding:26px 80px 26px 25px;width:100%}@media (max-width:768px){.header-wrapper{gap:15px;padding:20px 40px}.portal-title{font-size:14px}}@media (max-width:480px){.header-wrapper{gap:10px;padding:15px 20px}.portal-title{font-size:12px;letter-spacing:1.5px}}.nav-buttons{color:#fff;display:flex;font-size:10px;font-weight:350;gap:29px;text-align:center}@media (max-width:768px){.nav-buttons{font-size:9px;gap:20px}}@media (max-width:480px){.nav-buttons{font-size:8px;gap:15px}.nav-button{height:20px;padding:0 2px}}.nav-button{border-radius:12px;height:22px;padding:0 3px 0 2px}.button-content,.nav-button{align-items:center;display:flex;justify-content:center}.button-content{gap:4px;margin:auto 0;overflow:hidden}@media (max-width:768px){.button-content{gap:3px}.button-icon{width:10px}.button-text{font-size:9px}}@media (max-width:480px){.button-content{gap:2px}.button-icon{width:8px}.button-text{font-size:8px}}.button-icon{aspect-ratio:1;object-fit:contain;object-position:center;width:11px}.button-icon,.button-text{align-self:stretch;margin:auto 0}.main-content{align-self:center;border-radius:20px;margin:64px 0 0 18px;max-width:100%;padding:32px 28px 341px;width:775px}@media (max-width:768px){.main-content{margin:32px auto;padding:24px;width:90%}.content-wrapper{gap:15px}.admin-section{font-size:12px}}@media (max-width:480px){.main-content{margin:24px 10px;padding:16px}.content-wrapper{gap:10px}.admin-section{font-size:10px;margin-top:10px}}.content-wrapper{display:flex;gap:20px}.admin-section{color:#fff;display:flex;flex-direction:column;font:500 14px/1 Avenir,sans-serif;margin-top:13px;width:100%}.admin-title{align-self:start}@media (max-width:768px){.admin-title{font-size:14px;margin-bottom:10px}.folder-list{gap:15px;margin:40px 0 0 5px}}@media (max-width:480px){.admin-title{font-size:12px}.folder-list{flex-direction:column;gap:10px;margin:30px 0 0 3px}}.folder-list{display:flex;gap:20px;justify-content:space-between;margin:60px 0 0 10px}.folder-items{align-items:start;display:flex;flex-direction:column}.folder-item{display:flex;gap:16px;margin-top:13px}@media (max-width:768px){.folder-item{gap:12px;margin-top:10px}.folder-icon{height:25px;width:25px}}@media (max-width:480px){.folder-items{align-items:center}.folder-item{gap:8px;margin-top:8px}.folder-icon{height:20px;width:20px}}.folder-icon{background-color:#1a1f37;border-radius:12px;box-shadow:0 4px 6px #00000005;display:flex}.icon-image{align-items:center;display:flex;height:24px;justify-items:center;text-align:center;width:24px}@media (max-width:768px){.icon-image{height:20px;width:20px}}@media (max-width:480px){.icon-image{height:18px;width:18px}}.folder-name{margin:auto 0}.error-message{color:red;font-size:12px;margin-bottom:10px}@media (max-width:768px){.folder-name{font-size:12px}}@media (max-width:480px){.folder-name{font-size:10px}}.date-modified{align-self:start}@media (max-width:768px){.date-modified{font-size:12px}.search-section{align-items:flex-end;flex-direction:column}.search-input{margin-bottom:10px;min-height:35px;width:100%}.search-addon{width:32px}}@media (max-width:480px){.search-input{min-height:30px;padding:5px}.search-icon{min-height:18px;padding:2px 4px}.date-modified{font-size:10px}}.search-section{display:flex;flex-direction:column;width:100%}.search-input{align-self:end;background-color:#0f153500;border:1px solid #e2e8f04d;border-radius:15px;justify-content:start;max-width:100%;min-height:40px;width:199px}.search-addon,.search-input{display:flex;overflow:hidden}.search-addon{align-items:center;height:100%;justify-content:center;width:38px}.search-icon{align-items:center;display:flex;gap:5px;justify-content:start;min-height:20px;overflow:hidden;padding:3px 6px}.search-icon,.search-icon-img{align-self:stretch;margin:auto 0}.search-icon-img{aspect-ratio:1;object-fit:contain;object-position:center;width:15px}@media (max-width:768px){.search-icon-img{width:12px}.search-text{font-size:10px;margin:0}}@media (max-width:480px){.search-icon-img{width:10px}.search-text{font-size:9px}}.search-text{color:#a0aec0;display:flex;flex-direction:column;font:400 12px Plus Jakarta Display,-apple-system,Roboto,Helvetica,sans-serif;justify-content:center;margin:auto 0;overflow:hidden}.size-label{align-self:start;color:#fff;font:500 14px/1 Avenir,sans-serif;margin-top:48px}@media (max-width:768px){.size-label{font-size:12px;margin-top:32px}}@media (max-width:480px){.size-label{font-size:10px;margin-top:24px}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:991px){.dna-portal-container{margin-bottom:10px}.header-wrapper{max-width:100%;padding:0 20px}.nav-button{white-space:normal}.main-content{margin-top:40px;padding:0 20px 100px}.content-wrapper{align-items:stretch;flex-direction:column;gap:0}.admin-section,.folder-list,.search-section,.size-label{margin-top:40px}}.admin-panel-container{display:flex;flex-direction:column;height:100vh;position:relative;width:100vw}.admin-panel-background{background:linear-gradient(159deg,#393c3f,#00000040 59%,#000);height:100%;position:absolute;width:100%}.admin-panel-header{align-items:center;-webkit-backdrop-filter:blur(42px);backdrop-filter:blur(42px);background:linear-gradient(#000,#000) padding-box,linear-gradient(-159deg,#393c3f,#00000040,#000,#00000040,#393c3f) border-box;border:1px solid #0000;border-radius:20px;display:flex;height:70px;justify-content:space-between;margin:20px auto;padding:0 20px;position:relative;width:60%}.admin-panel-title{color:#fff;font-size:14px;font-weight:500;letter-spacing:2.52px}.admin-panel-button-container{display:flex;gap:10px}.admin-panel-button{align-items:center;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:350;padding:8px}.admin-panel-main-content{-webkit-backdrop-filter:blur(42px);backdrop-filter:blur(42px);background:linear-gradient(#000,#000) padding-box,linear-gradient(-159deg,#393c3f,#00000040,#000,#00000040,#393c3f) border-box;border:1px solid #0000;border-radius:20px;margin:20px auto;max-width:800px;min-height:700px;padding:20px;width:80%}.admin-panel-admin-input{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-panel-admin{color:#fff;font-family:Avenir;font-size:14px;margin-right:auto}.admin-panel-input-container{display:flex}.admin-panel-input-field{background:#0000;border:.5px solid #e2e8f04d;border-radius:15px;color:#fff;font-family:Avenir;font-size:14px;height:39.5px;outline:none;padding:0 10px;width:100%}.admin-panel-users{display:flex;flex-direction:column;gap:10px;margin-left:77px}.admin-panel-user{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500}.admin-panel-user-icon{align-items:center;background:#1a1f37;border-radius:12px;display:flex;height:30px;justify-content:center;width:30px}.admin-panel-folder-headers{display:flex;justify-content:space-between;margin:20px 0}.admin-panel-folder-header{color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;text-align:center}@media (max-width:768px){.admin-panel-main-content{width:90%}.admin-panel-users{flex-direction:column}.admin-panel-button-container{flex-direction:column;gap:5px}}@media (max-width:480px){.admin-panel-button-text,.admin-panel-input-field,.admin-panel-title,.admin-panel-user-name{font-size:12px}}
/*# sourceMappingURL=main.89dbc925.css.map*/