.topic{padding:20px 50px;background-color:#b5d7fa;width:80%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar{width:80%;display:flex;justify-content:space-between}.navbar .links{color:#000;display:flex;gap:2rem}.navbar .links a{text-decoration:none;color:#000;font-weight:700}.navbar .links ul{list-style-type:none}.sidebar{padding:10px 0;background-color:#f4f9ff;height:90vh}.sidebar .filter{display:flex;flex-direction:column;gap:1rem;margin:20px 0;width:100px}ul{list-style-type:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#020000cc;z-index:4;display:flex;justify-content:center;align-items:center}.modal-main{position:relative;z-index:4;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#eef1fa;width:35%;border-radius:6px;padding:20px 0}.modal-content .topbar{display:flex;justify-content:space-between;align-items:center;background-color:#eef1fa;padding:15px 0;margin-bottom:10px;border-radius:6px}.modal-content .close{display:flex;justify-content:end}.modal-content button{border-radius:5px;border:1px solid black;width:24px;height:20px;margin-right:70px}.modal-content .heading{padding-left:70px}.add-bug-form{display:flex;flex-direction:column;width:400px;margin:0 auto;background-color:#eef1fa}.add-bug-form #input{width:100%;height:35px;margin:5px 0;padding:20px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.add-bug-form #Priority,.add-bug-form #Status{padding:8px 5px;border-radius:6px}.btn{display:flex;justify-content:end}.btn .submit{background-color:#1e90ff;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;margin-top:10px;margin-bottom:20px;font-size:16px}label{padding:5px 0;font:1em sans-serif;font-weight:lighter}.dropdown{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.dropdown .drop{width:100px}p{color:#f14b4b}*{padding:0;margin:0;font-family:Roboto Flex}.main-bug{display:flex;flex-direction:column;width:100%;margin:0 auto;background-color:#f4f9ff}.main-bug .nav{background-color:#b5d7fa}.main-bug .body-wrap{width:80%;display:flex;flex-direction:row;padding:0 20px;margin:0 auto;background-color:#f4f9ff}.main-bug .body-wrap .sidebar{flex-grow:1}.main-bug .body-wrap .buglist{flex-basis:85%}.main-bug .body-wrap .buglist .buglist-top{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:0 10px}.main-bug .body-wrap .buglist .buglist-top .right{display:flex;justify-content:space-between;gap:2rem}.main-bug .body-wrap .buglist .buglist-top .right .search{padding:5px 20px;border-radius:10px;border:none;width:200px;font-size:16px}.main-bug .body-wrap .buglist .buglist-top .button{padding:10px 15px;border:none;border-radius:6px;font-size:15px;font-weight:700;background-color:#1e90ff;cursor:pointer;color:#fff}.main-bug .body-wrap .buglist .pop-up{position:fixed;top:20%;left:30%;height:50%;width:50%;z-index:1;background-color:#f2f2f2;border:.5px solid gray;border-radius:6px;padding:0 25px}.main-bug .body-wrap .table-main{width:100%;margin:10px;border-collapse:collapse;text-align:left;padding:0 40px}.main-bug .body-wrap .table-main tr:hover{background-color:#fff}.main-bug .body-wrap .table-main th{background-color:#e9f3ff;padding:12px 10px;font-size:16px}.main-bug .body-wrap .table-main td{padding:10px 0 10px 20px;font-size:14px;transition:.4s}.main-bug .body-wrap .table-main td:hover{padding:15px 0 15px 20px;font-size:14px}.main-bug .body-wrap .table-main .icons{display:flex;gap:1rem;justify-content:left;border:none}.main-bug .body-wrap .table-main .icons .edit-icon{border:none;border-radius:40px;transition:.3s}.main-bug .body-wrap .table-main .icons .edit-icon .fa-file-pen{color:#7c8bb5}.main-bug .body-wrap .table-main .icons .edit-icon:hover{cursor:pointer}.main-bug .body-wrap .table-main .icons .delete-icon{border:none;border-radius:40px;transition:.3s}.main-bug .body-wrap .table-main .icons .delete-icon .fa-trash{color:#6b7ca1}.main-bug .body-wrap .table-main .icons .delete-icon:hover{cursor:pointer}.content{display:flex;flex-direction:column;gap:5rem;background-color:#f4f9ff;height:100vh}.content .nav{background-color:#b5d7fa;width:100%;margin:0 auto}.main{display:flex;width:80%;margin:0 auto;justify-content:center}.main .sidebar{flex-grow:1;height:50vh}.main .chart{flex-basis:100%;display:flex;justify-content:space-evenly;align-content:center;height:60vh}.main .chart .bar{height:400px;width:300px}.main .chart .pie{height:300px;width:300px}.display{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;width:80%;text-align:center;padding:0 20px;font-size:18px;font-weight:700}.all{display:flex;flex-direction:column;gap:1rem}.high{background-color:#eb8388;padding:20px 60px;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.medium{background-color:#a9d9ed;padding:20px 60px;border-radius:8px;display:flex;flex-direction:column;gap:1rem}.low{background-color:#b1efde;padding:20px 60px;border-radius:8px;display:flex;flex-direction:column;gap:1rem}body{margin:0;padding:0}