body{margin:0;padding:0;box-sizing:border-box;font-size:.8rem;color:#2d141c;font-family:Helvetica,sans-serif;max-width:100vw;overflow-x:hidden}.nav{background-color:#0078d4;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.nav .logo{display:flex;align-items:center;gap:1rem}.nav .logo svg{cursor:pointer;font-size:1.5rem}.nav .logo .title{cursor:pointer;font-size:1rem;font-weight:400;margin:0}.nav .search{min-width:40rem;display:none;align-items:center;background:#fff;border-radius:3px;gap:.5rem;padding:.5rem}.nav .search .search-icon{color:#0078d4;font-size:1rem;cursor:pointer}.nav .search .search-control{border:none;outline:none;width:100%;font-size:1.2rem}.nav .search .search-selector{cursor:pointer;display:flex;align-items:center;color:#2d141c;white-space:nowrap}.nav .search .search-selector p{margin:0;padding:0;font-size:1rem}.nav .search .search-selector svg{font-size:1.5rem}.nav .others{display:flex;align-items:center;gap:2rem;padding-right:2rem}.nav .others svg{font-size:1rem;cursor:pointer}.nav .others .user-icon{cursor:pointer;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.7rem;font-weight:500;margin:0;padding:0;border:1px solid red;border-radius:50%;background-color:red}.main{display:flex}.main .sidebar{width:15%;border-right:#ddd 1px solid;min-height:calc(100vh - 3.5rem);display:flex;flex-direction:column;justify-content:space-between}.main .sidebar .search{padding:.7rem 1rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid #ddd}.main .sidebar .search svg{stroke-width:1px;color:#8ca9dc}.main .sidebar .search p{margin:0;cursor:text;white-space:nowrap}.main .sidebar .header{margin:0;margin-top:3rem;color:gray;padding:.3rem 1rem;font-size:.75rem}.main .sidebar ul{list-style:none;padding:0;margin:0}.main .sidebar ul li{display:flex;align-items:center;font-weight:300;padding:.8rem 1rem;cursor:pointer;font-size:.9rem;border-left:4px solid #fff}.main .sidebar ul li svg{margin-right:1rem;font-size:1.2rem}.main .sidebar ul li:first-child,.main .sidebar ul li:hover{border-color:#4d80b3;background-color:#f3f2f1;font-weight:500;color:#4d80b3}.main .sidebar .side-footer{padding:1rem;margin-bottom:3rem}.main .sidebar .side-footer button{border:1px solid #0078d4;font-size:.7rem;height:3rem;width:100%;cursor:pointer;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.main .sidebar .side-footer button i{font-size:1.2rem;color:#0078d4;margin-right:.5rem}.main .sidebar .side-footer p{font-size:.7rem;margin-bottom:1rem}.main .sidebar .side-footer p.link{color:#0078d4;cursor:pointer}.main .main-content{width:100%}.main .main-content .top-header{padding:.15rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;overflow-x:auto}.main .main-content .top-header .ag-1,.main .main-content .top-header .ag-2{display:flex;align-items:center;gap:.1rem}.main .main-content .top-header .ag-1 div,.main .main-content .top-header .ag-2 div{cursor:pointer}.main .main-content .top-header .ag-1 div i:first-child,.main .main-content .top-header .ag-2 div i:first-child{color:#0078d4}.main .main-content .top-header .ag-1{gap:.1rem}.main .main-content .content .title{padding:2rem;font-size:1.2rem;font-weight:300;display:flex;align-items:center;gap:1rem}.main .main-content .content .title svg{font-size:1rem}.main .main-content .content .files{padding:2rem 5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4rem}.main .main-content .content .files .file{display:flex;justify-content:center;align-items:flex-end;background-repeat:no-repeat;background-size:cover;height:10rem;width:10rem;border:1px solid #ddd;border-radius:5px;cursor:pointer;text-align:center}.main .main-content .content .files .file:hover{background-color:#f2f1f0}.main .main-content .content .files .file .caption{background:#fff;width:100%;padding:.4rem .5rem;display:flex;align-items:center;gap:.5rem;border-top:1px solid #ddd}.main .main-content .content .files .file .caption .img{width:.8rem;height:.8rem;object-fit:cover}.main .main-content .content .files .file .caption .title{font-size:.7rem;text-overflow:ellipsis;white-space:nowrap;padding:0;margin:0}.main .main-content .content .files .file .caption .time{font-size:.7rem;padding:0;margin:0}.header-btn{border-radius:5px;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.5rem;color:gray;border:none;background:none;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;overflow-x:auto}.header-btn.primary{background:#0078d4;color:#fff}.header-btn.primary svg{color:#fff}.header-btn.primary svg:first-child{color:#8ca9dc}.header-btn.blue{color:#0078d4}.header-btn svg{font-size:1rem}.header-btn svg:first-child{color:#8ca9dc}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background-color:#000000b3}.modal .main{display:block;position:absolute;top:50%;left:50%;max-width:30rem;background-color:#fff;transform:translate(-50%,-50%)}.modal .main .loading{padding:2rem 1rem 0rem;text-align:center}.modal .main .loading img{width:3rem}.modal .main .loading p{font-size:1.3rem;font-weight:500;color:#0078d4}.modal .main .header{padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.modal .main .header .title{display:flex;align-items:center;font-weight:600}.modal .main .header .title img{width:2rem;margin-right:1rem}.modal .main .header .close{padding:.5rem;cursor:pointer}.modal .main hr{border-top:.3px solid rgba(221,221,221,.334)}.modal .main .content{padding:2rem}.modal .main .content .logo{font-size:1.3rem;font-weight:300;color:#0d49af;display:flex;align-items:center;gap:.3rem;margin:0;padding:0}.modal .main .content .logo svg{font-size:4rem}.modal .main .content .info-text{font-style:italic;font-size:.9rem}.modal .main .content .info-text span{font-weight:700;color:#0078d4}.modal .main .content .error{color:red;content:" ";font-size:.9rem;font-style:italic}.modal .main .content form{margin-top:1rem}.modal .main .content form .form-group{display:grid;grid-template-columns:1fr;margin-bottom:1rem}.modal .main .content form .form-group label{font-size:1.3rem;font-weight:400;margin-bottom:.5rem}.modal .main .content form .form-group .form-control{padding:.5rem 0;border:none;outline:none;border-bottom:#0078d4 1px solid}.modal .main .content form .form-group .form-control:focus{border-bottom:#0d49af 1px solid}.modal .main .content form .info-tint{font-size:.8rem;color:gray;font-style:italic}.modal .main .content form .btn{display:block;text-align:right;margin-top:3rem}.modal .main .content form .btn button{background-color:#0d49af;color:#fff;border:none;height:2.5rem;padding:0 2rem;border-radius:3px;cursor:pointer}.modal .main .content form .btn button:hover{background-color:#0078d4}.modal .main .content form .btn button:disabled{cursor:default;background-color:#0078d4}@media (max-width: 1010px){.nav .search,.main .sidebar{display:none}}@media (max-width: 730px){.nav .others{padding-right:.5rem}.nav .others svg{display:none}.main .main-content .content .title{font-size:1rem;padding:2rem 2rem 1rem;text-align:center}.main .main-content .content .files{padding:2rem;justify-content:center}.modal .main{min-width:90%}}@media (max-width: 380px){.main .main-content .top-header{display:flex}}